@font-face {
  font-family:'JetBrains Mono';
  src:url('fonts/jetbrains-mono-latin-var.woff2') format('woff2');
  font-style:normal;
  font-weight:100 800;
  font-display:swap;
}
:root {
  color-scheme:dark;
  --paper:#101110;
  --surface:#171917;
  --raised:#20231f;
  --ink:#f5f3eb;
  --muted:#b5b9b0;
  --line:#363c34;
  --field-border:#747e6c;
  --lemon:#e8f87a;
  --coral:#ff7956;
  --pink:#ffa7cf;
  --action-ink:#14180c;
  --good:#b9ef94;
  --danger:#ffaaa0;
  --radius:8px;
  --sans:-apple-system,BlinkMacSystemFont,system-ui,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --display:var(--sans);
  --mono:'JetBrains Mono',ui-monospace,monospace;
  --ease:cubic-bezier(.22,1,.36,1);
  --scroll-thumb:#707868;
  --scroll-hover:#a9b19e;
}
* { box-sizing:border-box; scrollbar-color:var(--scroll-thumb) var(--paper); scrollbar-width:thin; }
*::-webkit-scrollbar { width:10px; height:10px; }
*::-webkit-scrollbar-track { background:var(--paper); }
*::-webkit-scrollbar-thumb { background:var(--scroll-thumb); border:2px solid var(--paper); border-radius:5px; }
*::-webkit-scrollbar-thumb:hover { background:var(--scroll-hover); }
*::-webkit-scrollbar-thumb:active { background:var(--lemon); }
html { scroll-behavior:smooth; scroll-padding-top:30px; scrollbar-gutter:stable; }
body { margin:0; background:var(--paper); color:var(--ink); font:16px/1.6 var(--sans); -webkit-font-smoothing:antialiased; }
h1,h2,h3,p,figure,dl,dd { margin:0; }
h1,h2,h3 { font-family:var(--display); font-weight:800; font-optical-sizing:auto; letter-spacing:-.05em; }
a { color:inherit; text-decoration:none; }
button,input,textarea { font:inherit; }
button,a,input,textarea { touch-action:manipulation; }
button { cursor:pointer; }
button:disabled { cursor:default; opacity:.6; }
img { display:block; max-width:100%; }
svg { width:22px; height:22px; flex:none; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
code { font-family:var(--mono); font-size:.9em; }
[hidden] { display:none!important; }
:focus-visible { outline:3px solid var(--lemon); outline-offset:5px; }
::selection { color:var(--action-ink); background:var(--pink); }
.wrap { width:min(1320px,calc(100% - 96px)); margin-inline:auto; }
.visually-hidden,.form-trap { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.skip { position:fixed; top:-100px; left:16px; z-index:10; background:var(--lemon); color:var(--action-ink); padding:14px; }
.skip:focus { top:16px; }
.coral { color:var(--coral); }
.lemon { color:var(--lemon); }
.pink { color:var(--pink); }
.masthead { min-height:108px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.brand,.preview-brand { display:inline-flex; align-items:center; gap:10px; font:750 36px/1 var(--display); letter-spacing:-.055em; flex-shrink:0; }
.brand-mark { width:1.6em; height:1em; flex:none; }
.masthead nav { display:flex; align-items:center; gap:36px; font-size:14px; font-weight:550; }
.masthead nav>a:not(.button):hover { color:var(--lemon); }
.button { display:inline-flex; justify-content:center; align-items:center; gap:20px; min-height:54px; padding:14px 24px; border:1px solid transparent; border-radius:var(--radius); background:var(--lemon); color:var(--action-ink); font-size:15px; font-weight:750; line-height:1.4; transition:background .2s,transform .2s var(--ease); }
.button:hover:not(:disabled) { background:#f1ffa1; }
.button:active:not(:disabled) { transform:translateY(2px); }
.text-link,.text-button { display:inline-flex; align-items:center; gap:12px; font-weight:600; text-decoration:underline; text-underline-offset:6px; text-decoration-thickness:1px; }
.text-link:hover,.text-button:hover { color:var(--lemon); }
.hero { position:relative; isolation:isolate; display:grid; grid-template-columns:1fr 1.12fr; gap:0; align-items:center; min-height:740px; padding:64px 0 34px; }
.hero-contours { position:absolute; z-index:-1; pointer-events:none; inset:-108px -48px 0; width:calc(100% + 96px); height:calc(100% + 108px); stroke-width:.7; stroke:#75806b; opacity:.24; overflow:hidden; mask-image:linear-gradient(90deg,transparent 15%,#000 55%,#000 80%,transparent),linear-gradient(0deg,transparent,#000 16%,#000 80%,transparent); mask-composite:intersect; }
.contour-field { transform-origin:70% 50%; }
.hero-copy { position:relative; z-index:1; }
.hero-opening { color:var(--muted); font-size:17px; margin-bottom:20px; }
.hero h1 { font-size:clamp(55px,6.5vw,96px); line-height:1.04; }
.hero h1 span { display:block; }
.hero-lede { max-width:510px; color:var(--muted); font-size:18px; line-height:1.7; margin:30px 0; }
.hero-actions { display:flex; align-items:center; gap:28px; }
.hero-art { position:relative; margin:0 -18px 0 0; min-width:0; }
.portfolio-sculpture { display:block; width:100%; height:auto; aspect-ratio:720/660; overflow:visible; stroke:none; stroke-width:1; }
.portfolio-sculpture .scene-tracks { fill:none; stroke:#52594a; stroke-width:2; }
.signal { stroke-dasharray:8 92; stroke-dashoffset:100; stroke-width:3; }
.signal-coral { stroke:var(--coral); }
.signal-pink { stroke:var(--pink); }
.signal-lemon { stroke:var(--lemon); }
.hub-orbit { fill:none; stroke:var(--lemon); stroke-width:2; stroke-dasharray:10 90; }
.tile-mark { fill:#32291f; stroke:none; text-anchor:middle; font:750 27px var(--sans); }
.scene-labels { fill:var(--ink); stroke:none; font:600 17px var(--sans); }
.scene-labels .scene-caption { fill:var(--muted); font-size:13px; font-weight:400; }
.scene-labels .hub-label { fill:var(--lemon); font-size:21px; letter-spacing:-.7px; }
.label-leader,.label-tick { fill:none; stroke:#737e64; stroke-width:1; }
.hero-art>figcaption { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px; color:var(--ink); font-size:12px; }
.hero-art>figcaption .sample-label { flex-basis:100%; text-align:center; font-size:10px; }
.scene-caption-dot { width:5px; height:5px; border-radius:50%; background:var(--lemon); }
.scene-legend { display:none; }
.hero-bottom { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:24px; padding-top:46px; }
.scroll-cue { display:flex; align-items:center; gap:12px; min-height:44px; color:var(--muted); font-size:12px; }
.scroll-cue>span { display:grid; place-items:center; width:28px; height:36px; border:1px solid var(--line); border-radius:20px; color:var(--lemon); }
.scroll-cue:hover { color:var(--ink); }
.motion-toggle { display:flex; align-items:center; justify-content:center; gap:8px; min-height:44px; min-width:132px; padding:10px 12px; color:var(--muted); background:var(--paper); border:1px solid var(--line); border-radius:24px; font-size:11px; }
.motion-toggle svg { width:16px; height:16px; }
.motion-toggle:hover { color:var(--ink); border-color:var(--muted); }
.motion-toggle:active { background:var(--raised); }
.motion-toggle[aria-pressed=true] { color:var(--lemon); border-color:var(--lemon); }
.section-kicker { display:flex; align-items:center; gap:20px; margin-bottom:32px; font-size:11px; color:var(--ink); }
.section-kicker::after { content:''; height:1px; background:var(--line); flex:1; order:1; }
.section-kicker>span { order:2; color:var(--muted); }

.registrar-strip { border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:30px 0; display:grid; grid-template-columns:280px 1fr; gap:40px; align-items:center; }
.registrar-strip p { font-family:var(--display); font-size:21px; font-weight:650; letter-spacing:-.025em; line-height:1.3; }
.registrar-strip ul { display:flex; flex-wrap:wrap; list-style:none; margin:0; padding:0; gap:10px; font-size:14px; }
.registrar-strip li { --registrar-color:var(--lemon); display:inline-flex; align-items:center; gap:9px; padding:9px 13px; border:1px solid var(--registrar-color); border-color:color-mix(in srgb,var(--registrar-color) 30%,var(--paper)); border-radius:7px; background:var(--surface); background:color-mix(in srgb,var(--registrar-color) 7%,var(--paper)); color:var(--registrar-color); font-weight:550; white-space:nowrap; }
.registrar-strip li:nth-child(4n+2) { --registrar-color:var(--coral); }
.registrar-strip li:nth-child(4n+3) { --registrar-color:var(--pink); }
.registrar-strip li:nth-child(4n) { --registrar-color:var(--good); }
.registrar-strip li::before { content:''; width:5px; height:5px; border-radius:50%; background:currentColor; flex:none; }
.product-section,.accounts-section { padding-top:120px; }
.section-heading { display:grid; grid-template-columns:1.25fr 1fr; gap:60px; align-items:end; margin-bottom:44px; }
.section-heading h2 { font-size:clamp(45px,6.4vw,92px); line-height:.98; }
.section-heading>p { max-width:430px; margin:0 0 7px auto; font-size:21px; line-height:1.6; color:var(--muted); }
.product-screen { background:var(--surface); border:1px solid var(--line); border-radius:12px; overflow:hidden; box-shadow:0 24px 48px -30px #000; }
.screen-top { min-height:80px; display:flex; align-items:center; border-bottom:1px solid var(--line); padding-right:26px; gap:26px; }
.preview-brand { padding-left:22px; width:184px; font-size:25px; gap:7px; }
.screen-title { font-family:var(--display); font-size:23px; font-weight:650; letter-spacing:-.03em; }
.sample-label { display:block; color:var(--muted); font-size:12px; font-weight:500; letter-spacing:0; }
.screen-top>.sample-label { margin-left:auto; }
.screen-body { display:grid; grid-template-columns:184px minmax(0,1fr); }
.preview-rail { border-right:1px solid var(--line); padding:22px 12px; display:flex; flex-direction:column; gap:12px; }
.rail-item { display:flex; gap:12px; align-items:center; padding:12px 10px; border-radius:6px; color:var(--muted); font-size:13px; }
.rail-item.selected { background:#2b301b; color:var(--lemon); }
.rail-item svg { width:20px; height:20px; }
.rail-foot { margin-top:auto; padding:30px 10px 8px; font-size:11px; color:var(--muted); }
.preview-main { min-width:0; padding:24px 24px 0; }
.preview-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:14px; margin-bottom:24px; }
.preview-filters { display:flex; flex-wrap:wrap; gap:8px; }
.preview-filters button { display:flex; align-items:center; gap:8px; padding:11px 12px; min-height:44px; border:1px solid var(--field-border); border-radius:6px; background:transparent; color:var(--ink); font-size:12px; white-space:nowrap; }
.preview-filters button:hover:not(:disabled) { background:var(--raised); }
.preview-filters button[aria-pressed=true] { border-color:var(--lemon); color:var(--lemon); background:#252a18; }
.preview-filters button span { display:grid; place-items:center; width:19px; height:19px; border-radius:50%; background:var(--coral); color:var(--action-ink); font-weight:800; font-size:10px; }
.preview-filters button[data-filter=attention] span { background:var(--pink); }
.search { display:flex; align-items:center; gap:8px; min-width:180px; flex:1; max-width:280px; margin-left:auto; padding-left:12px; border:1px solid var(--field-border); border-radius:6px; color:var(--muted); }
.search>svg { width:17px; height:17px; }
.search input { width:100%; min-width:0; padding:11px 0; background:transparent; border:0; color:var(--ink); font-size:13px; line-height:20px; }
.search input::-webkit-search-cancel-button { appearance:none; }
.search:focus-within { outline:2px solid var(--lemon); outline-offset:3px; }
.search input:focus-visible { outline:0; }
.search button { width:40px; min-width:40px; height:42px; display:grid; place-items:center; background:transparent; color:var(--ink); border:0; border-radius:5px; }
.search button:hover { background:var(--raised); }
.table-scroll { min-height:364px; overflow-x:auto; scrollbar-gutter:stable; }
.domain-table { width:100%; min-width:700px; border-collapse:collapse; text-align:left; font-size:13px; white-space:nowrap; }
.domain-table th { color:var(--muted); font-weight:500; font-size:11px; padding:4px 14px 14px; }
.domain-table td { padding:16px 14px; border-top:1px solid var(--line); height:64px; }
.domain-table th:first-child,.domain-table td:first-child { padding-left:0; }
.domain-table th:last-child,.domain-table td:last-child { padding-right:0; }
.domain-table code { color:var(--ink); font-weight:600; font-size:12px; }
.domain-table tbody tr:hover { background:var(--raised); }
.row-sub { display:block; color:var(--muted); font-size:10px; margin-top:3px; }
.expiry-soon { color:var(--coral); font-weight:650; }
.health { display:inline-flex; align-items:center; gap:7px; white-space:nowrap; font-size:11px; }
.health::before { content:''; display:block; width:6px; height:6px; border-radius:50%; background:currentColor; }
.health.good { color:var(--good); }
.health.caution { color:var(--pink); }
.renew-state { color:var(--muted); }
.renew-state.is-on { color:var(--ink); }
.preview-empty { padding:40px 12px; color:var(--muted); font-size:14px; }
.screen-foot { display:flex; justify-content:space-between; gap:16px; border-top:1px solid var(--line); padding:16px 0; color:var(--muted); font-size:10px; }
.product-figure>figcaption { margin-top:18px; color:var(--muted); font-size:12px; }
.story-section { padding-top:130px; }
.story-layout { display:grid; grid-template-columns:1fr 1.15fr; gap:72px; align-items:center; }
.story-copy h2 { font-size:clamp(42px,4.8vw,68px); line-height:1.02; }
.story-copy>p { margin:24px 0 30px; color:var(--muted); max-width:360px; font-size:16px; }
.story-steps { display:grid; }
.story-steps button { display:flex; align-items:center; gap:18px; width:100%; min-height:94px; padding:20px 6px; border:0; border-top:1px solid var(--line); background:transparent; color:var(--muted); text-align:left; transition:color .25s,background .25s; }
.story-steps button:last-child { border-bottom:1px solid var(--line); }
.story-steps button>span:nth-child(2) { flex:1; }
.story-steps strong { display:block; font-size:15px; font-weight:600; }
.story-steps strong+span { display:block; margin-top:5px; font-size:12px; font-weight:400; }
.step-number { align-self:flex-start; padding-top:2px; font:11px/1.6 var(--mono); }
.step-arrow { font-size:22px; opacity:0; transition:opacity .2s,transform .25s var(--ease); }
.story-steps button[aria-pressed=true] { color:var(--ink); }
.story-steps button[aria-pressed=true] .step-number,.story-steps button[aria-pressed=true] .step-arrow { color:var(--lemon); opacity:1; }
.story-steps button:hover:not(:disabled) { color:var(--ink); background:var(--surface); }
.story-steps button:hover:not(:disabled) .step-arrow { transform:translate(2px,-2px); }
.story-steps button:active:not(:disabled) { background:var(--raised); }
.story-steps button:disabled { opacity:1; }
.story-visual { position:relative; isolation:isolate; min-width:0; aspect-ratio:640/620; display:grid; place-items:center; border:1px solid var(--line); border-radius:16px; background:var(--surface); overflow:hidden; }
.story-orbits { position:absolute; inset:0; z-index:-1; display:grid; place-items:center; }
.story-orbits span { position:absolute; width:75%; aspect-ratio:1; border:1px solid #343c2b; border-radius:50%; }
.story-orbits span:nth-child(2) { width:112%; border-style:dashed; opacity:.7; }
.story-orbits span:nth-child(3) { width:148%; opacity:.5; }
.story-wires { position:absolute; z-index:-1; inset:0; width:100%; height:100%; stroke:var(--line); stroke-width:1.2; }
.story-source { position:absolute; display:flex; align-items:center; gap:9px; padding:12px 15px; border:1px solid var(--line); border-radius:8px; background:var(--raised); font-size:11px; transform:rotate(-8deg); box-shadow:0 6px 0 #11140f; }
.story-source>span { display:grid; place-items:center; width:25px; height:25px; border:1px solid currentColor; border-radius:5px; font-size:12px; font-weight:750; }
.story-source-a { top:12%; left:8%; color:var(--coral); }
.story-source-b { top:22%; right:5%; color:var(--lemon); transform:rotate(9deg); }
.story-source-c { bottom:16%; right:8%; color:var(--pink); transform:rotate(-5deg); }
.story-domain { width:66%; z-index:1; padding:22px 25px; border:1px solid var(--field-border); border-radius:12px; background:var(--paper); box-shadow:0 8px 0 #252b1d,0 9px 0 #525b41,0 28px 45px -15px #0008; }
.story-domain-top { display:flex; align-items:center; gap:12px; margin-bottom:24px; }
.story-domain-top>span { font-size:10px; color:var(--muted); }
.story-domain-top>.story-status-dot { width:5px; height:5px; margin-left:auto; border-radius:50%; background:var(--lemon); }
.story-domain>code { display:block; font-size:clamp(16px,2.2vw,27px); letter-spacing:-.05em; }
.story-panel { min-height:128px; font-size:11px; }
.story-domain-label { color:var(--muted); margin:6px 0 18px; }
.story-readout { display:flex; justify-content:space-between; align-items:center; gap:12px; border-top:1px solid var(--line); padding-block:12px; }
.story-readout>span { color:var(--muted); }
.story-readout strong { font-size:12px; font-weight:500; color:var(--lemon); }
.story-readout strong.good { color:var(--good); }
.story-readout+p { color:var(--muted); font-size:10px; }
.story-panel s { color:var(--muted); }
.story-receipt { position:absolute; z-index:2; bottom:20%; left:5%; display:flex; align-items:center; gap:10px; padding:13px 18px; background:#d9e7a6; color:var(--action-ink); border:1px solid var(--lemon); border-radius:7px; font-size:11px; box-shadow:0 10px 24px #0003; transform:rotate(-5deg); }
.receipt-mark { display:grid; place-items:center; width:19px; height:19px; border:1px solid currentColor; border-radius:50%; }
.story-visual[data-step=watch] .story-receipt { background:var(--pink); border-color:var(--pink); }
.story-visual[data-step=watch] .story-status-dot { background:var(--pink); }
.story-visual figcaption { position:absolute; bottom:5%; left:8%; right:8%; color:var(--muted); text-align:center; font-size:10px; min-height:32px; }
.accounts-section .section-heading { grid-template-columns:1.5fr 1fr; }
.accounts-section h2 { font-size:clamp(42px,5.3vw,76px); }
.feature-panels { display:grid; grid-template-columns:1.15fr 1fr; gap:20px; }
.feature-screen { min-width:0; padding:28px; border:1px solid var(--line); border-radius:10px; background:var(--surface); }
.feature-screen figcaption { margin-bottom:24px; }
.feature-screen h3 { font-size:clamp(23px,2.4vw,34px); letter-spacing:-.035em; line-height:1.1; margin-bottom:10px; }
.account-row { display:flex; align-items:center; gap:16px; border:1px solid var(--line); border-left:5px solid var(--account-color); border-radius:7px; padding:17px; background:var(--paper); margin-top:12px; }
.account-coral { --account-color:var(--coral); }
.account-pink { --account-color:var(--pink); }
.account-lemon { --account-color:var(--lemon); }
.account-symbol { width:30px; height:30px; display:grid; place-items:center; border-radius:6px; background:var(--account-color); color:var(--action-ink); font:750 20px/1 var(--display); }
.account-row>div { min-width:0; }
.account-row strong { font-size:14px; font-weight:650; }
.account-row>div>span { display:block; font-size:11px; color:var(--muted); }
.account-row>.health { margin-left:auto; }
.history-domain { display:flex; flex-wrap:wrap; gap:10px 20px; align-items:center; border-bottom:1px solid var(--line); padding:10px 0 22px; }
.history-domain code { font-size:15px; }
.history-domain>span { color:var(--muted); font-size:11px; }
.diff-list { padding:24px 0; display:grid; gap:14px; }
.diff-list>div { display:flex; align-items:center; gap:20px; }
.diff-list dt { font-size:12px; color:var(--muted); width:44px; flex:none; }
.diff-list dd { min-width:0; overflow-wrap:anywhere; font-size:15px; }
.history-event { display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px; border-top:1px solid var(--line); padding-top:20px; font-size:11px; }
.history-event span,.history-event code { color:var(--muted); }
.history-event strong { color:var(--pink); margin-left:auto; }
.feature-notes { display:flex; justify-content:space-between; gap:18px 30px; color:var(--muted); font-size:12px; margin-top:24px; }
.access-section { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:start; border-top:1px solid var(--line); padding-block:80px; margin-top:100px; }
.access-copy h2 { font-size:clamp(43px,4.8vw,70px); line-height:1.03; }
.access-copy>p { color:var(--muted); margin-top:25px; font-size:15px; }
.access-panel { padding-top:14px; min-width:0; }
.access-panel label,.access-panel legend { display:block; margin-bottom:9px; font-size:13px; font-weight:600; }
.access-panel label>span,.access-panel legend>span { font-size:12px; color:var(--muted); font-weight:400; }
input::placeholder,textarea::placeholder { color:var(--muted); opacity:1; }
.access-panel input:not([type=radio]),.access-panel textarea { display:block; width:100%; min-width:0; color:var(--ink); background:var(--surface); border:1px solid var(--field-border); border-radius:var(--radius); padding:16px; font-size:16px; line-height:1.5; }
.access-panel input[aria-invalid=true],.access-panel textarea[aria-invalid=true] { border-color:var(--danger); }
.access-panel textarea { resize:none; min-height:120px; }
.email-entry { display:flex; gap:10px; }
.email-entry input { flex:1; }
.email-entry .button { flex:none; min-width:174px; padding-inline:18px; font-size:13px; }
.privacy-note { color:var(--muted); margin-top:14px; font-size:11px; }
.form-status { min-height:24px; font-size:13px; margin-top:14px; color:var(--muted); }
.form-status[data-error=true] { color:var(--danger); }
.saved-label { font-size:12px; color:var(--lemon); margin-bottom:12px; }
.access-panel h3 { font-size:32px; line-height:1.1; margin-bottom:14px; letter-spacing:-.035em; }
.details-intro,#access-done>p:not(.saved-label) { color:var(--muted); font-size:14px; margin-bottom:24px; }
.field { margin:0 0 20px; padding:0; border:0; min-width:0; }
.portfolio-choices { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.portfolio-choices label { display:flex; align-items:center; justify-content:flex-start; gap:10px; margin:0; min-height:48px; border:1px solid var(--field-border); border-radius:6px; padding:12px; cursor:pointer; }
.portfolio-choices label:hover { background:var(--raised); }
.portfolio-choices label:has(:checked) { border-color:var(--lemon); background:#252a18; }
.portfolio-choices input { width:16px; height:16px; margin:0; accent-color:var(--lemon); flex:none; }
.portfolio-choices label>span { color:var(--ink); font-size:12px; }
.details-actions { display:flex; flex-wrap:wrap; align-items:center; gap:24px; }
.details-actions .button { min-width:142px; }
.text-button { background:transparent; border:0; color:var(--ink); padding:12px 0; min-height:44px; font-size:13px; }
#access-done .text-link { font-size:14px; }
.colophon { display:flex; align-items:center; gap:30px; padding-block:30px; border-top:1px solid var(--line); font-size:12px; }
.colophon .brand { font-size:27px; }
.colophon>p { color:var(--muted); }
.colophon>.text-link { margin-left:auto; }
.sent { padding-block:75px 120px; max-width:850px; }
.sent h1 { font-size:clamp(70px,10vw,130px); line-height:.95; margin-bottom:35px; }
.sent>p:not(.saved-label) { color:var(--muted); max-width:530px; margin-bottom:20px; }
.sent .button { margin-top:20px; }
@media(hover:hover) and (pointer:fine) {
  .button:hover:not(:disabled) { transform:translateY(-2px); }
  .button:active:not(:disabled) { transform:translateY(1px); }
}
@media(prefers-reduced-motion:no-preference) {
  /* Scroll progress is measured on the stationary section; only its visual
     children move. Individual transforms compose with the ambient animations. */
  .scroll-motion .hero-contours { translate:0 calc(var(--scroll-shift,0) * 65px); rotate:calc(var(--scroll-shift,0) * -5deg); }
  .scroll-motion .portfolio-sculpture { translate:0 calc(var(--scroll-shift,0) * -42px); rotate:calc(var(--scroll-shift,0) * 3deg); }
  .scroll-motion .registrar-strip ul { translate:0 calc(var(--scroll-shift,0) * -12px); }
  .scroll-motion .section-heading h2 { translate:calc(var(--scroll-shift,0) * -18px) 0; }
  .scroll-motion .section-kicker::after { scale:var(--scroll-entry,1) 1; transform-origin:left center; }
  .scroll-motion .product-screen { transform:perspective(1400px) rotateX(calc((1 - var(--scroll-entry,1)) * 5deg)); translate:0 calc(var(--scroll-shift,0) * -20px); scale:calc(.985 + var(--scroll-entry,1) * .015); transform-origin:center center; }
  .scroll-motion .story-source-a { translate:calc(var(--scroll-shift,0) * -22px) calc(var(--scroll-shift,0) * -28px); }
  .scroll-motion .story-source-b { translate:calc(var(--scroll-shift,0) * 22px) calc(var(--scroll-shift,0) * -18px); }
  .scroll-motion .story-source-c { translate:calc(var(--scroll-shift,0) * 14px) calc(var(--scroll-shift,0) * 24px); }
  .scroll-motion .story-domain { translate:0 calc(var(--scroll-shift,0) * -16px); }
  .scroll-motion .story-orbits { rotate:calc(var(--scroll-shift,0) * 32deg); }
  .scroll-motion .accounts-screen { translate:calc(var(--scroll-shift,0) * -16px) 0; }
  .scroll-motion .history-screen { translate:calc(var(--scroll-shift,0) * 16px) 0; }
  .scroll-motion .access-copy h2 { translate:0 calc(var(--scroll-shift,0) * -20px); }
  .hero-copy { animation:enter-up .8s var(--ease) both; }
  .hero-art { animation:enter-up .9s var(--ease) .15s both; }
  .motion-ready .contour-field { animation:contour-drift 18s ease-in-out infinite alternate; }
  .motion-ready .signal { animation:signal-travel 4.8s linear infinite; }
  .motion-ready .signal-pink { animation-delay:-1.6s; }
  .motion-ready .signal-lemon { animation-delay:-3.2s; }
  .motion-ready .hub-orbit { animation:signal-travel 12s linear infinite; }
  .motion-ready .scene-node { animation:node-float 6s ease-in-out infinite; }
  .motion-ready .node-pink { animation-delay:-2s; }
  .motion-ready .node-lemon { animation-delay:-4s; }
  .motion-ready .story-orbits { animation:orbit-turn 60s linear infinite; }
  .motion-ready .motion-scene:not(.is-in-view) *, .motion-paused *, .motion-page-hidden * { animation-play-state:paused!important; }
  .motion-paused .hero-copy,.motion-paused .hero-art { animation:none!important; }
  #details-step:not([hidden]),#access-done:not([hidden]) { animation:enter-up .35s var(--ease) both; }
}
@keyframes enter-up { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:translateY(0); } }
@keyframes contour-drift { from { transform:translate(-12px,-8px) rotate(-3deg) scale(1.03); } to { transform:translate(14px,12px) rotate(3deg) scale(1.1); } }
@keyframes signal-travel { to { stroke-dashoffset:-100; } }
@keyframes node-float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-8px); } }
@keyframes orbit-turn { to { transform:rotate(360deg); } }
html.motion-paused { scroll-behavior:auto; }
.product-figure:focus-within,.feature-copy:focus-within,.feature-screen:focus-within { opacity:1!important; transform:none!important; }
.scroll-motion .product-screen:focus-within,.scroll-motion .feature-screen:focus-within { translate:none; scale:none; transform:none; }
@media(prefers-reduced-motion:no-preference) and (max-width:760px) {
  .scroll-motion .hero-contours { translate:0 calc(var(--scroll-shift,0) * 30px); rotate:none; }
  .scroll-motion .portfolio-sculpture { translate:0 calc(var(--scroll-shift,0) * -20px); rotate:none; }
  .scroll-motion .section-heading h2 { translate:0 calc(var(--scroll-shift,0) * -8px); }
  .scroll-motion .product-screen { transform:none; scale:none; translate:0 calc(var(--scroll-shift,0) * -10px); }
  .scroll-motion .product-screen:focus-within { translate:none; }
  .scroll-motion .accounts-screen,.scroll-motion .history-screen { translate:0 calc(var(--scroll-shift,0) * -10px); }
  .scroll-motion .story-source-a,.scroll-motion .story-source-b,.scroll-motion .story-source-c { translate:0 calc(var(--scroll-shift,0) * -12px); }
  .scroll-motion .story-domain { translate:0 calc(var(--scroll-shift,0) * -8px); }
}
@media(max-width:1100px) {
  .wrap { width:calc(100% - 64px); }
  .hero h1 { font-size:6.8vw; }
  .hero-lede { font-size:16px; max-width:410px; }
  .hero-actions { gap:20px; }
  .hero-actions .button { padding-inline:18px; font-size:13px; }
  .hero-actions .text-link { font-size:13px; }
  .hero { min-height:660px; }
  .hero-art { margin:0 -12px 0 0; }
  .hero-contours { left:-32px; right:-32px; width:calc(100% + 64px); }
  .story-layout { gap:36px; }
  .story-domain { width:72%; padding:18px; }
  .story-visual { aspect-ratio:1/1.2; }
  .story-source { font-size:9px; padding:9px; }
  .story-receipt { bottom:15%; left:4%; padding:10px 12px; font-size:10px; }
  .registrar-strip { grid-template-columns:220px 1fr; }
  .section-heading { gap:40px; }
  .section-heading>p { font-size:17px; }
  .screen-body { grid-template-columns:150px minmax(0,1fr); }
  .preview-brand { width:150px; font-size:20px; padding-left:16px; }
  .preview-rail { padding-inline:8px; }
  .rail-item { gap:8px; padding-inline:8px; font-size:11px; }
  .preview-main { padding:20px 18px 0; }
  .search { margin-left:0; max-width:none; }
  .feature-screen { padding:22px; }
  .feature-panels { grid-template-columns:1fr 1fr; }
  .account-row { gap:10px; padding:14px 10px; }
  .account-row strong { font-size:12px; }
  .account-row>.health { font-size:10px; }
  .access-section { gap:40px; }
  .email-entry { flex-direction:column; }
  .email-entry .button { align-self:flex-start; }
}
@media(max-width:760px) {
  .wrap { width:calc(100% - 40px); }
  .masthead { min-height:86px; gap:15px; }
  .brand { font-size:29px; gap:7px; }
  .masthead nav { gap:18px; font-size:12px; }
  .masthead nav>a[href='#registrars'] { display:none; }
  .masthead .button { font-size:12px; min-height:44px; padding:11px 14px; }
  .masthead .button svg { display:none; }
  .hero { grid-template-columns:minmax(0,1fr); min-height:0; padding:40px 0 24px; }
  .hero-contours { inset:20% -20px 0; width:calc(100% + 40px); height:75%; opacity:.18; }
  .hero h1 { font-size:clamp(42px,11.5vw,86px); }
  .hero-opening { font-size:14px; margin-bottom:22px; }
  .hero-lede { font-size:16px; max-width:440px; margin:24px 0; }
  .hero-actions { gap:24px; }
  .hero-actions .button { min-height:52px; font-size:13px; }
  .hero-art { width:min(100%,580px); margin:24px auto 0; }
  .hero-art>figcaption { font-size:11px; }
  .scene-legend { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; list-style:none; margin:0 0 22px; padding:0; }
  .scene-legend li { padding-top:10px; border-top:1px solid currentColor; }
  .scene-legend strong { display:block; color:var(--ink); font-size:12px; font-weight:600; }
  .scene-legend span { display:block; color:var(--muted); font-size:10px; }
  .scene-labels>text:not(.hub-label),.label-tick { display:none; }
  .scene-labels .hub-label { font-size:27px; }
  .hero-bottom { padding-top:28px; gap:12px; }
  .scroll-cue { font-size:10px; }
  .motion-toggle { min-width:120px; font-size:10px; }
  .section-kicker { font-size:10px; gap:12px; margin-bottom:26px; }
  .section-kicker>span { max-width:140px; text-align:right; }
  .registrar-strip { grid-template-columns:1fr; gap:24px; padding-block:26px; }
  .registrar-strip p { font-size:20px; }
  .registrar-strip p br { display:none; }
  .registrar-strip ul { font-size:12px; gap:8px; }
  .registrar-strip li { padding:8px 11px; }
  .product-section,.accounts-section { padding-top:76px; }
  .section-heading,.accounts-section .section-heading { grid-template-columns:1fr; gap:22px; margin-bottom:30px; }
  .section-heading h2 { font-size:clamp(48px,10vw,72px); }
  .section-heading>p { margin:0; max-width:470px; font-size:17px; }
  .screen-top { padding:18px 16px; gap:14px; min-height:70px; }
  .preview-brand { width:auto; padding:0; font-size:21px; gap:6px; }
  .screen-title { display:none; }
  .screen-top>.sample-label { font-size:10px; }
  .preview-rail { display:none; }
  .screen-body { grid-template-columns:minmax(0,1fr); }
  .preview-main { padding:18px 14px 0; }
  .preview-toolbar { gap:16px; }
  .preview-filters { gap:7px; }
  .preview-filters button { font-size:10px; padding:9px 10px; gap:6px; }
  .search { min-width:0; flex-basis:100%; }
  .search input { font-size:16px; }
  .table-scroll { min-height:364px; }
  .screen-foot { font-size:9px; }
  .product-figure>figcaption { font-size:11px; }
  .story-section { padding-top:76px; }
  .story-layout { grid-template-columns:minmax(0,1fr); gap:32px; }
  .story-copy h2 { font-size:clamp(44px,10vw,64px); }
  .story-copy>p { max-width:400px; }
  .story-steps button { min-height:84px; padding-block:16px; gap:14px; }
  .story-steps strong { font-size:14px; }
  .story-steps strong+span { font-size:11px; }
  .story-visual { aspect-ratio:1/1.06; min-height:420px; max-width:540px; width:100%; margin-inline:auto; }
  .story-domain { width:67%; padding:18px; }
  .story-domain>code { font-size:clamp(17px,5vw,26px); }
  .story-domain-top { margin-bottom:16px; }
  .story-source-a { top:9%; }
  .story-source-b { top:17%; }
  .story-source-c { bottom:13%; right:5%; }
  .story-receipt { bottom:15%; }
  .story-visual figcaption { bottom:3%; font-size:9px; }
  .feature-panels { grid-template-columns:minmax(0,1fr); gap:18px; }
  .feature-screen { padding:24px 20px; }
  .feature-screen h3 { font-size:30px; }
  .account-row { padding:16px 12px; gap:14px; }
  .account-row strong { font-size:14px; }
  .account-row>.health { font-size:11px; }
  .feature-notes { flex-direction:column; gap:12px; line-height:1.8; }
  .access-section { grid-template-columns:minmax(0,1fr); gap:22px; padding-block:60px; margin-top:64px; }
  .access-copy h2 { font-size:clamp(44px,9.3vw,65px); }
  .access-copy>p { font-size:14px; }
  .access-panel { padding-top:0; }
  .email-entry { flex-direction:row; }
  .email-entry .button { align-self:stretch; min-width:150px; padding-inline:12px; }
  .colophon { flex-wrap:wrap; gap:20px; padding-block:30px; }
  .colophon .brand { font-size:25px; }
  .colophon>.text-link { margin-left:0; flex-basis:100%; }
}
@media(max-width:420px) {
  .masthead nav>a[href='#product'] { display:none; }
  .hero-actions { gap:18px; }
  .hero-actions .button { padding-inline:15px; gap:12px; }
  .hero-actions .text-link { font-size:12px; }
  .account-row { gap:10px; padding-inline:10px; }
  .account-symbol { width:26px; height:26px; font-size:18px; }
  .account-row>.health { font-size:9px; gap:4px; }
  .account-row strong { font-size:12px; }
  .account-row>div>span { font-size:10px; }
  .email-entry { flex-direction:column; }
  .email-entry .button { align-self:flex-start; min-width:174px; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation:none!important; transition:none!important; }
}
@media print {
  *,*::before,*::after { animation:none!important; transition:none!important; }
  .scroll-motion *,.scroll-motion *::after { translate:none!important; rotate:none!important; scale:none!important; transform:none!important; }
  .motion-toggle,.hero-contours { display:none!important; }
}
@media(forced-colors:active) {
  * { scrollbar-color:auto; }
  .button,.portfolio-choices label,.account-row { border:1px solid ButtonText; }
  :focus-visible { outline-color:Highlight; }
}