:root { --paper:#f4f3ed; --ink:#151515; --lime:#c6ff32; --orange:#ff5c35; --gray:#d7d5cc; --mono:"DM Mono",monospace; --sans:"Noto Sans SC",sans-serif; }
* { box-sizing:border-box; }
html { max-width:100%; overflow-x:hidden; overscroll-behavior-x:none; scroll-behavior:smooth; }
body { max-width:100%; margin:0; color:var(--ink); background:var(--paper); font-family:var(--sans); overflow-x:hidden; overscroll-behavior-x:none; }
@supports (overflow:clip) { html,body { overflow-x:clip; } }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
.noise { position:fixed; inset:0; opacity:.035; pointer-events:none; z-index:20; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
.site-header { height:78px; display:flex; align-items:center; justify-content:space-between; padding:0 4vw; border-bottom:1px solid var(--ink); position:relative; z-index:10; }
.brand { display:flex; align-items:center; gap:11px; font:700 14px var(--mono); letter-spacing:.02em; }
.brand-mark { display:grid; place-items:center; width:35px; height:35px; color:var(--lime); background:var(--ink); border-radius:50%; font:500 14px var(--mono); }
nav { display:flex; gap:34px; font-size:13px; font-weight:600; }
nav a:hover { text-decoration:underline; text-underline-offset:5px; }
.header-cta { display:flex; align-items:center; gap:25px; background:var(--ink); color:#fff; padding:13px 17px; font:500 12px var(--mono); }
.header-cta span,.button span { color:var(--lime); }
.menu-button { display:none; border:0; background:none; }
.section-pad { padding:120px 8vw; }
.hero { min-height:780px; display:grid; grid-template-columns:1fr .88fr; gap:7vw; align-items:center; padding-top:90px; padding-bottom:100px; }
.eyebrow,.section-number { display:block; font:500 11px var(--mono); letter-spacing:.12em; text-transform:uppercase; }
.live-dot { display:inline-block; width:8px; height:8px; background:var(--lime); border:1px solid var(--ink); border-radius:50%; margin-right:9px; box-shadow:0 0 0 4px rgba(198,255,50,.28); }
h1,h2 { margin:28px 0; font-weight:900; letter-spacing:-.07em; line-height:.95; }
h1 { font-size:clamp(64px,7.5vw,116px); }
h1 span,h2 span { position:relative; z-index:1; }
h1 span::after,h2 span::after { content:""; position:absolute; height:.34em; left:-.03em; right:-.04em; bottom:.02em; background:var(--lime); z-index:-1; transform:rotate(-1.5deg); }
.hero-lead { max-width:650px; font-size:18px; line-height:1.9; color:#474747; }
.hero-lead strong { color:var(--ink); }
.hero-actions { display:flex; align-items:center; gap:30px; margin-top:36px; }
.button { display:inline-flex; justify-content:center; align-items:center; gap:42px; min-height:57px; padding:0 25px; font:500 13px var(--mono); border:1px solid var(--ink); transition:transform .2s,box-shadow .2s; }
.button.primary { background:var(--ink); color:#fff; box-shadow:6px 6px 0 var(--lime); }
.button.primary:hover { transform:translate(-2px,-2px); box-shadow:9px 9px 0 var(--lime); }
.text-button { border:0; padding:0; min-height:auto; }
.microcopy { margin-top:24px; color:#777; font-size:11px; }
.microcopy b { color:var(--orange); }
.hero-visual { position:relative; transform:rotate(1.5deg); filter:drop-shadow(18px 22px 0 rgba(21,21,21,.1)); }
.terminal-top { height:48px; display:flex; align-items:center; gap:7px; padding:0 17px; color:#aaa; background:#252525; border:1px solid #000; }
.terminal-top span { width:8px; height:8px; border-radius:50%; background:#666; }
.terminal-top span:first-child { background:var(--orange); }
.terminal-top b { margin-left:auto; font:400 10px var(--mono); }
.terminal-body { min-height:510px; padding:28px; color:#eee; background:var(--ink); border:1px solid #000; font-family:var(--mono); }
.terminal-line { margin-bottom:20px; font-size:13px; }.muted { color:#777; }
.model-row { display:grid; grid-template-columns:30px 1fr auto; gap:12px; padding:14px 12px; border-bottom:1px solid #393939; align-items:center; font-size:11px; color:#888; }
.model-row strong { font-weight:400; color:#bbb; }.model-row i { font-style:normal; font-size:8px; }
.model-row.active { background:var(--lime); color:#151515; border:0; }
.model-row.active strong { color:#151515; font-weight:500; }.model-row.active i { padding:4px 6px; color:var(--lime); background:var(--ink); }
.terminal-stat { margin:38px 0 26px; padding:24px 0; border-top:1px solid #444; border-bottom:1px solid #444; }
.terminal-stat small { color:#999; }.terminal-stat div { display:flex; align-items:baseline; margin:8px 0; }
.terminal-stat b { font-size:clamp(45px,5vw,72px); line-height:1; letter-spacing:-.07em; color:var(--lime); }.terminal-stat em { margin-left:10px; font-size:12px; font-style:normal; }.terminal-stat>span { font-size:9px; color:#777; }
.prompt-line { display:flex; align-items:center; gap:9px; color:#b9b9b9; font-size:12px; }.prompt-line>span:first-child { color:var(--lime); }.prompt-line i { width:7px; height:15px; background:var(--lime); animation:blink 1s steps(1) infinite; }
@keyframes blink { 50% { opacity:0; } }
.float-tag { position:absolute; padding:12px 16px; color:var(--ink); background:var(--paper); border:1px solid var(--ink); box-shadow:5px 5px 0 var(--ink); font:500 10px var(--mono); }
.tag-one { right:-25px; top:85px; transform:rotate(4deg); }.tag-two { left:-45px; bottom:55px; transform:rotate(-5deg); background:var(--orange); }
.ticker { overflow:hidden; background:var(--lime); border-top:1px solid var(--ink); border-bottom:1px solid var(--ink); transform:rotate(-1deg) scale(1.02); }
.ticker-track { width:max-content; display:flex; gap:25px; align-items:center; padding:15px 0; animation:ticker 28s linear infinite; font:500 11px var(--mono); }
.ticker-track b { font-size:15px; }
@keyframes ticker { to { transform:translateX(-50%); } }
.section-heading { display:grid; grid-template-columns:180px 1fr; align-items:start; }
.section-heading h2 { margin:0; font-size:clamp(44px,5.4vw,82px); max-width:970px; }.section-heading h2 span::after { background:var(--orange); }
.feature-grid { display:grid; grid-template-columns:1.3fr 1fr 1fr; margin-top:80px; border:1px solid var(--ink); }
.feature { position:relative; min-height:430px; padding:35px; border-right:1px solid var(--ink); display:flex; flex-direction:column; justify-content:flex-end; }.feature:last-child { border:0; }
.feature-index { position:absolute; top:25px; left:28px; font:500 11px var(--mono); }
.feature h3 { margin:26px 0 10px; font-size:22px; letter-spacing:-.03em; }.feature p { margin:0; color:#5f5f5f; font-size:14px; line-height:1.8; }
.feature.dark { color:#fff; background:var(--ink); }.feature.dark p { color:#aaa; }.feature-main { background:var(--lime); }
.feature-icon { font:500 52px var(--mono); }.code-icon { letter-spacing:-.2em; }.globe-icon { font-size:90px; line-height:.7; color:var(--lime); }
.speed-gauge { height:150px; position:relative; border-bottom:2px solid var(--ink); overflow:hidden; }.speed-gauge:before { content:""; position:absolute; width:230px; height:230px; left:50%; top:35px; transform:translateX(-50%); border:2px solid var(--ink); border-radius:50%; }.speed-gauge span { position:absolute; width:36%; height:2px; left:50%; bottom:0; background:var(--ink); transform-origin:left center; transform:rotate(-28deg); }.speed-gauge span:after { content:""; position:absolute; right:0; top:-5px; width:11px; height:11px; background:var(--ink); border-radius:50%; }.speed-gauge b { position:absolute; left:50%; bottom:15px; transform:translateX(-50%); font:500 12px var(--mono); }
.pricing { color:#fff; background:var(--ink); }.section-heading.light h2 span::after { background:var(--lime); }.pricing-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:7vw; margin-top:80px; align-items:center; }
.price-card { position:relative; padding:42px; color:var(--ink); background:var(--paper); box-shadow:12px 12px 0 var(--lime); }.popular-tag { position:absolute; right:-1px; top:-1px; padding:9px 15px; color:var(--ink); background:var(--lime); border:1px solid var(--ink); font:500 10px var(--mono); }.price-title { display:flex; align-items:baseline; gap:8px; font:500 13px var(--mono); }.price-title b { color:var(--orange); }.price { display:flex; align-items:center; margin:25px 0 10px; }.price sup { font:500 30px var(--mono); align-self:flex-start; margin-top:15px; }.price>strong { font:900 112px/1 var(--sans); letter-spacing:-.09em; }.price>div { display:flex; flex-direction:column; margin-left:18px; }.price>div b { font-size:17px; }.price>div span { margin-top:6px; font:400 10px var(--mono); color:#666; }.price-card>p { font-size:13px; line-height:1.7; color:#666; }.button.full { width:100%; margin:20px 0; }.price-card ul { list-style:none; padding:18px 0 0; margin:0; border-top:1px solid #ccc; }.price-card li { padding:7px 0; font-size:13px; }.price-card li span { margin-right:10px; color:#4e8100; }
.aff-bonus { display:grid; grid-template-columns:1fr auto; gap:3px 15px; margin:10px 0 16px; padding:13px 15px; background:var(--lime); border:1px solid var(--ink); }.aff-bonus span { font:500 9px var(--mono); }.aff-bonus strong { grid-row:1/3; grid-column:2; align-self:center; font:700 15px var(--mono); }.aff-bonus em { font:500 10px var(--mono); font-style:normal; color:#496500; }
.payment-methods { margin:17px 0 4px; padding:14px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }.payment-methods>span { display:block; margin-bottom:9px; color:#777; font:500 8px var(--mono); text-transform:uppercase; }.payment-methods>div { display:flex; flex-wrap:wrap; gap:6px; }.payment-methods b { padding:6px 8px; border:1px solid var(--ink); font:500 8px var(--mono); }.payment-methods b:first-child { color:var(--ink); background:var(--lime); }.payment-methods em { display:block; margin-top:8px; color:#777; font:400 9px/1.5 var(--sans); font-style:normal; }
.limit-head { display:flex; justify-content:space-between; border-bottom:1px solid #484848; padding-bottom:20px; font:500 11px var(--mono); }.limit-head span { color:var(--lime); }.limit-row { padding:28px 0; border-bottom:1px solid #333; }.limit-row>div:first-child { display:flex; justify-content:space-between; align-items:baseline; }.limit-row small { font-size:12px; color:#999; }.limit-row strong { font:500 30px var(--mono); }.limit-row em { display:block; margin-top:10px; font:400 9px var(--mono); color:#777; text-align:right; }.bar { height:6px; margin-top:13px; background:#3a3a3a; }.bar span { display:block; width:var(--width); height:100%; background:var(--lime); transition:width 1.2s ease; }.limit-row.featured strong { color:var(--lime); }.data-note { color:#888; font-size:11px; line-height:1.7; }.limits>a { display:inline-block; border-bottom:1px solid #777; margin-top:10px; padding-bottom:5px; font:400 11px var(--mono); }
.referral-limit { display:grid; grid-template-columns:1fr auto; align-items:center; gap:5px 20px; margin:20px 0; padding:16px 18px; color:var(--ink); background:var(--lime); border:1px solid var(--lime); }.referral-limit span { font:500 9px var(--mono); }.referral-limit strong { grid-row:1/3; grid-column:2; font:500 19px var(--mono); }.referral-limit strong i { color:var(--orange); font-style:normal; }.referral-limit em { font:500 9px var(--mono); font-style:normal; }
.unit-pricing { display:grid; grid-template-columns:.7fr 1.3fr; gap:8vw; }.unit-pricing .section-heading { display:block; }.unit-pricing .section-heading h2 { margin-top:25px; }.source-label { display:flex; justify-content:space-between; align-items:center; padding:12px 16px; color:#fff; background:var(--ink); font:500 9px var(--mono); }.source-label span { color:var(--lime); }.token-table { border-top:1px solid var(--ink); }.table-head,.table-row { display:grid; grid-template-columns:1fr .7fr 1.4fr; gap:20px; align-items:center; padding:24px 18px; border-bottom:1px solid var(--ink); }.table-head { padding-top:12px; font:500 9px var(--mono); color:#777; }.table-row>span { display:flex; align-items:center; gap:14px; font-size:14px; }.table-row i { min-width:55px; padding:6px; text-align:center; color:#fff; background:var(--ink); font:400 8px var(--mono); font-style:normal; }.table-row strong { font:500 30px var(--mono); }.table-row p { font-size:12px; color:#686868; }.table-row.accent { background:var(--lime); }.table-row.accent i { background:var(--orange); }.table-row.accent p { color:var(--ink); }.official-specs { display:grid; grid-template-columns:repeat(3,1fr); margin-top:18px; border:1px solid var(--ink); }.official-specs span { display:flex; flex-direction:column; gap:4px; padding:14px 16px; border-right:1px solid var(--ink); font:400 9px var(--mono); }.official-specs span:last-child { border:0; }.official-specs b { font-size:16px; }.dark-note { color:#666; }.official-source { display:inline-block; margin-top:8px; padding-bottom:5px; border-bottom:1px solid var(--ink); font:500 10px var(--mono); }
.table-row strong { display:flex; flex-direction:column; font-size:27px; }.table-row strong small { margin-top:4px; color:#666; font-size:11px; }.table-row.accent strong small { color:#496500; }
.setup { background:#deddd6; }.steps { list-style:none; margin:80px 0 0; padding:0; border-top:1px solid var(--ink); }.steps li { display:grid; grid-template-columns:100px 1fr auto; align-items:center; gap:35px; padding:32px 20px; border-bottom:1px solid var(--ink); }.steps li>span { font:500 24px var(--mono); color:var(--orange); }.steps h3 { margin:0 0 8px; font-size:20px; }.steps p { margin:0; font-size:13px; color:#666; }.steps a { padding:8px 0; border-bottom:1px solid var(--ink); font:500 11px var(--mono); }.steps code { min-width:190px; padding:13px 16px; color:var(--lime); background:var(--ink); font:400 11px var(--mono); }
.clients { background:var(--paper); }.api-intro { display:grid; grid-template-columns:1fr auto; gap:50px; align-items:end; margin:65px 0 35px 180px; padding-top:25px; border-top:1px solid var(--ink); }.api-intro>p { max-width:760px; margin:0; color:#555; font-size:15px; line-height:1.9; }.protocol-pills { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:7px; }.protocol-pills span { padding:7px 10px; border:1px solid var(--ink); font:500 8px var(--mono); }.protocol-pills span:first-child { background:var(--lime); }.integration-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; }.integration-card { position:relative; padding:30px; border:1px solid var(--ink); }.codex-card { background:#e4e3dc; }.api-card { background:var(--lime); }.integration-head { display:grid; grid-template-columns:34px 1fr auto; gap:14px; align-items:center; padding-bottom:24px; border-bottom:1px solid var(--ink); }.integration-head>span { font:500 18px var(--mono); color:var(--orange); }.integration-head>div { display:flex; flex-direction:column; gap:3px; }.integration-head b { font-size:18px; }.integration-head small { color:#666; font-size:10px; }.integration-head em { padding:6px 8px; color:#fff; background:var(--ink); font:400 8px var(--mono); font-style:normal; }.integration-copy { min-height:68px; margin:22px 0; color:#555; font-size:12px; line-height:1.8; }.integration-copy code { padding:2px 4px; background:rgba(255,255,255,.7); font:400 10px var(--mono); }.code-window { margin-top:12px; border:1px solid var(--ink); background:#f8f7f1; }.code-window.dark-code { color:#e8e8e8; background:var(--ink); }.code-top { display:flex; justify-content:space-between; align-items:center; min-height:35px; padding:0 11px; border-bottom:1px solid var(--ink); font:400 8px var(--mono); }.dark-code .code-top { color:#999; border-color:#444; }.copy-button { padding:5px 8px; border:1px solid var(--ink); color:var(--ink); background:var(--lime); cursor:pointer; font:500 8px var(--mono); }.copy-button.copied { color:#fff; background:#438000; }.code-window pre { min-height:216px; margin:0; padding:18px; overflow:auto; font:400 10px/1.8 var(--mono); white-space:pre; }.code-window.compact pre { min-height:76px; }.dark-code pre { color:#ddd; }.compat-note { margin:16px 0; padding:14px 16px; border-left:4px solid var(--orange); background:var(--paper); }.compat-note b { font-size:11px; }.compat-note p { margin:5px 0 0; color:#666; font-size:10px; line-height:1.7; }.compat-note code { font-family:var(--mono); }.connection-fields { display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--ink); background:var(--paper); }.connection-fields>div { display:flex; flex-direction:column; gap:8px; min-width:0; padding:13px; border-right:1px solid var(--ink); border-bottom:1px solid var(--ink); }.connection-fields>div:first-child { grid-column:1/-1; border-right:0; }.connection-fields>div:last-child { border-right:0; }.connection-fields small { font:500 7px var(--mono); color:#777; }.connection-fields code { overflow:hidden; text-overflow:ellipsis; font:500 9px var(--mono); }.use-cases { display:flex; flex-wrap:wrap; gap:7px; margin:16px 0; }.use-cases span { padding:7px 9px; background:rgba(21,21,21,.08); font-size:9px; }.docs-link { display:inline-flex; gap:20px; margin-top:8px; padding-bottom:5px; border-bottom:1px solid var(--ink); font:500 9px var(--mono); }.endpoint-strip { display:grid; grid-template-columns:repeat(3,1fr); margin-top:22px; border:1px solid var(--ink); }.endpoint-strip>div { display:flex; flex-direction:column; gap:8px; padding:20px; border-right:1px solid var(--ink); }.endpoint-strip>div:last-child { border:0; }.endpoint-strip span { color:#777; font:400 8px var(--mono); }.endpoint-strip b { font-size:13px; }.endpoint-strip code { color:var(--orange); font:500 10px var(--mono); }
.bridge-flow { display:grid; grid-template-columns:1fr auto 1.15fr auto 1.25fr; gap:8px; align-items:center; margin:20px 0; }.bridge-flow>div { display:flex; flex-direction:column; gap:5px; min-height:62px; justify-content:center; padding:10px; border:1px solid var(--ink); background:var(--paper); }.bridge-flow>div.bridge { color:#fff; background:var(--ink); }.bridge-flow small { color:#777; font:400 7px var(--mono); }.bridge-flow b { font-size:10px; line-height:1.4; }.bridge-flow i { color:var(--orange); font:500 14px var(--mono); font-style:normal; }.bridge-steps { list-style:none; margin:0; padding:0; border-top:1px solid var(--ink); }.bridge-steps li { display:grid; grid-template-columns:25px 1fr; gap:10px; padding:11px 4px; border-bottom:1px solid #aaa; }.bridge-steps span { color:var(--orange); font:500 10px var(--mono); }.bridge-steps p { margin:0; color:#555; font-size:10px; line-height:1.7; }.bridge-steps code { padding:2px 4px; background:var(--paper); font:400 8px var(--mono); }.bridge-steps a { font-weight:700; text-decoration:underline; text-underline-offset:3px; }.third-party-note { margin:16px 0 24px; padding:14px 16px; color:#d8d8d8; background:var(--ink); }.third-party-note b { color:var(--lime); font:500 9px var(--mono); }.third-party-note p { margin:6px 0 0; color:#aaa; font-size:9px; line-height:1.7; }.direct-label { display:flex; justify-content:space-between; align-items:center; margin-top:30px; padding:12px 14px; border:1px solid var(--ink); background:var(--lime); }.direct-label span { font:400 8px var(--mono); }.direct-label b { font-size:11px; }.direct-copy { min-height:0; margin:15px 0; }.card-links { display:flex; flex-wrap:wrap; gap:20px; }
.faq { display:grid; grid-template-columns:.7fr 1.3fr; gap:8vw; }.faq .section-heading { display:block; }.faq .section-heading h2 { margin-top:25px; }.accordion { border-top:1px solid var(--ink); }.accordion details { border-bottom:1px solid var(--ink); }.accordion summary { list-style:none; cursor:pointer; display:flex; justify-content:space-between; align-items:center; padding:26px 0; font-size:15px; font-weight:700; }.accordion summary::-webkit-details-marker { display:none; }.accordion summary span { font:400 22px var(--mono); transition:transform .2s; }.accordion details[open] summary span { transform:rotate(45deg); }.accordion p { margin:0 50px 26px 0; color:#666; line-height:1.8; font-size:13px; }
.final-cta { position:relative; min-height:580px; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; overflow:hidden; background:var(--lime); border-top:1px solid var(--ink); }.final-cta h2 { font-size:clamp(68px,9vw,140px); margin:25px 0 38px; }.final-cta h2 span::after { height:.22em; bottom:.08em; background:var(--paper); }.final-cta p { position:relative; z-index:3; max-width:760px; margin:0 20px 34px; line-height:1.7; }.final-cta .primary { position:relative; z-index:3; box-shadow:6px 6px 0 var(--paper); }.cta-code { position:absolute; right:-60px; top:80px; padding:12px 60px; color:#fff; background:var(--orange); border:1px solid var(--ink); transform:rotate(12deg); font:500 11px var(--mono); }
footer { display:grid; grid-template-columns:2fr 1fr 1fr; gap:50px; padding:70px 8vw 30px; color:#ddd; background:var(--ink); }.footer-brand { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:12px; }.footer-brand b { font:500 13px var(--mono); }.footer-brand p { grid-column:1/-1; color:#777; font-size:12px; }.footer-links { display:flex; flex-direction:column; gap:12px; font-size:11px; }.footer-links b { margin-bottom:8px; color:#777; font:400 9px var(--mono); text-transform:uppercase; }.footer-links a:hover { color:var(--lime); }.footer-bottom { grid-column:1/-1; display:flex; justify-content:space-between; padding-top:25px; border-top:1px solid #333; color:#666; font:400 9px var(--mono); }.footer-bottom p { margin:0; }
.mobile-cta { display:none; }.reveal { opacity:1; transform:none; transition:opacity .7s ease,transform .7s ease; }.reveal-ready .reveal { opacity:0; transform:translateY(24px); }.reveal-ready .reveal.visible { opacity:1; transform:none; }.delay-1 { transition-delay:.12s; }.delay-2 { transition-delay:.24s; }
@media (max-width:900px) {
  .site-header { height:66px; } nav,.header-cta { display:none; }.menu-button { display:flex; flex-direction:column; gap:5px; padding:10px; }.menu-button span { display:block; width:24px; height:1px; background:var(--ink); }.site-header.menu-open nav { position:absolute; display:flex; flex-direction:column; inset:66px 0 auto; padding:28px 6vw; background:var(--paper); border-bottom:1px solid var(--ink); }
  .section-pad { padding:85px 6vw; }.hero { grid-template-columns:1fr; padding-top:65px; }.hero-visual { margin:20px 4vw 0; }.section-heading { grid-template-columns:1fr; gap:22px; }.feature-grid { grid-template-columns:1fr; }.feature { min-height:350px; border-right:0; border-bottom:1px solid var(--ink); }.pricing-layout,.unit-pricing,.faq { grid-template-columns:1fr; }.unit-pricing,.faq { gap:55px; }.api-intro { grid-template-columns:1fr; margin-left:0; }.protocol-pills { justify-content:flex-start; }.integration-grid { grid-template-columns:1fr; }.steps li { grid-template-columns:60px 1fr; }.steps li>a,.steps li>code { grid-column:2; justify-self:start; }.footer-bottom { flex-direction:column; gap:8px; }
}
@media (max-width:600px) {
  body { padding-bottom:67px; }.site-header { padding:0 5vw; }.brand { font-size:11px; }.hero { min-height:auto; padding-bottom:80px; }.eyebrow { font-size:9px; } h1 { font-size:56px; }.hero-lead { font-size:15px; }.hero-actions { align-items:flex-start; flex-direction:column; gap:25px; }.hero-visual { margin:15px 0 0; filter:none; }.terminal-body { min-height:460px; padding:18px; }.model-row { padding:12px 8px; }.terminal-stat b { font-size:47px; }.tag-one { right:-8px; }.tag-two { left:-8px; }.ticker { transform:none; }.section-heading h2 { font-size:43px; }.feature-grid,.pricing-layout { margin-top:55px; }.feature { padding:28px; }.price-card { padding:32px 24px; box-shadow:7px 7px 0 var(--lime); }.price>strong { font-size:90px; }.limit-row strong { font-size:24px; }.table-head,.table-row { grid-template-columns:1fr .8fr; }.table-head span:last-child,.table-row p { display:none; }.official-specs { grid-template-columns:1fr; }.official-specs span { border-right:0; border-bottom:1px solid var(--ink); }.integration-card { padding:20px 16px; }.integration-head { grid-template-columns:28px 1fr; }.integration-head em { grid-column:2; justify-self:start; }.integration-copy { min-height:0; }.code-window pre { font-size:9px; }.connection-fields { grid-template-columns:1fr; }.connection-fields>div,.connection-fields>div:first-child { grid-column:auto; border-right:0; }.endpoint-strip { grid-template-columns:1fr; }.endpoint-strip>div { border-right:0; border-bottom:1px solid var(--ink); }.source-label b { max-width:190px; text-align:right; line-height:1.5; }.steps { margin-top:55px; }.steps li { grid-template-columns:42px 1fr; gap:12px; padding:26px 5px; }.steps p { line-height:1.7; }.accordion summary { font-size:14px; gap:20px; }.final-cta { min-height:520px; }.final-cta h2 { font-size:64px; }.cta-code { display:none; } footer { grid-template-columns:1fr 1fr; padding:55px 6vw 30px; }.footer-brand { grid-column:1/-1; }.footer-bottom { grid-column:1/-1; }.mobile-cta { position:fixed; z-index:15; display:flex; align-items:center; justify-content:space-between; inset:auto 0 0; height:67px; padding:10px 5vw; color:#fff; background:var(--ink); border-top:1px solid #444; }.mobile-cta div { display:flex; flex-direction:column; }.mobile-cta small { color:#888; font:400 9px var(--mono); }.mobile-cta b { margin-top:3px; font-size:14px; }.mobile-cta a { padding:11px 14px; color:var(--ink); background:var(--lime); font:500 10px var(--mono); }
  .bridge-flow { grid-template-columns:1fr; }.bridge-flow i { text-align:center; transform:rotate(90deg); }.direct-label { align-items:flex-start; flex-direction:column; gap:5px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } .reveal { opacity:1; transform:none; } }