:root{--base-blue: #0000ff;--base-cerulean: #3c8aff;--gray-0: #ffffff;--gray-10: #eef0f3;--gray-15: #dee1e7;--gray-30: #b1b7c3;--gray-50: #717886;--gray-60: #5b616e;--gray-80: #32353d;--gray-100: #0a0b0d;--base-green: #66c800;--base-lime: #b6f569;--base-red: #fc401f;--base-yellow: #ffd12f;--base-tan: #b8a581;--bg: var(--gray-0);--bg-subtle: var(--gray-10);--surface: var(--gray-0);--surface-sunken: var(--gray-10);--surface-hover: var(--gray-15);--surface-inverse: var(--gray-100);--surface-inverse-raised: var(--gray-80);--surface-brand: var(--base-blue);--text: var(--gray-100);--text-secondary: var(--gray-60);--text-inverse: var(--gray-0);--text-inverse-secondary: var(--gray-30);--text-on-brand: var(--gray-0);--text-accent: var(--base-blue);--text-accent-inverse: var(--base-cerulean);--btn-primary-bg: var(--base-blue);--btn-primary-fg: var(--gray-0);--btn-primary-hover-bg: var(--gray-100);--btn-secondary-bg: var(--gray-10);--btn-secondary-fg: var(--gray-100);--btn-secondary-hover-bg: var(--gray-15);--btn-disabled-bg: var(--gray-15);--btn-disabled-fg: var(--gray-60);--border: var(--gray-15);--border-strong: var(--gray-30);--border-inverse: var(--gray-80);--route-idle: var(--gray-30);--route-active: var(--base-blue);--route-active-inverse: var(--base-cerulean);--positive: var(--base-green);--negative: var(--base-red);--warning: var(--base-yellow);--error: var(--base-red);--focus: var(--base-blue);--focus-inverse: var(--base-cerulean);--focus-on-brand: var(--gray-0);--font-display: "Inter Tight", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "Roboto Mono", ui-monospace, "SFMono-Regular", monospace;--font-dot: "Doto", "Roboto Mono", monospace;--fs-12: .75rem;--fs-14: .875rem;--fs-16: 1rem;--fs-18: 1.125rem;--fs-20: 1.25rem;--fs-24: 1.5rem;--fs-32: 2rem;--fs-h2: clamp(2rem, 1.4rem + 2.6vw, 3.5rem);--fs-display: clamp(2.75rem, 1.2rem + 7vw, 7rem);--fs-amount: clamp(1.5rem, 1rem + 2.5vw, 2.25rem);--track-headline: -.03em;--track-sub: -.02em;--lh-headline: 1;--lh-sub: 1.2;--lh-body: 1.5;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--sp-9: 96px;--sp-10: 128px;--section-y: clamp(var(--sp-8), 6vw + 2rem, var(--sp-10));--gutter: clamp(var(--sp-4), 4vw, var(--sp-7));--max-w: 1280px;--r-xs: 2px;--r-sm: 4px;--r-md: 8px;--shadow-float: 0 1px 0 var(--gray-15), 0 12px 32px -12px rgba(10, 11, 13, .28);--ease: cubic-bezier(.4, 0, .2, 1);--dur-fast: .12s;--dur: .18s;--dur-slow: .24s;--dur-reveal: .56s;--tap: 44px}*,*:before,*:after{box-sizing:border-box}html{color-scheme:light;-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--fs-16);line-height:var(--lh-body);font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}img,svg{display:block;max-width:100%}.icon{flex:none}button,input{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}button:disabled{cursor:not-allowed}a{color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.on-inverse :focus-visible{outline-color:var(--focus-inverse)}.on-brand :focus-visible{outline-color:var(--focus-on-brand)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--sp-4);top:-100px;z-index:100;padding:var(--sp-3) var(--sp-4);background:var(--gray-100);color:var(--text-inverse);font-weight:600;border-radius:var(--r-sm);text-decoration:none}.skip-link:focus{top:var(--sp-4)}.container{width:100%;max-width:calc(var(--max-w) + var(--gutter) * 2);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:var(--section-y)}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.eyebrow{font-family:var(--font-mono);font-size:var(--fs-12);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.kicker{font-family:var(--font-mono);font-size:var(--fs-12);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:var(--sp-3)}.on-inverse .eyebrow{color:var(--text-inverse-secondary)}.h2{font-family:var(--font-display);font-size:var(--fs-h2);font-weight:500;letter-spacing:var(--track-headline);line-height:1.04;text-wrap:balance}.h3{font-family:var(--font-display);font-size:var(--fs-24);font-weight:500;letter-spacing:var(--track-sub);line-height:var(--lh-sub)}.lede{font-size:var(--fs-18);color:var(--text-secondary);line-height:1.5;max-width:56ch;text-wrap:pretty}.on-inverse .lede{color:var(--text-inverse-secondary)}.section-head{display:grid;gap:var(--sp-4);margin-bottom:var(--sp-8)}@media (min-width: 960px){.section-head{grid-template-columns:7fr 5fr;align-items:end;gap:var(--sp-7)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--tap);padding:0 var(--sp-5);border-radius:var(--r-sm);font-family:var(--font-body);font-size:var(--fs-16);font-weight:600;letter-spacing:-.005em;text-decoration:none;white-space:nowrap;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease),transform var(--dur-fast) var(--ease)}.btn:active:not(:disabled){transform:translateY(1px)}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-fg)}.btn-primary:hover:not(:disabled){background:var(--btn-primary-hover-bg)}.btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-fg)}.btn-secondary:hover:not(:disabled){background:var(--btn-secondary-hover-bg)}.btn-lg{min-height:56px;padding:0 var(--sp-6);font-size:var(--fs-18)}.btn .icon{transition:transform var(--dur) var(--ease)}.btn:hover .icon-nudge{transform:translate(3px)}.tag{display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:0 var(--sp-2);border-radius:var(--r-xs);background:var(--bg-subtle);font-family:var(--font-mono);font-size:var(--fs-12);font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);white-space:nowrap}.tag-dot{width:6px;height:6px;border-radius:1px;background:var(--warning);flex:none}.skeleton{display:inline-block;border-radius:var(--r-xs);background:var(--gray-15);animation:pulse 1.2s var(--ease) infinite}@keyframes pulse{50%{background:var(--gray-10)}}[data-reveal]{opacity:0;transform:translateY(12px);transition:opacity var(--dur-reveal) var(--ease),transform var(--dur-reveal) var(--ease);transition-delay:var(--reveal-delay, 0ms)}[data-reveal].is-visible{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;transition-delay:0ms!important}[data-reveal]{opacity:1;transform:none}}.logo{display:inline-flex;align-items:center;gap:10px;color:var(--text)}.logo-mark{width:28px;height:28px;flex:none}.logo-node{fill:currentColor}.logo-node-end{fill:var(--route-active)}.logo-path{fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round}.logo-word{font-family:var(--font-display);font-size:var(--fs-20);font-weight:600;letter-spacing:var(--track-sub);line-height:1}.logo-inverse{color:var(--text-inverse)}.logo-inverse .logo-node-end{fill:var(--route-active-inverse)}.footer{background:var(--surface-inverse);color:var(--text-inverse);padding-block:var(--sp-8) var(--sp-6)}.footer-top{display:grid;gap:var(--sp-7);padding-bottom:var(--sp-7)}.footer-brand{display:grid;align-content:start;gap:var(--sp-4);max-width:360px}.footer-brand p{color:var(--text-inverse-secondary)}.footer-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-6) var(--sp-5)}@media (min-width: 640px){.footer-cols{grid-template-columns:repeat(4,minmax(0,auto));gap:var(--sp-7)}}.footer-col-title{margin-bottom:var(--sp-3);font-family:var(--font-mono);font-size:var(--fs-12);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-inverse-secondary)}.footer-col a{display:inline-flex;align-items:center;min-height:var(--tap);text-decoration:none;border-radius:var(--r-xs);transition:color var(--dur) var(--ease)}.footer-col a:hover{color:var(--text-accent-inverse)}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--sp-2) var(--sp-5);padding-top:var(--sp-5);border-top:1px solid var(--border-inverse);font-size:var(--fs-14);color:var(--text-inverse-secondary)}@media (min-width: 960px){.footer-top{grid-template-columns:1fr auto}}.header{position:sticky;top:0;z-index:50;background:var(--bg);border-bottom:1px solid transparent;transition:border-color var(--dur) var(--ease)}.header.is-scrolled,.header.is-open{border-bottom-color:var(--border)}.header-inner{display:flex;align-items:center;gap:var(--sp-6);height:72px}.header-logo{display:inline-flex;min-height:var(--tap);align-items:center;text-decoration:none;border-radius:var(--r-sm)}.header-nav{display:none;margin-right:auto}.header-nav ul{display:flex;gap:var(--sp-1)}.header-nav a{display:inline-flex;align-items:center;min-height:var(--tap);padding:0 var(--sp-3);border-radius:var(--r-sm);font-size:var(--fs-16);font-weight:500;color:var(--text-secondary);text-decoration:none;transition:color var(--dur) var(--ease),background-color var(--dur) var(--ease)}.header-nav a:hover{color:var(--text);background:var(--bg-subtle)}.header-actions{display:flex;align-items:center;gap:var(--sp-2);margin-left:auto}.header-cta,.header-cta-secondary{display:none}.header-toggle{display:inline-grid;place-items:center;width:var(--tap);height:var(--tap);border-radius:var(--r-sm);transition:background-color var(--dur) var(--ease)}.header-toggle:hover{background:var(--bg-subtle)}.mobile-menu{border-top:1px solid var(--border);background:var(--bg);padding-block:var(--sp-3) var(--sp-5);animation:menu-in var(--dur-slow) var(--ease)}.mobile-menu[hidden]{display:none}.mobile-menu li+li{border-top:1px solid var(--border)}.mobile-menu li a{display:flex;align-items:center;justify-content:space-between;min-height:56px;font-family:var(--font-display);font-size:var(--fs-24);font-weight:500;letter-spacing:var(--track-sub);text-decoration:none}.mobile-menu li a .icon{color:var(--text-secondary)}.mobile-ctas{display:grid;gap:var(--sp-2);margin-top:var(--sp-4)}@keyframes menu-in{0%{opacity:0;transform:translateY(-6px)}}@media (min-width: 480px){.header-cta{display:inline-flex}}@media (min-width: 960px){.header-nav{display:block}.header-actions{margin-left:0}.header-toggle,.mobile-menu{display:none}}@media (min-width: 1180px){.header-cta-secondary{display:inline-flex}}.contact{padding-top:clamp(var(--sp-6),5vw,var(--sp-8))}.contact-grid{display:grid;gap:var(--sp-7)}.contact-intro{display:grid;align-content:start;gap:var(--sp-4)}.contact-next,.contact-other{margin-top:var(--sp-4)}.contact-next ol{display:grid;border-top:1px solid var(--gray-100);counter-reset:next}.contact-next li{position:relative;padding:var(--sp-3) 0 var(--sp-3) 40px;border-bottom:1px solid var(--border);color:var(--text-secondary);counter-increment:next}.contact-next li:before{content:counter(next,decimal-leading-zero);position:absolute;left:0;font-family:var(--font-mono);font-size:var(--fs-14);color:var(--text-accent)}.contact-other ul{display:grid}.contact-other a{display:inline-flex;align-items:center;gap:6px;min-height:var(--tap);font-weight:500;text-decoration:none}.contact-other a:hover{color:var(--text-accent)}.contact-form{display:grid;gap:var(--sp-4);align-content:start;padding:var(--sp-4);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);min-width:0}.form-row{display:grid;gap:var(--sp-4)}.field{display:grid;gap:6px;min-width:0}.field-label{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-2);font-size:var(--fs-14);font-weight:600}.field-optional{font-family:var(--font-mono);font-size:var(--fs-12);font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}.field input,.field select,.field textarea{width:100%;min-height:48px;padding:0 var(--sp-3);border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);font-size:var(--fs-16);color:var(--text);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.field textarea{padding:var(--sp-3);line-height:1.5;resize:vertical;min-height:128px}.field input::placeholder{color:var(--text-secondary)}.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--gray-60)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--focus);box-shadow:0 0 0 1px var(--focus)}.field.has-error input,.field.has-error select,.field.has-error textarea{border-color:var(--error)}.select{position:relative;display:block}.select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:40px;cursor:pointer}.select .icon{position:absolute;right:var(--sp-3);top:50%;translate:0 -50%;pointer-events:none;color:var(--text-secondary)}.field-error{display:flex;align-items:flex-start;gap:6px;font-size:var(--fs-14);font-weight:500}.field-error .icon{margin-top:2px;color:var(--error)}.field-hint{font-size:var(--fs-14);color:var(--text-secondary)}.form-note{display:flex;align-items:baseline;gap:var(--sp-2);font-size:var(--fs-14);color:var(--text-secondary)}.form-note .tag-dot{transform:translateY(-1px)}.form-status-anchor:focus{outline:none}.form-status{display:flex;gap:var(--sp-3);align-items:flex-start;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-sm);background:var(--surface-sunken);border-left:3px solid var(--warning);font-size:var(--fs-14)}.form-status.is-error{border-left-color:var(--error)}.form-status>.icon{flex:none;margin-top:2px}.form-copy{margin-top:var(--sp-3)}.form-submit{width:100%}.form-submit:disabled{background:var(--btn-disabled-bg);color:var(--btn-disabled-fg)}.form-fine{font-size:var(--fs-14);color:var(--text-secondary)}.contact-done{display:grid;justify-items:start;gap:var(--sp-4);max-width:720px}.contact-done:focus{outline:none}.contact-done-mark{display:grid;place-items:center;width:56px;height:56px;border-radius:var(--r-sm);background:var(--surface-brand);color:var(--text-on-brand)}@media (min-width: 640px){.contact-form{padding:var(--sp-6)}.form-row{grid-template-columns:1fr 1fr}.form-submit{width:auto;justify-self:start}}@media (min-width: 960px){.contact-grid{grid-template-columns:5fr 7fr;gap:var(--sp-8)}}.commercial{border-top:1px solid var(--border)}.commercial-paths{display:grid;gap:var(--sp-4)}.commercial-paths li{display:grid;align-content:start;justify-items:start;gap:var(--sp-3);padding:var(--sp-5);border-radius:var(--r-md);background:var(--bg-subtle)}.commercial-paths li.is-primary{background:var(--surface);border:1px solid var(--border);box-shadow:inset 0 3px 0 var(--route-active)}.commercial-paths p{color:var(--text-secondary);margin-bottom:var(--sp-3)}.commercial-paths .btn{margin-top:auto}.commercial-step{font-family:var(--font-mono);font-size:var(--fs-12);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.commercial-step .num{color:var(--text-accent)}@media (min-width: 640px){.commercial-paths li{padding:var(--sp-6)}}@media (min-width: 960px){.commercial-paths{grid-template-columns:repeat(3,minmax(0,1fr))}.commercial-paths li{grid-template-rows:auto auto 1fr auto}}.code{margin:0;min-width:0;border-radius:var(--r-md);background:var(--surface-inverse);color:var(--text-inverse);overflow:hidden}.code-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:0 var(--sp-2) 0 var(--sp-2);border-bottom:1px solid var(--border-inverse)}.code-tabs{display:flex;gap:var(--sp-1);min-width:0;overflow-x:auto}.code-tab,.code-title{display:inline-flex;align-items:center;min-height:var(--tap);padding:0 var(--sp-3);font-family:var(--font-mono);font-size:var(--fs-12);font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--text-inverse-secondary);white-space:nowrap}.code-tab{position:relative;border-radius:var(--r-sm);transition:color var(--dur) var(--ease)}.code-tab:hover,.code-tab[aria-selected=true]{color:var(--text-inverse)}.code-tab[aria-selected=true]:after{content:"";position:absolute;left:var(--sp-3);right:var(--sp-3);bottom:0;height:2px;background:var(--route-active-inverse)}.code-copy{display:inline-flex;align-items:center;gap:6px;flex:none;min-height:var(--tap);padding:0 var(--sp-3);border-radius:var(--r-sm);font-size:var(--fs-14);font-weight:500;color:var(--text-inverse-secondary);transition:color var(--dur) var(--ease),background-color var(--dur) var(--ease)}.code-copy:hover{color:var(--text-inverse);background:var(--surface-inverse-raised)}.code-pre{margin:0;padding:var(--sp-4);overflow-x:auto;font-family:var(--font-mono);font-size:var(--fs-14);line-height:1.6;-moz-tab-size:2;tab-size:2;font-variant-ligatures:none}.code-pre:focus-visible{outline-offset:-2px}.tok-string{color:var(--base-cerulean)}.tok-key{color:var(--gray-0)}.tok-number{color:var(--base-lime)}.tok-keyword{color:var(--base-yellow)}.tok-comment{color:var(--gray-30);font-style:italic}.code-caption{padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--border-inverse);font-size:var(--fs-14);color:var(--text-inverse-secondary)}@media (min-width: 640px){.code-pre{padding:var(--sp-5)}}.state-chip{background:var(--surface);border:1px solid var(--border)}.state-mark{width:6px;height:6px;border-radius:1px;flex:none;background:var(--gray-30)}.state-available .state-mark{background:var(--positive)}.state-preview .state-mark,.state-in-development .state-mark{background:var(--warning)}.on-inverse .state-chip{background:var(--surface-inverse-raised);border-color:var(--border-inverse);color:var(--text-inverse-secondary)}.developers{border-top:1px solid var(--border)}.dev-body{display:grid;gap:var(--sp-7)}.dev-side{display:grid;align-content:start;gap:var(--sp-6)}.dev-steps{border-top:1px solid var(--gray-100)}.dev-steps li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:var(--sp-2) var(--sp-3);align-items:baseline;padding:var(--sp-4) 0;border-bottom:1px solid var(--border)}.dev-steps .state-chip{grid-column:2;justify-self:start}.dev-step-num{font-family:var(--font-mono);font-size:var(--fs-14);color:var(--text-accent)}.dev-step-title{font-weight:600}.dev-step-body{font-size:var(--fs-14);color:var(--text-secondary)}.dev-auth p{color:var(--text-secondary)}.dev-cta{justify-self:start}.dev-code{display:grid;align-content:start;gap:var(--sp-4);min-width:0}.dev-proposed{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-3);font-size:var(--fs-14);color:var(--text-secondary)}.code-caption code{font-family:var(--font-mono);font-size:var(--fs-12);color:var(--text-inverse)}.dev-resources{margin-top:var(--sp-8)}.dev-resources ul{display:grid;gap:var(--sp-2)}.dev-res{display:grid;align-content:start;justify-items:start;gap:var(--sp-2);height:100%;padding:var(--sp-4) var(--sp-5);border-radius:var(--r-sm);border:1px solid var(--border);text-decoration:none;transition:border-color var(--dur) var(--ease)}.dev-res.is-link:hover{border-color:var(--gray-100)}.dev-res-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);width:100%}.dev-res-title{font-weight:600}.dev-res.is-link .icon{color:var(--text-accent)}.dev-res.is-link:hover .icon-nudge{transform:translate(3px)}.dev-res-body{font-size:var(--fs-14);color:var(--text-secondary)}@media (min-width: 640px){.dev-resources ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 960px){.dev-body{grid-template-columns:minmax(300px,4fr) 7fr;gap:var(--sp-8)}.dev-side{position:sticky;top:96px;align-self:start}.dev-resources ul{grid-template-columns:repeat(3,minmax(0,1fr))}}.features-grid{display:grid;gap:var(--sp-4)}.feature{display:grid;gap:var(--sp-6);align-content:space-between;padding:var(--sp-5);border-radius:var(--r-md);background:var(--bg-subtle);min-width:0}.feature-copy{display:grid;gap:var(--sp-3);max-width:44ch}.feature-copy p{color:var(--text-secondary)}@media (min-width: 640px){.feature{padding:var(--sp-6)}}@media (min-width: 960px){.features-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.feature{grid-column:span 5}.feature-wide{grid-column:span 7}}.snip{margin:0;padding:var(--sp-4);border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border);min-width:0}.snip fieldset{margin:0;padding:0;border:0;min-width:0}.snip-cap{display:flex;justify-content:space-between;gap:var(--sp-3);width:100%;margin-bottom:var(--sp-3);padding:0;font-family:var(--font-mono);font-size:var(--fs-12);letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}.snip-compare ul{display:grid;gap:var(--sp-3)}.snip-compare li{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label val" "bar bar";gap:var(--sp-2) var(--sp-3);align-items:baseline}.snip-compare-label{grid-area:label;display:flex;flex-wrap:wrap;gap:0 var(--sp-2);font-size:var(--fs-14);min-width:0}.snip-compare-label span{color:var(--text-secondary)}.snip-compare-val{grid-area:val;font-size:var(--fs-14);font-weight:600}.snip-compare-bar{grid-area:bar;display:block;height:8px;border-radius:1px;background:var(--bg-subtle);overflow:hidden}.snip-compare-bar span{display:block;height:100%;background:var(--route-idle);transform-origin:left}.snip-compare li.is-top .snip-compare-bar span{background:var(--route-active)}.is-visible .snip-compare-bar span{animation:rail-draw .64s var(--ease) both}.is-visible .snip-compare li:nth-child(2) .snip-compare-bar span{animation-delay:60ms}.is-visible .snip-compare li:nth-child(3) .snip-compare-bar span{animation-delay:.12s}.is-visible .snip-compare li:nth-child(4) .snip-compare-bar span{animation-delay:.18s}@media (min-width: 640px){.snip-compare li{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto;grid-template-areas:"label bar val";align-items:center}}.snip-receipt dl{display:grid;gap:var(--sp-2)}.snip-receipt dl>div{display:flex;justify-content:space-between;gap:var(--sp-3);font-size:var(--fs-14)}.snip-receipt dt{color:var(--text-secondary)}.snip-receipt dd{font-weight:500}.snip-receipt .snip-receipt-total{margin-top:var(--sp-2);padding-top:var(--sp-3);border-top:1px dashed var(--border-strong);font-size:var(--fs-16)}.snip-receipt-total dt{color:var(--text);font-weight:600}.snip-receipt-total dd{font-weight:700}.snip-floor-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-2)}.snip-floor-chips label{position:relative}.snip-floor-chips input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;margin:0;cursor:pointer}.snip-floor-chips span{display:grid;place-items:center;min-height:var(--tap);border:1px solid var(--border-strong);border-radius:var(--r-sm);font-size:var(--fs-14);font-weight:600;transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.snip-floor-chips label:hover span{background:var(--bg-subtle)}.snip-floor-chips input:checked+span{background:var(--gray-100);border-color:var(--gray-100);color:var(--text-inverse)}.snip-floor-chips input:focus-visible+span{outline:2px solid var(--focus);outline-offset:2px}.snip-floor-out{display:grid;gap:var(--sp-1);margin-top:var(--sp-4);font-size:var(--fs-14);color:var(--text-secondary)}.snip-floor-out strong{font-family:var(--font-display);font-size:var(--fs-24);font-weight:500;letter-spacing:var(--track-sub);color:var(--text)}.snip-states{display:grid;gap:var(--sp-3)}.snip-state{display:grid;gap:var(--sp-1)}.snip-btn{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:48px;padding:0 var(--sp-3);border-radius:var(--r-sm);font-size:var(--fs-14);font-weight:600;text-align:center}.snip-btn.is-disabled{background:var(--btn-disabled-bg);color:var(--btn-disabled-fg)}.snip-btn.is-ready{background:var(--btn-primary-bg);color:var(--btn-primary-fg)}.snip-skel{width:14px;height:14px;background:var(--gray-30)}.snip-state-why{font-family:var(--font-mono);font-size:var(--fs-12);color:var(--text-secondary)}@media (min-width: 640px){.snip-states{grid-template-columns:repeat(2,minmax(0,1fr))}}.final{background:var(--surface-brand);color:var(--text-on-brand);padding-block:var(--section-y)}.final-inner{display:grid;gap:var(--sp-6)}.final-title{display:grid;gap:var(--sp-2);font-weight:400}.final-dot{font-family:var(--font-dot);font-size:clamp(2.5rem,1rem + 6.5vw,6.5rem);font-weight:800;text-transform:uppercase;letter-spacing:.02em;line-height:1}.final-sans{font-family:var(--font-display);font-size:clamp(2rem,1rem + 4vw,4.5rem);font-weight:500;letter-spacing:var(--track-headline);line-height:1}.final-side{display:grid;gap:var(--sp-5);max-width:480px}.final-side p{font-size:var(--fs-18)}.final-ctas{display:flex;flex-wrap:wrap;gap:var(--sp-3)}.final-btn-outline{color:var(--gray-0);box-shadow:inset 0 0 0 1px var(--gray-0)}.final-btn-outline:hover{background:var(--gray-100);box-shadow:none}.final-btn{background:var(--gray-0);color:var(--gray-100)}.final-btn:hover{background:var(--gray-100);color:var(--gray-0)}@media (min-width: 960px){.final-inner{grid-template-columns:1fr auto;align-items:end;gap:var(--sp-8)}}.business-provides{display:grid;border-top:1px solid var(--gray-100);margin-bottom:var(--sp-7)}.business-provides li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:var(--sp-2) var(--sp-4);padding:var(--sp-5) 0;border-bottom:1px solid var(--border)}.business-num{grid-row:span 2;padding-top:4px;font-family:var(--font-mono);font-size:var(--fs-14);color:var(--text-accent)}.business-provides-title{font-family:var(--font-display);font-size:var(--fs-20);font-weight:500;letter-spacing:var(--track-sub);line-height:1.25}.business-provides p{color:var(--text-secondary)}.business-compare{display:grid;gap:var(--sp-4)}.business-col{display:grid;align-content:start;gap:var(--sp-5);padding:var(--sp-5);border-radius:var(--r-md)}.business-col ul{display:grid;gap:var(--sp-3)}.business-col li{display:flex;gap:var(--sp-3);align-items:baseline}.business-col-muted{background:var(--bg-subtle)}.business-col-muted li{color:var(--text-secondary)}.business-dash{flex:none;width:10px;height:2px;background:var(--gray-30);transform:translateY(-4px)}.business-col-accent{border:1px solid var(--border);box-shadow:inset 3px 0 0 var(--route-active)}.business-col-accent .icon{color:var(--text-accent);transform:translateY(3px)}.business-ctas{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-2)}.business-ctas .btn{flex:1 1 auto}@media (min-width: 640px){.business-provides li{grid-template-columns:64px minmax(0,1fr) minmax(0,1.2fr);gap:var(--sp-5);align-items:baseline}.business-num{grid-row:auto}.business-col{padding:var(--sp-6)}.business-ctas .btn{flex:0 0 auto}}@media (min-width: 960px){.business-provides{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--sp-6);border-top:0}.business-provides li{grid-template-columns:1fr;align-items:start;align-content:start;gap:var(--sp-3);border-top:1px solid var(--gray-100);border-bottom:0}.business-compare{grid-template-columns:1fr 1fr}}.token-tile{display:inline-grid;place-items:center;flex:none;border-radius:50%;font-family:var(--font-display);font-size:var(--fs-14);font-weight:700;letter-spacing:0;line-height:1}.token-tile-24{width:24px;height:24px;font-size:var(--fs-12)}.token-tile-32{width:32px;height:32px}.token-tile-40{width:40px;height:40px;font-size:var(--fs-16)}.tone-ink{background:var(--gray-100);color:var(--gray-0);box-shadow:inset 0 0 0 1px var(--gray-60)}.tone-cerulean{background:var(--base-cerulean);color:var(--gray-100)}.tone-green{background:var(--base-lime);color:var(--gray-100)}.tone-yellow{background:var(--base-yellow);color:var(--gray-100)}.tone-tan{background:var(--base-tan);color:var(--gray-100)}.rail-wrap{container-type:inline-size;--rail-color: var(--route-active);--rail-chip-bg: var(--surface);--rail-chip-border: var(--border)}.rail{display:flex;flex-direction:column}.rail-inverse{--rail-color: var(--route-active-inverse);--rail-chip-bg: var(--surface-inverse-raised);--rail-chip-border: var(--border-inverse)}.rail-step{display:flex;flex-direction:column}.rail-node{display:inline-flex;align-items:center;gap:var(--sp-2);font-weight:600}.rail-node-label{font-size:var(--fs-16)}.rail-hop{display:flex;flex-direction:column;gap:var(--sp-2);margin-left:15px;padding:var(--sp-3) 0 var(--sp-3) var(--sp-5);border-left:2px solid var(--rail-color)}.rail-leg{position:relative;display:flex;align-items:center}.rail-line{position:absolute;left:calc(var(--sp-5) * -1);width:var(--sp-5);top:50%;height:2px;background:var(--rail-color);transform-origin:left center;animation:rail-draw var(--dur-slow) var(--ease) both}.rail-source{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:2px var(--sp-2);padding:var(--sp-2) var(--sp-3);border:1px solid var(--rail-chip-border);border-radius:var(--r-sm);background:var(--rail-chip-bg);animation:rail-fade var(--dur-slow) var(--ease) both;animation-delay:60ms}.rail-source-name{font-size:var(--fs-14);font-weight:600}.rail-source-meta{font-family:var(--font-mono);font-size:var(--fs-12);color:var(--text-secondary)}.rail-inverse .rail-source-meta{color:var(--text-inverse-secondary)}@keyframes rail-draw{0%{transform:scaleX(0)}}@keyframes rail-fade{0%{opacity:0;transform:translateY(4px)}}@container (min-width: 520px){.rail,.rail-step{flex-direction:row;align-items:center}.rail-step:not(:last-child){flex:1}.rail-node{flex-direction:column;gap:var(--sp-1)}.rail-node-label{font-size:var(--fs-14)}.rail-hop{flex:1;margin:0;padding:var(--sp-2) 0;border:0;align-items:stretch}.rail-leg{justify-content:center;padding-inline:var(--sp-3)}.rail-line{left:0;width:100%}.rail-source{position:relative}.rail-leg:not(:only-child):before,.rail-leg:not(:only-child):after{content:"";position:absolute;width:2px;top:calc(var(--sp-1) * -1);bottom:calc(var(--sp-1) * -1);background:var(--rail-color)}.rail-leg:not(:only-child):before{left:0}.rail-leg:not(:only-child):after{right:0}.rail-leg:first-child:not(:only-child):before,.rail-leg:first-child:not(:only-child):after{top:50%}.rail-leg:last-child:not(:only-child):before,.rail-leg:last-child:not(:only-child):after{bottom:50%}}.routes{display:flex;flex-direction:column;gap:var(--sp-4);min-width:0;padding:var(--sp-4)}.routes-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3)}.routes-title{font-family:var(--font-display);font-size:var(--fs-20);font-weight:600;letter-spacing:var(--track-sub)}.routes-count{font-family:var(--font-mono);font-size:var(--fs-12);letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}.routes-empty{display:grid;justify-items:start;gap:var(--sp-3);padding:var(--sp-6) 0;color:var(--text-secondary)}.routes-rail{min-height:96px;padding:var(--sp-4);border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border);transition:opacity var(--dur) var(--ease)}.routes-rail.is-loading{opacity:.5}.routes-rail-skel{width:100%;height:64px}.routes-list{display:grid;gap:var(--sp-2);margin:0;padding:0;border:0;min-width:0}.routes-list:disabled{opacity:.6}.routes-opt-skel{height:64px;border-radius:var(--r-sm)}.route-opt{position:relative;display:flex;align-items:center;gap:var(--sp-3);min-height:64px;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border);cursor:pointer;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.route-opt:hover{border-color:var(--border-strong)}.route-opt.is-selected{border-color:var(--route-active);box-shadow:inset 3px 0 0 var(--route-active)}.route-opt input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;margin:0;cursor:pointer}.route-opt:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.route-opt-main{display:grid;gap:2px;flex:1;min-width:0}.route-opt-kind{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);font-weight:600;font-size:var(--fs-14)}.route-opt-badge{padding:2px 6px;border-radius:var(--r-xs);background:var(--surface-brand);color:var(--text-on-brand);font-family:var(--font-mono);font-size:var(--fs-12);font-weight:500;letter-spacing:.02em}.route-opt-desc{font-size:var(--fs-14);color:var(--text-secondary)}.route-opt-out{display:grid;justify-items:end;gap:2px;text-align:right;font-size:var(--fs-14);font-weight:600;white-space:nowrap}.route-opt-delta{font-family:var(--font-mono);font-size:var(--fs-12);font-weight:500;color:var(--text-secondary)}.routes-note{margin-top:auto;font-size:var(--fs-14);color:var(--text-secondary);line-height:1.5}@media (max-width: 379px){.route-opt{flex-wrap:wrap}.route-opt-out{justify-items:start;text-align:left;width:100%}}@media (min-width: 400px){.routes{padding:var(--sp-5)}}.slippage{margin:0;padding:var(--sp-4);border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);min-width:0}.slippage-legend{float:left;width:100%;padding:0;font-weight:600;font-size:var(--fs-14)}.slippage-help{clear:both;margin:var(--sp-1) 0 var(--sp-3);font-size:var(--fs-14);color:var(--text-secondary)}.slippage-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.4fr);gap:var(--sp-2)}.slippage-chip{position:relative;display:block}.slippage-chip input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;margin:0;cursor:pointer}.slippage-chip span{display:grid;place-items:center;min-height:var(--tap);border:1px solid var(--border-strong);border-radius:var(--r-sm);font-size:var(--fs-14);font-weight:600;transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.slippage-chip:hover span{background:var(--bg-subtle)}.slippage-chip input:checked+span{background:var(--gray-100);border-color:var(--gray-100);color:var(--text-inverse)}.slippage-chip input:focus-visible+span{outline:2px solid var(--focus);outline-offset:2px}.slippage-custom{display:flex;align-items:center;gap:var(--sp-1);min-height:var(--tap);padding:0 var(--sp-3);border:1px solid var(--border-strong);border-radius:var(--r-sm);font-size:var(--fs-14);font-weight:600}.slippage-custom.is-active,.slippage-custom:focus-within{border-color:var(--gray-100)}.slippage-custom input{width:100%;min-width:0;border:0;background:none;font-size:var(--fs-16);font-weight:600;outline:none}.slippage-custom input::placeholder{color:var(--text-secondary);font-weight:500}.slippage-note{display:flex;gap:var(--sp-2);align-items:baseline;margin-top:var(--sp-3);font-size:var(--fs-14)}.slippage-note-mark{flex:none;width:8px;height:8px;border-radius:1px;background:var(--warning);transform:translateY(-1px)}.token-dialog{width:min(440px,calc(100vw - 32px));max-height:min(600px,calc(100dvh - 32px));padding:0;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text);box-shadow:var(--shadow-float)}.token-dialog[open]{animation:dialog-in var(--dur-slow) var(--ease)}.token-dialog::backdrop{background:#0a0b0d8f}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)}}.td-inner{display:flex;flex-direction:column;max-height:inherit;padding:var(--sp-4)}.td-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-3)}.td-title{font-family:var(--font-display);font-size:var(--fs-20);font-weight:600;letter-spacing:var(--track-sub)}.td-close{display:grid;place-items:center;width:var(--tap);height:var(--tap);margin-right:calc(var(--sp-2) * -1);border-radius:var(--r-sm);color:var(--text-secondary)}.td-close:hover{background:var(--bg-subtle);color:var(--text)}.td-search{display:flex;align-items:center;gap:var(--sp-2);min-height:48px;padding:0 var(--sp-3);border:1px solid var(--border-strong);border-radius:var(--r-sm);color:var(--text-secondary);transition:border-color var(--dur) var(--ease)}.td-search:focus-within{border-color:var(--focus);outline:1px solid var(--focus)}.td-search input{flex:1;min-width:0;height:46px;border:0;background:none;font-size:var(--fs-16);color:var(--text);outline:none}.td-search input::placeholder{color:var(--text-secondary)}.td-note{margin:var(--sp-3) 0 var(--sp-2);font-family:var(--font-mono);font-size:var(--fs-12);color:var(--text-secondary)}.td-list{overflow-y:auto;margin-inline:calc(var(--sp-2) * -1)}.td-item{display:flex;align-items:center;gap:var(--sp-3);width:100%;min-height:60px;padding:var(--sp-2);border-radius:var(--r-sm);text-align:left;transition:background-color var(--dur-fast) var(--ease)}.td-item:hover,.td-item:focus-visible{background:var(--bg-subtle)}.td-item[aria-current=true]{background:var(--bg-subtle)}.td-item-text{display:grid;flex:1;min-width:0}.td-item-symbol{font-weight:600}.td-item-name{font-size:var(--fs-14);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.td-item-bal{font-size:var(--fs-14);color:var(--text-secondary)}.td-item-check{color:var(--text-accent)}.td-empty{padding:var(--sp-6) 0;text-align:center;color:var(--text-secondary)}.swap{container:swap / inline-size;display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);min-width:0}.swap-head{display:flex;align-items:center;gap:var(--sp-3)}.swap-title{font-family:var(--font-display);font-size:var(--fs-20);font-weight:600;letter-spacing:var(--track-sub)}.swap-icon-btn{display:inline-flex;align-items:center;gap:6px;min-height:var(--tap);min-width:var(--tap);margin-left:auto;padding:0 var(--sp-3);border-radius:var(--r-sm);color:var(--text-secondary);transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease)}.swap-icon-btn:hover,.swap-icon-btn.is-active{background:var(--bg-subtle);color:var(--text)}.swap-tag-more{display:none}.swap-slip{font-size:var(--fs-14);font-weight:600}.swap-settings[hidden]{display:none}.swap-settings{animation:settings-in var(--dur-slow) var(--ease)}@keyframes settings-in{0%{opacity:0;transform:translateY(-4px)}}.swap-boxes{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-1)}.swap-box{padding:var(--sp-4);border-radius:var(--r-sm);background:var(--surface-sunken);border:1px solid transparent;transition:border-color var(--dur) var(--ease)}.swap-box:focus-within{border-color:var(--border-strong)}.swap-box:has(.swap-input:focus-visible){border-color:var(--focus);box-shadow:0 0 0 1px var(--focus)}.swap-box.is-error{border-color:var(--error)}.swap-box-top{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);min-height:28px}.swap-label{font-size:var(--fs-14);font-weight:500;color:var(--text-secondary)}.swap-label-est{margin-left:4px;font-family:var(--font-mono);font-size:var(--fs-12);text-transform:uppercase;letter-spacing:.06em}.swap-bal{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-14);color:var(--text-secondary)}.swap-max{min-height:28px;padding:0 var(--sp-2);border-radius:var(--r-xs);font-size:var(--fs-12);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-accent);position:relative;transition:background-color var(--dur-fast) var(--ease)}.swap-max:before{content:"";position:absolute;top:-8px;right:-4px;bottom:-8px;left:-4px}.swap-max:hover{background:var(--gray-15)}.swap-box-main{display:flex;align-items:center;gap:var(--sp-2);margin-block:var(--sp-2)}.swap-input,.swap-output{flex:1;min-width:0;height:48px;display:flex;align-items:center;font-family:var(--font-display);font-size:var(--fs-amount);font-weight:500;letter-spacing:var(--track-sub);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.swap-input{width:100%;border:0;padding:0;background:none;outline:none}.swap-input::placeholder,.swap-output-empty{color:var(--gray-30)}.swap-usd{font-size:var(--fs-14);color:var(--text-secondary);min-height:21px}.swap-token{display:inline-flex;align-items:center;gap:var(--sp-2);flex:none;min-height:48px;padding:0 var(--sp-2) 0 var(--sp-2);border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border);font-weight:600;transition:border-color var(--dur) var(--ease),background-color var(--dur) var(--ease)}.swap-token:hover{border-color:var(--border-strong)}.swap-token .icon{color:var(--text-secondary)}.swap-token-sym{font-size:var(--fs-16)}.swap-reverse{position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:1;display:grid;place-items:center;width:var(--tap);height:var(--tap);border-radius:var(--r-sm);background:var(--surface);border:4px solid var(--surface);outline:1px solid var(--border);outline-offset:-4px;color:var(--text);transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease)}.swap-reverse:hover{background:var(--gray-100);color:var(--text-inverse)}.swap-reverse:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.swap-reverse .icon{transition:transform var(--dur-slow) var(--ease)}.swap-skel{width:60%;height:32px}.swap-skel-sm{width:72px;height:14px;vertical-align:middle}.swap-details{display:grid;gap:var(--sp-2);padding:var(--sp-3) var(--sp-1) var(--sp-1)}.swap-row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-4);font-size:var(--fs-14)}.swap-row dt{color:var(--text-secondary)}.swap-row dd{font-weight:500;text-align:right;white-space:nowrap}.swap-row.is-flagged dd:before{content:"";display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:1px;background:var(--warning)}.swap-skel-row{width:88px;height:14px;vertical-align:middle}.swap-dash{color:var(--text-secondary)}.swap-msg{display:flex;gap:var(--sp-2);align-items:flex-start;padding:var(--sp-3);border-radius:var(--r-sm);font-size:var(--fs-14);background:var(--surface-sunken);border-left:3px solid var(--error)}.swap-msg .icon{flex:none;margin-top:1px}.swap-msg-warn{border-left-color:var(--warning)}.swap-cta{width:100%}.swap-cta:disabled{background:var(--btn-disabled-bg);color:var(--btn-disabled-fg)}.swap-notice{display:flex;gap:var(--sp-3);align-items:flex-start;padding:var(--sp-3) var(--sp-3) var(--sp-3) var(--sp-4);border-radius:var(--r-sm);background:var(--gray-100);color:var(--text-inverse);font-size:var(--fs-14);animation:settings-in var(--dur-slow) var(--ease)}.swap-notice>.icon{flex:none;margin-top:2px;color:var(--base-cerulean)}.swap-notice p{flex:1}.swap-notice-close{display:grid;place-items:center;flex:none;width:36px;height:36px;margin:-8px -4px -8px 0;border-radius:var(--r-sm);color:var(--text-inverse-secondary);position:relative}.swap-notice-close:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}.swap-notice-close:hover{color:var(--text-inverse);background:var(--gray-80)}.swap-notice-close:focus-visible{outline-color:var(--focus-inverse)}@media (min-width: 400px){.swap{padding:var(--sp-5)}.swap-tag-more{display:inline}}@container swap (max-width: 300px){.swap-box-main{flex-wrap:wrap}.swap-token{order:-1}.swap-input,.swap-output{flex-basis:100%}}.hero{padding-block:clamp(var(--sp-6),5vw,var(--sp-8)) var(--section-y)}.hero-top{display:grid;gap:var(--sp-5);margin-bottom:clamp(var(--sp-6),5vw,var(--sp-8))}.hero-eyebrow{animation:hero-in var(--dur-reveal) var(--ease) both}.hero-title{font-family:var(--font-display);font-size:var(--fs-display);font-weight:500;letter-spacing:var(--track-headline);line-height:.98}.hero-line{display:block;animation:hero-in var(--dur-reveal) var(--ease) both}.hero-line:nth-child(2){animation-delay:80ms}.hero-accent{color:var(--text-accent)}.hero-side{display:grid;gap:var(--sp-5);animation:hero-in var(--dur-reveal) var(--ease) .16s both}.hero-ctas{display:flex;flex-wrap:wrap;gap:var(--sp-3)}.hero-ctas .btn{flex:1 1 auto}.hero-ctas .btn:hover .icon-nudge-down{transform:translateY(2px)}@keyframes hero-in{0%{opacity:0;transform:translateY(16px)}}.hero-product{display:grid;grid-template-columns:minmax(0,1fr);border-radius:var(--r-md);background-color:var(--bg-subtle);background-image:radial-gradient(var(--gray-15) 1px,transparent 1px);background-size:16px 16px;animation:hero-in var(--dur-reveal) var(--ease) .24s both}.hero-swap{padding:var(--sp-2);min-width:0}.hero-foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-3);margin-top:var(--sp-4);font-size:var(--fs-14);color:var(--text-secondary)}@media (min-width: 400px){.hero-swap{padding:var(--sp-3)}}@media (min-width: 640px){.hero-ctas .btn{flex:0 0 auto}}@media (min-width: 960px){.hero-top{grid-template-columns:minmax(0,1fr) minmax(320px,400px);grid-template-areas:"eyebrow eyebrow" "title side";align-items:end;column-gap:var(--sp-7)}.hero-eyebrow{grid-area:eyebrow}.hero-title{grid-area:title}.hero-side{grid-area:side;padding-bottom:.4em}.hero-product{grid-template-columns:minmax(400px,480px) minmax(0,1fr);align-items:stretch}.hero-swap{padding:var(--sp-4)}.hero-product .routes{padding:var(--sp-6) var(--sp-6) var(--sp-6) var(--sp-4)}}.how{border-top:1px solid var(--border)}.how-body{display:grid;gap:var(--sp-5)}.how-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2)}.how-tab{display:flex;flex-direction:column;gap:var(--sp-2);min-height:var(--tap);padding:var(--sp-3);border-radius:var(--r-sm);border:1px solid var(--border);text-align:left;transition:border-color var(--dur) var(--ease),background-color var(--dur) var(--ease)}.how-tab:hover{background:var(--bg-subtle)}.how-tab[aria-selected=true]{border-color:var(--gray-100);background:var(--bg);box-shadow:inset 0 3px 0 var(--route-active)}.how-tab-num{font-family:var(--font-mono);font-size:var(--fs-14);font-weight:500;color:var(--text-secondary)}.how-tab[aria-selected=true] .how-tab-num{color:var(--text-accent)}.how-tab-text{display:grid;gap:var(--sp-1)}.how-tab-title{font-weight:600;font-size:var(--fs-16);line-height:1.3}.how-tab-body{display:none;color:var(--text-secondary);font-size:var(--fs-14)}.how-tab[aria-selected=true] .how-tab-body{display:block}.how-panel{display:grid;place-items:center;min-height:360px;padding:var(--sp-5) var(--sp-4);border-radius:var(--r-md);background-color:var(--bg-subtle);background-image:radial-gradient(var(--gray-15) 1px,transparent 1px);background-size:16px 16px}.how-panel[hidden]{display:none}.how-vis{width:100%;max-width:420px;animation:hero-in var(--dur-slow) var(--ease) both}.how-vis-pair{display:grid;justify-items:center;gap:var(--sp-2)}.how-pair-row{display:grid;grid-template-columns:1fr auto;grid-template-areas:"label label" "tok amt";align-items:center;gap:var(--sp-2) var(--sp-3);width:100%;padding:var(--sp-4);border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border)}.how-pair-label{grid-area:label;font-size:var(--fs-14);color:var(--text-secondary)}.how-pair-tok{grid-area:tok;display:inline-flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-18)}.how-pair-amt{grid-area:amt;font-family:var(--font-display);font-size:var(--fs-32);font-weight:500;letter-spacing:var(--track-sub)}.how-pair-amt.is-pending{color:var(--gray-30)}.how-pair-arrow{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--r-sm);background:var(--gray-100);color:var(--text-inverse)}.how-vis-discover{display:grid;gap:var(--sp-2)}.how-vis-discover li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--sp-3);min-height:56px;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border);animation:hero-in var(--dur-slow) var(--ease) both}.how-disc-kind{font-family:var(--font-mono);font-size:var(--fs-12);text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);min-width:76px}.how-disc-desc{font-size:var(--fs-14);font-weight:600}.how-disc-check{color:var(--text-accent)}.how-vis-review{display:grid;gap:var(--sp-2);padding:var(--sp-5);border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border)}.how-vis-review>div{display:flex;justify-content:space-between;gap:var(--sp-3);font-size:var(--fs-14)}.how-vis-review dt{color:var(--text-secondary)}.how-vis-review dd{font-weight:500;text-align:right}.how-vis-review .how-review-hero{display:grid;gap:var(--sp-1);padding-bottom:var(--sp-3);margin-bottom:var(--sp-2);border-bottom:1px solid var(--border)}.how-review-hero dd{text-align:left;font-family:var(--font-display);font-size:var(--fs-32);letter-spacing:var(--track-sub)}.how-vis-wallet{padding:var(--sp-5);border-radius:var(--r-md);background:var(--surface-inverse);color:var(--text-inverse)}.how-wallet-head{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-14);color:var(--text-inverse-secondary)}.how-wallet-title{margin-top:var(--sp-5);font-family:var(--font-display);font-size:var(--fs-24);font-weight:500;letter-spacing:var(--track-sub)}.how-wallet-body{margin-top:var(--sp-2);font-size:var(--fs-14);color:var(--text-inverse-secondary)}.how-wallet-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2);margin-top:var(--sp-5)}.how-wallet-btn{display:grid;place-items:center;min-height:44px;border-radius:var(--r-sm);background:var(--surface-inverse-raised);font-size:var(--fs-14);font-weight:600}.how-wallet-btn.is-primary{background:var(--gray-0);color:var(--gray-100)}.how-wallet-note{margin-top:var(--sp-3);font-family:var(--font-mono);font-size:var(--fs-12);color:var(--text-inverse-secondary)}.how-tech{margin-top:var(--sp-5);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.how-tech summary{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);min-height:64px;font-weight:600;cursor:pointer;list-style:none}.how-tech summary::-webkit-details-marker{display:none}.how-tech summary .icon{flex:none;transition:transform var(--dur) var(--ease)}.how-tech[open] summary .icon{transform:rotate(180deg)}.how-tech-body{display:grid;gap:var(--sp-3);max-width:72ch;padding-bottom:var(--sp-5);color:var(--text-secondary)}@media (min-width: 960px){.how-body{grid-template-columns:minmax(320px,5fr) 7fr;align-items:stretch}.how-tabs{grid-template-columns:1fr;align-content:start}.how-tab{flex-direction:row;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5)}.how-tab[aria-selected=true]{box-shadow:inset 3px 0 0 var(--route-active)}.how-panel{min-height:460px;padding:var(--sp-7)}}.principles-body{display:grid;gap:var(--sp-7)}.principles-list{display:grid;align-content:start;border-top:1px solid var(--gray-100)}.principles-list li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:var(--sp-2) var(--sp-4);padding:var(--sp-5) 0;border-bottom:1px solid var(--border)}.principles-num{grid-row:span 2;font-family:var(--font-mono);font-size:var(--fs-14);color:var(--text-accent);padding-top:4px}.principles-title{font-family:var(--font-display);font-size:var(--fs-20);font-weight:500;letter-spacing:var(--track-sub);line-height:1.25}.principles-list p{color:var(--text-secondary);max-width:56ch}.status{align-self:start;padding:var(--sp-5);border-radius:var(--r-md);background:var(--bg-subtle)}.status-title{font-family:var(--font-mono);font-size:var(--fs-12);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.status-group{margin-top:var(--sp-5)}.status-group-title{font-weight:600;font-size:var(--fs-14);padding-bottom:var(--sp-2);border-bottom:1px solid var(--border-strong)}.status dl{display:grid}.status dl>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-1) var(--sp-3);min-height:48px;padding:var(--sp-2) 0;border-bottom:1px solid var(--border)}.status dt{font-size:var(--fs-14);color:var(--text-secondary)}.status dd{font-size:var(--fs-14);font-weight:600}.status-link{display:inline-flex;align-items:center;gap:4px;min-height:var(--tap);color:var(--text-accent);text-decoration:none}.status-link:hover{text-decoration:underline}.status-note{margin-top:var(--sp-4);font-size:var(--fs-14);color:var(--text-secondary)}@media (min-width: 640px){.principles-list li{grid-template-columns:64px minmax(0,1fr) minmax(0,1.2fr);gap:var(--sp-5);align-items:baseline}.principles-num{grid-row:auto}}@media (min-width: 960px){.principles-body{grid-template-columns:8fr 4fr;gap:var(--sp-8)}.status{padding:var(--sp-6)}}.inspector{background:var(--surface-inverse);color:var(--text-inverse)}.inspector-panel{display:grid;gap:var(--sp-5);padding:var(--sp-4);border-radius:var(--r-md);border:1px solid var(--border-inverse)}.inspector-controls{display:grid;gap:var(--sp-4)}.seg{margin:0;padding:0;border:0;min-width:0}.seg-legend{margin-bottom:var(--sp-2);padding:0;font-family:var(--font-mono);font-size:var(--fs-12);letter-spacing:.06em;text-transform:uppercase;color:var(--text-inverse-secondary)}.seg-row{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.seg-row label{position:relative;flex:1 1 auto}.seg-row input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;margin:0;cursor:pointer}.seg-row span{display:grid;place-items:center;min-height:var(--tap);padding:0 var(--sp-4);border-radius:var(--r-sm);border:1px solid var(--border-inverse);font-size:var(--fs-14);font-weight:600;white-space:nowrap;transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.seg-row label:hover span{background:var(--surface-inverse-raised)}.seg-row input:checked+span{background:var(--gray-0);border-color:var(--gray-0);color:var(--gray-100)}.seg-row input:focus-visible+span{outline:2px solid var(--focus-inverse);outline-offset:2px}.inspector-winner{display:grid;gap:var(--sp-4);padding:var(--sp-4);border-radius:var(--r-sm);background:var(--surface-inverse-raised)}.inspector-winner-name{margin-top:var(--sp-1);font-family:var(--font-display);font-size:var(--fs-24);font-weight:500;letter-spacing:var(--track-sub)}.inspector-winner .rail-source{background:var(--surface-inverse)}.inspector-table{width:100%;border-collapse:collapse;font-size:var(--fs-14)}.inspector-table thead{display:none}.inspector-table tr{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3) var(--sp-4);padding:var(--sp-4) 0;border-top:1px solid var(--border-inverse)}.inspector-table th[scope=row]{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-2);text-align:left;font-weight:600}.inspector-table td{display:grid;gap:2px}.inspector-table td:before{content:attr(data-label);font-family:var(--font-mono);font-size:var(--fs-12);letter-spacing:.04em;text-transform:uppercase;color:var(--text-inverse-secondary)}.inspector-table tr.is-top td:last-child{display:none}.inspector-kind{font-size:var(--fs-16)}.inspector-desc{font-weight:400;color:var(--text-inverse-secondary)}.inspector-table tr.is-top th[scope=row] .inspector-kind:after{content:"Highest estimate";margin-left:var(--sp-2);padding:2px 6px;border-radius:var(--r-xs);background:var(--surface-brand);color:var(--text-on-brand);font-family:var(--font-mono);font-size:var(--fs-12);font-weight:500;vertical-align:2px}.impact{display:grid;gap:6px}.impact-bar{display:block;width:100%;max-width:120px;height:6px;border-radius:1px;background:var(--surface-inverse-raised);overflow:hidden}.impact-bar span{display:block;height:100%;background:var(--gray-30);transition:width var(--dur-slow) var(--ease)}.impact-bar span.is-high{background:var(--warning)}.inspector-limits{display:grid;gap:var(--sp-4);margin-top:var(--sp-7);max-width:880px}.inspector-limits ul{display:grid;gap:var(--sp-3)}.inspector-limits li{position:relative;padding-left:var(--sp-5);color:var(--text-inverse-secondary)}.inspector-limits li:before{content:"";position:absolute;left:0;top:.6em;width:8px;height:2px;background:var(--route-active-inverse)}@media (min-width: 640px){.inspector-panel{padding:var(--sp-5)}.inspector-controls{grid-template-columns:auto 1fr;gap:var(--sp-6)}.seg-row label{flex:0 0 auto}}@media (min-width: 960px){.inspector-panel{padding:var(--sp-6)}.inspector-winner{grid-template-columns:minmax(220px,1fr) 2fr;align-items:center;padding:var(--sp-5)}.inspector-table thead{display:table-header-group}.inspector-table tr{display:table-row;padding:0}.inspector-table th,.inspector-table td,.inspector-table tr.is-top td:last-child{display:table-cell;padding:var(--sp-4) var(--sp-3);vertical-align:middle;border-top:1px solid var(--border-inverse)}.inspector-table th[scope=row]{display:table-cell}.inspector-table th[scope=row]>span{display:block}.inspector-table thead th{padding-block:0 var(--sp-3);border-top:0;text-align:left;font-family:var(--font-mono);font-size:var(--fs-12);font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--text-inverse-secondary)}.inspector-table td:before{display:none}.inspector-table tr>:first-child{padding-left:0}.inspector-table tr>:last-child{padding-right:0;text-align:right}.inspector-table tr.is-top{box-shadow:inset 3px 0 0 var(--route-active-inverse)}.inspector-table tr.is-top>:first-child{padding-left:var(--sp-4)}}.solutions{border-top:1px solid var(--border)}.solutions-body{display:grid;gap:var(--sp-6)}.solutions-list{border-top:1px solid var(--gray-100)}.solutions-list>li{border-bottom:1px solid var(--border)}.solutions-list h3{font:inherit}.solutions-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);width:100%;min-height:72px;text-align:left;border-radius:var(--r-sm)}.solutions-name{font-family:var(--font-display);font-size:var(--fs-24);font-weight:500;letter-spacing:var(--track-sub);color:var(--text-secondary);transition:color var(--dur) var(--ease)}.solutions-trigger:hover .solutions-name,.is-open .solutions-name{color:var(--text)}.solutions-trigger .icon{color:var(--text-secondary);transition:transform var(--dur) var(--ease)}.is-open .solutions-trigger .icon{transform:rotate(180deg);color:var(--text-accent)}.solutions-detail{display:grid;justify-items:start;gap:var(--sp-3);padding-bottom:var(--sp-5);animation:hero-in var(--dur-slow) var(--ease) both}.solutions-detail[hidden]{display:none}.solutions-outcome{font-size:var(--fs-18);font-weight:500;max-width:52ch}.solutions-fit{color:var(--text-secondary);max-width:60ch;margin-bottom:var(--sp-2)}.solutions-diagram{margin:0;align-self:start;padding:var(--sp-5);border-radius:var(--r-md);background-color:var(--bg-subtle);background-image:radial-gradient(var(--gray-15) 1px,transparent 1px);background-size:16px 16px}.solutions-flow{display:grid;justify-items:stretch}.solutions-node{display:grid;gap:2px;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border);animation:hero-in var(--dur-slow) var(--ease) both}.solutions-node:nth-child(3){animation-delay:60ms}.solutions-node:nth-child(5){animation-delay:.12s}.solutions-node:nth-child(7){animation-delay:.18s}.solutions-node-label{font-family:var(--font-mono);font-size:var(--fs-12);letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}.solutions-node strong{font-weight:600}.solutions-node.is-accent{border-color:var(--route-active);box-shadow:inset 3px 0 0 var(--route-active)}.solutions-node.is-accent .solutions-node-label{color:var(--text-accent)}.solutions-node.is-muted{background:transparent;border-style:dashed;border-color:var(--border-strong)}.solutions-edge{position:relative;display:flex;align-items:center;min-height:40px;padding-left:calc(var(--sp-4) + var(--sp-4));font-family:var(--font-mono);font-size:var(--fs-12);color:var(--text-secondary)}.solutions-edge:before{content:"";position:absolute;left:var(--sp-4);top:0;bottom:0;width:2px;background:var(--route-active);transform-origin:top;animation:edge-draw var(--dur-slow) var(--ease) both}@keyframes edge-draw{0%{transform:scaleY(0)}}@media (min-width: 960px){.solutions-body{grid-template-columns:7fr 5fr;gap:var(--sp-8)}.solutions-diagram{position:sticky;top:96px;padding:var(--sp-6)}}.not-found .container{display:grid;justify-items:start;gap:var(--sp-4);min-height:50vh;align-content:center}.not-found-code{font-family:var(--font-dot);font-size:clamp(4rem,2rem + 10vw,9rem);font-weight:800;line-height:1;color:var(--text-accent)}.not-found code{font-family:var(--font-mono);font-size:var(--fs-16);overflow-wrap:anywhere;color:var(--text)}.not-found-ctas{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-3)}