:root{--bg:#0c0d10;--surface:#111215;--raise:#15171a;--line:#1d1f23;--line-2:#2a2d33;--row:#17191c;--text:#eceef1;--soft:#b6bac1;--muted:#a1a5ad;--dim:#8b9099;--accent:#4d7cff;--brand:#3563f0;--brand-hover:#3f6cf2;--ok:var(--accent);--sans:Jost,Futura,ui-sans-serif,system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;--content:1200px;--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);--ease-drawer:cubic-bezier(.32,.72,0,1)}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;color-scheme:dark;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
::selection{background:#2a2d33}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
table{color:inherit;font-size:inherit;border-collapse:collapse}
h1,h2,h3{font-weight:500;letter-spacing:-.01em;text-wrap:balance}
.mono,code,time,.calculator-total,.result-line strong,.result-total strong,.fee-price,.status-time,.case-facts,.version-list span,.form-step-label,.step-number,.step-bullet,.timeline-point span,.order-path li span,.order-path>p,.api-flow span,.endpoint-list code,.footer-bottom{font-family:var(--mono);font-variant-numeric:tabular-nums}
.wrap{width:min(calc(100% - 48px),var(--content));margin-inline:auto}
.skip-link{position:fixed;left:20px;top:-50px;z-index:99;padding:8px 16px;background:var(--text);color:var(--bg);border-radius:6px}
.skip-link:focus{top:20px}
.screen-reader-nav{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* header */
#site-header{display:contents}
.top-banner{min-height:36px;padding:8px 24px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:13.5px;line-height:1.4;color:var(--muted);border-bottom:1px solid var(--line)}
.top-banner a{transition:color 150ms ease}
.top-banner a:hover{color:var(--text)}
.main-nav{position:sticky;top:0;z-index:30;background:rgba(12,13,16,.78);-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid transparent;transition:border-color 200ms ease}.main-nav.scrolled{border-bottom-color:var(--line)}.main-nav.open{background:var(--bg)}@media (prefers-reduced-transparency:reduce){.main-nav{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-contrast:more){.main-nav{border-bottom-color:var(--line)}}
.main-nav .wrap{height:60px;display:flex;align-items:center;gap:28px}
.brand{font-size:17px;font-weight:500;letter-spacing:-.01em;white-space:nowrap}
.nav-links{display:flex;align-items:center;gap:4px;flex:1}
.nav-actions{display:flex;align-items:center;gap:8px}
.nav-link{color:var(--muted);font-size:14.5px;line-height:20px;padding:6px 10px;border:0;border-radius:6px;background:none;white-space:nowrap;transition:color 150ms ease}
.nav-link:hover{color:var(--text)}
.nav-link[aria-current=page]{color:var(--text);text-decoration:underline 1px var(--accent);text-underline-offset:7px}
.nav-actions .button{height:32px;font-size:14px}
.nav-products{position:relative}
.mega-menu{position:absolute;top:42px;left:0;width:620px;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:24px;background:var(--surface);border:1px solid var(--line-2);border-radius:8px;box-shadow:0 12px 32px rgba(0,0,0,.4);opacity:0;visibility:hidden;transform:translateY(4px) scale(.98);transform-origin:top left;transition:opacity 180ms var(--ease-out) 80ms,transform 180ms var(--ease-out) 80ms,visibility 180ms 80ms}
.mega-menu::before{content:'';position:absolute;left:0;right:0;top:-12px;height:12px}
.nav-products.open .mega-menu{opacity:1;visibility:visible;transform:none;transition-delay:0s}
@media (hover:hover) and (pointer:fine){.nav-products:hover .mega-menu{opacity:1;visibility:visible;transform:none;transition-delay:0s}}
.mega-title{font-size:13px;color:var(--dim);margin:0 0 8px;padding:0 10px}
.mega-item{display:block;padding:8px 10px;border-radius:6px;transition:background-color 150ms ease}
.mega-item:hover{background:var(--raise)}
.mega-item strong{display:block;font-size:14.5px;font-weight:500}
.mega-item span span{display:block;font-size:13.5px;line-height:1.45;color:var(--muted)}
.mobile-menu-button,.nav-links .menu-start{display:none}

/* buttons */
.button{height:38px;padding:0 16px;border-radius:6px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:15px;font-weight:500;line-height:1;white-space:nowrap;transition:transform 160ms var(--ease-out),background-color 150ms ease,border-color 150ms ease}
.button:active,.copy-button:active{transform:scale(.97);transition-duration:50ms}
.button-primary{background:var(--brand);color:#fff}
.button-primary:hover{background:var(--brand-hover)}
.button-secondary{background:transparent;color:var(--text);border-color:var(--line-2)}
.button-secondary:hover{background:var(--raise);border-color:#3a3e45}
.button-pair{display:flex;gap:10px;flex-wrap:wrap}
.copy-button{height:36px;padding:0 14px;border-radius:6px;border:1px solid var(--line-2);background:transparent;font-size:14px;font-weight:500;transition:transform 160ms var(--ease-out),background-color 150ms ease}
.copy-button:hover{background:var(--raise)}
.copy-button span{display:inline-block;transition:filter 150ms var(--ease-out),opacity 150ms var(--ease-out)}
.copy-button span.swap{filter:blur(2px);opacity:.7}

/* type */
.eyebrow{font-size:14px;color:var(--dim);margin:0 0 16px}
.hero h1,.service-hero h1,.pricing-hero h1,.plain-hero h1,.docs-main h1,.article h1,.placeholder-page h1{font-size:clamp(36px,4.4vw,50px);line-height:1.08;margin:0 0 20px}
.lead,.plain-hero p,.docs-main>p,.article .article-lead,.placeholder-page p{font-size:17px;line-height:1.6;color:var(--muted);max-width:52ch;margin:0 0 28px}
.section-intro{margin-bottom:36px}
.section-intro h2,.final-cta h2,.case-grid h2,.section-dark h2{font-size:clamp(28px,3vw,36px);line-height:1.15;margin:0;max-width:24ch}
.section-intro p{margin:12px 0 0;max-width:52ch;color:var(--muted)}
.panel-title{font-size:14px;font-weight:500;margin:0}
.notice{padding:12px 14px;border:1px solid var(--line-2);border-radius:6px;background:var(--surface);font-size:14px;line-height:1.55;color:var(--muted);margin:16px 0}
.form-note{font-size:14px;line-height:1.5;color:var(--dim);margin:16px 0 0}
.tag{display:inline-block;margin-left:6px;padding:0 6px;border:1px solid var(--line-2);border-radius:4px;font-size:12px;line-height:18px;font-weight:400;color:var(--muted);vertical-align:1px}

/* sections */
section{padding:var(--section-y,96px) 0}
main>section+section{border-top:1px solid var(--line)}
.hero,.service-hero,.pricing-hero{padding:88px 0 80px}
.hero{background:color-mix(in oklab,var(--accent) 7%,transparent)}
.hero .hero-visual,.service-visual>.order-path,.service-visual>.layered-visual{border-top:2px solid var(--accent)}
main p a:not(.button){color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.plain-hero{padding:88px 0 48px}
.plain-hero h1{max-width:22ch}
.plain-hero+section{border-top:0!important;padding-top:24px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center}

/* data panels */
.data-card,.status-card,.calculator,.calculator-embed,.docs-status,.order-path,.calendar-box,.key-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px}
.panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:11px 16px;border-bottom:1px solid var(--line)}
.panel-head .mono{font-size:12px;color:var(--dim)}
.data-table{width:100%;font-size:14px}
.data-table th{text-align:left;font-size:12px;font-weight:400;color:var(--dim);padding:9px 16px 7px;border-bottom:1px solid var(--row)}
.data-table td{padding:10px 16px;border-bottom:1px solid var(--row);white-space:nowrap}
.data-table tr:last-child td{border:0}
.data-table .mono{font-size:13px}
.data-table .id{color:var(--dim)}
.data-table .num{text-align:right}
.status{display:inline-flex;align-items:center;gap:7px;color:var(--soft);font-size:14px}
.status::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ok);flex:none}
.status.pending::before{background:var(--dim)}

/* code */
.code-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:18px 20px;font-family:var(--mono);font-size:13px;line-height:1.7;white-space:pre;overflow-x:auto;color:var(--soft)}
.code-card .code-label{font-family:var(--sans);font-size:13px;color:var(--dim);margin:0 0 10px}
.console{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:18px 20px;font-family:var(--mono);font-size:13px;line-height:2;color:var(--soft)}
.console .k{display:inline-block;min-width:9ch;color:var(--dim)}
.console .ok{color:var(--accent)}
.console .warn{color:var(--text)}

/* points: hairline-divided rows instead of cards */
.points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.points.four-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.point{padding:24px 28px;border-left:1px solid var(--line)}
.point:first-child{border-left:0;padding-left:0}
.point h3{font-size:17px;line-height:1.35;margin:0 0 6px}
.points:not(.team-grid) .point h3::before{content:"";display:inline-block;width:6px;height:6px;margin-right:9px;background:var(--accent);vertical-align:middle}
.point p{margin:0;color:var(--muted);font-size:15px;line-height:1.55}
.hero+section{border-top:0!important;padding-top:0}
.hero+section .section-intro{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.avatar{height:160px;margin-bottom:16px;border:1px solid var(--line);border-radius:6px;background:var(--surface);display:grid;place-items:center;font-family:var(--mono);font-size:13px;color:var(--dim)}

/* home */
.numbered-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--line)}
.step-card{padding:20px 24px 0;border-left:1px solid var(--line)}
.step-card:first-child{border-left:0;padding-left:0}
.step-number{font-size:12px;color:var(--dim);margin:0 0 24px}
.step-card h3{font-size:17px;margin:0 0 6px}
.step-card p:not(.step-number){margin:0;color:var(--muted);font-size:15px;line-height:1.55}
.calculator-embed{padding:8px 24px 24px;max-width:640px}
.calculator-row{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:14px 0;border-bottom:1px solid var(--line);color:var(--muted)}
.calculator-row:nth-last-child(2){border:0;margin-bottom:12px}
.calculator-row:nth-last-child(2) span{color:var(--text)}
.calculator-total{font-size:20px;font-weight:500;color:var(--text)}
.calculator-row:nth-last-child(2) .calculator-total{font-size:26px}
.section-dark .lead{margin-top:16px}
.timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:40px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.timeline-point{padding:16px 20px;border-left:1px solid var(--line)}
.timeline-point:first-child{border-left:0}
.timeline-point strong{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:500}
.timeline-point strong::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ok)}
.timeline-point span{display:block;margin-top:4px;font-size:12.5px;color:var(--dim)}
.final-cta{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}
.final-cta h2{max-width:20ch}

/* service pages */
.service-visual{min-width:0}
.order-path{margin:0;padding:20px;container-type:inline-size}
.order-path figcaption strong{display:block;font-size:15px;font-weight:500}
.order-path figcaption span{font-size:14px;color:var(--muted)}
.order-path ol{list-style:none;margin:20px 0 16px;padding:0;display:flex;gap:16px}
.order-path li{flex:1 1 auto;min-width:0;position:relative;border:1px solid var(--line-2);border-radius:6px;padding:10px 12px;font-size:14px;font-weight:500;background:var(--bg)}
.order-path li span{display:block;font-size:12px;font-weight:400;color:var(--dim);white-space:nowrap}
.order-path li+li::before{content:"";position:absolute;left:-17px;top:50%;width:16px;height:1px;background:var(--line-2)}
.order-path li.on{background:var(--text);border-color:var(--text);color:var(--bg)}
.order-path li.on span{color:#4a4e56}
.order-path>p{margin:0;font-size:12px;color:var(--dim)}
.section-intro+.order-path{margin-bottom:40px}
.layered-visual .layer{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--row);font-size:13px}
.layered-visual .layer:last-child{border:0}
.spec-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:48px;align-items:start}
.spec-list{margin:0;border-bottom:1px solid var(--line)}
.spec-list>div{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:24px;padding:16px 0;border-top:1px solid var(--line)}
.spec-list dt{font-weight:500}
.spec-list dd{margin:0;color:var(--muted)}
@media (min-width:901px){.spec-grid .console{position:sticky;top:84px}}

/* faq */
.faq-list{border-top:1px solid var(--line);max-width:860px}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item button{width:100%;background:none;border:0;text-align:left;padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:16px;font-weight:500}
.faq-icon{color:var(--dim);font-family:var(--mono);transition:transform 200ms var(--ease-out)}
.faq-item.open .faq-icon{transform:rotate(45deg)}
.faq-answer{display:grid;grid-template-rows:0fr;max-width:68ch;color:var(--muted);transition:grid-template-rows 200ms var(--ease-out)}
.faq-answer>div{overflow:hidden}
.faq-answer p{margin:0;padding:0 0 20px}
.faq-item.open .faq-answer{grid-template-rows:1fr}

/* pricing */
.pricing-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,440px);gap:56px;align-items:start}
.fee-schedule{margin:32px 0 0;max-width:520px}
.fee-schedule .panel-title{margin-bottom:12px}
.fee-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;border-top:1px solid var(--line);font-size:15px}
.fee-price{text-align:right;white-space:nowrap}
.fee-price b{font-weight:500;font-size:15px}
.fee-price small{display:block;font-size:12px;color:var(--dim)}
.fee-schedule>p:last-child{margin:0;padding-top:12px;border-top:1px solid var(--line);font-size:14px;color:var(--dim)}
.pricing-scope{margin-top:32px;max-width:520px}
.pricing-scope .panel-title{margin-bottom:8px}
.pricing-scope ul{padding-left:18px;margin:0 0 12px;color:var(--soft)}
.pricing-scope li{margin:4px 0}
.pricing-scope p:last-child{color:var(--dim);font-size:14px}
.calculator{padding:24px}
.calculator h2{font-size:20px;margin:0 0 20px}
.range-line{display:flex;align-items:center;gap:12px}
.range-line input[type=range]{accent-color:var(--text);flex:1;min-width:0}
.range-line input[type=number]{width:120px}
.result-list{border-top:1px solid var(--line);margin-top:24px}
.result-line{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--muted)}
.result-line strong{font-weight:500;color:var(--text)}
.result-total{padding:16px 0 0}
.result-total span{display:block;font-size:14px;color:var(--muted)}
.result-total strong{font-size:30px;font-weight:500;letter-spacing:-.01em}

/* forms */
.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
.field{display:flex;flex-direction:column;gap:6px;margin:0 0 16px;border:0;padding:0;min-width:0}
.field label,.field legend{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:500;color:var(--soft)}
.field legend{margin-bottom:6px}
.field input,.field select,.field textarea{border:1px solid var(--line-2);border-radius:6px;padding:9px 12px;background:var(--surface);color:var(--text);font-size:15px;font-weight:400;line-height:1.5;outline:0;min-width:0;transition:border-color 150ms ease}
.field textarea{min-height:110px;resize:vertical}
.field select{appearance:none;-webkit-appearance:none;padding-right:36px;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23a1a5ad' stroke-width='1.5'%3E%3Cpath d='M3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E") no-repeat right 12px center}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--dim)}
.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.checkbox-line{display:flex;gap:8px;align-items:flex-start;font-size:14px;margin:10px 0;color:var(--soft)}
.checkbox-line input{accent-color:var(--text);margin-top:4px}
.checkbox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 24px}
.upload-box{border:1px dashed var(--line-2);border-radius:8px;padding:20px;margin-bottom:12px;font-size:14px;color:var(--muted)}
.upload-box label{display:flex;flex-direction:column;gap:10px}
.local-form{max-width:760px}

/* docs */
.docs-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:48px;padding:64px 0 96px}
.docs-sidebar{border-right:1px solid var(--line);padding-right:20px;align-self:start}
.docs-sidebar a{display:block;font-size:14.5px;padding:6px 0;color:var(--dim);transition:color 150ms ease}
.docs-sidebar a:hover,.docs-sidebar a.active{color:var(--text)}
.api-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:32px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.api-flow article{padding:16px 16px 18px;border-left:1px solid var(--line)}
.api-flow article:first-child{border-left:0;padding-left:0}
.api-flow span{display:block;font-size:12px;color:var(--dim);margin-bottom:10px}
.api-flow strong{display:block;font-size:15px;font-weight:500}
.api-flow p{font-size:14px;line-height:1.5;color:var(--muted);margin:4px 0 0}
.tabs{position:relative;display:flex;gap:20px;border-bottom:1px solid var(--line);margin-top:40px}
.tab{font-size:14px;font-weight:500;background:none;border:0;padding:10px 0;color:var(--dim)}
.tab[aria-selected=true]{color:var(--text)}
.tab:focus-visible{outline-offset:0}
.tab-line{position:absolute;left:0;bottom:-1px;height:1px;width:0;background:var(--text);transition:transform 200ms var(--ease-in-out),width 200ms var(--ease-in-out)}
#api-code{border-top-left-radius:0;border-top-right-radius:0;border-top:0}
.response-code{margin-top:16px}
.endpoint-list{margin:32px 0}
.endpoint-list .panel-title{margin-bottom:10px}
.endpoint-list>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-top:1px solid var(--line)}
.endpoint-list code{font-size:13px}
.endpoint-list span{font-size:14px;color:var(--muted);text-align:right}
.docs-status{padding:18px;height:max-content}
.docs-status p{margin:0 0 6px;font-size:14px;color:var(--muted)}
.docs-status>a{font-size:14px;color:var(--soft)}
.docs-status>a:hover{color:var(--text)}
.operational{color:var(--soft)!important}
.operational .dot{display:inline-block;width:6px;height:6px;margin:0 2px 0 4px;border-radius:50%;background:var(--ok);font-size:0;vertical-align:middle}
.version-list{margin-top:20px;border-top:1px solid var(--line);padding-top:12px}
.version-list span{display:block;font-size:12px;line-height:2;color:var(--muted)}
#sandbox-modal{width:min(calc(100% - 32px),600px);max-height:calc(100dvh - 32px);padding:0;border:0;background:none;color:inherit;overflow:auto;transition:opacity 200ms var(--ease-out),transform 200ms var(--ease-out),overlay 200ms allow-discrete,display 200ms allow-discrete}#sandbox-modal[open]{transition-duration:250ms}#sandbox-modal:not([open]){opacity:0;transform:translateY(8px)}
@starting-style{#sandbox-modal[open]{opacity:0;transform:translateY(8px)}}
#sandbox-modal::backdrop{background:rgba(5,6,8,.72);transition:background-color 200ms var(--ease-out),overlay 200ms allow-discrete,display 200ms allow-discrete}#sandbox-modal:not([open])::backdrop{background:transparent}@starting-style{#sandbox-modal[open]::backdrop{background:transparent}}body:has(dialog[open]){overflow:hidden}
#sandbox-modal .sandbox-card{position:relative;max-width:none;border-color:var(--line-2)}
.sandbox-card h2{padding-right:40px}
.modal-close{position:absolute;top:14px;right:14px;width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line-2);border-radius:6px;background:none;color:var(--muted);font-size:20px;line-height:1;transition:color 150ms ease,background-color 150ms ease}
.modal-close:hover{color:var(--text);background:var(--raise)}
.sandbox-card{max-width:640px}
.sandbox-card h2{font-size:24px;margin:0 0 8px}
.sandbox-card .form-note{margin:0 0 20px}
.key-panel{margin-top:20px;padding:18px}
.key-panel p{margin:0 0 10px;font-size:14px;color:var(--muted)}
.key-panel code{display:block;padding:10px 12px;border-radius:6px;background:var(--bg);border:1px solid var(--line);font-size:13px;overflow-wrap:anywhere;margin-bottom:12px}

/* onboarding */
.onboarding-shell{min-height:calc(100vh - 97px);display:grid;grid-template-columns:minmax(300px,36%) 1fr}
.onboarding-aside{padding:64px 40px 64px max(24px,calc((100vw - var(--content))/2));background:var(--surface);border-right:1px solid var(--line)}
.onboarding-aside h1{font-size:24px;line-height:1.3;margin:0;max-width:24ch}
.onboarding-steps{margin:40px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}
.onboarding-steps li{border-bottom:1px solid var(--line)}
.onboarding-steps button{width:100%;background:none;border:0;padding:12px 0;display:flex;gap:12px;align-items:center;text-align:left;color:var(--dim);transition:color 150ms ease}
.onboarding-steps button:hover,.onboarding-steps button.active{color:var(--text)}
.step-bullet{width:24px;height:24px;flex:none;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line-2);font-size:11px}
.onboarding-steps button.active .step-bullet{background:var(--text);border-color:var(--text);color:var(--bg)}
.onboarding-form-area{padding:64px 24px}
.onboarding-form-inner{max-width:620px;margin:0 auto}
.form-step{padding:0}
.form-step-label{font-size:12px;color:var(--dim);margin:0 0 12px}
.form-step h2{font-size:30px;line-height:1.2;margin:0 0 28px}
.form-actions{display:flex;justify-content:space-between;gap:12px;padding-top:20px}
.form-actions #onboarding-next,.form-actions #onboarding-submit{margin-left:auto}

/* customers, security, company, contact, blog */
.case-study{padding:0 0 96px;border-top:0!important}
.case-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:56px;align-items:start;border-top:1px solid var(--line);padding-top:48px}
.case-grid .eyebrow{font-family:var(--mono);font-size:12px}
.case-grid h2{margin-bottom:16px}
.case-grid p{margin:0 0 10px;color:var(--soft)}
.case-facts{font-size:13px;color:var(--dim)!important;margin-bottom:20px!important}
.case-visual{display:grid;gap:12px}
.status-card{padding:4px 16px 8px}
.status-card h3{font-size:14px;font-family:var(--mono);font-weight:400;color:var(--dim);margin:0;padding:10px 0;border-bottom:1px solid var(--line)}
.status-line{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--row);font-size:14px}
.status-line:last-child{border:0}
.status-time{font-size:12.5px;color:var(--dim)}
.security-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line)}
.security-item{padding:28px 32px 28px 0;border-bottom:1px solid var(--line)}
.security-item:nth-child(even){padding-left:32px;border-left:1px solid var(--line)}
.security-item h3{font-size:19px;margin:0 0 8px}
.security-item p{margin:0;color:var(--muted)}
.team-grid+.notice{margin-top:32px;max-width:520px}
.contact-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:56px}
.contact-details{border-left:1px solid var(--line);padding-left:32px}
.contact-details h3{font-size:14px;color:var(--dim);font-weight:400;margin:0 0 4px}
.contact-details p{margin:0 0 20px;color:var(--soft)}
.contact-details .copy-button{margin:0 0 20px}
.calendar-box{padding:18px;margin-top:8px}
.calendar-box p{margin:4px 0 0;color:var(--muted);font-family:var(--mono);font-size:13px}
.blog-list{border-top:1px solid var(--line)}
.blog-card{display:grid;grid-template-columns:140px minmax(0,1fr) auto;gap:32px;padding:28px 0;border-bottom:1px solid var(--line);align-items:start}
.blog-card time{font-size:12.5px;line-height:1.7;color:var(--dim)}
.blog-card h2{font-size:21px;line-height:1.3;margin:0 0 6px}
.blog-card p{margin:0;color:var(--muted)}
.article{padding:88px 0 96px}
.article>*,.placeholder-page>*{max-width:720px}
.article .eyebrow{font-size:13px}
.article p{margin:0 0 20px;color:var(--soft);font-size:17px;line-height:1.7}
.article .article-lead{margin-bottom:40px}
.article h2{font-size:22px;margin:40px 0 12px}
.placeholder-page{padding:88px 0 120px}

/* footer */
.footer{padding:64px 0 0;border-top:1px solid var(--line)}
.footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px}
.footer-grid>.brand{grid-column:1/-1}
.footer-title{font-size:13.5px;color:var(--dim);margin:0 0 10px}
.footer-links a{display:block;font-size:14.5px;padding:4px 0;color:var(--soft);transition:color 150ms ease}
.footer-links a:hover{color:var(--text)}
.legal-copy{padding:48px 0 24px;max-width:84ch;color:var(--muted);font-size:13.5px;line-height:1.6}
.footer-bottom{border-top:1px solid var(--line);padding:18px 0 28px;display:flex;justify-content:space-between;gap:24px;font-size:12px;color:var(--dim)}

/* cookie */
.cookie-banner{position:fixed;z-index:40;bottom:20px;right:20px;width:340px;background:var(--surface);border:1px solid var(--line-2);border-radius:8px;box-shadow:0 12px 32px rgba(0,0,0,.45);padding:18px;transition:transform 300ms var(--ease-drawer),opacity 300ms var(--ease-drawer)}
@starting-style{.cookie-banner{transform:translateY(100%);opacity:0}}
.cookie-banner.leaving{transform:translateY(100%);opacity:0;transition:transform 150ms ease-out,opacity 150ms ease-out}
.cookie-banner p{font-size:13.5px;line-height:1.5;margin:0 0 12px;color:var(--muted)}
.cookie-actions{display:flex;align-items:center;gap:14px}
.cookie-actions .button{height:32px;font-size:14px}
.cookie-actions .button-secondary{border:0;padding:0;height:auto;background:none;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.cookie-actions .button-secondary:hover{color:var(--text);background:none}

/* motion */
.fade-up{animation:fade-up 300ms var(--ease-out) both;animation-delay:calc(var(--i,0)*50ms)}
@keyframes fade-up{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes fade-o{from{opacity:0}}

/* responsive */
@media (max-width:900px){
.nav-links{position:absolute;top:61px;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--line);padding:12px 24px 20px;flex-direction:column;align-items:stretch;gap:0;max-height:calc(100dvh - var(--nav-b,61px));overflow-y:auto;overscroll-behavior:contain;clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path 220ms var(--ease-out),visibility 220ms}
.main-nav .wrap{justify-content:space-between}
.mobile-menu-button{display:inline-flex}
.main-nav.open .nav-links{clip-path:inset(0);visibility:visible}
.nav-links .menu-start{display:inline-flex;margin-top:16px;align-self:start}
.nav-links .nav-link{color:var(--text);padding:12px 0;font-size:16px;text-align:left;border-bottom:1px solid var(--line);border-radius:0}
.nav-products>.nav-link{width:100%}
.nav-links .mega-menu{position:static;display:none;width:auto;padding:4px 0 8px;grid-template-columns:1fr;gap:0;border:0;background:none;box-shadow:none;opacity:1;visibility:visible;transform:none;transition:none}
.nav-products.open .mega-menu{display:grid}
.main-nav.open .mega-title{margin:12px 0 4px;padding:0}
.nav-links .mega-item{padding:8px 0}
.nav-actions .button{height:36px;padding:0 12px;font-size:13px}.nav-actions .arrow{display:none}
.hero-grid,.pricing-grid,.case-grid,.contact-layout,.spec-grid{grid-template-columns:1fr}
.hero-grid{gap:40px}
.docs-layout{grid-template-columns:180px minmax(0,1fr);gap:32px}
.docs-status{grid-column:2}
.onboarding-shell{grid-template-columns:260px 1fr}
.onboarding-aside{padding:48px 24px}
.points.four-grid,.numbered-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
.points.four-grid .point:nth-child(3),.numbered-steps .step-card:nth-child(3){border-left:0;padding-left:0}
.numbered-steps .step-card:nth-child(n+3){padding-top:28px}
.api-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
.api-flow article:nth-child(3){border-left:0;padding-left:0}
.api-flow article:nth-child(n+3){border-top:1px solid var(--line)}
}
@media (max-width:767px){
.wrap{width:calc(100% - 40px)}
.top-banner{padding:8px 20px;font-size:13px}
.main-nav .wrap{gap:8px}
.nav-links{padding:8px 20px 20px}
section{--section-y:64px}
.hero,.service-hero,.pricing-hero{padding:56px 0 64px}
.plain-hero{padding:56px 0 32px}
.lead,.plain-hero p,.docs-main>p,.article .article-lead,.placeholder-page p{font-size:16px}
.section-intro{display:block;margin-bottom:28px}
.section-intro p{margin-top:12px}
.points,.points.four-grid,.numbered-steps{grid-template-columns:1fr}
.point,.points.four-grid .point:nth-child(3),.step-card,.numbered-steps .step-card:nth-child(n+3){border-left:0;padding:18px 0;border-top:1px solid var(--line)}
.point:first-child,.step-card:first-child{border-top:0}
.step-number{margin-bottom:8px}
.data-table th,.data-table td{padding-left:12px;padding-right:12px}
.data-table th:first-child,.data-table td:first-child{display:none}
.panel-head{padding:10px 12px}
.calculator-embed{padding:4px 18px 18px}
.calculator-row{flex-wrap:wrap;gap:4px 16px}
.timeline{grid-template-columns:1fr 1fr}
.timeline-point:nth-child(3){border-left:0}
.timeline-point:nth-child(n+3){border-top:1px solid var(--line)}
.final-cta{display:block}
.final-cta h2{margin-bottom:24px}
.order-path{padding:16px}
.spec-list>div{grid-template-columns:1fr;gap:4px}
.docs-layout{display:block;padding:40px 0 64px}
.docs-sidebar{border-right:0;border-bottom:1px solid var(--line);padding:0 0 12px;margin:0 0 32px;display:flex;gap:16px;overflow-x:auto}
.docs-sidebar a{white-space:nowrap}
.docs-status{margin-top:32px}
.api-flow{grid-template-columns:1fr}
.api-flow article,.api-flow article:nth-child(3){border-left:0;padding:14px 0;border-top:1px solid var(--line)}
.api-flow article:first-child{border-top:0}
.endpoint-list>div{display:block}
.endpoint-list span{display:block;text-align:left;margin-top:4px}
.code-card{font-size:12px;padding:14px}
.onboarding-shell{display:block;min-height:0}
.onboarding-aside{padding:32px 20px 20px;border-right:0;border-bottom:1px solid var(--line)}
.onboarding-aside h1{font-size:20px}
.onboarding-steps{display:flex;gap:8px;overflow-x:auto;margin-top:20px;border:0}
.onboarding-steps li{border:0}
.onboarding-steps button{width:auto;padding:4px 0}
.onboarding-steps button span:last-child{display:none}
.onboarding-steps button.active span:last-child{display:inline;white-space:nowrap}
.onboarding-form-area{padding:32px 20px 16px}
.form-step h2{font-size:24px}
.field-grid,.checkbox-grid{grid-template-columns:1fr}
.form-actions{position:sticky;bottom:var(--cookie-h,0px);background:var(--bg);padding:12px 0;border-top:1px solid var(--line)}
.pricing-grid{gap:40px}
.calculator{padding:18px}
.range-line input[type=number]{width:104px}
.case-study{padding-bottom:64px}
.case-grid{padding-top:32px;gap:32px}
.security-list{grid-template-columns:1fr}
.security-item,.security-item:nth-child(even){padding:22px 0;border-left:0}
.contact-details{border-left:0;border-top:1px solid var(--line);padding:28px 0 0}
.blog-card{grid-template-columns:1fr;gap:8px}
.blog-card .button{width:max-content;margin-top:12px}
.article{padding:56px 0 64px}
.placeholder-page{padding:56px 0 80px}
.footer{padding-top:48px}
.footer-grid{grid-template-columns:repeat(2,1fr);gap:28px 24px}
.footer-bottom{display:block}
.footer-bottom span{display:block;margin:4px 0}
.cookie-banner{left:0;right:0;bottom:0;width:auto;border-radius:0;border-width:1px 0 0;box-shadow:none;padding:10px 20px;display:flex;align-items:center;gap:14px}
.cookie-banner p{margin:0;font-size:12.5px;line-height:1.45}
.cookie-actions{flex:none;gap:12px}
.mega-menu{display:none}
}
@container (max-width:479px){.order-path ol{flex-direction:column;gap:12px}.order-path ol li{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.order-path ol li+li::before{left:20px;top:-13px;width:1px;height:12px}}
@container (max-width:649px){.order-path ol:has(>li:nth-child(5)){flex-direction:column;gap:12px}.order-path ol:has(>li:nth-child(5)) li{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.order-path ol:has(>li:nth-child(5)) li+li::before{left:20px;top:-13px;width:1px;height:12px}}
@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
.mega-menu{transform:none}
.button:active,.copy-button:active{transform:none}
.fade-up{animation:fade-o 150ms both;animation-delay:0s}
.tab-line,.faq-answer,.faq-icon{transition:none}
#sandbox-modal,#sandbox-modal[open]{transition:opacity 150ms,overlay 150ms allow-discrete,display 150ms allow-discrete}#sandbox-modal:not([open]){transform:none}
.cookie-banner,.cookie-banner.leaving{transform:none;transition:opacity 150ms}
@starting-style{#sandbox-modal,.cookie-banner{transform:none}}
}
@media (prefers-reduced-motion:reduce) and (max-width:900px){.nav-links{clip-path:none;opacity:0;transition:opacity 150ms,visibility 150ms}.main-nav.open .nav-links{opacity:1}}
.brand{display:inline-flex;align-items:center;gap:10px}.brand svg{width:24px;height:24px;flex:none}
.plain-hero h1:last-child{margin-bottom:0}.sandbox-card h2{line-height:1.2}@media(max-width:767px){.sandbox-card h2{font-size:21px}}
@media(max-width:900px){body:has(.main-nav.open){overflow:hidden}.main-nav::after{content:'';position:absolute;top:100%;left:0;width:100%;height:100vh;background:rgba(12,13,16,.6);opacity:0;pointer-events:none;z-index:-1;transition:opacity 150ms ease}.main-nav.open::after{opacity:1;pointer-events:auto}}
/* press feedback */.nav-link:active,.mega-item:active,.modal-close:active{color:var(--text);background:var(--line-2);transition-duration:0ms}.tab:active,.onboarding-steps button:active,.docs-sidebar a:active{color:var(--text);transition-duration:0ms}.faq-item button:active .faq-icon{color:var(--text)}
@media(max-width:900px){.nav-links .nav-link:active,.nav-links .mega-item:active{box-shadow:-20px 0 var(--line-2),20px 0 var(--line-2)}}
/* onboarding step direction */.enter{animation:step-in 220ms var(--ease-out)}@keyframes step-in{from{opacity:0;transform:translateX(var(--dir,10px))}}.form-step h2:focus{outline:0}@media (prefers-reduced-motion:reduce){.enter{animation-name:fade-o}}
/* size-specific tracking */.hero h1,.service-hero h1,.pricing-hero h1,.plain-hero h1,.docs-main h1,.article h1,.placeholder-page h1{letter-spacing:-.022em}h2{letter-spacing:-.015em}h3{letter-spacing:0}.form-step-label,.step-number,.version-list span,.footer-bottom,.step-bullet,.panel-head .mono{letter-spacing:.04em}.result-total strong{letter-spacing:-.015em}
/* touch targets */@media (pointer:coarse){.button{height:44px}.nav-actions .button,.cookie-actions .button{height:40px}.nav-actions .nav-link{min-height:40px;display:inline-flex;align-items:center}.modal-close{width:40px;height:40px;top:10px;right:10px}.modal-close::before{content:'';position:absolute;inset:-6px}.footer-links a,.docs-sidebar a{padding:10px 0;min-height:44px;display:flex;align-items:center}.onboarding-steps button,.tab{min-height:44px}.cookie-actions .button{height:44px}.cookie-actions .button-secondary{min-height:44px;padding:0 8px}}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}body:has(.main-nav.open) .cookie-banner{display:none}.checkbox-line a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}#onboarding-summary p{margin:0 0 4px}.doc-list{padding-left:18px;margin:0;color:var(--soft)}.doc-list li{margin:4px 0}.docs-main [id],.docs-status [id]{scroll-margin-top:96px}.footer-bottom a:hover{color:var(--text)}@media (max-width:900px){.nav-links>*{flex-shrink:0}}.onboarding-aside .form-note{margin-top:12px}.calculator-embed .form-note{margin-bottom:16px}.section-intro+.notice{max-width:520px}

/* round 2 */.sample-cap{margin:10px 0 0;font-family:var(--mono);font-size:12px;color:var(--dim)}.console .sample-cap{margin:0 0 8px}.docs-main .code-cap{margin:8px 0 20px;font-size:13px;color:var(--dim)}
@media (min-width:901px){.calc-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}.calc-split .section-intro{margin-bottom:0}.calc-split .calculator-embed{max-width:none}}
@media (max-width:900px){.mobile-menu-button{border:1px solid var(--line-2);border-radius:6px;padding:0 14px;min-height:44px;align-items:center}.nav-actions .button{height:44px}}
@media (max-width:767px){.docs-sidebar{-webkit-mask-image:linear-gradient(90deg,#000 80%,transparent);mask-image:linear-gradient(90deg,#000 80%,transparent);padding-right:32px}.onboarding-steps button{min-width:44px;justify-content:center}.step-bullet{font-size:12px}}
.contact-details a,.contact-form-links a,.local-form .form-note a{display:inline-flex;align-items:center;min-height:44px}
/* round 3 */.hero{padding-bottom:32px}.chev{display:inline-block;width:12px;height:12px;margin-left:4px;vertical-align:middle}.service-hero .hero-grid{align-items:start}.hero-note{margin:-16px 0 24px;font-size:13px}.article .article-date{margin:-8px 0 24px;font-size:14px;color:var(--dim)}.article .button-pair{margin-top:40px}.plain-hero p a,.security-item p a,.final-cta p a{color:var(--accent)}
@media (max-width:767px){.button{min-height:44px}.plain-hero p a,.security-item p a,.final-cta p a,.notice a,.placeholder-page p a{display:inline-flex;align-items:center;min-height:44px}.docs-sidebar a{min-height:44px;display:flex;align-items:center}.pricing-grid{gap:0}.pricing-grid>div:first-child{display:contents}.pricing-grid .calculator{order:1}.pricing-grid .fee-schedule,.pricing-grid .pricing-scope{order:2}}
@media (max-width:767px){#site-header .mobile-menu-button{height:44px}.mobile-menu-button,.top-banner a,#site-header .brand,.footer .brand,.footer a[href^=mailto],.tab{min-height:44px;display:inline-flex;align-items:center}.tab{min-width:44px;justify-content:center}input[type=range]{min-height:44px}input:not([type=range]):not([type=checkbox]):not([type=radio]),select{min-height:44px}}

/* widescreen desktop frame */
@media (min-width:1280px){:root{--content:1920px}.wrap{width:min(calc(100% - 96px),var(--content))}body{font-size:18px}.top-banner{font-size:14.5px}.nav-link{font-size:15.5px}.button{font-size:16px}.hero h1,.service-hero h1,.pricing-hero h1,.plain-hero h1,.docs-main h1,.article h1,.placeholder-page h1{font-size:clamp(40px,4vw,54px)}.lead,.plain-hero p,.docs-main>p,.article .article-lead,.placeholder-page p{font-size:19px}.point p,.step-card p:not(.step-number){font-size:16px}.data-table,.status{font-size:15px}}

/* widescreen desktop type preview */
@media (min-width:1280px){.eyebrow,.panel-title,.form-note{font-size:15px}.panel-head .mono,.data-table th,.data-table .mono,.step-number,.sample-cap,.article .article-date{font-size:14px}.point h3,.step-card h3{font-size:18px}.section-intro h2,.final-cta h2,.case-grid h2,.section-dark h2{font-size:clamp(30px,3vw,38px)}.section-intro p,.spec-list dd,.faq-answer,.pricing-scope p:last-child{font-size:17px}.fee-row{font-size:16px}.fee-price b{font-size:16px}.fee-price small{font-size:13px}.calculator h2{font-size:22px}.result-line{font-size:16px}.faq-item button{font-size:17px}.console,.code-card{font-size:14px}.hero-note{font-size:14px}}

/* live homepage settlements and compact mobile navigation */
.hero .data-table{table-layout:fixed}
.hero .data-table th:nth-child(1){width:20%}
.hero .data-table th:nth-child(2){width:28%}
.hero .data-table th:nth-child(3){width:28%}
.hero .data-table td{overflow:hidden;text-overflow:ellipsis}
.status::before{transition:background-color 400ms}
.status.cleared::before{background:color-mix(in oklab,var(--accent) 50%,var(--dim))}
.live{display:inline-flex;align-items:center;gap:6px;margin-left:10px;font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);vertical-align:middle}
.live::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;animation:live-pulse 1.8s ease-out infinite}
@keyframes live-pulse{from{box-shadow:0 0 0 0 rgba(77,124,255,.6)}to{box-shadow:0 0 0 7px rgba(77,124,255,0)}}
.mobile-menu-sandbox{display:none}
@media (max-width:900px){.nav-links .mobile-menu-sandbox{display:block}}
@media (max-width:767px){.hero .data-table th:nth-child(2){width:31%}.hero .data-table th:nth-child(3){width:37%}}
@media (max-width:479px){#site-header .nav-actions>.nav-link:not(.mobile-menu-button){display:none}.main-nav .wrap{gap:4px}.nav-actions{gap:4px}.nav-actions .button{padding-inline:8px}.mobile-menu-button{padding-inline:10px}}
@media (prefers-reduced-motion:reduce){.live{display:none}}