html{scroll-behavior:smooth}
body{font-family:"Helvetica Neue",Inter,-apple-system,Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.6}
.narrow{max-width:760px}
.nav-links a:hover{color:var(--navy)}
.phead{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-deep) 100%);color:#fff}
.phead .wrap{padding:64px 24px 52px}
.eyebrow{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:16px}
.phead h1{font-size:clamp(2rem,4.4vw,3rem);font-weight:300;letter-spacing:-.01em;line-height:1.1}
.phead h1 b{font-weight:700;color:var(--gold)}
.promise{font-size:1.18rem;color:#cfe0ea;margin-top:18px;max-width:52ch;border-left:3px solid var(--gold);padding-left:16px}
section{padding:48px 0}
h2{font-size:1.5rem;font-weight:700;color:var(--navy);letter-spacing:-.01em;margin:0 0 14px}
p{margin-bottom:16px}
.lead{font-size:1.08rem}
ol,ul{margin:0 0 16px 22px}
li{margin-bottom:8px}
.meta{font-size:.9rem;color:var(--dim);font-weight:600;margin-bottom:14px}
.meta b{color:var(--navy)}
.flip{background:#fff;border:1px solid var(--line);border-radius:13px;padding:24px;margin-top:8px}
.pills{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:8px}
.pill{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:22px}
.pill h3{font-size:1.02rem;color:var(--navy);margin-bottom:6px}
.pill p{color:var(--dim);font-size:.93rem;margin-bottom:0}
.tba{display:inline-block;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--gold-deep);background:#fff6e6;border:1px solid #f3d690;border-radius:999px;padding:4px 12px;margin-bottom:12px}
.todo{font-size:.82rem;color:var(--dim);font-style:italic;margin-top:8px}
.ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px}
.btn{display:inline-block;padding:11px 20px;border-radius:9px;font-weight:700;font-size:.93rem;cursor:pointer;border:0;font-family:inherit}
.btn-gold{background:var(--gold);color:#1c1303}
.btn-gold:hover{background:var(--gold-deep);color:#1c1303}
.btn-navy{background:var(--navy);color:#fff}
.btn-navy:hover{background:var(--navy-deep);color:var(--gold)}
.btn-ghost{border:1px solid var(--line);color:var(--navy);background:transparent}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold-deep)}
footer{background:var(--navy-deep);color:#9fb3bf;padding:48px 0;font-size:.9rem}
.gw-scope{ --gw-color-surface-page:#f3f5f8;--gw-color-surface-window:#fff;--gw-color-surface-chrome:#e9edf2; --gw-color-surface-border:#d8dee9;--gw-color-surface-border-thick:#0b1220; --gw-color-text-default:#0b1220;--gw-color-text-muted:#5b6472;--gw-color-text-on-action:#fff;--gw-color-text-link:#1769a8; --gw-color-l0-bg:#fff7e6;--gw-color-l0-border:#f3d690;--gw-color-l0-text:#7a5200; --gw-color-verify-verified-bg:#f0f9f4;--gw-color-verify-verified-line:#cfe9da;--gw-color-verify-verified-text:#12603b; --gw-color-verify-failed-bg:#fdecec;--gw-color-verify-failed-line:#f3b4b4;--gw-color-verify-failed-text:#a01f1f; --gw-color-verify-pending-bg:#f2f4f7;--gw-color-verify-pending-line:#d8dee9;--gw-color-verify-pending-text:#5b6472; --gw-color-tab-active-text:#0b1220;--gw-color-tab-active-indicator:#0b1220;--gw-color-tab-inactive-text:#5b6472; --gw-color-tab-hover-text:#0b1220;--gw-color-tab-hover-bg:#f2f4f7;--gw-color-tab-focus-ring:#1a73e8; --gw-color-action-enter-bg:#0b1220;--gw-color-action-enter-bg-hover:#1c2740;--gw-color-action-enter-bg-active:#060a14; --gw-color-action-enter-bg-disabled:#aeb6c2;--gw-color-action-enter-text:#fff;--gw-color-action-enter-text-disabled:#eef1f5;--gw-color-action-enter-focus-ring:#1a73e8; --gw-font-family-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--gw-font-family-mono:ui-monospace,SFMono-Regular,Menlo,monospace; --gw-font-size-caption:11px;--gw-font-size-small:12.5px;--gw-font-size-body:15px;--gw-font-size-h1:20px; --gw-spacing-1:4px;--gw-spacing-2:6px;--gw-spacing-3:9px;--gw-spacing-4:12px;--gw-spacing-5:14px;--gw-spacing-6:18px;--gw-spacing-7:20px;--gw-spacing-8:24px; --gw-radius-lg:9px;--gw-radius-window:12px;--gw-border-hairline:1px;--gw-border-medium:2px;--gw-border-gateway:6px; --gw-motion-duration-instant:0ms;--gw-motion-duration-fast:120ms;--gw-motion-easing-standard:cubic-bezier(0.2,0,0,1); }
.gw-page{background:var(--gw-color-surface-page);border-radius:var(--gw-radius-window);padding:28px;display:flex;justify-content:center}
.window{width:620px;max-width:100%;background:var(--gw-color-surface-window);color:var(--gw-color-text-default);font-family:var(--gw-font-family-sans);font-size:var(--gw-font-size-body);line-height:1.45}
.window--gateway{border:var(--gw-border-gateway) solid var(--gw-color-surface-border-thick);border-radius:var(--gw-radius-window);overflow:hidden;box-shadow:0 12px 40px rgba(11,18,32,.12)}
.chrome{background:var(--gw-color-surface-chrome);border-bottom:var(--gw-border-hairline) solid var(--gw-color-surface-border);padding:var(--gw-spacing-3) var(--gw-spacing-4);display:flex;align-items:center;gap:var(--gw-spacing-3)}
.chrome__dots{display:flex;gap:5px}
.dot{width:10px;height:10px;border-radius:50%}
.dot--r{background:#ff5f57}
.dot--y{background:#febc2e}
.dot--g{background:#28c840}
.addr{font-size:var(--gw-font-size-caption);color:var(--gw-color-text-muted);font-family:var(--gw-font-family-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.head{padding:var(--gw-spacing-4) var(--gw-spacing-5);display:flex;align-items:center;gap:var(--gw-spacing-4);border-bottom:var(--gw-border-hairline) solid var(--gw-color-surface-border)}
.icon0pn{flex:0 0 auto;width:38px;height:38px;border-radius:9px;border:var(--gw-border-medium) solid var(--gw-color-surface-border-thick);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;letter-spacing:.3px}
.head__titles{flex:1 1 auto;min-width:0}
.head__title{font-size:var(--gw-font-size-h1);font-weight:800;line-height:1.2;margin:0}
.head__sub{font-size:var(--gw-font-size-small);color:var(--gw-color-text-muted)}
.chip--l0{flex:0 0 auto;background:var(--gw-color-l0-bg);border:var(--gw-border-hairline) solid var(--gw-color-l0-border);color:var(--gw-color-l0-text);border-radius:var(--gw-radius-lg);padding:4px 10px;font-size:var(--gw-font-size-caption);font-weight:700;cursor:help}
.tabs{display:flex;gap:var(--gw-spacing-2);border-bottom:var(--gw-border-hairline) solid var(--gw-color-surface-border);padding:0 var(--gw-spacing-5);overflow-x:auto}
.tab{flex:0 0 auto;position:relative;background:transparent;border:0;font-family:inherit;font-size:var(--gw-font-size-small);color:var(--gw-color-tab-inactive-text);padding:var(--gw-spacing-3) var(--gw-spacing-4);cursor:pointer;transition:background var(--gw-motion-duration-fast) var(--gw-motion-easing-standard),color var(--gw-motion-duration-fast) var(--gw-motion-easing-standard)}
.tab:hover{color:var(--gw-color-tab-hover-text);background:var(--gw-color-tab-hover-bg)}
.tab[aria-selected="true"]{color:var(--gw-color-tab-active-text);font-weight:700}
.tab[aria-selected="true"]::after{content:"";position:absolute;left:var(--gw-spacing-2);right:var(--gw-spacing-2);bottom:-1px;height:2px;background:var(--gw-color-tab-active-indicator)}
.tab:focus-visible{outline:2px solid var(--gw-color-tab-focus-ring);outline-offset:2px}
.panel{padding:var(--gw-spacing-5)}
.panel[hidden]{display:none}
.rows{display:grid;grid-template-columns:auto 1fr;gap:var(--gw-spacing-2) var(--gw-spacing-5);align-items:baseline}
.row-k{font-size:var(--gw-font-size-caption);letter-spacing:.6px;text-transform:uppercase;color:var(--gw-color-text-muted);font-weight:700}
.row-v{font-size:var(--gw-font-size-small);word-break:break-word}
.row-v code,.mono{font-family:var(--gw-font-family-mono);font-size:12px}
.note-inline{font-size:var(--gw-font-size-caption);color:var(--gw-color-l0-text);margin-top:2px}
.field-label{display:block;font-size:var(--gw-font-size-small);font-weight:700;margin:var(--gw-spacing-4) 0 4px}
.field-input{width:100%;font-family:inherit;font-size:var(--gw-font-size-body);padding:10px 12px;border:var(--gw-border-hairline) solid var(--gw-color-surface-border);border-radius:var(--gw-radius-lg);background:#fff;color:var(--gw-color-text-default)}
.field-input:focus-visible{outline:2px solid var(--gw-color-tab-focus-ring);outline-offset:1px}
.toggle-row{display:flex;align-items:flex-start;gap:10px;margin-top:var(--gw-spacing-4)}
.toggle-row input{margin-top:3px;width:18px;height:18px;flex:0 0 auto}
.toggle-row label{font-size:var(--gw-font-size-small);line-height:1.4}
.toggle-row .sub{display:block;color:var(--gw-color-text-muted);font-size:var(--gw-font-size-caption)}
.foot{border-top:var(--gw-border-hairline) solid var(--gw-color-surface-border);padding:var(--gw-spacing-5);display:flex;flex-direction:column;gap:var(--gw-spacing-3)}
.foot__note{font-size:var(--gw-font-size-caption);color:var(--gw-color-text-muted)}
.btn--enter{align-self:flex-start;background:var(--gw-color-action-enter-bg);color:var(--gw-color-action-enter-text);border:0;font-family:inherit;font-weight:700;font-size:var(--gw-font-size-body);padding:var(--gw-spacing-3) var(--gw-spacing-6);border-radius:var(--gw-radius-lg);cursor:pointer;transition:background var(--gw-motion-duration-fast) var(--gw-motion-easing-standard)}
.dp-meta{margin:var(--gw-spacing-4) 0}
.dp-h{font-size:var(--gw-font-size-body);font-weight:800;margin:var(--gw-spacing-5) 0 var(--gw-spacing-3);color:var(--gw-color-text-default)}
.dp-map{display:flex;flex-direction:column;gap:var(--gw-spacing-3)}
.dp-row{display:grid;grid-template-columns:180px 1fr;gap:var(--gw-spacing-1) var(--gw-spacing-5);padding-bottom:var(--gw-spacing-3);border-bottom:var(--gw-border-hairline) solid var(--gw-color-surface-border)}
@media(max-width:520px){.dp-row{grid-template-columns:1fr}}
.dp-field{font-size:var(--gw-font-size-small);font-weight:700}
.dp-purpose{font-size:var(--gw-font-size-small);color:var(--gw-color-text-muted)}
.dp-req{display:inline-block;margin-left:6px;font-size:10px;font-weight:700;border-radius:6px;padding:1px 7px;background:#fdecec;border:1px solid #f3b4b4;color:#a01f1f}
.dp-opt{display:inline-block;margin-left:6px;font-size:10px;font-weight:700;border-radius:6px;padding:1px 7px;background:#eef2f7;border:1px solid #d8dee9;color:#41506a}
.dp-actions{display:flex;flex-wrap:wrap;gap:var(--gw-spacing-3);margin-top:var(--gw-spacing-5)}
.dp-btn{display:inline-block;font-family:inherit;font-weight:700;font-size:var(--gw-font-size-small);padding:var(--gw-spacing-3) var(--gw-spacing-5);border-radius:var(--gw-radius-lg);text-decoration:none;cursor:pointer;border:var(--gw-border-hairline) solid var(--gw-color-action-enter-bg)}
.dp-btn--primary{background:var(--gw-color-action-enter-bg);color:var(--gw-color-action-enter-text)}
.dp-btn--primary:hover{background:var(--gw-color-action-enter-bg-hover);border-color:var(--gw-color-action-enter-bg-hover)}
.dp-btn:focus-visible{outline:2px solid var(--gw-color-tab-focus-ring);outline-offset:2px}
.dp-rights{display:inline-block;margin-top:var(--gw-spacing-4);font-weight:700;font-size:var(--gw-font-size-small);color:var(--gw-color-text-link);text-decoration:underline}
.dp-rights:focus-visible{outline:2px solid var(--gw-color-tab-focus-ring);outline-offset:2px}
.btn--enter:hover{background:var(--gw-color-action-enter-bg-hover)}
.btn--enter:active{background:var(--gw-color-action-enter-bg-active);transform:translateY(1px)}
.btn--enter:focus-visible{outline:2px solid var(--gw-color-action-enter-focus-ring);outline-offset:2px}
.btn--enter[aria-disabled="true"]{background:var(--gw-color-action-enter-bg-disabled);color:var(--gw-color-action-enter-text-disabled);cursor:not-allowed}
.reveal{margin:var(--gw-spacing-5) var(--gw-spacing-5) 0;padding-top:var(--gw-spacing-5);border-top:var(--gw-border-hairline) solid var(--gw-color-surface-border)}
.reveal__toggle{background:transparent;border:var(--gw-border-hairline) solid var(--gw-color-surface-border);color:var(--gw-color-text-default);font-family:inherit;font-weight:700;font-size:var(--gw-font-size-small);padding:var(--gw-spacing-3) var(--gw-spacing-5);border-radius:var(--gw-radius-lg);cursor:pointer}
.reveal__toggle:hover{background:var(--gw-color-tab-hover-bg)}
.reveal__note{font-size:var(--gw-font-size-caption);color:var(--gw-color-text-muted);margin-top:var(--gw-spacing-3);line-height:1.5}
.reveal__out{margin-top:var(--gw-spacing-4)}
.reveal__legend{font-size:var(--gw-font-size-caption);color:var(--gw-color-text-muted);margin-bottom:var(--gw-spacing-4);line-height:1.5}
.reveal__legend b{color:var(--gw-color-text-default)}
.rvrow{display:grid;grid-template-columns:1fr auto;gap:var(--gw-spacing-1) var(--gw-spacing-4);padding:var(--gw-spacing-3) 0;border-bottom:var(--gw-border-hairline) solid var(--gw-color-surface-border)}
.rvrow__k{font-weight:700;font-size:var(--gw-font-size-small)}
.rvrow__v{font-size:var(--gw-font-size-small);color:var(--gw-color-text-muted);font-family:var(--gw-font-family-mono);word-break:break-word;grid-column:1/-1;margin-top:2px}
.rvtags{display:flex;gap:var(--gw-spacing-2);flex-wrap:wrap;align-items:center;justify-self:end}
.rvtag{font-size:10px;font-weight:700;letter-spacing:.03em;border-radius:6px;padding:2px 7px;white-space:nowrap}
.rvtag--pii{background:#fdecec;border:1px solid #f3b4b4;color:#a01f1f}
.rvtag--nonpii{background:#eef2f7;border:1px solid #d8dee9;color:#41506a}
.rvtag--signal{background:#eef4ff;border:1px solid #c7d9f7;color:#1a4b8f}
.rvtag--meta{background:#fff7e6;border:1px solid #f3d690;color:#7a5200}
.rvbanner{border-radius:var(--gw-radius-lg);padding:var(--gw-spacing-3) var(--gw-spacing-4);font-size:var(--gw-font-size-small);margin-bottom:var(--gw-spacing-4)}
.rvbanner--on{background:#f0f9f4;border:1px solid #cfe9da;color:#12603b}
.rvbanner--off{background:#f2f4f7;border:1px solid #d8dee9;color:#5b6472}
.rchip{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.02em;border-radius:6px;padding:3px 9px}
.rchip--yes{background:#f0f9f4;border:1px solid #cfe9da;color:#12603b}
.rchip--no{background:#f2f4f7;border:1px solid #d8dee9;color:#5b6472}
.src{padding:var(--gw-spacing-3) var(--gw-spacing-5);border-top:var(--gw-border-hairline) solid var(--gw-color-surface-border);font-size:var(--gw-font-size-caption);color:var(--gw-color-text-muted);font-family:var(--gw-font-family-mono)}
.src[data-state="live"]{color:var(--gw-color-verify-verified-text)}
.verify-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--gw-radius-lg);font-size:var(--gw-font-size-small);font-weight:600;margin:var(--gw-spacing-4) 0}
.verify-chip[data-state="verified"]{background:var(--gw-color-verify-verified-bg);border:1px solid var(--gw-color-verify-verified-line);color:var(--gw-color-verify-verified-text)}
.verify-chip[data-state="failed"]{background:var(--gw-color-verify-failed-bg);border:1px solid var(--gw-color-verify-failed-line);color:var(--gw-color-verify-failed-text)}
.verify-chip[data-state="pending"]{background:var(--gw-color-verify-pending-bg);border:1px solid var(--gw-color-verify-pending-line);color:var(--gw-color-verify-pending-text)}
.receipt__id{font-family:var(--gw-font-family-mono);font-size:var(--gw-font-size-small);word-break:break-all;background:#f7f9fc;border:1px solid var(--gw-color-surface-border);border-radius:var(--gw-radius-lg);padding:10px 12px;margin-bottom:var(--gw-spacing-4)}
.receipt__download{display:flex;flex-direction:column;gap:8px;margin-top:var(--gw-spacing-4)}
.receipt__download .sub{font-size:var(--gw-font-size-caption);color:var(--gw-color-text-muted)}
.embed-box{width:100%;font-family:var(--gw-font-family-mono);font-size:11px;padding:10px;border:1px solid var(--gw-color-surface-border);border-radius:var(--gw-radius-lg);background:#f7f9fc;resize:vertical;min-height:64px}
.receipt__note{font-size:var(--gw-font-size-caption);color:var(--gw-color-text-muted);margin-top:var(--gw-spacing-4);border-top:1px dashed var(--gw-color-surface-border);padding-top:var(--gw-spacing-4)}
.step-dots{display:flex;gap:6px;padding:0 var(--gw-spacing-5) 0;margin-top:var(--gw-spacing-3)}
.step-dots span{flex:1;height:4px;border-radius:2px;background:var(--gw-color-surface-border)}
.step-dots span.on{background:var(--gw-color-action-enter-bg)}
@media(max-width:560px){ .gw-page{padding:0} .window--gateway{width:100%;border-left:0;border-right:0;border-radius:0} .btn--enter{align-self:stretch;text-align:center} }
@media(prefers-reduced-motion:reduce){ .tab,.btn--enter{transition-duration:var(--gw-motion-duration-instant)} }