/* Outrun shared layout: shell (--wrap, --gutter, .wrap), grid side lines (body::before/::after),
   grid frame (.sec/.final/.foot hairlines) and every shared component. Linked by every page.
   Edit here once; bump ?v= on the <link> (wl/apply_layout.py does this). */
:root { --bg: #F7F7F8; --surface: #FFFFFF; --surface-2: #F0F1F3; --line: #E4E5E9; --line-strong: #D2D4DA; --fg: #0A0C12; --fg-muted: #474C59; --fg-subtle: #686E7D; --accent: #22C55E; --accent-strong: #15803D; --accent-soft: #E8F8EE; --on-accent: #04060C; --success: #0A0C12; --success-soft: #F0F1F3; --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --font-display: "Inter", ui-sans-serif, system-ui, sans-serif; --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace; --text-display-xl: 72px; --text-display: 56px; --text-h1: 40px; --text-h2: 28px; --text-h3: 20px; --text-body-lg: 18px; --text-body: 16px; --text-small: 14px; --text-label: 12px; --text-micro: 11px; --radius-xs: 4px; --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px; --hairline: 1px; --icon-stroke: 1.5px; --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px; --space-9: 96px; --space-10: 128px; --dur-instant: 120ms; --dur-quick: 200ms; --dur-base: 320ms; --dur-slow: 600ms; --ease-out: cubic-bezier(0.2, 0, 0, 1); --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); --ease-lead: cubic-bezier(0.16, 1, 0.3, 1); --shadow-card: 0 1px 0 rgba(10, 12, 18, 0.04), 0 8px 24px -12px rgba(10, 12, 18, 0.12); color-scheme: light; } @media (prefers-color-scheme: light) { :root:not([data-theme="light"]) { --bg: #04060C; --surface: #0C0F17; --surface-2: #121621; --line: #1A1F2B; --line-strong: #283040; --fg: #EEF0F4; --fg-muted: #A4AAB8; --fg-subtle: #7C8394; --accent: #22C55E; --accent-strong: #4ADE80; --accent-soft: #0B2416; --on-accent: #04060C; --success: #EEF0F4; --success-soft: #121621; --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 12px 32px -16px rgba(0, 0, 0, 0.6); color-scheme: dark; } } [data-theme="dark"] { --bg: #04060C; --surface: #0C0F17; --surface-2: #121621; --line: #1A1F2B; --line-strong: #283040; --fg: #EEF0F4; --fg-muted: #A4AAB8; --fg-subtle: #7C8394; --accent: #22C55E; --accent-strong: #4ADE80; --accent-soft: #0B2416; --on-accent: #04060C; --success: #EEF0F4; --success-soft: #121621; --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 12px 32px -16px rgba(0, 0, 0, 0.6); color-scheme: dark; } [data-theme="light"] { --bg: #F7F7F8; --surface: #FFFFFF; --surface-2: #F0F1F3; --line: #E4E5E9; --line-strong: #D2D4DA; --fg: #0A0C12; --fg-muted: #474C59; --fg-subtle: #686E7D; --accent: #22C55E; --accent-strong: #15803D; --accent-soft: #E8F8EE; --on-accent: #04060C; --success: #0A0C12; --success-soft: #F0F1F3; --shadow-card: 0 1px 0 rgba(10, 12, 18, 0.04), 0 8px 24px -12px rgba(10, 12, 18, 0.12); color-scheme: light; } @media (prefers-reduced-motion: reduce) { :root { --dur-instant: 0ms; --dur-quick: 0ms; --dur-base: 0ms; --dur-slow: 0ms; } } :root{--error:#B42318;--error-soft:#FDECEA;--wrap:1200px;--gutter:var(--space-6);--nav-h:72px;--nav-hc:56px} [data-theme="dark"]{--error:#FF8A80;--error-soft:#2A1214} [data-theme="light"]{--error:#B42318;--error-soft:#FDECEA} *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} html{-webkit-text-size-adjust:100%;scroll-padding-top:80px} body{background:var(--bg);color:var(--fg);font:400 var(--text-body)/1.55 var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)} a{color:inherit;text-decoration:none}img,svg{display:block} button,input{font:inherit;color:inherit} :focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px} .sr,.hp{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .skip{position:absolute;left:-999px;top:8px;z-index:100;background:var(--fg);color:var(--bg);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}.skip:focus{left:8px} .wrap{max-width:calc(var(--wrap) + 2*var(--gutter));margin:0 auto;padding:0 var(--gutter)} .mono,.lbl,.chip{font-family:var(--font-mono)} .lbl{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-label);line-height:1.4;letter-spacing:.06em;text-transform:uppercase;font-weight:500;color:var(--fg-subtle)} .tab{font-variant-numeric:tabular-nums} .sq{display:inline-block;width:7px;height:7px;background:var(--accent);flex:none} h1,h2,h3{font-family:var(--font-display);font-weight:600;text-wrap:balance;color:var(--fg)} h1{font-size:var(--text-display-xl);line-height:1;letter-spacing:-.035em;font-variation-settings:"opsz" 32} h2{font-size:var(--text-h1);line-height:1.1;letter-spacing:-.025em;font-variation-settings:"opsz" 32} h3{font-size:var(--text-h3);line-height:1.3;letter-spacing:-.01em} p{text-wrap:pretty} .ic{width:24px;height:24px;color:var(--fg-muted);flex:none}.ic-lg{width:24px;height:24px;color:var(--accent-strong)} .badge{width:16px;height:16px;flex:none} .arr{width:14px;height:14px;display:inline-block;vertical-align:-2px;margin-left:2px} .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:48px;padding:0 var(--space-5);border-radius:var(--radius-sm);font:500 var(--text-label)/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;cursor:pointer;border:var(--hairline) solid transparent;transition:background-color var(--dur-instant) var(--ease-out),border-color var(--dur-instant) var(--ease-out),transform var(--dur-instant) var(--ease-out)} .btn:active{transform:translateY(1px)} .btn-ink{background:var(--fg);color:var(--bg)}.btn-ink:hover{background:color-mix(in srgb,var(--fg) 86%,var(--bg))} .btn-line{border-color:var(--line-strong);color:var(--fg)}.btn-line:hover{border-color:var(--fg)} .btn-sm{height:36px;padding:0 var(--space-4)} .btn-link{display:inline-flex;align-items:center;gap:2px;color:var(--accent-strong);font-size:var(--text-small);font-weight:500;background:none;border:0;cursor:pointer;padding:0}.btn-link:hover{text-decoration:underline;text-underline-offset:3px} .chip{display:inline-flex;align-items:center;height:20px;padding:0 6px;border-radius:var(--radius-xs);font-size:10px;letter-spacing:.06em;text-transform:uppercase;font-weight:500;background:var(--surface-2);color:var(--fg-muted);white-space:nowrap} .chip-acc{background:var(--accent-soft);color:var(--accent-strong)} .nav{position:fixed;inset:0 0 auto;z-index:50;transition:background-color var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out);border-bottom:var(--hairline) solid transparent} .nav-in{max-width:calc(var(--wrap) + 2*var(--gutter));margin:0 auto;padding:0 var(--gutter);height:var(--nav-h);display:flex;align-items:center;gap:var(--space-7);transition:height var(--dur-base) var(--ease-out)} .logo{display:flex;align-items:center;padding:var(--space-2) var(--space-3) var(--space-2) 0;color:var(--fg);flex:none} .wmk{height:22px;width:auto;min-width:72px;transition:height var(--dur-base) var(--ease-out)} .nav-links{display:flex;gap:var(--space-6);font-size:var(--text-small);color:var(--fg-muted)} .nav-links a{padding:var(--space-2) 0;transition:color var(--dur-instant)}.nav-links a:hover,.nav-links a[aria-current]{color:var(--fg)} .nav-r{margin-left:auto;display:flex;align-items:center;gap:var(--space-3)} .toggle{display:flex;border:var(--hairline) solid var(--line);border-radius:var(--radius-sm);padding:2px} .toggle button{width:30px;height:28px;display:grid;place-items:center;border:0;background:none;border-radius:6px;cursor:pointer;color:var(--fg-subtle)} .toggle button[aria-pressed=true]{background:var(--surface-2);color:var(--fg)} .toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.4} .compact .nav{background:var(--bg);border-bottom-color:var(--line)} .compact .nav-in{height:var(--nav-hc)}.compact .wmk{height:19px} .burger{display:none;width:40px;height:40px;border:var(--hairline) solid var(--line);border-radius:var(--radius-sm);background:none;cursor:pointer;place-items:center;align-content:center;gap:5px} .burger span{display:block;width:16px;height:1.5px;background:var(--fg);transition:transform var(--dur-quick) var(--ease-out)} .menu-open .burger span:first-child{transform:translateY(3.25px) rotate(45deg)}.menu-open .burger span:last-child{transform:translateY(-3.25px) rotate(-45deg)} .mnav{display:none} main{padding-top:var(--nav-h)} .sec{padding:var(--space-9) 0;border-top:var(--hairline) solid var(--line)} .sec-alt{background:var(--surface)} .sh{max-width:640px;margin-bottom:var(--space-7)}.sh .lbl{margin-bottom:var(--space-4)}.sh-p{margin-top:var(--space-4);font-size:var(--text-body-lg);color:var(--fg-muted);max-width:60ch} .split{display:grid;grid-template-columns:5fr 7fr;gap:var(--space-8);align-items:start} .split-t{position:sticky;top:calc(var(--nav-hc) + var(--space-6))} .fine{margin-top:var(--space-5);font-size:var(--text-small);color:var(--fg-subtle)} .mut{color:var(--fg-muted)}.mt{margin:var(--space-3) 0 var(--space-5)} .hero{padding:var(--space-9) 0 var(--space-9)} .hero-in{display:grid;grid-template-columns:6fr 6fr;gap:var(--space-8);align-items:center} .hero-t .lbl{margin-bottom:var(--space-5)} .hero-p{margin-top:var(--space-5);font-size:var(--text-body-lg);line-height:1.55;color:var(--fg-muted);max-width:52ch} .phero{padding:var(--space-9) 0 var(--space-8)}.phero h1{font-size:var(--text-display);line-height:1.04;letter-spacing:-.03em;max-width:16ch;margin-top:var(--space-4)} .su{margin-top:var(--space-6);max-width:520px} .su-row{display:flex;gap:var(--space-2);padding:var(--space-1);background:var(--surface);border:var(--hairline) solid var(--line-strong);border-radius:calc(var(--radius-sm) + 4px);transition:border-color var(--dur-instant)} .su-row:focus-within{border-color:var(--fg)} .su input[type=email]{flex:1;min-width:0;border:0;background:none;padding:0 var(--space-3);font-size:var(--text-body);outline:none} .su input::placeholder{color:var(--fg-subtle)} .su.err .su-row{border-color:var(--error)} .su-note{margin-top:var(--space-3);font-size:var(--text-small);color:var(--fg-subtle)} .su-msg{font-size:var(--text-small);margin-top:var(--space-2);min-height:0}.su-msg:empty{display:none} .su-msg.err{color:var(--error)}.su-msg.ok{color:var(--success)} .su.busy button{opacity:.6;cursor:progress} .step{margin-top:var(--space-6);max-width:520px;padding:var(--space-6);background:var(--surface);border:var(--hairline) solid var(--line-strong);border-radius:var(--radius-md);outline:none} .step-k{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-label);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-strong)} .step h3{margin-top:var(--space-3);font-size:var(--text-h2);line-height:1.2;letter-spacing:-.02em} .step-p{margin-top:var(--space-3);color:var(--fg-muted);font-size:var(--text-small)} .icp{margin-top:var(--space-5);padding-top:var(--space-5);border-top:var(--hairline) solid var(--line)} .step-q{font-size:var(--text-small);font-weight:500;margin-bottom:var(--space-4)} .seg{border:0;margin-bottom:var(--space-4)}.seg legend{margin-bottom:var(--space-2)} .seg{display:flex;flex-wrap:wrap;gap:var(--space-2)} .seg legend{width:100%} .seg label{position:relative;cursor:pointer} .seg input{position:absolute;opacity:0;inset:0;cursor:pointer} .seg span{display:inline-flex;align-items:center;height:32px;padding:0 var(--space-3);border:var(--hairline) solid var(--line-strong);border-radius:var(--radius-sm);font-size:var(--text-small);transition:all var(--dur-instant)} .seg input:checked+span{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)} .seg input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px} .icp-a{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-2)} .dg{background:var(--surface);border:var(--hairline) solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden} .sec-alt .dg{background:var(--bg)} .dg-h{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:var(--hairline) solid var(--line)} .dg-h b{display:block;font-size:var(--text-small);font-weight:600}.dg-h .mono{font-size:var(--text-micro);color:var(--fg-subtle)} .dg-mk{display:grid;place-items:center;width:32px;height:32px;border:var(--hairline) solid var(--line);border-radius:var(--radius-sm)}.dg-mk .mk{width:16px;height:16px;color:var(--fg)} .dg-funnel{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);font-size:var(--text-micro);color:var(--fg-subtle);border-bottom:var(--hairline) solid var(--line);background:var(--surface-2)} .dg-funnel b{color:var(--fg);font-weight:500}.dg-funnel i{flex:1;height:1px;background:var(--line-strong);position:relative} .dg-funnel i::after{content:"";position:absolute;right:-1px;top:-3px;border:3.5px solid transparent;border-left:5px solid var(--line-strong);border-right:0} .dg-list{list-style:none} .dg-row{padding:var(--space-4) var(--space-5);border-bottom:var(--hairline) solid var(--line)} .dg-row:last-child{border-bottom:0} .dg-top{display:flex;align-items:center;gap:var(--space-2)} .dg-rk{display:inline-flex;align-items:center;gap:var(--space-2);font:500 var(--text-micro)/1 var(--font-mono);color:var(--fg-subtle);margin-right:var(--space-1);font-variant-numeric:tabular-nums} .dg-sc{margin-left:auto;font:500 var(--text-micro)/1 var(--font-mono);color:var(--fg-subtle);font-variant-numeric:tabular-nums} .dg-co{margin-top:var(--space-2);font-size:var(--text-body);line-height:1.4}.dg-co b{font-weight:600}.dg-co span{color:var(--fg-muted)} .dg-why{margin-top:var(--space-1);font-size:var(--text-small);color:var(--fg-muted);line-height:1.5} .dg-why .lbl{display:inline;margin-right:var(--space-2);font-size:10px;color:var(--fg)} .dg-meta{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin-top:var(--space-2);font:400 var(--text-micro)/1.4 var(--font-mono);color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.02em} .dg-meta a{color:var(--accent-strong)}.dg-meta a:hover{text-decoration:underline} .dg-more{padding:var(--space-3) var(--space-5);font-size:var(--text-small)}.dg-more a{color:var(--accent-strong)} .dg-f{padding:var(--space-4) var(--space-5);border-top:var(--hairline) solid var(--line);font-size:var(--text-micro);line-height:1.5;color:var(--fg-subtle);background:var(--surface-2)} .dg-hero .dg-row{padding:var(--space-3) var(--space-5)} .dg .sq{transform-origin:center} .js .dg-hero .sq{transform:scale(0)} .dg-hero.go .sq{transform:scale(1);transition:transform var(--dur-slow) var(--ease-lead)} @media (prefers-reduced-motion:reduce){.js .dg-hero .sq{transform:none}} .steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);border-top:var(--hairline) solid var(--line)} .steps li{padding:var(--space-6) var(--space-6) 0 0;margin-right:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)} .steps li+li{padding-left:var(--space-6);border-left:var(--hairline) solid var(--line)} .step-n{font-size:var(--text-label);color:var(--fg-subtle)} .steps .ic{color:var(--fg);margin-top:var(--space-2)} .steps p{color:var(--fg-muted);font-size:var(--text-small);max-width:34ch} .anat{list-style:none;margin:var(--space-2) 0 var(--space-6);display:grid;gap:var(--space-5)} .anat li{display:flex;gap:var(--space-3)}.anat .sq{margin-top:8px}.anat b{font-weight:600}.anat p{color:var(--fg-muted);font-size:var(--text-small);margin-top:2px} .sigs{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);border-top:var(--hairline) solid var(--line);margin-bottom:var(--space-6)} .sigs li{display:flex;gap:var(--space-4);padding:var(--space-5) var(--space-5) var(--space-5) 0;border-bottom:var(--hairline) solid var(--line)} .sigs p{color:var(--fg-muted);font-size:var(--text-small);margin-top:var(--space-1)} .sigs h3{font-size:var(--text-body);letter-spacing:0} .sig-t{border-top:var(--hairline) solid var(--fg)} .sig-r{display:grid;grid-template-columns:3fr 4fr 3fr 1.4fr;gap:var(--space-5);padding:var(--space-5) 0;border-bottom:var(--hairline) solid var(--line);align-items:start;font-size:var(--text-small)} .sig-th{font-size:var(--text-label);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-subtle);padding:var(--space-3) 0} .sig-n{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-body)}.sig-n b{font-weight:600} .srcs,.rules,.nots,.next,.flow{list-style:none} .srcs li{padding:var(--space-5) 0;border-bottom:var(--hairline) solid var(--line)}.srcs li:first-child{padding-top:0} .srcs b{display:flex;align-items:center;gap:var(--space-2);font-weight:600}.srcs p{color:var(--fg-muted);font-size:var(--text-small);margin-top:var(--space-1);max-width:60ch} .rules{display:grid;grid-template-columns:repeat(4,1fr);border-top:var(--hairline) solid var(--line)} .rules li{padding:var(--space-5) var(--space-5) 0 0;font-size:var(--text-small);display:flex;flex-direction:column;gap:var(--space-2)}.rules .mono{color:var(--fg-subtle);font-size:var(--text-label)} .nots{display:grid;gap:var(--space-4);max-width:640px}.nots li{display:flex;gap:var(--space-3);align-items:baseline} .flow li{display:grid;grid-template-columns:72px 1fr;gap:var(--space-4);padding:var(--space-4) 0;border-top:var(--hairline) solid var(--line);font-size:var(--text-small)} .flow .mono{font-size:var(--text-label);text-transform:uppercase;letter-spacing:.06em;color:var(--accent-strong);padding-top:2px}.flow p{color:var(--fg-muted)} .dls{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)} .dl{background:var(--surface);border:var(--hairline) solid var(--line);border-radius:var(--radius-md);overflow:hidden} .dl-h{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:var(--hairline) solid var(--line);font-size:var(--text-small)}.dl-h b{font-weight:600}.dl-h .mono{margin-left:auto;font-size:var(--text-micro);color:var(--fg-subtle)} .dl-b{padding:var(--space-5);font-size:var(--text-small);display:grid;gap:var(--space-2)} .dl-card{border-left:2px solid var(--line-strong);padding:var(--space-2) 0 var(--space-2) var(--space-4)} .dl-btns{display:flex;gap:var(--space-3);align-items:center;margin-top:var(--space-2);color:var(--fg-subtle);font-size:var(--text-micro)}.dl-btns .ic{width:20px;height:20px;color:var(--fg-subtle)} .tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)} .tier{display:flex;flex-direction:column;padding:var(--space-6);background:var(--bg);border:var(--hairline) solid var(--line);border-radius:var(--radius-md)} .sec:not(.sec-alt) .tier{background:var(--surface)} .tier-hot{border-color:var(--fg)} .tier-h{display:flex;align-items:center;justify-content:space-between} .tier-p{margin-top:var(--space-4);display:flex;align-items:baseline;gap:var(--space-1)}.tier-p b{font:600 var(--text-display)/1 var(--font-display);letter-spacing:-.03em;font-variation-settings:"opsz" 32}.tier-p span{color:var(--fg-subtle);font-size:var(--text-small)} .tier-v{margin-top:var(--space-3);font-size:var(--text-label);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-strong)}.tier-d{margin-top:var(--space-2);color:var(--fg-muted);font-size:var(--text-small)} .ticks{list-style:none;margin:var(--space-5) 0 var(--space-6);padding-top:var(--space-5);border-top:var(--hairline) solid var(--line);display:grid;gap:var(--space-2);font-size:var(--text-small);flex:1} .ticks li{display:flex;gap:var(--space-3);align-items:baseline}.ticks .sq{width:6px;height:6px;background:var(--fg-subtle)}.tier-hot .ticks .sq{background:var(--accent)} .tier .btn{width:100%} .faq{border-top:var(--hairline) solid var(--line)} .faq details{border-bottom:var(--hairline) solid var(--line)} .faq summary{list-style:none;display:flex;justify-content:space-between;gap:var(--space-5);padding:var(--space-5) 0;cursor:pointer;font-weight:500} .faq summary::-webkit-details-marker{display:none} .faq summary i{position:relative;width:12px;height:12px;flex:none;margin-top:6px} .faq summary i::before,.faq summary i::after{content:"";position:absolute;left:0;top:5.25px;width:12px;height:1.5px;background:var(--fg-muted);transition:transform var(--dur-quick) var(--ease-out)} .faq summary i::after{transform:rotate(90deg)}.faq details[open] summary i::after{transform:rotate(0)} .faq p{padding:0 var(--space-6) var(--space-5) 0;color:var(--fg-muted);max-width:62ch} .next{display:grid;gap:0;border-top:var(--hairline) solid var(--line);margin-top:var(--space-4)} .next li{display:grid;grid-template-columns:48px 1fr;gap:var(--space-3);padding:var(--space-5) 0;border-bottom:var(--hairline) solid var(--line)} .next .mono{font-size:var(--text-label);color:var(--fg-subtle);padding-top:3px}.next b{font-weight:600}.next p{color:var(--fg-muted);font-size:var(--text-small)} .final{padding:var(--space-9) 0;border-top:var(--hairline) solid var(--line)} .final-in{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:end} .final h2{margin-top:var(--space-4);max-width:18ch}.final .su{margin-top:0} .prose{max-width:65ch}.prose h2{font-size:var(--text-h2);line-height:1.2;letter-spacing:-.02em;margin:var(--space-7) 0 var(--space-3)}.prose h2:first-child{margin-top:0}.prose p{color:var(--fg-muted)} .foot{border-top:var(--hairline) solid var(--line);padding:var(--space-8) 0 var(--space-6)} .foot-in{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-7)} .foot-b p{margin-top:var(--space-4);color:var(--fg-muted);font-size:var(--text-small);max-width:30ch} .foot-c{display:flex;flex-direction:column;gap:var(--space-3);font-size:var(--text-small)}.foot-c .lbl{margin-bottom:var(--space-1)}.foot-c a{color:var(--fg-muted)}.foot-c a:hover{color:var(--fg)} .foot-fine{display:flex;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-8);padding-top:var(--space-5);border-top:var(--hairline) solid var(--line);font-size:var(--text-micro);color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.06em} @media (max-width:1024px){ h1{font-size:56px;line-height:1.04;letter-spacing:-.03em} .hero-in,.split,.final-in{grid-template-columns:1fr;gap:var(--space-7)} .split-t{position:static} .sigs{grid-template-columns:1fr 1fr}.rules{grid-template-columns:1fr 1fr;gap:var(--space-5) 0} .tiers{grid-template-columns:1fr;max-width:560px} } @media (max-width:760px){ :root{--gutter:var(--space-5);--nav-h:64px} h1,.phero h1{font-size:40px;line-height:1.08;letter-spacing:-.03em} h2{font-size:var(--text-h2);line-height:1.2;letter-spacing:-.02em} .sec,.hero,.final{padding:var(--space-8) 0}.phero{padding:var(--space-8) 0 var(--space-7)} .nav-links,.nav-cta{display:none}.burger{display:grid} .nav-in{gap:var(--space-4)} .mnav{position:fixed;inset:var(--nav-h) 0 auto;background:var(--bg);border-bottom:var(--hairline) solid var(--line);padding:var(--space-2) var(--gutter) var(--space-5);flex-direction:column} .compact .mnav{top:var(--nav-hc)} .menu-open .mnav{display:flex}.mnav a{padding:var(--space-4) 0;border-bottom:var(--hairline) solid var(--line);font-size:var(--text-body-lg)}.mnav a:last-child{border:0;font-weight:600} .su-row{flex-direction:column;padding:0;border:0;background:none;gap:var(--space-2)} .su input[type=email]{flex:none;height:48px;background:var(--surface);border:var(--hairline) solid var(--line-strong);border-radius:var(--radius-sm);padding:0 var(--space-4)} .su input[type=email]:focus{border-color:var(--fg)} .su.err input[type=email]{border-color:var(--error)} .su .btn{width:100%} .steps,.sigs,.rules,.dls{grid-template-columns:1fr} .steps li,.steps li+li{padding:var(--space-5) 0;margin:0;border-left:0;border-bottom:var(--hairline) solid var(--line)} .sig-th{display:none}.sig-r{grid-template-columns:1fr;gap:var(--space-2)} .foot-in{grid-template-columns:1fr 1fr}.foot-b{grid-column:1/-1} .foot-fine{flex-direction:column} .dg-row,.dg-h,.dg-funnel,.dg-f{padding-left:var(--space-4);padding-right:var(--space-4)} .step{padding:var(--space-5)} } .hero{padding:var(--space-9) 0 var(--space-8)} .hero-in{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-7)} .hero-t{display:flex;flex-direction:column;align-items:center} .hero-t h1{max-width:18ch;margin-inline:auto} .hero-t .hero-p{margin-inline:auto;max-width:60ch} .hero-t .su{margin-inline:auto;width:100%;max-width:540px} .hero-v{width:100%;max-width:560px;text-align:left} .dg-hero .dg-h{padding:var(--space-3) var(--space-4)}.dg-hero .dg-row{padding:var(--space-3) var(--space-4)} .dg-hero .dg-funnel{padding:var(--space-2) var(--space-4)}.dg-hero .dg-f{padding:var(--space-3) var(--space-4)} .dg-hero .dg-co{font-size:var(--text-small);margin-top:var(--space-1)} .badge{width:16px;height:16px;flex:none} .badge-gen{color:var(--fg-muted)} .lgs{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4) var(--space-6)} .lgs-g{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;justify-content:center} .lgs-g .lbl{color:var(--fg-subtle)} .lgs ul{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center} .lg{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border:var(--hairline) solid var(--line);border-radius:var(--radius-sm);background:var(--surface);font-size:var(--text-small);color:var(--fg);white-space:nowrap} .lg em{font:500 10px/1 var(--font-mono);font-style:normal;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-subtle)} .lgs-sec{justify-content:flex-start;margin-bottom:var(--space-6)}.lgs-sec .lgs-g{justify-content:flex-start} .bill-w{display:flex;justify-content:center;margin-bottom:var(--space-6)} .bill{display:inline-flex;align-items:center;gap:var(--space-3);border:0} .bill label{position:relative;cursor:pointer} .bill input{position:absolute;opacity:0;width:1px;height:1px} .bill label span{display:inline-flex;align-items:center;height:34px;padding:0 var(--space-4);border:var(--hairline) solid var(--line);font-size:var(--text-small);color:var(--fg-muted);background:var(--surface)} .bill label:first-of-type span{border-radius:var(--radius-sm) 0 0 var(--radius-sm)} .bill label:nth-of-type(2){margin-left:calc(-1 * var(--space-3) - 1px)} .bill label:nth-of-type(2) span{border-radius:0 var(--radius-sm) var(--radius-sm) 0} .bill input:checked+span{background:var(--fg);color:var(--bg);border-color:var(--fg)} .bill input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px} .tier-bill{margin-top:var(--space-1);font-size:var(--text-micro);color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.04em} @media (max-width:760px){.hero-in{gap:var(--space-6)}.lgs{gap:var(--space-3)}.lgs-g{flex-direction:column;gap:var(--space-2)}} .hero{position:relative;overflow:hidden;isolation:isolate} .hero-bg{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none} .lgs2{display:flex;flex-direction:column;gap:var(--space-5);width:100%;max-width:880px} .lr{display:grid;grid-template-columns:112px 1fr;align-items:start;gap:var(--space-4)} .lr>.lbl{padding-top:12px;text-align:right;color:var(--fg-subtle)} .lr ul{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-4)} .lt{display:flex;flex-direction:column;align-items:center;gap:6px;width:72px} .lt-i{display:grid;place-items:center;width:40px;height:40px;border:var(--hairline) solid var(--line);border-radius:var(--radius-sm);background:var(--surface)} .lt-i .badge{width:20px;height:20px}.lt-i img.badge{border-radius:4px} .lt-l{font-size:11px;line-height:1.25;color:var(--fg-muted);text-align:center} .lt-more .lt-i{font:500 16px/1 var(--font-mono);color:var(--fg-subtle);border-style:dashed} .lgs-sec.lgs2{margin-bottom:var(--space-6)} .anat-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin:var(--space-6) 0} @media (max-width:760px){.lr{grid-template-columns:1fr;gap:var(--space-3)}.lr>.lbl{text-align:center;padding:0}.lr ul{justify-content:center;gap:var(--space-3) var(--space-2)}.lt{width:64px}.anat-3{grid-template-columns:1fr}} .lgs2{max-width:1040px}.lr>.lbl{justify-self:end} @media (max-width:760px){.lr>.lbl{justify-self:center}.lt{width:58px}.lt-l{font-size:10.5px}.lr ul{gap:var(--space-3) 8px}} .pipe{width:100%;max-width:760px;display:flex;flex-direction:column;align-items:center} .pr{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:100%} .pr>.lbl{color:var(--fg-subtle)} .pr ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2) var(--space-3)} .pipe .lt{width:66px}.pipe .lt-i{width:36px;height:36px}.pipe .lt-i .badge{width:18px;height:18px} .pf{position:relative;width:100%;height:132px;margin:var(--space-2) 0} .pf-cv{position:absolute;inset:0;width:100%;height:100%} .pf-c{position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:flex;gap:var(--space-2);align-items:center;font-size:var(--text-micro);color:var(--fg-subtle);background:var(--bg);padding:4px 10px;border:var(--hairline) solid var(--line);border-radius:999px;white-space:nowrap} .pf-c b{color:var(--fg);font-weight:500;font-variant-numeric:tabular-nums} .pf-out b{color:var(--accent-strong)} .js .pipe .pf-out{opacity:.25;transition:opacity var(--dur-slow) var(--ease-lead)} .js .pipe.s1 .pf-out{opacity:1} .js .pipe [data-e] .lt-i{transition:border-color 300ms,transform 300ms var(--ease-lead)} .pipe.s2 [data-e].on .lt-i{border-color:var(--accent);transform:translateY(-2px)} .pf2{height:40px;width:1px;background:var(--line-strong);position:relative;margin:var(--space-3) 0} .pf2 i{position:absolute;left:-2.5px;top:0;width:6px;height:6px;background:var(--accent);opacity:0} .pipe.s3 .pf2 i{animation:pf2 700ms var(--ease-lead) forwards} @keyframes pf2{0%{top:0;opacity:1}100%{top:34px;opacity:1}} .pcard{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--surface);border:var(--hairline) solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-card);text-align:left;max-width:440px;width:100%} .pcard-mk .mk{width:20px;height:20px;color:var(--fg);display:block} .pcard b{display:block;font-size:var(--text-small);font-weight:600} .pcard-t{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.pcard-t .chip{font-style:normal} .pcard-time{margin-left:auto;font-size:var(--text-small);color:var(--accent-strong);align-self:flex-start} .js .pcard{opacity:0;transform:translateY(8px);transition:opacity 500ms var(--ease-lead),transform 500ms var(--ease-lead)} .pipe.s4 .pcard{opacity:1;transform:none} @media (max-width:760px){.pipe .lt{width:56px}.pipe .lt-l{font-size:10px}.pf{height:104px}.pcard-t .chip:nth-child(n+3){display:none}} @media (prefers-reduced-motion:reduce){.js .pipe .pf-out,.js .pcard{opacity:1;transform:none;transition:none}.pf2 i{display:none}} .lt-soon{display:block;margin-top:2px;font:500 9px/1 var(--font-mono);font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-subtle)} [data-theme=dark] .lt-i.lt-light{background:#F7F7F8;border-color:#F7F7F8} .pipe .pr-filters .lt-i{transition:border-color 300ms} .pipe.s1 .pr-filters .lt-i{border-color:var(--accent)} .pipe .pr+.pr{margin-top:var(--space-5)} .pipe{max-width:900px}.pipe .pr-reads .lt{width:70px} .tier-p b,.tier-bill{font-variant-numeric:tabular-nums} .pipe{max-width:1080px} .pipe .pr,.lgs2 .lr{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:var(--space-4);width:100%} .pipe .pr>.lbl,.lgs2 .lr>.lbl{justify-self:end;padding:0;text-align:right;font-size:10px;letter-spacing:.08em;color:var(--fg-subtle)} .pipe .pr ul,.lgs2 .lr ul{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:var(--space-2) var(--space-5)} .pipe .lt,.lgs2 .lt{flex-direction:row;width:auto;gap:7px;align-items:center} .pipe .lt-i,.lgs2 .lt-i,[data-theme=dark] .pipe .lt-i.lt-light,[data-theme=dark] .lgs2 .lt-i.lt-light{width:auto;height:auto;border:0;background:none;border-radius:0;transform:none!important} .pipe .lt-i .badge,.lgs2 .lt-i .badge{width:18px;height:18px;color:var(--fg);opacity:.62;transition:opacity 200ms,filter 200ms} .pipe .lt:not(:hover):not(.on) svg.badge:not(.badge-gen),.lgs2 .lt:not(:hover) svg.badge:not(.badge-gen){filter:grayscale(1) contrast(1.1)} .pipe .lt-i img.badge,.lgs2 .lt-i img.badge{filter:grayscale(1) brightness(.35);border-radius:3px} [data-theme=dark] .pipe .lt-i img.badge,[data-theme=dark] .lgs2 .lt-i img.badge{filter:grayscale(1) invert(1) brightness(1.4)} .pipe .lt-l,.lgs2 .lt-l{font-size:12px;color:var(--fg-muted);text-align:left;white-space:nowrap} .lt-soon{display:inline;margin:0 0 0 3px;font:500 8px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-subtle);vertical-align:super} .lt-more .lt-i{font:500 13px/1 var(--font-mono);color:var(--fg-subtle);border:0} .pipe .lt:hover .badge,.lgs2 .lt:hover .badge,.pipe [data-e].on .badge,.pipe.s1 .pr-filters .badge{opacity:1} .pipe .lt:hover img.badge,.lgs2 .lt:hover img.badge{filter:none} .pipe [data-e].on .badge-gen,.pipe.s1 .pr-filters .badge-gen,.pipe .lt:hover .badge-gen{color:var(--accent-strong)} .pipe .pr+.pr{margin-top:var(--space-4)} .pipe .pr-dl .pcard{grid-column:1/-1;justify-self:center} .pf{height:116px} @media (max-width:760px){.pipe .pr,.lgs2 .lr{grid-template-columns:1fr;gap:var(--space-2)}.pipe .pr>.lbl,.lgs2 .lr>.lbl{justify-self:center} .pipe .pr ul,.lgs2 .lr ul{justify-content:center;gap:var(--space-2) var(--space-4)}.pipe .lt-l,.lgs2 .lt-l{font-size:11.5px}.pipe .lt,.lgs2 .lt{width:auto}} .hero-t h1.h-xl{font-size:clamp(52px,8vw,104px);line-height:.98;letter-spacing:-.04em;max-width:none} .hero-sub{margin-top:var(--space-4);font:600 clamp(20px,2.4vw,30px)/1.2 var(--font-display);letter-spacing:-.02em;color:var(--fg);font-variation-settings:"opsz" 32} .hero-t .hero-p{font-size:var(--text-body);max-width:54ch} .pipe .pr-reads .lt,.pipe .lt{width:auto} @media (max-width:760px){.pipe .pr-reads .lt{width:auto}} .pipe{max-width:1180px}@media (min-width:761px){.pipe .pr ul{gap:var(--space-2) var(--space-4)}.pipe .lt-l{font-size:11.5px}} .cn{margin-top:var(--space-6);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 14px;max-width:100%} .cn-i{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;list-style:none;margin:0;padding:0} .cn-i li{display:flex;line-height:0} .cn-i .badge{width:20px;height:20px;display:block;object-fit:contain;flex:none} .cn-i li svg[fill="currentColor"]{color:var(--fg)} .cn-t{font-size:var(--text-small);color:var(--fg-muted);white-space:nowrap} [data-theme="dark"] .cn-inv{filter:invert(1)} @media (max-width:700px){.cn-i{gap:10px;max-width:300px}.cn-i .badge{width:18px;height:18px}} .hero-t .lbl .sq{position:relative;border-radius:50%;width:8px;height:8px} .hero-t .lbl .sq::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--accent);animation:sqpulse 2.4s var(--ease-out,ease-out) infinite} @keyframes sqpulse{0%{transform:scale(1);opacity:.55}70%,100%{transform:scale(2.8);opacity:0}} @media (prefers-reduced-motion:reduce){.hero-t .lbl .sq::after{animation:none;display:none}} a,button,summary,label,[role=button],select{cursor:pointer} input[type=email],input[type=text],textarea{cursor:text} .sp-g{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:var(--hairline) solid var(--line)} .sp{position:relative;padding:var(--space-6) var(--space-5) 0 0;display:flex;flex-direction:column;gap:var(--space-3)} .sp+.sp{padding-left:var(--space-5);border-left:var(--hairline) solid var(--line)} .sp::before{content:"";position:absolute;top:-4px;left:0;width:7px;height:7px;background:var(--accent)} .sp+.sp::before{left:-4px} .sp-n{font-size:var(--text-micro,11px);color:var(--accent-strong);letter-spacing:.06em} .sp-t{font-size:var(--text-label);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--fg)} .sp-d{font-size:var(--text-small);color:var(--fg-muted);line-height:1.5;min-height:3em} .sp-l,.sp-c{list-style:none;margin:var(--space-2) 0 0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px} .sp-l li{display:flex;line-height:0;position:relative} .sp-l .badge,.sp-c .badge{width:18px;height:18px;display:block;object-fit:contain;flex:none} .sp-l svg[fill="currentColor"],.sp-l .badge-gen,.sp-c .badge-gen{color:var(--fg)} .sp-more{display:block!important;line-height:1.4!important;font-size:var(--text-micro,12px);color:var(--fg-subtle);white-space:nowrap} .sp-more .mono{color:var(--accent-strong)} .sp-c{flex-direction:column;align-items:flex-start;gap:8px} .sp-c li{display:flex;align-items:center;gap:8px;font-size:var(--text-small);color:var(--fg)} .sp-c .badge{width:16px;height:16px;color:var(--accent-strong)} .sp-pre .sp{opacity:0;transform:translateY(8px)} .sp-in .sp{opacity:1;transform:none;transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)} .sp-in .sp:nth-child(2){transition-delay:80ms}.sp-in .sp:nth-child(3){transition-delay:160ms}.sp-in .sp:nth-child(4){transition-delay:240ms} @media (max-width:860px){.sp-g{grid-template-columns:1fr;border-top:0;border-left:var(--hairline) solid var(--line);margin-left:4px} .sp,.sp+.sp{padding:0 0 var(--space-6) var(--space-5);border-left:0} .sp::before,.sp+.sp::before{top:4px;left:-4px} .sp-d{min-height:0}} .nav-login{font-size:var(--text-small);color:var(--fg-muted);padding:var(--space-2) var(--space-1)}.nav-login:hover{color:var(--fg)} .foot-in{grid-template-columns:2fr 1fr 1fr 1fr} .loop{border-top:var(--hairline) solid var(--line)} .lp-in{display:grid;grid-template-columns:5fr 6fr;gap:var(--space-8);align-items:center} .lp-steps{list-style:none;display:grid;gap:var(--space-5);margin-top:calc(-1*var(--space-3))} .lp-steps li{display:grid;grid-template-columns:32px 1fr;gap:var(--space-3);padding-top:var(--space-5);border-top:var(--hairline) solid var(--line)} .lp-steps .mono{font-size:var(--text-label);color:var(--accent-strong);padding-top:3px}.lp-steps h3{font-size:var(--text-body);font-weight:600;letter-spacing:-.01em}.lp-steps p{color:var(--fg-muted);font-size:var(--text-small);margin-top:2px} .lp-vis{display:flex;flex-direction:column;align-items:stretch;max-width:520px;width:100%;justify-self:end} .lp-card,.lp-icp{background:var(--surface);border:var(--hairline) solid var(--line);border-radius:var(--radius-md);padding:var(--space-5)} .lp-top{display:flex;align-items:center;gap:var(--space-2)}.lp-top .dg-rk{display:inline-flex;align-items:center;gap:6px;font:500 var(--text-micro)/1 var(--font-mono);color:var(--fg-subtle);margin-right:var(--space-1)} .lp-tag{margin-left:auto;font-size:var(--text-micro);color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.06em} .lp-co{margin-top:var(--space-4);display:grid;gap:2px}.lp-co b{font-weight:600}.lp-co span{color:var(--fg-muted);font-size:var(--text-small)} .lp-why{margin-top:var(--space-3);font-size:var(--text-small);padding:var(--space-3);background:var(--surface-2);border-radius:var(--radius-sm)}.lp-why .lbl{display:block;font-size:var(--text-micro);margin-bottom:2px;color:var(--accent-strong)} .lp-meta{margin-top:var(--space-3);display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);font-size:var(--text-micro);color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.06em} .lp-act{margin-top:var(--space-4);padding-top:var(--space-4);border-top:var(--hairline) solid var(--line);display:flex;align-items:center;gap:var(--space-2)} .lp-q{font-size:var(--text-small);color:var(--fg-muted);margin-right:auto} .lp-b{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 var(--space-3);border:var(--hairline) solid var(--line-strong);border-radius:var(--radius-sm);font-size:var(--text-small);color:var(--fg-muted)}.lp-b em{font-style:normal}.lp-b .ic{width:18px;height:18px} .lp-b.lp-on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.lp-b.lp-on .ic{color:var(--accent-strong)} .lp-link{display:flex;flex-direction:column;align-items:center;padding:var(--space-2) 0}.lp-link i{width:1px;height:18px;background:var(--line-strong)}.lp-link span{font-size:var(--text-micro);text-transform:uppercase;letter-spacing:.06em;color:var(--accent-strong);padding:4px 0} .lp-icp-h{display:flex;justify-content:space-between;font-size:var(--text-micro);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-subtle)}.lp-upd{display:inline-flex;align-items:center;gap:6px;color:var(--accent-strong)}.lp-upd .sq{width:6px;height:6px} .lp-icp ul{list-style:none;margin-top:var(--space-3)}.lp-icp li{display:grid;grid-template-columns:92px 1fr auto;gap:var(--space-3);align-items:center;padding:var(--space-2) 0;border-top:var(--hairline) solid var(--line);font-size:var(--text-small)} .lp-icp li span{font:500 var(--text-micro)/1.4 var(--font-mono);color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.04em}.lp-icp li b{font-weight:500} .lp-dir{font:500 var(--text-micro)/1 var(--font-mono);font-style:normal;padding:4px 6px;border-radius:var(--radius-xs);background:var(--surface-2);color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em}.lp-plus{background:var(--accent-soft);color:var(--accent-strong)} .bl{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)} .bp a{position:relative;display:flex;flex-direction:column;height:100%;background:var(--surface);border:var(--hairline) solid var(--line);border-radius:0;cursor:default;transition:border-color var(--dur-instant)}.bp a:hover{border-color:var(--fg-subtle)}.bp a:hover .bp-r{text-decoration:underline;text-underline-offset:3px}.bp a:focus-visible{outline:2px solid var(--accent);outline-offset:2px} .sec-alt .bp a{background:var(--bg)} .bp-cv{display:block;border-bottom:var(--hairline) solid var(--line)}.bp-img{display:block;width:100%;height:auto;aspect-ratio:1200/630;border:0;border-radius:0;margin:0} .bp-b{display:flex;flex-direction:column;flex:1;padding:var(--space-5)} .bp-k{position:absolute;width:10px;height:10px;border:0 solid var(--accent);opacity:0;transition:opacity var(--dur-instant)}.bp-k1{top:-1px;left:-1px;border-width:2px 0 0 2px}.bp-k2{bottom:-1px;right:-1px;border-width:0 2px 2px 0}.bp a:hover .bp-k,.bp a:focus-visible .bp-k{opacity:1} .bp-m{display:flex;gap:var(--space-2);font-size:var(--text-micro);color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.06em} .bp h2,.bp h3{margin-top:var(--space-3);font-size:var(--text-h3);line-height:1.3;letter-spacing:-.01em}.bp-d{margin-top:var(--space-2);color:var(--fg-muted);font-size:var(--text-small);flex:1}.bp-r{margin-top:var(--space-4);display:inline-flex;align-items:center;gap:4px;color:var(--accent-strong);font-size:var(--text-small);font-weight:500} .bp-dk{display:none!important}[data-theme="dark"] .bp-lt{display:none!important}[data-theme="dark"] .bp-dk{display:block!important} @media (prefers-color-scheme:light){:root:not([data-theme="light"]) .bp-lt{display:none!important}:root:not([data-theme="light"]) .bp-dk{display:block!important}} @media (min-width:1100px){.bl{grid-template-columns:repeat(3,1fr)}} .bl-rss{margin-top:var(--space-6)} .crumb{display:flex;gap:var(--space-2);font-size:var(--text-label);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-subtle)}.crumb a{color:var(--accent-strong)} .post-h h1{max-width:22ch}.post-m{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-5);font-size:var(--text-label);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-subtle)} .post-b{padding-top:0}.post-g{display:grid;grid-template-columns:220px minmax(0,1fr);gap:var(--space-8)} .post-toc nav{position:sticky;top:calc(var(--nav-hc) + var(--space-6))}.post-toc ol{list-style:none;margin-top:var(--space-3);display:grid;gap:var(--space-2);font-size:var(--text-small)}.post-toc a{color:var(--fg-muted)}.post-toc a:hover{color:var(--fg)} .prose{font-size:var(--text-body)}.prose>*+*{margin-top:var(--space-4)}.prose h3{font-size:var(--text-h3);margin-top:var(--space-6);letter-spacing:-.01em} .prose ul,.prose ol{padding-left:1.3em;color:var(--fg-muted);display:grid;gap:var(--space-2)}.prose li::marker{color:var(--accent-strong)} .prose a{color:var(--accent-strong);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.prose strong,.prose b{color:var(--fg);font-weight:600} .prose blockquote{border-left:2px solid var(--accent);padding:var(--space-2) var(--space-5);background:var(--surface);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.prose blockquote p{color:var(--fg)} .prose code{font-family:var(--font-mono);font-size:.88em;background:var(--surface-2);padding:1px 5px;border-radius:var(--radius-xs)} .prose pre{background:var(--surface);border:var(--hairline) solid var(--line);border-radius:var(--radius-sm);padding:var(--space-4);overflow-x:auto;font-size:var(--text-small)}.prose pre code{background:none;padding:0} .tbl{overflow-x:auto;border:var(--hairline) solid var(--line);border-radius:var(--radius-sm)}.tbl table{width:100%;border-collapse:collapse;font-size:var(--text-small)}.tbl th,.tbl td{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:var(--hairline) solid var(--line);vertical-align:top}.tbl th{font:500 var(--text-micro)/1.4 var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-subtle);background:var(--surface)}.tbl td{color:var(--fg-muted)}.tbl tr:last-child td{border:0} .post-tags{list-style:none;padding:0!important;display:flex!important;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-7)!important} .legal .upd{font-size:var(--text-label);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-subtle)} .toc{padding:var(--space-5);background:var(--surface);border:var(--hairline) solid var(--line);border-radius:var(--radius-md)}.toc ol{margin-top:var(--space-3);columns:2;gap:var(--space-6);display:block}.toc li{margin-bottom:var(--space-1)} .prose h2{scroll-margin-top:calc(var(--nav-hc) + var(--space-5))}.prose h3{scroll-margin-top:calc(var(--nav-hc) + var(--space-5))} .ct{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.ct li{padding:var(--space-6);background:var(--surface);border:var(--hairline) solid var(--line);border-radius:var(--radius-md)}.ct-m{display:block;margin-top:var(--space-3);font-size:var(--text-h3);font-weight:600;letter-spacing:-.01em}.ct-m:hover{color:var(--accent-strong)}.ct p:not(.lbl){margin-top:var(--space-2);color:var(--fg-muted);font-size:var(--text-small)}.ct p a{color:var(--accent-strong)} .nf{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-6)}.nf-l{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-5);font-size:var(--text-small)}.nf-l a{color:var(--fg-muted)}.nf-l a:hover{color:var(--fg)} @media (max-width:1024px){.lp-in{grid-template-columns:1fr;gap:var(--space-7)}.lp-vis{justify-self:start}.post-g{grid-template-columns:minmax(0,1fr);gap:var(--space-5)}.post-toc{display:none}.foot-in{grid-template-columns:1fr 1fr 1fr}.foot-b{grid-column:1/-1}} @media (max-width:760px){.bl,.ct{grid-template-columns:1fr}.nav-login{display:none}.toc ol{columns:1}.lp-icp li{grid-template-columns:1fr auto}.lp-icp li span{grid-column:1/-1}.foot-in{grid-template-columns:1fr 1fr}.lp-card,.lp-icp{padding:var(--space-4)}} .post-c{min-width:0}.prose pre{white-space:pre-wrap;word-break:break-word} html:not([data-cur="gbp"]) .c-gbp,html[data-cur="gbp"] .c-usd{display:none} .bill-w{align-items:center;gap:var(--space-4)} .cur{display:inline-flex;border:0}.cur label{position:relative;cursor:pointer}.cur input{position:absolute;opacity:0;width:1px;height:1px} .cur span{display:inline-grid;place-items:center;width:28px;height:28px;font-size:var(--text-small);color:var(--fg-subtle);border:var(--hairline) solid transparent;border-radius:6px} .cur input:checked+span{color:var(--fg);border-color:var(--line-strong);background:var(--surface)}.cur input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px} .tier-pl{margin-top:var(--space-2);font-size:var(--text-micro);color:var(--accent-strong);text-transform:uppercase;letter-spacing:.04em;font-variant-numeric:tabular-nums} .hero-sub{text-wrap:balance}.ib{display:inline-flex;vertical-align:-.12em;margin:0 .08em}.ib .badge{width:1em;height:1em} .hero-sub{font-size:clamp(18px,2vw,26px);line-height:1.3;max-width:34ch;margin-left:auto;margin-right:auto;text-wrap:balance} .ib{display:inline-flex;align-items:center;gap:.12em;white-space:nowrap;vertical-align:middle;margin:0 .1em;position:relative;top:-.06em;font-weight:400;color:var(--fg-subtle)} .ib-b{font-family:var(--font-mono);font-size:.9em;line-height:1} .ib .badge{width:.9em;height:.9em;display:inline-block;flex:none} *,*::before,*::after{border-radius:0!important} .hero-t .lbl .sq,.hero-t .lbl .sq::after{border-radius:50%!important} body::before,body::after{content:"";position:fixed;top:0;bottom:0;width:1px;background:var(--line);pointer-events:none;z-index:40} body::before{left:max(10px,calc(50% - (var(--wrap) + 2*var(--gutter))/2))} body::after{right:max(10px,calc(50% - (var(--wrap) + 2*var(--gutter))/2))} [data-theme=dark] body::before,[data-theme=dark] body::after{background:var(--line);opacity:.8} .nav{background:transparent!important;border-bottom-color:transparent!important;padding:0;transition:padding var(--dur-base) var(--ease-out)} .nav-in{border:var(--hairline) solid transparent;transition:max-width 420ms var(--ease-lead),height var(--dur-base) var(--ease-out),background-color var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),padding 420ms var(--ease-lead)} .compact .nav{background:color-mix(in srgb,var(--bg) 70%,transparent)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom-color:var(--line)!important} @media (min-width:761px){ .docked .nav{padding-top:10px;background:transparent!important;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom-color:transparent!important} .docked .nav-in{max-width:880px;height:52px;padding:0 10px 0 16px;gap:var(--space-6);background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:var(--line-strong);box-shadow:0 8px 24px -16px rgba(0,0,0,.25)} .docked .nav-in .wmk{height:17px} .docked .nav-login{display:none} } .sh-c{text-align:center;margin-left:auto;margin-right:auto}.sh-c .sh-p{margin-left:auto;margin-right:auto} .l2{position:relative;padding:44px 0;margin-top:var(--space-4)} .l2-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1fr);align-items:center;position:relative;z-index:1} .l2-p{background:var(--surface);border:var(--hairline) solid var(--line-strong)} .l2-h{display:flex;justify-content:space-between;padding:12px 16px;border-bottom:var(--hairline) solid var(--line);font-size:var(--text-micro);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-subtle)} .l2-left ul,.l2-w,.l2-ev{list-style:none} .l2-left li{display:grid;grid-template-columns:1fr auto 24px;gap:12px;align-items:center;padding:10px 16px;font-size:var(--text-small);color:var(--fg-subtle);transition:color var(--dur-base),background-color var(--dur-base)} .l2-left li b{font-weight:500}.l2-left li.on{color:var(--fg);background:var(--accent-soft)} .l2-fit{display:inline-flex;gap:3px}.l2-fit i{width:14px;height:4px;background:var(--line-strong)}.l2-fit i.on{background:var(--fg-muted)}.l2-left li.on .l2-fit i.on{background:var(--accent)} .l2-th{display:inline-grid;place-items:center;width:20px;height:20px}.l2-th .ic{width:16px;height:16px}.l2-up .ic{color:var(--accent-strong)}.l2-dn .ic{color:var(--fg-subtle)} .l2-f{padding:10px 16px;border-top:var(--hairline) solid var(--line);font-size:var(--text-micro);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-subtle)} .l2-mid{position:relative;height:200px} .l2-svg{position:absolute;inset:10px 0;width:100%;height:180px;fill:none;stroke:var(--line-strong);stroke-width:1;vector-effect:non-scaling-stroke} .l2-svg path{vector-effect:non-scaling-stroke} .l2-ev{position:absolute;inset:0;display:grid;grid-template-rows:repeat(3,1fr);place-items:center} .l2-ev li{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:var(--bg);border:var(--hairline) solid var(--line);font-size:12px;color:var(--fg-subtle);white-space:nowrap;opacity:.55;transform:scale(.96);transition:all 500ms var(--ease-lead)} .l2-ev li b{font-weight:600;color:inherit}.l2-ev li em{font-style:normal} .l2-ev li.on{opacity:1;transform:scale(1);color:var(--fg);background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)} .l2-w li{display:grid;grid-template-columns:1fr 90px;gap:12px;align-items:center;padding:10px 16px;font-size:var(--text-small);color:var(--fg-muted)} .l2-bar{display:block;height:6px;background:var(--surface-2)}.l2-bar b{display:block;height:100%;background:var(--accent);transition:width 900ms var(--ease-lead)} .l2-next{display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:var(--hairline) solid var(--line);font-size:var(--text-small)} .l2-next .mono{font-size:var(--text-micro);text-transform:uppercase;letter-spacing:.06em;color:var(--accent-strong)} .l2-next em{font-style:normal;padding:3px 8px;background:var(--surface-2);color:var(--fg)}.l2-next em.in{animation:l2in 500ms var(--ease-lead)} @keyframes l2in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}} .l2-tag{position:absolute;left:50%;transform:translateX(-50%);z-index:2;padding:8px 14px;background:var(--bg);font-size:var(--text-micro);text-transform:uppercase;letter-spacing:.1em;color:var(--fg-muted);white-space:nowrap} .sec-alt .l2-tag{background:var(--surface)} .l2-t{top:0}.l2-b{bottom:0} .l2-tag i{position:absolute;width:7px;height:7px;border:0 solid var(--fg-subtle)} .l2-tag .tl{top:0;left:0;border-top-width:1px;border-left-width:1px}.l2-tag .tr{top:0;right:0;border-top-width:1px;border-right-width:1px} .l2-tag .bl{bottom:0;left:0;border-bottom-width:1px;border-left-width:1px}.l2-tag .br{bottom:0;right:0;border-bottom-width:1px;border-right-width:1px} .l2-ln{position:absolute;left:16%;right:16%;border:0 solid var(--line-strong);z-index:0} .l2-lt{top:15px;height:60px;border-top-width:1px;border-left-width:1px;border-right-width:1px} .l2-lb{bottom:15px;height:60px;border-bottom-width:1px;border-left-width:1px;border-right-width:1px} @media (max-width:900px){ .l2{padding:52px 0} .l2-row{grid-template-columns:1fr;gap:0;max-width:440px;margin:0 auto} .l2-mid{height:auto;padding:16px 0}.l2-svg{display:none} .l2-ev{position:static;display:flex;flex-direction:column;gap:8px;align-items:center} .l2-ev li::before{content:"";position:absolute} .l2-mid::before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1px dashed var(--line-strong)} .l2-ev li{position:relative} .l2-ln{left:8px;right:8px} } @media (max-width:420px){.l2-w li{grid-template-columns:1fr 70px}.l2-tag{font-size:10px;letter-spacing:.06em}} @media (prefers-reduced-motion:reduce){.l2-ev li,.l2-bar b,.l2-left li{transition:none}.l2-next em.in{animation:none}} .foot-fine{flex-wrap:wrap}.foot-co{text-transform:none;letter-spacing:0} main:has(>.hero) .sh{text-align:center;margin-left:auto;margin-right:auto} main:has(>.hero) .sh-p{margin-left:auto;margin-right:auto} main:has(>.hero) .btn-link{display:flex;justify-content:center;width:fit-content;margin-left:auto;margin-right:auto} main:has(>.hero) .steps li,main:has(>.hero) .sp{text-align:center} main:has(>.hero) .sp-c{justify-content:center} main:has(>.hero) .anat-3 li{flex-direction:column;align-items:center;text-align:center} main:has(>.hero) .anat-3 .sq{margin-top:0} main:has(>.hero) .sigs{display:flex;flex-wrap:wrap;justify-content:center} main:has(>.hero) .sigs li{flex:0 0 33.333%;flex-direction:column;align-items:center;text-align:center;padding:var(--space-5)} main:has(>.hero) .tiers+.fine{text-align:center;max-width:72ch;margin-left:auto;margin-right:auto} main:has(>.hero) .split{grid-template-columns:1fr;justify-items:center;gap:0} main:has(>.hero) .split>div:first-child{width:100%} main:has(>.hero) .split .faq{width:100%;max-width:760px} main:has(>.hero) .final-in{grid-template-columns:1fr;justify-items:center;text-align:center;gap:var(--space-6)} main:has(>.hero) .final-in h2{max-width:20ch;margin-left:auto;margin-right:auto} main:has(>.hero) .final-in .su{width:100%;max-width:520px} @media (max-width:1100px){main:has(>.hero) .sigs li{flex-basis:50%}} @media (max-width:760px){main:has(>.hero) .sigs li{flex-basis:100%}} main:has(>.hero) .sh .lbl,main:has(>.hero) .final-in .lbl{justify-content:center;width:fit-content;margin-left:auto;margin-right:auto} .sp-c{flex-direction:row;flex-wrap:nowrap;align-items:center;gap:6px} .sp-c li{font-size:12px;line-height:1;white-space:nowrap;padding:5px 7px;border:var(--hairline) solid var(--line-strong);color:var(--fg)} main:has(>.hero) .sp-l{justify-content:center} .l2-ev li{opacity:1;color:var(--fg-muted)} .btn-link{min-height:24px;display:inline-flex;align-items:center} main p a:not([class]),.prose li a:not([class]){text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px} .cn-i{gap:11px}.cn-i .badge{width:17px;height:17px} @media (max-width:760px){ .cn{flex-direction:column;gap:12px} .cn-i{display:grid;grid-template-columns:repeat(7,16px);gap:14px 18px;justify-content:center;max-width:none} .cn-i li{justify-content:center}.cn-i .badge{width:16px;height:16px} .cn-t{font-size:12px} } .brk,.hero .lbl,.sh .lbl,.su-row,.tier-hot,.final-in .lbl{position:relative} .brk::after,.hero .lbl::after,.sh .lbl::after,.su-row::after,.tier-hot::after,.final-in .lbl::after{content:"";position:absolute;inset:var(--bi,-7px);pointer-events:none;--c:var(--line-strong);--l:8px; background:linear-gradient(var(--c),var(--c)) 0 0/var(--l) 1px,linear-gradient(var(--c),var(--c)) 0 0/1px var(--l), linear-gradient(var(--c),var(--c)) 100% 0/var(--l) 1px,linear-gradient(var(--c),var(--c)) 100% 0/1px var(--l), linear-gradient(var(--c),var(--c)) 0 100%/var(--l) 1px,linear-gradient(var(--c),var(--c)) 0 100%/1px var(--l), linear-gradient(var(--c),var(--c)) 100% 100%/var(--l) 1px,linear-gradient(var(--c),var(--c)) 100% 100%/1px var(--l);background-repeat:no-repeat} .hero .lbl,.sh .lbl,.final-in .lbl{padding:5px 10px} .hero .lbl::after,.sh .lbl::after,.final-in .lbl::after{--bi:-1px;--l:6px} .tier-hot::after{--c:var(--accent);--bi:-9px;--l:12px} .hero-bg{left:max(10px,calc(50% - (var(--wrap) + 2*var(--gutter))/2));right:max(10px,calc(50% - (var(--wrap) + 2*var(--gutter))/2));width:auto;inset-block:0} .hw{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6);position:relative;counter-reset:hw} .hw::before{content:"";position:absolute;top:0;left:16.6%;right:16.6%;height:1px;background:var(--line-strong)} .hw-c{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-6) var(--space-5) var(--space-5);margin-top:16px;background:var(--surface);border:var(--hairline) solid var(--line)} .hw-n{position:absolute;top:-30px;left:50%;transform:translateX(-50%);width:28px;height:28px;display:grid;place-items:center;font-size:12px;background:var(--bg);border:var(--hairline) solid var(--accent);color:var(--accent-strong,var(--accent))} .hw-c h3{font-size:var(--text-body-lg,18px);margin:var(--space-2) 0 var(--space-2)} .hw-c>p{color:var(--fg-muted);font-size:var(--text-small);max-width:30ch} .hw-v{margin-top:var(--space-5);width:100%;max-width:280px;border:var(--hairline) solid var(--line);background:var(--bg);font-size:12px;text-align:left} .hw-form p{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border-bottom:var(--hairline) solid var(--line)}.hw-form p:last-child{border:0} .hw-form span{color:var(--fg-subtle)}.hw-form b{font-weight:500} .hw-flow{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border:0;background:none} .hw-logos{display:flex;gap:10px}.hw-logos .badge{width:18px;height:18px} .hw-arr{width:1px;height:14px;background:var(--line-strong);position:relative}.hw-arr::after{content:"";position:absolute;bottom:-3px;left:-3px;border:3px solid transparent;border-top-color:var(--line-strong)} .hw-chips{display:flex;gap:6px}.hw-chips span{padding:5px 8px;border:var(--hairline) solid var(--accent);color:var(--fg)} .hw-mh{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:var(--hairline) solid var(--line)}.hw-mh .badge{width:14px;height:14px} .hw-mh .mono{color:var(--accent-strong,var(--accent));margin-left:4px}.hw-mh em{font-style:normal;color:var(--fg-muted)} .hw-row{display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;column-gap:8px;padding:8px 10px;align-items:center} .hw-row .av{grid-row:span 2;width:28px;height:28px;object-fit:cover;border-radius:50%!important} .hw-row span{color:var(--fg)}.hw-row i{font-style:normal;color:var(--accent-strong,var(--accent));font-size:11px} .av{border-radius:50%!important} @media (max-width:900px){.hw{grid-template-columns:1fr;gap:var(--space-7)}.hw::before{top:0;bottom:0;left:50%;right:auto;width:1px;height:auto;opacity:.6}} @media (max-width:768px){ .nav-in,.docked .nav-in,.compact .nav-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px} .nav-r{display:contents} .nav-in .logo{grid-column:2;grid-row:1;justify-self:center} .nav-in .burger{grid-column:1;grid-row:1;justify-self:start} .nav-in .toggle{grid-column:3;grid-row:1;justify-self:end} .nav-in .nav-login,.nav-in .nav-cta,.nav-in .nav-links{display:none} } .post-cover{display:block;width:100%;max-width:880px;height:auto;aspect-ratio:1200/630;margin-top:var(--space-6);border:var(--hairline) solid var(--line)} .post-au{display:inline-flex;align-items:center;gap:8px}.post-au img{width:24px;height:24px;border-radius:50%!important} .hero-bg{width:calc(100% - 2*max(10px,calc(50% - (var(--wrap) + 2*var(--gutter))/2)));height:100%} .su-msg.ok::before{content:"\2713\00a0";font-weight:700} .cn-m{display:none} @media (max-width:768px){ .cn-i{display:grid;grid-template-columns:repeat(9,15px);gap:14px clamp(12px,4.2vw,18px);justify-content:center;max-width:none} .cn-i li:nth-child(n+19){display:none} .cn-i .badge{width:15px;height:15px} .cn-d{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .cn-m{display:inline;letter-spacing:.2em;font-family:var(--font-mono)} } @media (max-width:768px){.nav .burger{width:34px;height:34px;min-width:34px;padding:0;border:1px solid var(--line);border-radius:0;align-self:center;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-sizing:border-box} .nav .burger span{width:16px;margin:0}} @media (max-width:768px){.menu-open .nav .burger span:first-child{transform:translateY(5.5px) rotate(45deg)}.menu-open .nav .burger span:nth-child(2){opacity:0}.menu-open .nav .burger span:last-child{transform:translateY(-5.5px) rotate(-45deg)}} @media (max-width:860px){.sp-g{border-left:0;margin-left:0}.sp,.sp+.sp{padding:0 0 var(--space-6) 0}.sp::before,.sp+.sp::before{display:none}} .btn-acc{background:var(--accent);color:#04060C;border:1px solid var(--accent);border-radius:0}.btn-acc:hover{filter:brightness(.95)} .sl-hero{padding:var(--space-8,64px) 0 var(--space-7,48px)} .sl-split{display:grid;grid-template-columns:1.05fr .95fr;gap:var(--space-7,48px);align-items:center} .sl-hero h1{font-size:clamp(34px,5vw,56px);line-height:1.05;letter-spacing:-.02em;margin:12px 0 16px} .sl-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.sl-ctas .btn{border-radius:0} .sl-fine{margin-top:14px;font-size:12px;color:var(--fg-muted)} .sl-card{margin:0;border:1px solid var(--line);background:var(--bg);border-radius:0} .sl-card header{display:flex;gap:10px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}.sl-card header div{display:flex;flex-direction:column}.sl-card header .mono{font-size:11px;color:var(--fg-muted)} .sl-card ol{list-style:none;margin:0;padding:0}.sl-card li{display:grid;grid-template-columns:28px 1fr auto;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)} .sl-card li p{margin:2px 0 0;font-size:14px;color:var(--fg-muted)}.sl-n{color:var(--accent-strong);font-size:12px;padding-top:3px}.sl-who{font-size:11px!important}.sl-why{color:var(--accent-strong)} .sl-fb{display:flex;gap:6px;color:var(--fg-subtle)}.sl-fb .ic{width:16px;height:16px} .sl-card figcaption{padding:10px 16px;font-size:12px;color:var(--fg-muted)} .sl-how{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)} .sl-how li{padding:24px 20px 0 0;display:flex;flex-direction:column;gap:8px}.sl-how li+li{padding-left:20px;border-left:1px solid var(--line)}.sl-how .mono{color:var(--accent-strong);font-size:12px}.sl-how p{margin:0;color:var(--fg-muted)} .sl-logos{list-style:none;display:flex;gap:16px;padding:0;margin:8px 0 0}.sl-logos li{display:flex;align-items:center;gap:10px;border:1px solid var(--line);padding:12px 18px;border-radius:0}.sl-logos .badge{width:22px;height:22px} .sl-end{justify-content:center}.sl-price .sl-ctas{margin-top:8px} @media (max-width:860px){.sl-split{grid-template-columns:1fr}.sl-how{grid-template-columns:1fr;border-top:0}.sl-how li,.sl-how li+li{padding:0 0 24px;border-left:0}.sl-hero{padding:40px 0 32px}} .sl-co{display:flex;gap:10px;align-items:flex-start}.sl-lg{flex:none;width:32px;height:32px;padding:4px;border:1px solid var(--line);background:var(--bg-alt,var(--bg));color:var(--fg);box-sizing:border-box} .sl-logos{flex-wrap:wrap}@media (max-width:480px){.sl-logos{gap:8px}.sl-logos li{padding:10px 12px}} @media (max-width:768px){.nav-in .logo{padding-left:0;padding-right:0;margin:0}.nav-in,.docked .nav-in,.compact .nav-in{padding-left:var(--gutter);padding-right:var(--gutter)}} @media (min-width:769px){ .nav-in,.docked .nav-in,.compact .nav-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-5)} .nav-in .nav-links{grid-column:1;grid-row:1;justify-self:start} .nav-in .logo{grid-column:2;grid-row:1;justify-self:center;padding:var(--space-2) 0} .nav-in .nav-r{grid-column:3;grid-row:1;justify-self:end;margin-left:0} } @media (min-width:1025px){.tiers{grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.tier{padding:var(--space-5)}.tier-p b{font-size:var(--text-h1)}} @media (min-width:761px) and (max-width:1024px){.tiers{grid-template-columns:1fr 1fr;max-width:none}} .tier-team{border-color:var(--line-strong)} .logo,.nav-links a,.nav-login,.nav-cta,.btn-link,.toggle button,.burger{position:relative} .skip::after,.logo::after,.nav-links a::after,.nav-login::after,.nav-cta::after,.btn-link::after,.toggle button::after,.burger::after{content:"";position:absolute;left:50%;top:50%;width:max(100%,48px);height:max(100%,48px);transform:translate(-50%,-50%)} .toggle button{z-index:1} .toggle button:first-child::after{left:auto;right:0;transform:translateY(-50%)} .toggle button:last-child::after{left:0;transform:translateY(-50%)} .nav-login::after{width:calc(100% + 6px);left:0;transform:translateY(-50%)} .tier.tier-hot{border-color:var(--fg)} .tier:not(.tier-hot) .tier-h .chip-acc{background:var(--surface-2);color:var(--fg-muted)} .tiers-sel .tier{cursor:pointer} .tiers-sel .tier:focus-visible{outline:2px solid var(--accent);outline-offset:4px} .post-h .wrap{text-align:center}.post-h .crumb,.post-h .post-m{justify-content:center} .post-h h1,.post-h .hero-p,.post-h .post-cover{margin-left:auto;margin-right:auto} .post-g{display:block;position:relative}.post-c.prose{max-width:700px;margin-left:auto;margin-right:auto;text-align:left} .post-toc{position:absolute;top:0;bottom:0;left:var(--gutter);width:200px} @media (max-width:1279px){.post-toc{display:none}} .post-rel .sh{text-align:center;margin-left:auto;margin-right:auto}.post-rel .sh-p{margin-left:auto;margin-right:auto} .post-rel .bl{max-width:880px;margin-left:auto;margin-right:auto} @media (min-width:761px){.post-rel .bl{grid-template-columns:repeat(2,1fr)}}@property --l{syntax:'<length>';inherits:false;initial-value:8px} .stmt{padding:clamp(56px,9vw,112px) 0;border-top:var(--hairline) solid var(--line)} .stmt-p{margin:0 auto;max-width:20ch;text-align:center;font-size:clamp(28px,4.6vw,56px);line-height:1.12;font-weight:600;letter-spacing:-.025em;color:var(--fg);overflow-wrap:break-word} .stmt-p em{font-style:normal;color:var(--accent-strong)} .stmt-on .sw{color:var(--fg-subtle);opacity:.45;transition:opacity .25s linear,color .25s linear} .stmt-on .sw em{color:inherit} .stmt-on .sw.on{opacity:1;color:var(--fg)} .stmt-on .sw.on em{color:var(--accent-strong)} .stats{padding:0 0 clamp(48px,7vw,88px)} .stl-g{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-5)} .stl-g li{padding:var(--space-5) var(--space-3);text-align:center;border:var(--hairline) solid var(--line);background:var(--surface)} .stc{margin:0;font-size:clamp(30px,3.6vw,44px);line-height:1;font-variant-numeric:tabular-nums;color:var(--fg);letter-spacing:-.02em} .stc b{font-weight:500;display:inline-block;text-align:right} .stl{margin:var(--space-2) 0 0;font-size:var(--text-small,14px);color:var(--fg-muted)} .stl-g li:first-child .stc{color:var(--accent-strong)} @media (max-width:860px){.stl-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.stl-g li:last-child{grid-column:1/-1}} .ab-ready .hw-c::after{transition:--l .45s cubic-bezier(.2,0,0,1)} .ab-ready .hw-c:not(.in)::after{--l:0px} .ab-ready .hw-v>*,.ab-ready .hw-form p,.ab-ready .hw-mail p{transition:opacity .25s linear,box-shadow .25s linear;transition-delay:calc(450ms + var(--k,0)*150ms)} .ab-ready .hw-c:not(.in) .hw-form p,.ab-ready .hw-c:not(.in) .hw-mail p,.ab-ready .hw-c:not(.in) .hw-flow>*{opacity:0} .ab-ready .hw-c.in .hw-form p,.ab-ready .hw-c.in .hw-row{box-shadow:inset 2px 0 0 var(--accent)} .pn-nav{display:none} @media (min-width:861px){ .pin4 .pn{display:grid;grid-template-columns:220px minmax(0,1fr);gap:var(--space-8,48px);align-items:start;margin-top:var(--space-7,40px)} .pn-nav{display:block;position:sticky;top:120px;list-style:none;margin:0;padding:0} .pn-nav li{position:relative;display:flex;gap:12px;padding:12px 14px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-subtle);transition:color .2s linear} .pn-nav li .mono{color:inherit} .pn-nav li.on{color:var(--fg)}.pn-nav li.on .mono{color:var(--accent-strong)} .pn-nav li::after{content:"";position:absolute;inset:0;pointer-events:none;--c:var(--accent);--l:0px;transition:--l .3s cubic-bezier(.2,0,0,1); background:linear-gradient(var(--c),var(--c)) 0 0/var(--l) 1px,linear-gradient(var(--c),var(--c)) 0 0/1px var(--l),linear-gradient(var(--c),var(--c)) 100% 0/var(--l) 1px,linear-gradient(var(--c),var(--c)) 100% 0/1px var(--l),linear-gradient(var(--c),var(--c)) 0 100%/var(--l) 1px,linear-gradient(var(--c),var(--c)) 0 100%/1px var(--l),linear-gradient(var(--c),var(--c)) 100% 100%/var(--l) 1px,linear-gradient(var(--c),var(--c)) 100% 100%/1px var(--l);background-repeat:no-repeat} .pn-nav li.on::after{--l:8px} .pin4 .sp-g{grid-template-columns:minmax(0,1fr);gap:var(--space-6,32px);border-top:0} .pin4 .sp,.pin4 .sp+.sp{padding:var(--space-7,40px);min-height:260px;justify-content:center;border:var(--hairline) solid var(--line);background:var(--surface)} .pin4 .sp::before,.pin4 .sp+.sp::before{display:none} .pin4 .sp.on{border-color:var(--line-strong)} .pin4 .sp-d{min-height:0} } .hero-pings{position:absolute;top:0;bottom:0;left:max(10px,calc(50% - (var(--wrap) + 2*var(--gutter))/2));right:max(10px,calc(50% - (var(--wrap) + 2*var(--gutter))/2));z-index:-1;pointer-events:none;width:auto;height:100%} @media (prefers-reduced-motion:reduce){ .stmt-on .sw{opacity:1;color:var(--fg);transition:none}.stmt-on .sw em{color:var(--accent-strong)} .ab-ready .hw-c::after,.ab-ready .hw-v>*,.ab-ready .hw-form p,.ab-ready .hw-mail p,.pn-nav li,.pn-nav li::after{transition:none} .hero-pings{display:none}} .sw-h em{font-style:normal;color:var(--accent-strong)} .sw-h.stmt-on .sw{color:var(--fg-subtle);opacity:.45;transition:opacity .25s linear,color .25s linear} .sw-h.stmt-on .sw em{color:inherit} .sw-h.stmt-on .sw.on{opacity:1;color:var(--fg)} .sw-h.stmt-on .sw.on em{color:var(--accent-strong)} @media (prefers-reduced-motion:reduce){.sw-h.stmt-on .sw{opacity:1;color:var(--fg);transition:none}.sw-h.stmt-on .sw em{color:var(--accent-strong)}}.a36-mini{margin:0 auto var(--space-3);background:none;border:0;line-height:0} .a36-mini video{display:block;width:100%;height:auto;background:transparent;mix-blend-mode:screen;-webkit-mask:radial-gradient(ellipse 50% 50% at 50% 50%,#000 70%,transparent 100%);mask:radial-gradient(ellipse 50% 50% at 50% 50%,#000 70%,transparent 100%)} .a36-bed{width:180px} html:not([data-theme="light"]) .a36-mini video{filter:brightness(2) contrast(1.3)} .a36-coffee{width:84px} html[data-theme="light"] .a36-mini video{filter:brightness(2.2) contrast(1.3) invert(1) hue-rotate(180deg);mix-blend-mode:multiply} .a36-l{display:none!important} html[data-theme="light"] .a36-l{display:block!important} html[data-theme="light"] .a36-d{display:none!important} .a36-tiles{list-style:none;display:flex;justify-content:center;gap:10px;perspective:400px;margin:var(--space-3) 0 0;padding:0} .a36-t{animation:a36f 4.8s ease-in-out infinite;animation-delay:calc(var(--i)*-1.2s)} .a36-tf{width:28px;height:28px;display:grid;place-items:center;transform:rotateX(14deg) rotateY(-16deg);filter:drop-shadow(0 6px 5px rgba(0,0,0,.35))} html[data-theme="light"] .a36-tf{filter:drop-shadow(0 6px 5px rgba(0,0,0,.12))} .a36-tf svg,.a36-tf img{width:24px!important;height:24px!important;display:block} @keyframes a36f{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}} .a36-inf{width:240px;height:72px;margin:0 auto var(--space-3)} .a36-c{width:100%;height:100%;display:block} main:has(>.hero) .sigs .a36-icw{display:block;width:48px;height:48px} main:has(>.hero) .sigs .a36-ic{width:48px;height:48px;display:block} .a36-hands{display:block;width:96px;height:auto;margin:0 auto var(--space-3)} @media (max-width:760px){.a36-bed{width:150px}.a36-coffee{width:72px}.a36-inf{width:200px;height:60px}.a36-tiles{justify-content:center}} @media (prefers-reduced-motion:reduce){.a36-t{animation:none}} .a36-emo{display:block;font-size:20px;line-height:24px;width:24px;height:24px;text-align:center;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif} @media (max-width:760px){.a36-mini{display:none!important}} @supports (-webkit-touch-callout:none){.a36-mini{display:none!important}} @media (min-width:761px){.a41-mask .hero-bg,.a41-mask .hero-pings{-webkit-mask-image:radial-gradient(ellipse 36% 46% at 50% 46%,rgba(0,0,0,.06) 0%,rgba(0,0,0,.12) 55%,rgba(0,0,0,.6) 80%,#000 100%);mask-image:radial-gradient(ellipse 36% 46% at 50% 46%,rgba(0,0,0,.06) 0%,rgba(0,0,0,.12) 55%,rgba(0,0,0,.6) 80%,#000 100%)}} @media (hover:hover) and (pointer:fine){.a41-lh .cn-i li{transition:transform .15s ease-out}.a41-lh .cn-i li:hover{transform:translateY(-2px) scale(1.15)}} @media (prefers-reduced-motion:reduce){.a41-lh .cn-i li{transition:none}.a41-lh .cn-i li:hover{transform:none}} @media (min-width:761px){.a41-mask .hero-pings{width:calc(100% - 2*max(10px,calc(50% - (var(--wrap) + 2*var(--gutter))/2)))} .a41-mask .hero-bg,.a41-mask .hero-pings{-webkit-mask-image:radial-gradient(ellipse 36% 46% at 50% 46%,rgba(0,0,0,.06) 0%,rgba(0,0,0,.12) 55%,rgba(0,0,0,.6) 80%,#000 100%),radial-gradient(ellipse 400px 64px at 50% calc(100% - 75px),rgba(0,0,0,.06) 0%,rgba(0,0,0,.12) 62%,rgba(0,0,0,.6) 84%,#000 100%);-webkit-mask-composite:source-in;mask-image:radial-gradient(ellipse 36% 46% at 50% 46%,rgba(0,0,0,.06) 0%,rgba(0,0,0,.12) 55%,rgba(0,0,0,.6) 80%,#000 100%),radial-gradient(ellipse 400px 64px at 50% calc(100% - 75px),rgba(0,0,0,.06) 0%,rgba(0,0,0,.12) 62%,rgba(0,0,0,.6) 84%,#000 100%);mask-composite:intersect}} @media (max-width:760px){.a41-mask .hero-bg{-webkit-mask-image:radial-gradient(ellipse 165px 62px at 50% calc(100% - 112px),rgba(0,0,0,.08) 0%,rgba(0,0,0,.15) 60%,rgba(0,0,0,.6) 85%,#000 100%);mask-image:radial-gradient(ellipse 165px 62px at 50% calc(100% - 112px),rgba(0,0,0,.08) 0%,rgba(0,0,0,.15) 60%,rgba(0,0,0,.6) 85%,#000 100%)}} @media (max-width:760px){.a41-mask .hero-pings{-webkit-mask-image:radial-gradient(ellipse 165px 62px at calc(50vw - 10px) calc(100% - 112px),rgba(0,0,0,.08) 0%,rgba(0,0,0,.15) 60%,rgba(0,0,0,.6) 85%,#000 100%);mask-image:radial-gradient(ellipse 165px 62px at calc(50vw - 10px) calc(100% - 112px),rgba(0,0,0,.08) 0%,rgba(0,0,0,.15) 60%,rgba(0,0,0,.6) 85%,#000 100%)}} .a36-bed{width:300px;max-width:80vw} .a36-bed video{-webkit-mask:none;mask:none} html:not([data-theme="light"]) .a36-bed video{filter:none} html[data-theme="light"] .a36-bed video{filter:invert(1) hue-rotate(180deg)}
/* CTA: logged-out shows the email box (.cta-lo), logged-in shows the old pair (.cta-li) */
.cta-lo{display:contents}html:not(.si) .cta-li{display:none!important}html.si .cta-lo{display:none!important}