@font-face{font-family:Manrope;src:url('assets/fonts/Manrope.woff') format('woff');font-style:normal;font-weight:200 800;font-display:swap} :root{--bg:#080b0e;--panel:#10161b;--text:#eef1f2;--muted:#96a2ab;--faint:#62717d;--line:rgba(197,221,237,.15);--blue:#bedfeb;--blue-strong:#84c4e0;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace;--page:1200px;--gutter:clamp(22px,5vw,80px)} *,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.6 Manrope,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}a,button,summary{outline-offset:6px}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--blue-strong)}button::-moz-focus-inner{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.04;letter-spacing:-.055em;font-weight:600}h2{font-size:clamp(42px,5.1vw,68px)}h3{font-size:30px}p{color:var(--muted)}sup{font-size:.4em;vertical-align:super;line-height:0}svg{display:inline-block;width:24px;height:24px;flex-shrink:0;vertical-align:middle}img{max-width:100%;display:block}button{border:0;background:none}::selection{background:#bedfeb;color:#080b0e}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.shell{max-width:calc(var(--page) + var(--gutter)*2);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:120px}.eyebrow,.section-index{font:400 12px/1.6 var(--mono);letter-spacing:.13em}.eyebrow{color:var(--muted)}.section-index{display:flex;align-items:center;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid var(--line);color:var(--muted);margin-bottom:54px}.section-index svg{height:16px;width:16px;margin-left:8px}.section-lead{font-size:17px;line-height:1.85;max-width:460px}.button{min-height:54px;padding:15px 25px;display:inline-flex;gap:32px;align-items:center;justify-content:space-between;background:var(--text);color:#0b1115;font-size:13px;font-weight:700;letter-spacing:-.01em;border:1px solid var(--text);transition:background .2s,border-color .2s,transform .2s}.button:hover{background:var(--blue);border-color:var(--blue);transform:translateY(-2px)}.button svg{width:20px;height:20px;transition:transform .2s}.button:hover svg{transform:translate(2px,-2px)}.button-small{min-height:40px;padding:9px 15px;gap:22px;font-size:12px}.button-small svg{width:17px;height:17px}.button-full{width:100%}.text-link{font-size:12px;display:inline-flex;align-items:center;gap:12px;border-bottom:1px solid transparent;padding-block:8px;transition:color .2s,border-color .2s}.text-link:hover{color:var(--blue);border-color:var(--blue)}.tiny-play{font-size:12px;color:var(--blue)}.status-dot{display:inline-block;width:5px;height:5px;background:var(--blue-strong);border-radius:50%;box-shadow:0 0 10px #84c4e04d;margin-right:8px}.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:fixed;left:20px;top:-100px;padding:12px 20px;background:var(--text);color:var(--bg);z-index:1000}.skip-link:focus{top:12px} /* A compact, quiet navigation lets the launch image carry the first impression. */ .header{height:80px;position:absolute;inset:0 0 auto;z-index:50;border-bottom:1px solid var(--line);transition:background .3s}.header.scrolled{position:fixed;height:68px;background:rgba(8,11,14,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0}.brand svg{width:28px;height:28px;color:var(--blue)}.brand>span{font-size:17px;letter-spacing:.16em;font-weight:700}.nav-links{display:flex;align-items:center;gap:29px}.nav-links>a{font-size:12px;color:#bac2c7;position:relative;padding-block:24px;transition:color .2s}.nav-links>a::after{content:'';height:1px;background:var(--blue);position:absolute;left:0;right:0;bottom:15px;transform:scaleX(0);transform-origin:left;transition:transform .2s}.nav-links>a:hover,.nav-links>a.active{color:white}.nav-links>a:hover::after,.nav-links>a.active::after{transform:scaleX(1)}.nav-actions{display:flex;align-items:center;gap:23px}.signin{font-size:12px}.signin:hover{color:var(--blue)}.menu-toggle{display:none}.nav-links .mobile-signin{display:none} /* Full bleed character art, with all typography and interface rendered as real HTML. */ .hero{position:relative;min-height:790px;isolation:isolate;overflow:hidden}.hero-art{position:absolute;inset:0;z-index:-3;pointer-events:none}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center 40%}.hero-art::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,11,14,.58) 0%,rgba(8,11,14,.22) 37%,transparent 62%),linear-gradient(0deg,var(--bg),transparent 31%,transparent 85%,rgba(8,11,14,.15))}.hero-grid{position:absolute;inset:80px max(var(--gutter),calc((100vw - 1200px)/2)) 0;z-index:-1;border-inline:1px solid rgba(202,227,242,.04);pointer-events:none}.hero-inner{position:relative;padding-top:166px;min-height:790px;display:flex;flex-direction:column}.hero-copy{position:relative;z-index:2;max-width:720px}.hero-eyebrow{color:#b3c2cd;margin-bottom:27px;display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.17em}.line{display:inline-block;width:30px;height:1px;background:var(--blue)}.hero h1{font-size:clamp(70px,7.2vw,106px);letter-spacing:-.065em;line-height:1.015;font-weight:600}.hero h1>span{color:var(--blue)}.hero-lead{font-size:17px;color:#b5bdc3;line-height:1.75;max-width:480px;margin-top:30px}.hero-actions{display:flex;align-items:center;gap:29px;margin-top:31px}.hero-micro{font-size:12px;color:#909ba4;margin-top:15px}.hero-dialogue{position:absolute;right:var(--gutter);bottom:114px;width:350px;padding:18px 0 0 23px;border-left:1px solid rgba(184,218,238,.35);background:linear-gradient(90deg,rgba(8,11,14,.62),transparent)}.dialogue-top{display:flex;align-items:center;justify-content:space-between}.dialogue-top .eyebrow{font-size:12px;color:var(--blue)}.mini-wave{width:64px;height:20px;display:flex;align-items:center;justify-content:space-between;gap:2px}.mini-wave i{display:block;width:2px;height:var(--h);background:var(--blue);animation:voice-breathe 1.1s var(--delay) ease-in-out infinite alternate;transform-origin:center}.dialogue-user{font-size:12px;margin-top:20px;color:#a5b0b9}.dialogue-user>span{font:12px var(--mono);letter-spacing:.15em;margin-right:10px;color:#798994}.dialogue-reply{font-size:23px;line-height:1.42;font-weight:500;letter-spacing:-.035em;margin-top:8px;color:var(--text)}.dialogue-bottom{display:flex;justify-content:space-between;gap:10px;color:#82929d;font:12px/1.5 var(--mono);margin-top:19px}.hero-baseline{margin-top:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);height:83px;padding-top:20px;gap:20px;color:#94a1ab;font:12px var(--mono);letter-spacing:.04em}.hero-baseline strong{margin-left:11px;font:600 12px Manrope,Arial,sans-serif;color:#dce2e7;letter-spacing:.09em}.hero-baseline>a{display:flex;align-items:center;gap:22px}.hero-baseline>a span{font-size:18px;color:var(--blue)}.motion-toggle{display:flex;align-items:center;gap:6px;font:12px var(--mono);padding:9px 0;color:#929da6}.motion-toggle svg{height:13px;width:13px}.motion-toggle:hover{color:var(--text)} .proof{display:grid;grid-template-columns:repeat(3,1fr) 1.05fr;padding-top:46px;padding-bottom:51px;gap:25px}.proof-item{border-right:1px solid var(--line);padding-right:25px}.proof-number{display:block;font-size:56px;line-height:1.15;letter-spacing:-.08em;font-weight:500}.proof-number>span{font-size:.7em;letter-spacing:-.03em;margin-left:1px}.proof-number>small{font-size:.55em;margin-right:3px;font-weight:400}.proof-number sup{font-size:16px;color:var(--faint);vertical-align:top;position:relative;top:19px;margin-left:7px}.proof-label{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:12px;color:#b0bac2}.proof-label svg{width:14px;height:14px;color:var(--faint);transition:transform .2s,color .2s}.proof-item:hover .proof-label svg{color:var(--blue);transform:translate(2px,-2px)}.proof-note{font-size:12px;line-height:1.8;align-self:center;padding-left:10px}.proof-note a{display:inline-block;margin-top:8px;color:#c3cdd5;border-bottom:1px solid var(--line)} /* The listening room. */ .listen{padding-top:100px}.voice-headline{font-size:clamp(40px,5.1vw,72px);max-width:1100px;line-height:1.08}.voice-headline>span{font-size:.59em;color:#8996a0;display:block;margin-bottom:15px;letter-spacing:-.05em;line-height:1.22}.listen-intro{display:flex;justify-content:space-between;align-items:flex-end;margin-block:32px 40px;gap:40px}.listen-intro>p{font-size:14px;line-height:1.8}.character-brief{border-left:1px solid var(--line);padding:3px 0 3px 27px}.character-brief .eyebrow{font-size:12px;display:block;margin-bottom:7px}.character-brief strong{font-size:12px;font-weight:500}.audio-comparison{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.audio-card{position:relative;padding:34px 37px 29px;background:#0e1317;min-width:0}.audio-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.audio-heading .eyebrow{font-size:12px;color:#85949f}.audio-heading h3{font-size:32px;margin-top:15px;letter-spacing:-.045em;display:flex;align-items:center;gap:11px}.audio-heading h3 svg{height:27px;width:27px;color:var(--blue)}.audio-monogram{font:42px var(--mono);color:#29343d}.audio-card>p{font-size:12px;margin-top:13px}.genesis-audio{border-left:1px solid var(--line);background:radial-gradient(ellipse at 100% 0,rgba(110,171,205,.09),transparent 75%),#111a20}.genesis-audio .eyebrow{color:var(--blue)}.genesis-audio .audio-monogram{color:#30444f}.player{display:flex;align-items:center;gap:21px;margin-top:33px;min-width:0}.audio-play{width:48px;height:48px;border-radius:50%;border:1px solid #52616d;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s,color .2s,border .2s}.audio-play svg{width:20px;height:20px}.audio-play .pause-icon{display:none}.playing .audio-play .play-icon{display:none}.playing .audio-play .pause-icon{display:block}.audio-play:hover:not(:disabled){background:var(--text);color:var(--bg);border-color:var(--text)}.genesis-audio .audio-play{background:var(--blue);border-color:var(--blue);color:#10202a}.audio-card.unavailable .audio-play{background:transparent;border-color:#40515e;color:#728591}.audio-card.unavailable .audio-wave{opacity:.4}.audio-card.unavailable .audio-progress{cursor:default}.audio-track-wrap{flex:1;min-width:0}.audio-progress{position:relative;height:48px;padding-block:6px;cursor:ew-resize;touch-action:none;user-select:none;--progress:0%}.audio-wave{height:36px;display:flex;gap:3px;align-items:center;width:100%;mask-image:linear-gradient(#fff,#fff)}.audio-wave i{height:var(--h);display:block;flex:1;min-width:1px;background:#536471;transition:background .12s}.genesis-audio .audio-wave i{background:#54788e}.audio-wave i.passed{background:#ecf6fb}.audio-playhead{position:absolute;width:2px;height:40px;background:var(--text);left:var(--progress);top:4px;opacity:0;pointer-events:none}.playing .audio-playhead,.scrubbing .audio-playhead,.audio-progress:focus-visible .audio-playhead{opacity:1}.audio-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px;color:#85949f;font:12px/1.6 var(--mono)}.audio-status{min-height:13px}.audio-time{white-space:nowrap}.audio-caption{font-size:12px;text-align:center;margin-top:20px;color:#82909b} /* A photographic casting board with meaningful, quiet controls. */ .casting{background:linear-gradient(180deg,#0b1014,#0d141a);border-top:1px solid var(--line);padding-bottom:70px;overflow:hidden}.casting-intro{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;align-items:center;margin-bottom:53px}.casting-intro h2{margin-block:22px 24px}.casting-intro .section-lead{font-size:15px;max-width:460px}.casting-stat{justify-self:center;position:relative;padding-right:25px}.casting-stat>strong{font-size:195px;font-weight:500;letter-spacing:-.12em;line-height:1;color:var(--blue);display:block}.casting-stat>strong>span{font-size:.62em;letter-spacing:-.07em;position:relative;top:-6px;margin-left:3px}.casting-stat>span{display:block;margin-top:9px;font:12px var(--mono);letter-spacing:.12em;color:#c5d6e1}.casting-stat p{font-size:12px;margin-top:13px;color:#8093a1}.casting-board{border:1px solid #31414d;background:#090d10}.board-header{display:flex;align-items:center;justify-content:space-between;padding:20px 26px;border-bottom:1px solid var(--line);gap:18px}.board-header .eyebrow{color:var(--blue);font-size:12px}.board-instruction{font-size:12px;color:#8799a6}.board-instruction>span{margin-left:15px;color:var(--blue);font-size:18px}.age-cards{display:grid;grid-template-columns:repeat(3,1fr)}.age-card{position:relative;height:420px;overflow:hidden;text-align:left;padding:0;background:#080b0e;isolation:isolate;border-right:1px solid var(--line)}.age-card:last-child{border-right:0}.cast-image{position:absolute;inset:0;background-image:url('assets/character-cast.webp');background-size:300% auto;background-repeat:no-repeat;background-position-y:0;z-index:-2;filter:saturate(.5) brightness(.7);transform:scale(1.012);transition:filter .5s,transform .8s}.cast-young{background-position-x:0}.cast-middle{background-position-x:50%}.cast-older{background-position-x:100%}.age-card::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,11,14,.98),rgba(8,11,14,.1) 42%,transparent 60%);z-index:-1}.age-card::before{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;box-shadow:inset 0 -2px transparent;transition:box-shadow .3s}.age-card.selected::before{box-shadow:inset 0 -2px var(--blue)}.age-card.selected .cast-image,.age-card:hover .cast-image{filter:saturate(.85) brightness(.98);transform:scale(1.035)}.age-card:focus-visible{outline-offset:-6px;outline-width:2px;z-index:4}.cast-number{position:absolute;top:22px;left:25px;font:12px var(--mono);color:#9daeb9}.cast-label{position:absolute;left:27px;bottom:30px;right:25px}.cast-label>span{font-size:25px;letter-spacing:-.04em;display:block}.cast-label>small{font-size:12px;display:block;color:#9badba;margin-top:8px}.cast-selected{position:absolute;top:19px;right:25px;width:26px;height:26px;border:1px solid #667987;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:17px;opacity:0;transition:opacity .3s}.age-card.selected .cast-selected{opacity:1;color:var(--blue)}.casting-controls{padding:25px 28px 26px;border-bottom:1px solid var(--line)}.casting-controls>.eyebrow{font-size:12px;margin-bottom:16px}.accent-options{display:flex;gap:10px;flex-wrap:wrap}.accent-options button{border:1px solid #35434e;padding:9px 18px;font-size:12px;color:#aab7c1;transition:background .2s,color .2s,border .2s}.accent-options button:hover{border-color:#b1cedf;color:var(--text)}.accent-options button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:#0c1922}.casting-readout{display:flex;align-items:center;gap:27px;padding:24px 28px;min-height:100px}.casting-readout>div[aria-live]{flex:1}.casting-readout strong{display:block;font-size:13px;font-weight:500}.casting-readout p{font-size:12px;margin-top:5px;line-height:1.6;color:#8c9da8}.casting-readout>.eyebrow{font-size:12px;line-height:1.7;letter-spacing:.14em;color:#6f8595}.casting-signal{width:108px;height:38px;display:flex;gap:2px;align-items:center;flex-shrink:0}.casting-signal i{display:block;width:2px;height:var(--h);background:var(--blue-strong);opacity:.6;transition:height .4s}.casting-note{font-size:12px;line-height:1.7;margin-top:15px;color:#7f939f}.casting-principles{display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-top:28px;margin-top:44px}.casting-principles p{font-size:13px;color:#b6c3cd}.casting-principles p>span{font:12px var(--mono);color:#536878;margin-right:17px} /* A bright editorial interruption for the economic argument. */ .value{--text:#141e24;--muted:#515f66;--line:rgba(19,36,47,.18);background:#e4e8e5;color:var(--text)}.value a:focus-visible,.value button:focus-visible{outline-color:#275d77}.value .section-index{color:#57676f}.value-intro{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.value-intro h2{font-size:clamp(46px,5.5vw,77px);line-height:1.01}.value-intro h2>span{color:#738189}.value-explainer .eyebrow{color:#67777e;font-size:12px;margin-bottom:20px}.value-explainer>p:not(.eyebrow){font-size:20px;line-height:1.65;letter-spacing:-.035em;color:#39494f;max-width:440px}.plain-list{list-style:none;margin:28px 0 0;padding:0}.plain-list li{font-size:12px;padding-block:9px;display:flex;gap:11px;align-items:center;color:#4a5c65}.plain-list li::before{content:'↗';font-size:17px;color:#2e4656}.cost-comparison{margin-top:58px;display:grid;grid-template-columns:1.2fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cost-chart{padding:35px 50px 30px 0;border-right:1px solid var(--line)}.cost-chart-head{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:30px}.cost-chart-head h3{font-size:23px;line-height:1.2}.cost-chart-head .eyebrow{font-size:12px;letter-spacing:.07em;line-height:1.8;text-align:right;color:#61737d}.cost-row{margin-top:21px}.cost-row>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:15px;font-size:12px}.cost-row strong{font-weight:600}.cost-row>div>span{font-size:12px;color:#687881}.cost-track{height:18px;background:#d2d9d7;position:relative}.cost-bar{display:block;height:100%;position:absolute;left:0;top:0}.baseline{width:100%;background:#9caaa9}.genesis-cost{width:20%;background:#254d62}.cost-range{display:block;position:absolute;left:20%;width:13.333%;height:100%;background:repeating-linear-gradient(-45deg,#75929b,#75929b 2px,transparent 2px,transparent 5px);border-right:1px solid #254d62}.chart-note{font-size:12px;line-height:1.7;color:#66787e;margin-top:22px;max-width:460px}.cost-statement{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:30px 0 30px 65px}.cost-statement>.eyebrow{font-size:12px;letter-spacing:.07em;color:#61777e}.cost-statement>strong{font-size:116px;font-weight:500;letter-spacing:-.09em;line-height:1.35}.cost-statement>strong>span{font-size:.63em}.cost-statement sup{font-size:19px;margin-left:9px;position:relative;top:-20px;color:#61777e}.cost-statement>p{font-size:15px;line-height:1.6;letter-spacing:-.02em;color:#4b626d}.ten-dollar-reference{display:grid;grid-template-columns:1.2fr .8fr .8fr 1.3fr;gap:35px;margin-top:32px;align-items:center}.ten-dollar-reference .eyebrow{font-size:12px;letter-spacing:.05em;color:#6a7b84}.ten-dollar-reference h3{font-size:20px;margin-top:9px;letter-spacing:-.035em}.ten-dollar-reference strong{display:block;font-size:27px;line-height:1.3;font-weight:500;letter-spacing:-.04em}.ten-dollar-reference strong small{font-size:12px;font-weight:400}.ten-dollar-reference>div>span:not(.eyebrow){font-size:12px;color:#677a82;display:block;margin-top:7px}.ten-dollar-reference>p{font-size:12px;line-height:1.75;color:#677a82}.ten-dollar-reference>p>a{display:inline-block;margin-top:8px;text-decoration:underline;text-underline-offset:3px} /* An explicit illustration of conversational latency, not fabricated telemetry. */ .speed{display:grid;grid-template-columns:.88fr 1.12fr;gap:75px;align-items:center;padding-block:132px}.speed-copy h2{margin-block:22px 24px}.speed-copy .section-lead{font-size:14px;max-width:360px}.speed-claim{display:flex;align-items:center;gap:22px;margin-top:34px}.speed-claim>strong{font-size:51px;line-height:1;letter-spacing:-.055em;font-weight:500;color:var(--blue)}.speed-claim>span{font-size:12px;line-height:1.7}.latency-demo{border:1px solid var(--line);background:linear-gradient(155deg,#131c23,#0b1116);padding:25px 28px 23px;min-width:0}.demo-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.demo-heading>.eyebrow{font-size:12px;letter-spacing:.08em}.replay-button{display:flex;align-items:center;gap:7px;padding:6px 0;font-size:12px;color:var(--blue)}.replay-button svg{height:13px;width:13px}.demo-question{border-block:1px solid var(--line);margin-block:21px 30px;padding-block:20px;font-size:15px;letter-spacing:-.025em;color:#d2dce3}.demo-question>span{font:12px var(--mono);letter-spacing:.1em;color:#6f8798;display:block;margin-bottom:8px}.latency-lane+.latency-lane{margin-top:28px}.lane-label{display:flex;align-items:center;justify-content:space-between;gap:12px}.lane-label>strong{font-size:12px;display:flex;align-items:center;gap:7px;font-weight:500}.lane-label>strong svg{width:15px;height:15px;color:var(--blue)}.lane-status{font-size:12px;color:#8da4b3}.timeline{height:65px;margin-top:7px;display:flex;align-items:center;position:relative;border-inline:1px solid #293a47;padding-inline:6px}.wait-segment{width:32%;border-top:1px dashed #51626e}.reply-wave{display:flex;align-items:center;gap:3px;height:34px;width:68%;border-left:1px solid var(--blue);padding-left:5px;position:relative}.reply-wave i{height:var(--h);display:block;background:var(--blue);flex:1;opacity:.75}.reply-label{position:absolute;font:12px var(--mono);color:#7496ac;bottom:-7px;left:32%}.gemini-lane .wait-segment{width:64%}.gemini-lane .reply-wave{width:36%;border-left-color:#7c91a0}.gemini-lane .reply-wave i{background:#6f8594}.gemini-lane .reply-label{left:64%;white-space:nowrap;font-size:12px}.latency-legend{display:flex;align-items:center;gap:22px;margin-top:34px;font-size:12px;color:#7f94a3}.latency-legend>span{display:flex;align-items:center;gap:6px}.latency-legend i{width:12px;display:inline-block;border-top:1px dashed #718795}.latency-legend>span+span i{border-top:3px solid var(--blue)}.demo-note{font-size:12px;line-height:1.8;color:#728b9e;border-top:1px solid var(--line);padding-top:15px;margin-top:19px}.latency-demo.is-running .reply-wave,.latency-demo.is-running .reply-label{opacity:0;transition:opacity .2s}.latency-demo.is-running .lane-responding .reply-wave,.latency-demo.is-running .lane-responding .reply-label{opacity:1}.latency-demo.is-running .lane-responding .reply-wave i{animation:voice-breathe .6s var(--delay) ease-in-out infinite alternate} /* The routing illustration and persistent-key story share one visual system. */ .runtime{background:#0d1318;border-block:1px solid var(--line)}.runtime-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.runtime-intro h2>span{color:#7e95a5}.runtime-intro .section-lead{font-size:15px;max-width:400px}.routing-demo{margin-top:48px;border:1px solid #2c3d49;background:radial-gradient(ellipse at 45% 50%,rgba(73,128,164,.075),transparent 60%),#0a0f13;padding:21px 28px 15px}.routing-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.routing-head>.eyebrow{font-size:12px}.text-button{font-size:12px;color:var(--blue);display:inline-flex;align-items:center;gap:15px;padding:7px 0}.text-button svg{height:16px;width:16px}.text-button:hover{color:#fff}.route-circuit{position:relative;height:320px;isolation:isolate;--selected:#91c4e1}.route-lines{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible;fill:none;stroke:#293d4b;stroke-width:1;vector-effect:non-scaling-stroke}.route-input{stroke:#658ca5;stroke-dasharray:4 5}.route-path{transition:stroke .4s;stroke-dasharray:4 5}.path-primary{stroke:var(--selected)}.route-junction{fill:#688ca3;stroke:none}.path-avoided{stroke:#463e34;opacity:.7}.your-mod{position:absolute;left:5%;top:91px;width:125px;display:flex;align-items:center;flex-direction:column}.mod-icon{height:62px;width:62px;padding:15px;display:grid;grid-template-columns:1fr 1fr;gap:3px;border:1px solid #3a4d5b;background:#0b1218;transform:rotate(0)}.mod-icon i{background:#4a6477;display:block;border:1px solid #708492}.your-mod strong{font-size:12px;font-weight:500;margin-top:18px}.your-mod>span:last-child{font-size:12px;color:#6c8596;margin-top:5px}.genesis-core{position:absolute;left:calc(45.5% - 74px);top:79px;width:148px;text-align:center}.core-chip{width:94px;height:94px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#25445b,#111b25);border:1px solid #7299b3;box-shadow:0 0 0 7px #0b131a,0 0 0 8px #284256,0 0 70px #488bb220}.core-chip svg{width:48px;height:48px;color:#c7e7f7}.genesis-core>strong{font-size:12px;letter-spacing:.17em;display:block}.genesis-core>span{display:block;font-size:12px;color:#6f8aa0;margin-top:8px}.route-outputs{position:absolute;top:26px;right:0;bottom:25px;width:29%;display:flex;flex-direction:column;justify-content:space-between}.route-node{height:73px;background:#0d161e;border:1px solid #2c404f;display:flex;align-items:center;gap:11px;padding:12px 15px;transition:border .3s,background .3s}.route-node>i{width:4px;height:4px;background:#5a7487;border-radius:50%;flex-shrink:0}.route-node>div{flex:1;min-width:0}.route-node strong{font-size:12px;display:block;font-weight:500;white-space:nowrap}.route-node>div>span{display:block;font-size:12px;color:#708ba1;margin-top:4px;white-space:nowrap}.route-badge{font:12px var(--mono);color:#708598;flex-shrink:0}.primary-node{border-color:#608da9;background:#111f29}.primary-node>i{background:var(--blue)}.primary-badge{color:var(--blue)}.avoided-node{opacity:.65}.avoided-node>i{background:#bd986c}.route-summary{text-align:center;font-size:12px;color:#8ba6b8;padding:10px 0 8px;border-top:1px solid var(--line)}.rerouted .path-primary{stroke:#896f52}.rerouted .path-alternate{stroke:var(--selected)}.rerouted .primary-node{border-color:#5f4e3e;background:#171613}.rerouted .primary-node>i{background:#d8ad74}.rerouted .primary-badge{color:#caa578}.rerouted .alternate-node{border-color:#608da9;background:#111f29}.rerouted .alternate-node>i{background:var(--blue)}.rerouted .alternate-badge{color:var(--blue)}.evolution{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-top:65px;align-items:center}.evolution h3{font-size:33px;line-height:1.15;margin-block:18px}.evolution p:not(.eyebrow){font-size:12px;line-height:1.8;max-width:390px}.key-visual{display:inline-flex;align-items:center;gap:16px;border:1px solid var(--line);padding:15px 18px;margin-top:24px;background:#0a1015}.key-visual svg{width:17px;height:17px;color:var(--blue)}.key-visual code{font:12px var(--mono);letter-spacing:.1em;color:#a2b7c7}.key-visual>span{font:12px var(--mono);letter-spacing:.08em;color:#5d7b92;border-left:1px solid var(--line);padding-left:12px}.upgrade-list{list-style:none;margin:0;padding:0}.upgrade-list li{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:23px;border-bottom:1px solid var(--line);font-size:12px;color:#b2c2ce}.upgrade-list li:first-child{border-top:1px solid var(--line)}.upgrade-list strong{font:12px var(--mono);font-weight:400;color:#7398b0;display:flex;align-items:center;gap:20px;white-space:nowrap}.upgrade-list svg{height:14px;width:14px} /* Modes: relative priorities, with no made-up performance scores. */ .modes{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.modes-intro h2{margin-block:22px 25px}.modes-intro .section-lead{font-size:15px}.mode-console{background:#10171d;border:1px solid #344653;min-width:0}.mode-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);padding:6px;gap:3px;background:#0d1217}.mode-tabs button{font-size:12px;color:#8ba0af;padding:17px 4px;border:1px solid transparent;transition:background .25s,border .25s,color .25s}.mode-tabs button[aria-selected=true]{background:#243745;color:#e4eff7;border-color:#3e5d72}.mode-tabs button:hover:not([aria-selected=true]){color:var(--text);background:#17212a}#mode-panel{padding:33px 36px 27px}.mode-label{display:flex;align-items:center;justify-content:space-between;gap:15px}.mode-label>.eyebrow{font-size:12px;letter-spacing:.1em;color:var(--blue)}#mode-badge{font:12px var(--mono);color:#7791a3;letter-spacing:.05em}#mode-title{font-size:31px;margin-block:25px 15px}#mode-copy{font-size:12px;line-height:1.8;min-height:65px;max-width:380px}.priority-visual{position:relative;margin-block:35px 28px;--position:50%}.priority-ticks{height:36px;display:flex;align-items:flex-end;justify-content:space-between}.priority-ticks i{width:1px;height:12px;background:#354957;display:block}.priority-ticks i:nth-child(5n+1){height:22px;background:#536d81}.priority-marker{height:46px;position:absolute;bottom:30px;left:var(--position);transform:translateX(-50%);width:5px;background:var(--blue);box-shadow:0 0 20px #8ec2e544;transition:left .5s cubic-bezier(.22,.68,0,1.05)}.priority-marker i{position:absolute;border:4px solid transparent;border-top-color:var(--blue);left:-1.5px;top:-11px}.priority-labels{display:flex;justify-content:space-between;margin-top:13px;font:12px var(--mono);color:#728a9b;letter-spacing:.07em}.mode-console[data-active-mode=economy] .priority-visual{--position:10%}.mode-console[data-active-mode=fast] .priority-visual{--position:90%}.mode-footnote{font-size:12px;line-height:1.8;color:#758d9f;border-top:1px solid var(--line);padding-top:17px} /* An honest, compact comparison using a semantic table. */ .comparison{padding-top:30px;padding-bottom:120px}.comparison-intro{margin-bottom:45px}.comparison-intro h2{font-size:48px;line-height:1.14;margin-top:20px}.comparison-intro h2>span{color:#7f919e}.table-wrap{border-block:1px solid #33444f}table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px;text-align:left}th,td{padding:21px 26px;border-bottom:1px solid var(--line);font-weight:400;line-height:1.55}thead th{font-size:16px;letter-spacing:-.02em;padding-block:27px}thead th:first-child{font-size:12px;color:#8ca0ae}thead th svg{height:20px;width:20px;margin-right:8px;color:var(--blue)}tbody th{color:#b0c0cc;font-size:12px}td{color:#718998;font-size:12px}td:nth-child(3),th:nth-child(3){background:#101c25;color:#b7d2e4}thead th:nth-child(3){color:#e5f3ff}tbody tr:last-child th,tbody tr:last-child td{border-bottom:0} /* Credit purchase remains in the account app, with no invented checkout. */ .start{background:#121b22;border-block:1px solid #273c4d}.start-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:100px;align-items:center}.start-copy h2{margin-block:22px 23px;font-size:58px}.start-copy .section-lead{font-size:13px}.setup-steps{list-style:none;padding:0;margin:32px 0 0}.setup-steps li{display:flex;align-items:flex-start;gap:22px;padding-block:16px;position:relative}.setup-steps li:not(:last-child)::before{content:'';width:1px;background:#2c4557;position:absolute;top:41px;bottom:-10px;left:14px}.setup-steps li>span{width:29px;height:29px;border:1px solid #395369;display:flex;align-items:center;justify-content:center;flex-shrink:0;font:12px var(--mono);color:#8caec6}.setup-steps strong{font-size:12px;font-weight:500;color:#c8d9e6;display:block;margin-top:2px}.setup-steps p{font-size:12px;line-height:1.7;margin-top:7px;max-width:350px;color:#7f9db2}.credit-card{background:linear-gradient(140deg,#233a4b,#142330 57%,#172c3a);border:1px solid #4c718c;padding:33px 38px 27px;box-shadow:0 25px 90px #0003;position:relative;overflow:hidden}.credit-card::before{content:'';position:absolute;width:220px;height:220px;right:-140px;top:70px;transform:rotate(45deg);border:1px solid #46657d;box-shadow:0 0 0 13px #152330,0 0 0 14px #334e62;pointer-events:none}.credit-top{display:flex;align-items:center;gap:9px;margin-bottom:46px;position:relative}.credit-top svg{width:24px;height:24px;color:var(--blue)}.credit-top>.eyebrow{font-size:12px;color:#b5ccde}.credit-corner{margin-left:auto;font-size:22px;color:#7f9eb7}.credit-card>.eyebrow{font-size:12px;color:#94afc3}.price{display:flex;align-items:center;position:relative;margin-top:6px}.price>sup{font-size:38px;align-self:flex-start;margin-top:32px;line-height:1}.price>strong{font-size:110px;line-height:1.18;letter-spacing:-.08em;font-weight:500}.price>span{font:12px/1.8 var(--mono);margin-left:25px;color:#91aec2;letter-spacing:.07em}.credit-card>p{font-size:13px;line-height:1.7;margin-top:15px;color:#a4bbcd}.credit-card>ul{list-style:none;padding:0;margin:27px 0;border-block:1px solid #38536a;padding-block:18px}.credit-card li{font-size:12px;color:#a7c2d6;padding-block:5px;display:flex;align-items:center;gap:10px}.credit-card li svg{width:15px;height:15px;color:#95bed9}.credit-card .button{font-size:12px;padding-inline:18px;gap:10px;background:#cee2ef;border-color:#cee2ef}.credit-card .button:hover{background:#fff;border-color:#fff}.credit-signin{display:block;text-align:center;font-size:12px;color:#829fb5;margin-top:18px}.credit-signin>span{color:#c0d7e7;margin-left:3px} .faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;padding-block:110px}.faq-heading h2{font-size:41px;margin-top:24px}.faq-heading>.eyebrow{font-size:12px}.faq-items{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:25px;cursor:pointer;padding-block:24px;font-size:12px;color:#c1d1dd}summary::-webkit-details-marker{display:none}summary>span[aria-hidden="true"]{font-size:20px;line-height:1;color:#849eaf;font-weight:400;transition:transform .2s}details[open] summary>span[aria-hidden="true"]{transform:rotate(45deg)}details>p{font-size:12px;line-height:1.9;padding:0 25px 24px 0;color:#849eaf}details>p a{text-decoration:underline;text-underline-offset:3px;color:#b9d4e7} .closing{position:relative;overflow:hidden;text-align:center;border-top:1px solid var(--line);background:radial-gradient(ellipse at 50% 100%,#142c3d 0,transparent 70%),#090f14;isolation:isolate}.closing-inner{position:relative;padding-top:100px;padding-bottom:97px}.closing-inner>.eyebrow{font-size:12px;color:#8ea9be;letter-spacing:.15em}.closing h2{font-size:clamp(70px,8vw,114px);line-height:1;letter-spacing:-.065em;margin-top:27px}.closing h2>span{color:var(--blue)}.closing .button{margin-top:34px}.closing-inner>p:last-child{font-size:12px;color:#7897ad;margin-top:19px}.closing-wave{position:absolute;inset:0 -5%;display:flex;align-items:center;justify-content:space-between;gap:9px;opacity:.12;z-index:-1;mask-image:radial-gradient(ellipse at center,transparent 23%,#000 78%);pointer-events:none}.closing-wave i{height:var(--h);width:1px;flex:1;max-width:2px;background:linear-gradient(transparent,#74b7e2,transparent);display:block}.footer{padding-block:40px 25px;background:var(--bg)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:30px;border-bottom:1px solid var(--line)}.footer-top>.brand svg{width:22px;height:22px}.footer-top>.brand>span{font-size:14px}.footer-top>span{font-size:12px;color:#728896;margin-right:auto;margin-left:20px}.footer-top nav{display:flex;gap:24px;font-size:12px;color:#b4c4cf}.footer-top nav a:hover{color:var(--blue)}.benchmark-notes{margin-top:27px;font-size:12px;line-height:1.95;color:#667f91;scroll-margin-top:100px}.benchmark-notes p{color:inherit;max-width:1150px}.benchmark-notes strong{font-weight:500;color:#8aa3b5}.benchmark-notes p+p{margin-top:11px}.footer-bottom{margin-top:28px;padding-top:19px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font:12px var(--mono);color:#758da0} /* Progressive enhancement: text stays visible when JS or observers are unavailable. */ .reveal{opacity:1;transform:none}.motion-ready .reveal:not(.visible){opacity:0;transform:translateY(18px)}.motion-ready .reveal{transition:opacity .65s ease,transform .65s cubic-bezier(.2,.6,.2,1)}.motion-paused *, .motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}.motion-paused .reveal{opacity:1!important;transform:none!important}.motion-paused .cast-image,.motion-paused .priority-marker{transition:none!important}@keyframes voice-breathe{from{transform:scaleY(.45);opacity:.5}to{transform:scaleY(1);opacity:1}} .hero.is-offscreen .mini-wave i,.document-hidden *{animation-play-state:paused!important} @media(min-width:1600px){.hero-art img{object-position:center 38%}.hero{min-height:850px}.hero-inner{min-height:850px;padding-top:188px}.hero-dialogue{bottom:132px}.hero-copy{max-width:730px}} @media(max-width:1150px){:root{--gutter:40px}.nav-links{gap:20px}.nav-actions{gap:17px}.nav-actions>.signin{display:none}.brand>span{font-size:15px}.hero{min-height:740px}.hero-inner{min-height:740px;padding-top:157px}.hero h1{font-size:85px}.hero-dialogue{width:310px;bottom:110px}.dialogue-reply{font-size:20px}.dialogue-bottom{font-size:12px}.hero-copy{max-width:610px}.hero-lead{font-size:15px}.hero-art img{object-position:54% center}.proof{grid-template-columns:repeat(3,1fr);gap:28px;padding-block:37px}.proof-item:nth-child(3){border-right:0;padding-right:0}.proof-note{grid-column:1/-1;display:flex;gap:6px;justify-content:center;text-align:center;padding:0;font-size:12px}.proof-note br{display:none}.proof-note a{margin:0}.proof-number{font-size:51px}.section{padding-block:100px}.listen{padding-top:90px}.casting-stat>strong{font-size:170px}.age-card{height:370px}.cast-label{left:21px}.cast-label>span{font-size:23px}.cast-label>small{font-size:12px}.value-intro{gap:65px}.value-explainer>p:not(.eyebrow){font-size:17px}.cost-statement{padding-left:43px}.cost-statement>strong{font-size:102px}.ten-dollar-reference{gap:23px}.speed{gap:45px}.latency-demo{padding-inline:22px}.runtime-intro{gap:40px}.route-node{padding-inline:10px;gap:8px}.route-node strong{font-size:12px}.route-node>div>span{font-size:12px}.route-badge{font-size:12px}.evolution{gap:65px}.modes{gap:60px}.start-grid{gap:65px}.start-copy h2{font-size:51px}.credit-card{padding-inline:30px}.faq{gap:55px}.comparison{padding-top:25px}.footer-top>span{margin-left:0;font-size:12px}} @media(max-width:900px){:root{--gutter:30px}.header{height:72px}.brand>span{font-size:14px}.brand svg{width:25px;height:25px}.nav{gap:20px}.nav-links{gap:18px}.nav-links>a{font-size:12px}.button-small{font-size:12px;gap:15px;padding-inline:13px}.hero{min-height:730px}.hero-inner{min-height:730px;padding-top:155px}.hero h1{font-size:72px}.hero-copy{max-width:555px}.hero-art img{object-position:60% center}.hero-art::after{background:linear-gradient(90deg,rgba(8,11,14,.65),rgba(8,11,14,.3) 48%,transparent 76%),linear-gradient(0deg,var(--bg),transparent 47%)}.hero-dialogue{width:280px;bottom:106px}.dialogue-reply{font-size:18px}.dialogue-user{font-size:12px}.dialogue-bottom{flex-direction:column;gap:3px}.hero-baseline{font-size:12px}.hero-baseline strong{font-size:12px;margin-left:7px}.hero-baseline>a{gap:13px}.hero-micro{font-size:12px}.hero-actions{gap:23px}.hero .button{min-height:51px;font-size:12px;padding-inline:22px}.text-link{font-size:12px}.hero-lead{font-size:14px;max-width:340px}.voice-headline{font-size:53px}.listen-intro{gap:28px}.listen-intro>p{font-size:12px}.character-brief strong{font-size:12px}.audio-card{padding:27px 24px}.audio-heading .eyebrow{font-size:12px}.audio-heading h3{font-size:28px}.audio-heading h3 svg{width:23px;height:23px}.player{gap:13px}.audio-play{width:40px;height:40px}.audio-wave{gap:2px}.audio-meta{font-size:12px}.casting-intro{gap:35px}.casting-stat>strong{font-size:142px}.casting-stat>span{font-size:12px}.casting-intro h2{font-size:55px}.age-card{height:335px}.cast-label{left:19px;bottom:25px}.cast-label>span{font-size:21px}.cast-label>small{max-width:150px;line-height:1.5}.cast-number{left:20px}.casting-controls{padding-inline:23px}.accent-options{gap:8px}.accent-options button{padding:9px 14px;font-size:12px}.casting-readout{padding-inline:23px;gap:20px}.casting-readout>.eyebrow{display:none}.casting-principles p{font-size:12px}.casting-principles p>span{margin-right:9px}.value-intro{gap:45px}.value-intro h2{font-size:58px}.value-explainer>p:not(.eyebrow){font-size:16px}.plain-list li{font-size:12px}.cost-chart{padding-right:35px}.cost-chart-head{gap:20px}.cost-chart-head h3{font-size:21px}.cost-chart-head .eyebrow{font-size:12px}.cost-statement{padding-left:35px}.cost-statement>strong{font-size:86px}.cost-statement>.eyebrow{font-size:12px}.cost-statement>p{font-size:13px}.ten-dollar-reference{grid-template-columns:1fr 1fr 1fr;gap:25px}.ten-dollar-reference>p{grid-column:1/-1;font-size:12px;max-width:100%;margin-top:-5px}.ten-dollar-reference>p>a{margin-left:5px;margin-top:0}.speed{grid-template-columns:.9fr 1.1fr;gap:30px}.speed h2{font-size:51px}.speed-copy .section-lead{font-size:12px}.speed-claim{gap:15px}.speed-claim>strong{font-size:44px}.speed-claim>span{font-size:12px}.latency-demo{padding:20px 19px}.demo-heading>.eyebrow{font-size:12px}.replay-button{font-size:12px}.demo-question{font-size:13px}.lane-status{font-size:12px}.reply-label{font-size:12px}.gemini-lane .reply-label{font-size:12px;left:61%}.runtime-intro h2{font-size:55px}.runtime-intro .section-lead{font-size:13px}.routing-demo{padding-inline:20px}.route-circuit{height:300px}.route-lines{height:300px}.route-outputs{width:33%;top:20px;bottom:19px}.route-node{height:68px}.genesis-core{left:calc(43% - 65px);width:130px;top:76px}.core-chip{width:80px;height:80px}.core-chip svg{width:40px;height:40px}.your-mod{left:0;top:85px}.evolution{gap:45px}.evolution h3{font-size:28px}.evolution>.eyebrow{font-size:12px}.key-visual{gap:12px;padding:13px}.key-visual code{font-size:12px}.key-visual>span{font-size:12px;padding-left:9px}.upgrade-list li{font-size:12px}.upgrade-list strong{font-size:12px;gap:10px}.modes{gap:40px}.modes h2{font-size:55px}#mode-panel{padding:25px 27px}.mode-label{gap:10px}#mode-badge{font-size:12px}#mode-title{font-size:27px}#mode-copy{font-size:12px;min-height:65px}.comparison-intro h2{font-size:43px}.start-grid{gap:40px}.start-copy h2{font-size:45px}.credit-card{padding-inline:27px}.credit-card .button{font-size:12px;gap:8px;padding-inline:15px}.setup-steps{margin-top:24px}.setup-steps li{gap:16px}.setup-steps p{font-size:12px}.faq{grid-template-columns:.7fr 1.3fr;gap:40px}.faq-heading h2{font-size:36px}.faq-heading>.eyebrow{font-size:12px}.footer-top>span{display:none}} /* Mobile is composed independently: portrait, headline and proof all get room. */ @media(max-width:700px){:root{--gutter:24px}.section{padding-block:76px}html{scroll-padding-top:88px}.header,.header.scrolled{height:66px}.nav{gap:15px}.nav-actions{gap:15px}.brand svg{width:23px;height:23px}.brand>span{font-size:13px;letter-spacing:.13em}.brand{gap:9px}.nav-actions .button{font-size:12px;min-height:35px;padding:8px 11px;gap:11px}.nav-actions .button svg{height:14px;width:14px}.menu-toggle{display:flex;width:24px;height:35px;flex-direction:column;justify-content:center;gap:5px;padding:0}.menu-toggle span{display:block;width:22px;height:1px;background:#c0d4e2;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.nav-links{position:fixed;inset:66px 0 auto;padding:20px var(--gutter) 30px;display:none;background:#0c1319;border-bottom:1px solid #334b5e;box-shadow:0 25px 30px #0009}.nav-links.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.nav-links>a{font-size:20px;letter-spacing:-.03em;padding-block:18px;border-bottom:1px solid var(--line)}.nav-links>a::after{display:none}.nav-links .mobile-signin{display:flex;font-size:12px;justify-content:space-between;color:var(--blue);border:0;padding-bottom:0;margin-top:10px}.hero{min-height:870px}.hero-inner{min-height:870px;padding-top:126px}.hero-art{inset:245px -27% 52px -42%;height:auto}.hero-art img{object-fit:cover;object-position:65% 35%;height:100%;width:100%}.hero-art::after{background:linear-gradient(0deg,var(--bg),transparent 37%,transparent 73%,var(--bg)),linear-gradient(90deg,rgba(8,11,14,.85),transparent 42%,transparent)}.hero-grid{inset:66px var(--gutter) 0}.hero-copy{max-width:100%;z-index:1}.hero-eyebrow{font-size:12px;letter-spacing:.12em;margin-bottom:20px}.hero-eyebrow .line{width:23px}.hero h1{font-size:clamp(50px,10.7vw,72px);letter-spacing:-.06em;line-height:1.03}.hero-lead{font-size:13px;line-height:1.75;margin-top:20px;max-width:300px}.hero-actions{gap:24px;margin-top:25px}.hero .button{min-height:48px;padding:12px 19px;font-size:12px;gap:23px}.hero .text-link{font-size:12px;gap:10px}.hero-micro{font-size:12px;margin-top:12px}.hero-dialogue{right:var(--gutter);left:var(--gutter);bottom:100px;max-width:305px;width:auto;padding:14px 0 0 18px;background:linear-gradient(90deg,#080b0ec9,transparent)}.dialogue-top{max-width:257px}.dialogue-top .eyebrow{font-size:12px}.dialogue-user{font-size:12px;margin-top:13px}.dialogue-reply{font-size:22px;line-height:1.35}.dialogue-bottom{font-size:12px;margin-top:12px;gap:4px}.mini-wave{width:51px;height:15px}.hero-baseline{height:67px;padding-top:0;gap:15px;align-items:center}.hero-baseline>span{font-size:12px;line-height:1.6}.hero-baseline strong{display:block;margin-left:0;margin-top:3px;font-size:12px}.hero-baseline>a{display:none}.motion-toggle{font-size:12px}.proof{grid-template-columns:repeat(3,1fr);gap:15px;padding-block:31px 35px}.proof-item{padding-right:15px}.proof-number{font-size:40px;line-height:1.2}.proof-number sup{font-size:12px;top:12px;margin-left:4px}.proof-label{font-size:12px;line-height:1.7;margin-top:9px;max-width:110px;gap:7px;align-items:flex-end}.proof-label svg{width:12px;height:12px;display:none}.proof-note{font-size:12px;display:block;margin-top:9px;line-height:1.6}.proof-note a{display:block;margin:4px auto 0;width:fit-content}.section-index{font-size:12px;margin-bottom:35px;padding-bottom:18px;gap:20px}.section-index>span+span{font-size:12px;text-align:right;max-width:125px}.section-index svg{width:12px;height:12px;margin-left:4px}.listen{padding-top:48px}.voice-headline{font-size:41px;line-height:1.1}.voice-headline>span{font-size:24px;margin-bottom:19px;line-height:1.28;max-width:340px}.desktop-break{display:none}.listen-intro{display:block;margin-top:24px;margin-bottom:28px}.listen-intro>p{font-size:12px}.character-brief{margin-top:24px;padding:0 0 0 15px}.character-brief .eyebrow{font-size:12px}.character-brief strong{font-size:12px}.audio-comparison{grid-template-columns:1fr}.audio-card{padding:26px 24px 25px}.audio-heading .eyebrow{font-size:12px}.audio-heading h3{font-size:30px;margin-top:12px}.audio-monogram{font-size:37px}.audio-card>p{font-size:12px}.genesis-audio{border-left:0;border-top:1px solid var(--line)}.player{gap:18px;margin-top:25px}.audio-play{width:44px;height:44px}.audio-meta{font-size:12px}.audio-caption{font-size:12px;text-align:left;max-width:330px;line-height:1.8;margin-top:16px}.casting{padding-bottom:44px}.casting-intro{grid-template-columns:1fr;gap:24px;margin-bottom:31px;position:relative}.casting-intro .eyebrow{font-size:12px}.casting-intro h2{font-size:47px;line-height:1.04;margin-block:17px 20px;max-width:310px}.casting-intro .section-lead{font-size:12px;max-width:320px}.casting-stat{justify-self:start;padding:0;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr 1fr;column-gap:19px;align-items:end;margin-top:6px}.casting-stat>strong{grid-row:1/3;font-size:86px;line-height:1.1;letter-spacing:-.1em}.casting-stat>strong>span{top:-3px}.casting-stat>span{font-size:12px;margin:0 0 4px;line-height:1.6}.casting-stat p{font-size:12px;margin:0;align-self:start}.board-header{padding:15px 17px;gap:12px}.board-header .eyebrow{font-size:12px}.board-instruction{font-size:12px;max-width:125px;text-align:right;line-height:1.6}.board-instruction>span{display:none}.age-card{height:242px}.cast-image{background-size:300% auto;background-position-y:20px}.cast-number{top:16px;left:11px;font-size:12px}.cast-selected{right:9px;top:11px;width:20px;height:20px;font-size:12px}.cast-label{left:12px;right:9px;bottom:17px}.cast-label>span{font-size:15px;line-height:1.2;letter-spacing:-.05em}.cast-label>small{font-size:12px;line-height:1.6;margin-top:7px;max-width:90px}.age-card::after{background:linear-gradient(0deg,#080b0e 0%,#080b0e00 78%)}.casting-controls{padding:20px 16px}.casting-controls>.eyebrow{font-size:12px;letter-spacing:.05em;line-height:1.7;margin-bottom:13px}.accent-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.accent-options button{padding:9px 5px;font-size:12px;min-height:36px}.casting-readout{padding:19px 17px;gap:14px;align-items:flex-start}.casting-signal{width:36px;height:35px;gap:1px;overflow:hidden;padding-top:4px}.casting-signal i{min-width:1px;width:1px}.casting-signal i:nth-child(n+19){display:none}.casting-readout strong{font-size:12px}.casting-readout p{font-size:12px;margin-top:7px;line-height:1.7}.casting-note{font-size:12px;margin-top:12px;line-height:1.8}.casting-principles{flex-direction:column;margin-top:27px;padding-top:22px;gap:16px}.casting-principles p{font-size:12px;display:flex;gap:17px;align-items:center}.casting-principles p>span{font-size:12px;margin:0}.value-intro{grid-template-columns:1fr;gap:28px}.value-intro h2{font-size:56px;line-height:1.02}.value-explainer .eyebrow{font-size:12px;margin-bottom:13px}.value-explainer>p:not(.eyebrow){font-size:16px;max-width:350px}.plain-list{margin-top:19px}.plain-list li{font-size:12px;padding-block:7px}.cost-comparison{margin-top:34px;grid-template-columns:1fr}.cost-chart{border-right:0;padding:28px 0}.cost-chart-head{margin-bottom:25px}.cost-chart-head h3{font-size:24px}.cost-chart-head .eyebrow{font-size:12px}.cost-row>div:first-child{font-size:12px}.cost-row>div>span{font-size:12px}.chart-note{font-size:12px;margin-top:20px}.cost-statement{padding:25px 0 27px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:0 20px;align-items:center}.cost-statement>.eyebrow{grid-column:1/-1;font-size:12px;margin-bottom:7px}.cost-statement>strong{font-size:77px;line-height:1.35}.cost-statement>strong sup{font-size:13px;margin-left:6px;top:-12px}.cost-statement>p{font-size:12px;line-height:1.7}.ten-dollar-reference{grid-template-columns:1fr 1fr;gap:24px;margin-top:27px}.ten-dollar-reference>div:first-child{grid-column:1/-1}.ten-dollar-reference .eyebrow{font-size:12px}.ten-dollar-reference h3{font-size:22px}.ten-dollar-reference strong{font-size:28px}.ten-dollar-reference>p{font-size:12px;line-height:1.9}.ten-dollar-reference>p>a{margin-left:0;display:block;margin-top:6px}.speed{grid-template-columns:1fr;gap:35px;padding-block:76px}.speed-copy>.eyebrow{font-size:12px}.speed h2{font-size:51px;margin-block:17px 20px}.speed-copy .section-lead{font-size:13px;max-width:350px}.speed-claim{margin-top:25px;gap:20px}.speed-claim>strong{font-size:45px}.speed-claim>span{font-size:12px}.latency-demo{padding:24px 21px}.demo-heading>.eyebrow{font-size:12px;letter-spacing:.02em}.demo-question{font-size:14px}.lane-label>strong{font-size:12px}.lane-status{font-size:12px}.reply-label{font-size:12px}.gemini-lane .reply-label{left:61%;font-size:12px}.demo-note{font-size:12px}.runtime-intro{grid-template-columns:1fr;gap:24px}.runtime-intro h2{font-size:49px}.runtime-intro .section-lead{font-size:13px;max-width:340px}.routing-demo{margin-top:30px;padding:18px 16px 12px}.routing-head{align-items:flex-start;gap:18px}.routing-head>.eyebrow{font-size:12px;padding-top:8px}.text-button{font-size:12px;gap:9px;line-height:1.7}.text-button svg{width:13px;height:13px}.route-circuit{height:473px;margin-top:22px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:150px 1fr}.route-lines{display:none}.your-mod{left:3%;top:15px;width:110px}.mod-icon{width:55px;height:55px;padding:13px}.your-mod>strong{margin-top:14px;font-size:12px}.your-mod>span:last-child{font-size:12px}.genesis-core{top:15px;left:auto;right:5%;width:120px}.core-chip{width:65px;height:65px;margin-bottom:14px}.core-chip svg{width:33px;height:33px}.genesis-core>strong{font-size:12px}.genesis-core>span{font-size:12px}.your-mod::after{content:'';position:absolute;left:100%;top:27px;width:calc(100vw - 327px);min-width:20px;border-top:1px dashed #6a8ca5}.genesis-core::after{content:'';position:absolute;left:50%;top:126px;height:32px;border-left:1px dashed #64879f}.route-outputs{position:absolute;left:0;right:0;top:173px;bottom:5px;width:100%;gap:13px;justify-content:initial}.route-node{height:78px;padding:16px 20px;gap:12px}.route-node strong{font-size:12px}.route-node>div>span{font-size:12px;margin-top:5px}.route-node .route-badge{font-size:12px}.route-summary{font-size:12px;line-height:1.7;padding-block:12px 5px}.evolution{grid-template-columns:1fr;gap:31px;margin-top:46px}.evolution .eyebrow{font-size:12px}.evolution h3{font-size:31px;margin-block:17px}.evolution p:not(.eyebrow){font-size:12px;max-width:330px}.key-visual{margin-top:21px;padding:15px 16px;gap:13px}.key-visual code{font-size:12px}.key-visual>span{font-size:12px}.upgrade-list li{font-size:12px;padding-block:20px}.upgrade-list strong{font-size:12px;gap:16px}.modes{grid-template-columns:1fr;gap:32px}.modes h2{font-size:52px;margin-block:17px 18px}.modes-intro>.eyebrow{font-size:12px}.modes-intro .section-lead{font-size:13px}.mode-tabs button{padding-block:15px;font-size:12px}#mode-panel{padding:27px 24px}.mode-label>.eyebrow{font-size:12px}#mode-badge{font-size:12px}#mode-title{font-size:30px}#mode-copy{font-size:12px;min-height:64px}.mode-footnote{font-size:12px}.comparison{padding-top:12px;padding-bottom:70px}.comparison-intro{margin-bottom:29px}.comparison-intro>.eyebrow{font-size:12px}.comparison-intro h2{font-size:35px;line-height:1.18}.table-wrap{margin-inline:calc(-1 * var(--gutter));padding-inline:12px;border-top:0}.table-wrap table{font-size:12px}.table-wrap th,.table-wrap td{padding:16px 10px;overflow-wrap:break-word}.table-wrap thead th{font-size:13px;vertical-align:middle;padding-block:20px;border-top:1px solid var(--line)}.table-wrap thead th:first-child{font-size:12px}.table-wrap th:first-child{width:30%}.table-wrap th:nth-child(2){width:31%}.table-wrap th:nth-child(3){width:39%}.table-wrap thead th svg{height:15px;width:15px;margin-right:3px}.table-wrap tbody th,.table-wrap td{font-size:12px;line-height:1.7}.start-grid{grid-template-columns:1fr;gap:35px}.start-copy h2{font-size:45px;margin-block:17px 20px}.start-copy>.eyebrow{font-size:12px}.setup-steps{margin-top:24px}.setup-steps li{gap:18px}.setup-steps strong{font-size:12px}.setup-steps p{font-size:12px;max-width:310px}.credit-card{max-width:440px;width:100%;padding:29px 27px 25px;margin-inline:auto}.credit-top{margin-bottom:35px}.price>strong{font-size:102px}.price>span{font-size:12px}.credit-card>p{font-size:13px}.credit-card li{font-size:12px}.credit-card .button{font-size:12px;padding:15px 16px;min-height:52px}.credit-signin{font-size:12px}.faq{grid-template-columns:1fr;gap:30px;padding-block:76px}.faq-heading>.eyebrow{font-size:12px}.faq-heading h2{font-size:40px;margin-top:17px}summary{font-size:12px;padding-block:23px}details>p{font-size:12px}.closing-inner{padding-top:77px;padding-bottom:76px}.closing-inner>.eyebrow{font-size:12px;letter-spacing:.09em}.closing h2{font-size:64px;margin-top:24px}.closing .button{margin-top:28px;min-height:50px;font-size:12px;padding-inline:22px}.closing-inner>p:last-child{font-size:12px;margin-top:18px}.closing-wave{gap:5px;inset:0 -30%;opacity:.18}.footer{padding-top:30px}.footer-top{flex-wrap:wrap;gap:27px;padding-bottom:27px}.footer-top .brand>span{font-size:13px}.footer-top nav{margin-left:auto;gap:17px;font-size:12px}.benchmark-notes{font-size:12px;line-height:1.85;margin-top:24px}.footer-bottom{font-size:12px;margin-top:24px}} @media(max-width:380px){:root{--gutter:19px}.nav-actions{gap:12px}.brand>span{font-size:12px}.brand svg{width:21px;height:21px}.nav-actions .button{font-size:12px;gap:6px;padding-inline:9px}.hero h1{font-size:47px}.hero-eyebrow{font-size:12px}.hero{min-height:848px}.hero-inner{min-height:848px;padding-top:121px}.hero-actions{gap:19px}.hero .button{padding-inline:16px;font-size:12px;gap:20px}.hero .text-link{font-size:12px;gap:8px}.hero-lead{font-size:12px}.proof{gap:12px}.proof-item{padding-right:12px}.proof-number{font-size:36px}.proof-label{font-size:12px}.voice-headline{font-size:36px}.voice-headline>span{font-size:22px}.listen-intro>p{font-size:12px}.audio-card{padding-inline:20px}.audio-heading .eyebrow{font-size:12px}.audio-meta{font-size:12px}.casting-intro h2{font-size:42px}.board-header .eyebrow{font-size:12px}.board-instruction{font-size:12px;max-width:110px}.age-card{height:217px}.cast-label{left:9px;bottom:16px}.cast-label>span{font-size:13px}.cast-label>small{font-size:12px}.casting-controls{padding-inline:13px}.accent-options button{font-size:12px}.value-intro h2{font-size:49px}.cost-statement>strong{font-size:67px}.cost-statement>p{font-size:12px}.runtime-intro h2{font-size:44px}.genesis-core{right:0}.your-mod{left:-1%}.your-mod::after{min-width:24px;width:30px}.route-node{padding-inline:16px}.routing-head>.eyebrow{font-size:12px}.text-button{font-size:12px}.mode-tabs button{font-size:12px}#mode-panel{padding-inline:21px}#mode-badge{font-size:12px}.start-copy h2{font-size:41px}.credit-card{padding-inline:22px}.credit-card .button{font-size:12px}.closing h2{font-size:58px}.footer-top nav{gap:12px;font-size:12px}.footer-top .brand>span{font-size:12px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.motion-ready .reveal{opacity:1!important;transform:none!important}.button:hover{transform:none}.age-card.selected .cast-image,.age-card:hover .cast-image{transform:none}} @media(max-width:700px){.hero-art{top:300px}.runtime-intro h2{font-size:44px}} /* Final usability pass: readable at 100%, with detail available on demand. */ :root { --page: 1280px; --muted: #b3bfc8; --faint: #9aafbd; } body { font-size: 17px; } p { line-height: 1.7; } .section { padding-block: 88px; } .eyebrow, .section-index { font-size: 12px; letter-spacing: .09em; color: #aebfcb; } .section-index { margin-bottom: 36px; } .section-lead { font-size: 18px; line-height: 1.75; } .button { font-size: 16px; min-height: 56px; padding: 15px 25px; } .button-small { font-size: 14px; min-height: 44px; padding: 11px 17px; gap: 22px; } .text-link { font-size: 16px; font-weight: 500; min-height: 44px; } .text-link svg { height: 20px; width: 20px; } .header { height: 82px; } .header.scrolled { height: 72px; } .nav-links { gap: 29px; } .nav-links>a, .signin { font-size: 14px; color: #d0d9df; } .nav-links>a::after { bottom: 16px; } .nav-actions { gap: 24px; } .hero-eyebrow { font-size: 12px; color: #c4d6e0; } .hero-lead { font-size: 20px; max-width: 560px; line-height: 1.65; } .hero-actions { margin-top: 29px; gap: 30px; } .hero-micro { font-size: 14px; margin-top: 16px; color: #b6c3cc; } .hero-dialogue { width: 392px; padding-left: 24px; } .dialogue-top .eyebrow { font-size: 12px; } .dialogue-user { font-size: 14px; color: #becdd7; } .dialogue-user>span { font-size: 12px; color: #b4c7d4; } .dialogue-reply { font-size: 25px; } .dialogue-bottom { font-size: 12px; color: #b5c8d5; flex-direction: column; gap: 4px; margin-top: 16px; } .hero-baseline { height: 88px; font-size: 12px; color: #b3c4ce; } .hero-baseline strong { font-size: 14px; margin-left: 9px; } .motion-toggle { font-size: 12px; min-height: 44px; color: #b5c8d5; gap: 8px; } .motion-toggle svg { width: 16px; height: 16px; } .proof { gap: 28px; padding-block: 40px; } .proof-number { font-size: 60px; } .proof-label { font-size: 16px; color: #c1cfd8; line-height: 1.45; gap: 12px; } .proof-note { font-size: 13px; line-height: 1.7; padding-left: 4px; color: #a9bdcb; } .proof-note a { color: #d6e3ec; } .listen { padding-top: 70px; padding-bottom: 74px; } .voice-headline { font-size: clamp(44px,4.8vw,66px); } .voice-headline>span { color: #a1b4c2; } .listen-intro { margin-block: 28px 32px; } .listen-intro>p { font-size: 18px; max-width: 530px; } .character-brief .eyebrow { font-size: 12px; margin-bottom: 6px; } .character-brief strong { font-size: 16px; line-height: 1.5; } .audio-card { padding: 30px 34px 28px; } .audio-heading .eyebrow { font-size: 12px; color: #aabfcf; letter-spacing: .05em; } .genesis-audio .audio-heading .eyebrow { color: #c3e0ef; } .audio-heading h3 { margin-top: 13px; } .audio-card>p { font-size: 16px; color: #b2c4d0; } .player { gap: 22px; margin-top: 24px; } .audio-play { width: 54px; height: 54px; } .audio-play svg { width: 24px; height: 24px; } .audio-meta { font-size: 13px; line-height: 1.5; color: #b5c9d8; flex-wrap: wrap; } .audio-wave i { min-width: 0; } .voice-next { display: flex; justify-content: space-between; align-items: center; gap: 25px; margin-top: 24px; } .voice-next>p { font-size: 16px; color: #b7c7d3; } .voice-next .text-link { color: var(--blue); border-bottom-color: #4c687d; } .casting { padding-bottom: 62px; } .casting-intro { gap: 45px; margin-bottom: 36px; } .casting-intro .section-lead { font-size: 18px; max-width: 560px; } .casting-intro h2 { margin-block: 20px 22px; } .casting-stat>strong { font-size: 175px; } .casting-stat>span { font-size: 13px; letter-spacing: .06em; } .casting-stat p { font-size: 15px; color: #afc4d3; margin-top: 10px; } .board-header .eyebrow { font-size: 12px; } .board-instruction { font-size: 14px; color: #b3c7d5; } .cast-number { font-size: 12px; color: #b8cbd8; } .cast-label>small { font-size: 14px; line-height: 1.5; color: #b7ccda; max-width: 280px; } .casting-controls>.eyebrow { font-size: 12px; letter-spacing: .05em; } .accent-options { gap: 10px; } .accent-options button { font-size: 15px; padding: 10px 18px; min-height: 44px; color: #c5d5df; } .casting-readout strong { font-size: 17px; } .casting-readout p { font-size: 16px; color: #b2c7d6; margin-top: 7px; } .casting-note { font-size: 13px; color: #a5bdce; line-height: 1.6; } .value { --muted: #42545d; } .value .section-index, .value .eyebrow { color: #465f6a; } .value-intro { gap: 72px; } .value-intro h2 { font-size: clamp(48px,5.2vw,72px); } .value-intro h2>span { color: #526b77; } .value-explainer .eyebrow { font-size: 12px; margin-bottom: 16px; } .value-explainer>p:not(.eyebrow) { font-size: 21px; line-height: 1.65; max-width: 510px; } .plain-list { margin-top: 22px; } .plain-list li { font-size: 16px; padding-block: 8px; color: #3f5865; line-height: 1.5; } .cost-comparison { margin-top: 42px; } .cost-chart { padding-block: 31px; } .cost-chart-head h3 { font-size: 28px; } .cost-chart-head .eyebrow { font-size: 12px; letter-spacing: .025em; color: #405966; } .cost-row>div:first-child { font-size: 16px; } .cost-row>div>span { font-size: 14px; color: #425d6b; } .cost-track { height: 20px; } .chart-note { font-size: 13px; line-height: 1.65; color: #445e6b; max-width: 520px; } .cost-statement { padding-left: 48px; } .cost-statement>.eyebrow { font-size: 12px; letter-spacing: .05em; color: #465f6a; } .cost-statement>strong { font-size: 104px; } .cost-statement>p { font-size: 18px; color: #3e5968; } .value-next { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding-top: 23px; } .value-next>p { font-size: 17px; color: #243d4a; } .value-next .text-link { color: #234c64; } .comparison-details { border-top: 0; border-bottom: 1px solid var(--line); } .comparison-details>summary { font-size: 16px; color: #263f4d; padding-block: 23px; } .comparison-details>summary>span[aria-hidden="true"] { color: #355d75; } .comparison-details-content { padding-bottom: 26px; } .table-wrap { margin: 0; padding: 0; overflow-x: auto; border-block: 1px solid #81939a; } th, td { padding: 20px 22px; font-size: 16px; } thead th, .table-wrap thead th { font-size: 18px; padding-block: 23px; } thead th:first-child, .table-wrap thead th:first-child { font-size: 15px; color: #385261; } tbody th, .table-wrap tbody th { font-size: 15px; color: #263e4a; } td, .table-wrap td { font-size: 15px; color: #3e5764; } td:nth-child(3), th:nth-child(3) { background: #cadadf; color: #193f55; } thead th:nth-child(3) { color: #173d54; } thead th svg { color: #244f69; } .ten-dollar-reference { gap: 30px; margin-top: 30px; } .ten-dollar-reference .eyebrow { font-size: 12px; color: #405b69; letter-spacing: .025em; } .ten-dollar-reference h3 { font-size: 23px; line-height: 1.25; } .ten-dollar-reference strong { font-size: 30px; } .ten-dollar-reference strong small { font-size: 16px; } .ten-dollar-reference>div>span:not(.eyebrow) { font-size: 14px; color: #405b69; } .ten-dollar-reference>p { font-size: 14px; line-height: 1.65; color: #405b69; } .speed { padding-block: 84px; grid-template-columns: .9fr 1.1fr; gap: 65px; } .speed-copy .section-lead { font-size: 18px; max-width: 460px; } .speed-claim>strong { font-size: 56px; } .speed-claim>span { font-size: 16px; color: #b4cad9; } .latency-demo { padding: 25px 29px; } .demo-heading>.eyebrow { font-size: 12px; letter-spacing: .06em; } .replay-button { font-size: 14px; min-height: 44px; gap: 8px; } .replay-button svg { width: 16px; height: 16px; } .demo-question { font-size: 18px; padding-block: 18px; margin-block: 17px 27px; } .demo-question>span { font-size: 12px; color: #adc3d3; } .lane-label>strong { font-size: 16px; } .lane-label>strong svg { width: 20px; height: 20px; } .lane-status { font-size: 13px; color: #b2c7d6; } .timeline { height: 64px; } .reply-label, .gemini-lane .reply-label { font-size: 12px; color: #b6d3e7; bottom: -12px; } .latency-lane+.latency-lane { margin-top: 34px; } .latency-legend { font-size: 13px; color: #b5cad9; margin-top: 34px; } .demo-note { font-size: 13px; line-height: 1.6; color: #a9c1d2; } .start-grid { gap: 34px 70px; align-items: center; } .start-copy h2 { font-size: 57px; } .start-copy .section-lead { font-size: 18px; max-width: 530px; } .setup-steps { margin-top: 26px; } .setup-steps li { gap: 20px; padding-block: 16px; } .setup-steps li>span { width: 34px; height: 34px; font-size: 12px; color: #c3d8e7; } .setup-steps li:not(:last-child)::before { left: 16px; top: 49px; } .setup-steps strong { font-size: 18px; margin-top: 1px; } .setup-steps p { font-size: 16px; color: #b2c8d7; max-width: 420px; line-height: 1.65; } .credit-card { padding: 32px 36px 28px; } .credit-top { margin-bottom: 35px; } .credit-top>.eyebrow { font-size: 12px; letter-spacing: .075em; color: #c6dce9; } .credit-card>.eyebrow { font-size: 13px; color: #c2d8e7; } .price>span { font-size: 12px; letter-spacing: .05em; color: #c2d8e7; margin-left: 24px; } .credit-card>p { font-size: 18px; color: #bed3e2; line-height: 1.6; } .credit-card>ul { margin-block: 24px; padding-block: 16px; } .credit-card li { font-size: 15px; padding-block: 6px; color: #c5dceb; line-height: 1.55; } .credit-card li svg { width: 18px; height: 18px; } .credit-card .button { font-size: 17px; padding-inline: 22px; min-height: 56px; } .credit-card .checkout-note { text-align: center; font-size: 14px; color: #c2d5e3; margin-top: 13px; } .credit-signin { font-size: 14px; color: #c3d4e0; margin-top: 15px; line-height: 1.7; } .credit-signin>span { color: #eff7fc; } .mode-details { grid-column: 1 / -1; width: 100%; border-top: 1px solid #476378; border-bottom: 1px solid #476378; margin-top: 8px; } .mode-details>summary { font-size: 17px; padding-block: 22px; color: #d1e1ec; } .mode-details-body { display: grid; grid-template-columns: .75fr 1.25fr; gap: 50px; padding: 18px 0 32px; align-items: center; } .mode-details-intro { font-size: 18px; color: #b7cddb; line-height: 1.7; max-width: 410px; } .mode-tabs button { font-size: 16px; min-height: 54px; padding-block: 14px; color: #bbccd8; } #mode-panel { padding: 29px 32px 26px; } .mode-label>.eyebrow { font-size: 12px; } #mode-badge { font-size: 12px; color: #b4cbdc; letter-spacing: .025em; } #mode-title { font-size: 32px; margin-block: 23px 15px; } #mode-copy { font-size: 17px; min-height: 95px; max-width: 490px; line-height: 1.7; } .priority-visual { margin-block: 25px 22px; } .priority-labels { font-size: 12px; color: #b4cbdc; } .priority-marker { bottom: 35px; } .mode-footnote { font-size: 13px; line-height: 1.65; color: #adc5d6; } .runtime { background: #0b1218; } .runtime-intro { gap: 65px; } .runtime-intro .eyebrow { margin-bottom: 19px; } .runtime-intro h2 { font-size: 60px; } .runtime-intro h2>span { color: #a3bbcd; } .runtime-intro .section-lead { font-size: 18px; max-width: 430px; } .runtime-benefits { display: grid; grid-template-columns: repeat(3,1fr); gap: 42px; border-top: 1px solid var(--line); margin-top: 35px; padding-block: 30px; } .runtime-benefits h3 { font-size: 22px; line-height: 1.3; letter-spacing: -.025em; margin-bottom: 10px; } .runtime-benefits p { font-size: 16px; color: #b4c7d4; max-width: 350px; } .platform-details { border-block: 1px solid #334e62; } .platform-details>summary { font-size: 17px; color: #c4d9e8; padding-block: 22px; } .routing-demo { margin-top: 0; margin-bottom: 27px; padding: 22px 28px 16px; } .routing-head>.eyebrow { font-size: 12px; } .text-button { font-size: 14px; min-height: 44px; } .route-circuit { height: 320px; } .route-lines { height: 320px; } .your-mod { width: 155px; left: 4%; top: 129px; } .your-mod>strong { font-size: 16px; margin-top: 14px; } .your-mod>span:last-child { font-size: 13px; color: #b8cbd8; } .genesis-core { width: 180px; left: calc(45.5% - 90px); top: 108px; } .core-chip { width: 104px; height: 104px; margin-bottom: 17px; } .genesis-core>strong { font-size: 14px; } .genesis-core>span { font-size: 12px; color: #b4cada; } .route-outputs { width: 34%; top: 22px; bottom: 22px; } .route-node { height: 80px; padding: 14px 18px; gap: 12px; } .route-node strong { font-size: 16px; } .route-node>div>span { font-size: 13px; color: #b3c7d6; } .route-badge { font-size: 12px; color: #b7cedf; } .avoided-node { opacity: 1; background: #111519; } .route-summary { font-size: 14px; line-height: 1.6; padding-block: 14px 6px; color: #bdd3e2; } .faq { padding-block: 76px; gap: 65px; } .faq-heading>.eyebrow { font-size: 12px; } .faq-heading h2 { font-size: 43px; } summary { font-size: 17px; color: #d2e0e9; padding-block: 24px; } summary>span[aria-hidden="true"] { font-size: 26px; color: #b4ccdf; } details>p { font-size: 16px; line-height: 1.8; color: #afc5d5; padding-bottom: 24px; } .closing-inner { padding-block: 68px; } .closing h2 { font-size: clamp(64px,7vw,94px); margin-top: 0; } .closing-inner>p:last-child { font-size: 16px; color: #b4cddd; } .footer { padding-top: 34px; } .footer-top>span { font-size: 14px; color: #a9c0d1; } .footer-top nav { font-size: 14px; gap: 26px; } .benchmark-notes { font-size: 13px; border-top: 0; border-bottom: 1px solid var(--line); margin-top: 0; } .benchmark-notes>summary { font-size: 14px; color: #b6cbd9; padding-block: 22px; } .benchmark-content { padding-bottom: 22px; max-width: 1060px; } .benchmark-notes p { font-size: 13px; line-height: 1.85; color: #b3c8d7; } .benchmark-notes strong { color: #dfebf2; } .footer-bottom { font-size: 12px; color: #b4c9d9; border-top: 0; margin-top: 0; padding-top: 22px; } @media (max-width: 1150px) { .nav-links { gap: 22px; } .nav-links>a { font-size: 14px; } .hero h1 { font-size: 84px; } .hero-copy { max-width: 640px; } .hero-lead { max-width: 450px; font-size: 19px; } .hero-dialogue { width: 330px; bottom: 110px; } .dialogue-reply { font-size: 23px; } .proof-note { font-size: 13px; } .proof-note a { margin-left: 6px; } .casting-intro { grid-template-columns: 1.25fr .75fr; } .casting-stat>strong { font-size: 145px; } .casting-stat>span { max-width: 230px; line-height: 1.5; } .casting-intro h2 { font-size: 58px; } .value-intro { gap: 45px; } .value-explainer>p:not(.eyebrow) { font-size: 19px; } .cost-chart-head { align-items: flex-start; flex-direction: column; gap: 16px; } .cost-chart-head .eyebrow { text-align: left; } .cost-statement { padding-left: 38px; } .cost-statement>strong { font-size: 90px; } .speed { gap: 40px; } .speed-copy h2 { font-size: 57px; } .speed-copy .section-lead { font-size: 17px; } .lane-label { align-items: flex-start; flex-direction: column; gap: 7px; } .start-grid { gap: 30px 45px; } .start-copy h2 { font-size: 49px; } .credit-card { padding-inline: 28px; } .mode-details-body { gap: 35px; grid-template-columns: .7fr 1.3fr; } .runtime-intro { gap: 45px; } .runtime-intro h2 { font-size: 55px; } .runtime-benefits { gap: 27px; } .runtime-benefits h3 { font-size: 21px; } .route-node { padding-inline: 13px; gap: 9px; } .route-node strong { font-size: 15px; } .route-node>div>span { font-size: 12px; } } @media (max-width: 900px) { .header, .header.scrolled { height: 72px; } .nav-actions { gap: 20px; } .menu-toggle { display: flex; width: 30px; height: 44px; flex-direction: column; justify-content: center; gap: 5px; padding: 4px; } .menu-toggle span { display: block; width: 22px; height: 1px; background: #d2e4f1; transition: transform .2s; } .menu-toggle[aria-expanded=true] span:first-child { transform: translateY(3px) rotate(45deg); } .menu-toggle[aria-expanded=true] span:last-child { transform: translateY(-3px) rotate(-45deg); } .nav-links { position: fixed; inset: 72px 0 auto; padding: 18px var(--gutter) 27px; display: none; background: #0c1319; border-bottom: 1px solid #334b5e; box-shadow: 0 25px 30px #0009; } .nav-links.open { display: flex; flex-direction: column; align-items: stretch; gap: 0; } .nav-links>a { font-size: 21px; letter-spacing: -.025em; padding-block: 17px; border-bottom: 1px solid var(--line); } .nav-links>a::after { display: none; } .nav-links .mobile-signin { display: flex; justify-content: space-between; font-size: 16px; color: var(--blue); border: 0; margin-top: 10px; } .hero, .hero-inner { min-height: 780px; } .hero h1 { font-size: 72px; } .hero-lead { max-width: 380px; font-size: 18px; } .hero-dialogue { width: 290px; bottom: 107px; padding-left: 19px; } .dialogue-top .eyebrow { font-size: 12px; letter-spacing: .04em; } .mini-wave { width: 47px; } .dialogue-user { font-size: 13px; } .dialogue-reply { font-size: 22px; } .hero-baseline>span { font-size: 12px; } .hero-baseline strong { display: block; margin-left: 0; margin-top: 2px; font-size: 13px; } .hero .button { font-size: 15px; min-height: 54px; } .hero .text-link { font-size: 15px; } .proof-number { font-size: 54px; } .proof-label { font-size: 15px; } .listen-intro { gap: 24px; align-items: flex-start; } .listen-intro>p { font-size: 17px; max-width: 350px; } .character-brief { padding-left: 20px; max-width: 300px; } .character-brief strong { font-size: 15px; } .audio-card { padding: 27px 24px; } .audio-heading .eyebrow { font-size: 12px; letter-spacing: .025em; } .audio-card>p { font-size: 15px; } .player { gap: 15px; } .audio-play { width: 48px; height: 48px; } .audio-meta { font-size: 12px; } .casting-intro h2 { font-size: 52px; } .casting-intro .section-lead { font-size: 17px; } .casting-stat>strong { font-size: 128px; } .casting-stat>span { font-size: 12px; } .cast-label>small { font-size: 13px; } .accent-options button { padding-inline: 14px; font-size: 14px; } .casting-readout p { font-size: 15px; } .cost-statement { padding-left: 30px; } .cost-statement>strong { font-size: 79px; } .cost-statement>p { font-size: 17px; } .speed { grid-template-columns: 1fr; gap: 34px; } .speed-copy .section-lead { max-width: 600px; } .speed-copy h2 { font-size: 58px; } .speed-copy h2 br { display: none; } .lane-label { flex-direction: row; align-items: center; } .start-grid { gap: 30px 35px; } .start-copy h2 { font-size: 43px; } .start-copy .section-lead { font-size: 17px; } .setup-steps strong { font-size: 16px; } .setup-steps p { font-size: 15px; } .setup-steps li { gap: 14px; } .credit-card { padding-inline: 24px; } .credit-card>p { font-size: 17px; } .credit-card li { font-size: 14px; } .credit-card .button { font-size: 16px; } .price>strong { font-size: 94px; } .price>span { font-size: 12px; margin-left: 20px; } .credit-signin { font-size: 13px; } .mode-details-body { grid-template-columns: 1fr; gap: 24px; } .mode-details-intro { max-width: 650px; font-size: 17px; } .mode-console { width: 100%; } #mode-copy { max-width: 100%; min-height: 65px; } .runtime-intro { gap: 35px; } .runtime-intro h2 { font-size: 48px; } .runtime-intro .section-lead { font-size: 17px; } .runtime-benefits { gap: 26px; } .runtime-benefits h3 { font-size: 20px; } .runtime-benefits p { font-size: 15px; } .route-circuit { height: 494px; margin-top: 18px; } .route-lines { display: none; } .route-circuit::before { content: ''; position: absolute; left: calc(25% + 35px); right: calc(25% + 50px); top: 54px; border-top: 1px dashed #9ebbcf; } .your-mod { left: calc(25% - 75px); top: 22px; width: 150px; } .mod-icon { height: 64px; width: 64px; } .your-mod::after { display: none; } .genesis-core { left: calc(75% - 90px); right: auto; top: 9px; width: 180px; } .core-chip { width: 90px; height: 90px; } .genesis-core::after { content: ''; position: absolute; left: 50%; top: 159px; height: 31px; border-left: 1px dashed #9ebbcf; } .route-outputs { left: 0; right: 0; top: 199px; bottom: 15px; width: 100%; gap: 14px; } .route-node { height: 84px; flex: 0 0 84px; padding: 15px 20px; gap: 14px; } .route-node strong { font-size: 16px; } .route-node>div>span { font-size: 13px; } .route-badge { font-size: 12px; } .faq { gap: 38px; } .faq-heading>.eyebrow { font-size: 12px; line-height: 1.65; } .faq-heading h2 { font-size: 38px; } .footer-top>span { display: none; } } @media (max-width: 700px) { body { font-size: 16px; } .section { padding-block: 64px; } .section-index { font-size: 12px; margin-bottom: 28px; } .section-index>span+span { display: none; } .eyebrow { font-size: 12px; letter-spacing: .07em; } .button { font-size: 16px; min-height: 54px; } .text-link { font-size: 15px; } .header, .header.scrolled { height: 66px; } .nav-links { top: 66px; } .nav-actions { gap: 10px; } .nav-actions .button { font-size: 13px; min-height: 42px; padding: 10px 12px; gap: 12px; } .nav-actions .button svg { height: 17px; width: 17px; } .brand>span { font-size: 14px; } .brand svg { width: 24px; height: 24px; } .hero, .hero-inner { min-height: 1010px; } .hero-inner { padding-top: 120px; } .hero h1 { font-size: clamp(47px,10.7vw,72px); } .hero-eyebrow { font-size: 12px; letter-spacing: .065em; margin-bottom: 22px; } .hero-eyebrow .line { width: 20px; } .hero-lead { font-size: 17px; max-width: 390px; margin-top: 21px; line-height: 1.6; } .hero-actions { gap: 20px; flex-wrap: wrap; margin-top: 24px; } .hero .button { font-size: 15px; min-height: 54px; padding-inline: 20px; gap: 25px; } .hero .text-link { font-size: 14px; gap: 8px; } .hero-micro { font-size: 14px; line-height: 1.6; max-width: 320px; margin-top: 14px; } .hero-art { top: 376px; bottom: 72px; } .hero-art::after { background: linear-gradient(0deg,var(--bg),transparent 40%,transparent 72%,var(--bg)),linear-gradient(90deg,#080b0ed9,transparent 48%); } .hero-dialogue { left: var(--gutter); right: var(--gutter); bottom: 116px; max-width: 350px; width: auto; padding: 15px 0 0 18px; } .dialogue-top { max-width: 300px; } .dialogue-top .eyebrow { font-size: 12px; } .dialogue-user { font-size: 14px; margin-top: 14px; } .dialogue-reply { font-size: 25px; } .dialogue-bottom { font-size: 12px; margin-top: 14px; color: #c0d2de; } .hero-baseline { height: 87px; gap: 15px; } .hero-baseline>span { font-size: 12px; } .hero-baseline strong { font-size: 13px; letter-spacing: .025em; } .motion-toggle { font-size: 12px; gap: 6px; } .proof { gap: 14px; padding-block: 31px; } .proof-item { padding-right: 14px; } .proof-number { font-size: 43px; } .proof-label { font-size: 13px; line-height: 1.5; margin-top: 9px; max-width: 115px; } .proof-note { font-size: 12px; line-height: 1.6; margin-top: 9px; } .proof-note a { margin: 5px auto 0; } .listen { padding-top: 39px; } .voice-headline { font-size: 42px; line-height: 1.08; } .voice-headline>span { font-size: 24px; margin-bottom: 19px; } .listen-intro { margin-block: 24px 29px; } .listen-intro>p { font-size: 17px; max-width: 100%; } .character-brief { max-width: 100%; padding-left: 16px; margin-top: 22px; } .character-brief .eyebrow { font-size: 12px; } .character-brief strong { font-size: 16px; } .audio-card { padding: 27px 23px 25px; } .audio-heading .eyebrow { font-size: 12px; letter-spacing: .025em; } .audio-card>p { font-size: 16px; } .player { gap: 15px; } .audio-play { height: 50px; width: 50px; } .audio-meta { font-size: 12px; gap: 4px 10px; } .voice-next { display: block; margin-top: 21px; } .voice-next>p { font-size: 16px; } .voice-next .text-link { margin-top: 6px; } .casting { padding-bottom: 49px; } .casting-intro { grid-template-columns: 1fr; gap: 23px; margin-bottom: 28px; } .casting-intro .eyebrow { font-size: 12px; } .casting-intro h2 { font-size: 46px; margin-block: 18px 19px; max-width: 360px; } .casting-intro .section-lead { font-size: 17px; max-width: 400px; line-height: 1.7; } .casting-stat { column-gap: 22px; margin-top: 0; } .casting-stat>strong { font-size: 89px; } .casting-stat>span { font-size: 12px; max-width: 215px; } .casting-stat p { font-size: 14px; margin-top: 0; max-width: 215px; } .board-header { padding: 17px 16px; align-items: flex-start; } .board-header .eyebrow { font-size: 12px; letter-spacing: .02em; } .board-instruction { font-size: 12px; max-width: 120px; line-height: 1.5; } .age-card { height: 244px; } .cast-number { font-size: 12px; top: 14px; left: 11px; } .cast-label { left: 9px; right: 8px; bottom: 18px; } .cast-label>span { font-size: 16px; line-height: 1.3; letter-spacing: -.035em; } .cast-label>small { display: none; } .cast-selected { top: 12px; right: 9px; } .casting-controls { padding: 21px 16px; } .casting-controls>.eyebrow { font-size: 12px; line-height: 1.6; letter-spacing: .025em; } .accent-options { gap: 7px; } .accent-options button { font-size: 13px; padding: 9px 4px; min-height: 44px; } .casting-readout { padding: 20px 17px; gap: 15px; } .casting-signal { width: 27px; flex-shrink: 0; } .casting-readout strong { font-size: 16px; line-height: 1.4; } .casting-readout p { font-size: 15px; line-height: 1.65; } .casting-note { font-size: 12px; line-height: 1.7; } .value-intro { gap: 25px; } .value-intro h2 { font-size: 52px; } .value-explainer .eyebrow { font-size: 12px; } .value-explainer>p:not(.eyebrow) { font-size: 18px; max-width: 440px; } .plain-list li { font-size: 16px; padding-block: 8px; } .cost-comparison { margin-top: 27px; } .cost-chart { padding-block: 28px; } .cost-chart-head { flex-direction: row; align-items: center; gap: 22px; } .cost-chart-head h3 { font-size: 25px; } .cost-chart-head .eyebrow { font-size: 12px; max-width: 120px; text-align: right; line-height: 1.6; letter-spacing: 0; } .cost-row>div:first-child { font-size: 16px; } .cost-row>div>span { font-size: 13px; } .chart-note { font-size: 13px; line-height: 1.65; } .cost-statement { padding: 22px 0; gap: 0 20px; } .cost-statement>.eyebrow { font-size: 12px; line-height: 1.6; margin-bottom: 10px; } .cost-statement>strong { font-size: 76px; } .cost-statement>p { font-size: 16px; line-height: 1.65; } .comparison-details>summary { font-size: 16px; padding-block: 21px; gap: 25px; } .comparison-details-content { padding-bottom: 24px; } .table-wrap table { min-width: 570px; } .table-wrap th, .table-wrap td { padding: 16px 14px; } .table-wrap thead th { font-size: 17px; } .table-wrap thead th:first-child, .table-wrap tbody th, .table-wrap td { font-size: 14px; } .table-wrap th:first-child { width: 29%; } .table-wrap th:nth-child(2) { width: 30%; } .table-wrap th:nth-child(3) { width: 41%; } .ten-dollar-reference { gap: 24px; } .ten-dollar-reference .eyebrow { font-size: 12px; } .ten-dollar-reference h3 { font-size: 24px; } .ten-dollar-reference strong { font-size: 29px; } .ten-dollar-reference>div>span:not(.eyebrow) { font-size: 14px; } .ten-dollar-reference>p { font-size: 14px; line-height: 1.65; margin-top: 0; } .value-next { display: block; padding-top: 20px; } .value-next>p { font-size: 17px; } .value-next .text-link { margin-top: 8px; } .speed { padding-block: 64px; gap: 30px; } .speed-copy>.eyebrow { font-size: 12px; } .speed-copy h2 { font-size: 47px; } .speed-copy .section-lead { font-size: 17px; } .speed-claim { gap: 21px; margin-top: 25px; } .speed-claim>strong { font-size: 49px; } .speed-claim>span { font-size: 15px; } .latency-demo { padding: 20px 21px; } .demo-heading { gap: 18px; } .demo-heading>.eyebrow { font-size: 12px; letter-spacing: .025em; max-width: 200px; } .replay-button { font-size: 14px; white-space: nowrap; } .demo-question { font-size: 18px; margin-bottom: 25px; } .lane-label { align-items: flex-start; flex-direction: column; gap: 7px; } .lane-label>strong { font-size: 16px; } .lane-status { font-size: 13px; } .reply-label, .gemini-lane .reply-label { font-size: 12px; } .gemini-lane .reply-label { left: 62%; } .latency-legend { font-size: 13px; } .demo-note { font-size: 13px; line-height: 1.65; } .start-grid { grid-template-columns: 1fr; gap: 29px; } .start-copy>.eyebrow { font-size: 12px; } .start-copy h2 { font-size: 44px; } .start-copy .section-lead { font-size: 17px; } .setup-steps li { gap: 17px; } .setup-steps strong { font-size: 17px; } .setup-steps p { font-size: 16px; line-height: 1.6; } .credit-card { padding: 29px 27px 26px; max-width: 490px; } .credit-top>.eyebrow { font-size: 12px; letter-spacing: .025em; } .credit-top { margin-bottom: 31px; } .credit-card>.eyebrow { font-size: 13px; } .price>strong { font-size: 103px; } .price>span { font-size: 12px; margin-left: 23px; } .credit-card>p { font-size: 18px; } .credit-card li { font-size: 15px; } .credit-card .button { font-size: 17px; } .credit-card .checkout-note { font-size: 14px; } .credit-signin { font-size: 14px; } .mode-details { margin-top: 2px; } .mode-details>summary { font-size: 16px; gap: 22px; } .mode-details-body { display: block; padding-top: 6px; padding-bottom: 23px; } .mode-details-intro { font-size: 16px; margin-bottom: 23px; } .mode-tabs button { font-size: 14px; } #mode-panel { padding: 25px 21px 23px; } .mode-label { gap: 12px; flex-wrap: wrap; } #mode-badge { font-size: 12px; } #mode-title { font-size: 30px; } #mode-copy { font-size: 16px; min-height: 116px; } .priority-labels, .mode-label>.eyebrow { font-size: 12px; } .mode-footnote { font-size: 13px; } .runtime-intro { grid-template-columns: 1fr; gap: 23px; } .runtime-intro h2 { font-size: 44px; } .runtime-intro .section-lead { font-size: 17px; max-width: 440px; } .runtime-benefits { grid-template-columns: 1fr; gap: 26px; margin-top: 25px; padding-block: 27px; } .runtime-benefits h3 { font-size: 21px; margin-bottom: 6px; } .runtime-benefits p { font-size: 16px; max-width: 440px; } .platform-details>summary { font-size: 16px; line-height: 1.6; gap: 26px; } .routing-demo { padding: 16px 16px 12px; margin-bottom: 19px; } .routing-head { flex-direction: column; gap: 5px; } .routing-head>.eyebrow { font-size: 12px; padding: 0; } .text-button { font-size: 14px; } .your-mod>strong { font-size: 15px; } .your-mod>span:last-child { font-size: 12px; } .genesis-core>strong { font-size: 14px; } .genesis-core>span { font-size: 12px; max-width: 135px; margin-inline: auto; } .core-chip { width: 80px; height: 80px; margin-top: 5px; } .route-node { padding-inline: 16px; gap: 11px; } .route-node strong { font-size: 15px; } .route-node>div>span { font-size: 12px; } .route-node .route-badge { font-size: 12px; } .route-summary { font-size: 13px; } .faq { padding-block: 64px; gap: 27px; } .faq-heading>.eyebrow { font-size: 12px; } .faq-heading h2 { font-size: 40px; margin-top: 18px; } summary { font-size: 17px; line-height: 1.55; padding-block: 22px; } details>p { font-size: 16px; padding-right: 6px; } .closing-inner { padding-block: 59px; } .closing h2 { font-size: 63px; } .closing .button { font-size: 16px; min-height: 54px; } .closing-inner>p:last-child { font-size: 15px; max-width: 310px; margin-inline: auto; line-height: 1.7; } .footer-top { gap: 22px; align-items: flex-start; } .footer-top nav { font-size: 14px; gap: 22px; flex-wrap: wrap; margin-left: 0; } .footer-top .brand>span { font-size: 14px; } .benchmark-notes>summary { font-size: 14px; gap: 24px; } .benchmark-notes p { font-size: 13px; line-height: 1.8; } .footer-bottom { font-size: 12px; gap: 18px; line-height: 1.6; } } @media (max-width: 380px) { .nav { gap: 10px; } .brand { gap: 7px; } .brand>span { font-size: 12px; letter-spacing: .09em; } .brand svg { width: 21px; height: 21px; } .nav-actions { gap: 6px; } .nav-actions .button { font-size: 13px; padding-inline: 10px; gap: 8px; } .hero h1 { font-size: 45px; } .hero-actions { gap: 7px 17px; } .hero .button { font-size: 15px; padding-inline: 18px; gap: 20px; } .hero .text-link { font-size: 14px; } .hero-dialogue { padding-left: 15px; } .hero-baseline strong { font-size: 12px; } .proof { gap: 10px; } .proof-item { padding-right: 10px; } .proof-number { font-size: 37px; } .proof-label { font-size: 13px; } .voice-headline { font-size: 37px; } .voice-headline>span { font-size: 23px; } .audio-card { padding-inline: 19px; } .audio-play { width: 46px; height: 46px; } .audio-wave { gap: 2px; } .casting-intro h2 { font-size: 43px; } .casting-stat { column-gap: 17px; } .casting-stat>strong { font-size: 81px; } .casting-stat>span { max-width: 175px; } .board-header { flex-direction: column; gap: 6px; } .board-instruction { max-width: 100%; text-align: left; } .cast-selected { display: none; } .age-card { height: 224px; } .cast-label>span { font-size: 16px; } .casting-controls { padding-inline: 12px; } .accent-options { grid-template-columns: repeat(2,1fr); } .accent-options button { font-size: 14px; } .casting-readout { padding-inline: 14px; gap: 11px; } .casting-signal { display: none; } .value-intro h2 { font-size: 47px; } .cost-chart-head { flex-direction: column; align-items: flex-start; gap: 14px; } .cost-chart-head .eyebrow { text-align: left; max-width: 100%; } .cost-statement { grid-template-columns: 1fr; gap: 8px; } .cost-statement>strong { font-size: 85px; } .cost-statement>p { font-size: 17px; } .cost-statement>p br { display: none; } .speed-copy h2 { font-size: 44px; } .latency-demo { padding-inline: 18px; } .demo-heading>.eyebrow { max-width: 140px; } .start-copy h2 { font-size: 40px; } .credit-card { padding-inline: 22px; } .credit-top { gap: 8px; } .credit-top>.eyebrow { font-size: 12px; max-width: 170px; } .price>strong { font-size: 97px; } .price>span { margin-left: 20px; } .runtime-intro h2 { font-size: 40px; } .your-mod { width: 124px; left: calc(25% - 62px); } .genesis-core { width: 138px; left: calc(75% - 69px); } .genesis-core>span { font-size: 12px; max-width: 124px; } .route-node { padding-inline: 12px; gap: 9px; } .route-node strong { font-size: 14px; } .route-node>div>span { font-size: 12px; white-space: normal; } .closing h2 { font-size: 56px; } .footer-top nav { font-size: 14px; } } /* Keep both sides of the optional comparison readable on small screens. */ @media (max-width: 700px) { .table-wrap { overflow: visible; border-bottom: 0; } .table-wrap table { display: block; min-width: 0; width: 100%; } .table-wrap thead { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; } .table-wrap tbody { display: block; } .table-wrap tbody tr { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); margin-bottom: 19px; border-bottom: 1px solid #9caaaf; } .table-wrap tbody th:first-child { grid-column: 1 / -1; width: 100%; padding: 15px 12px 12px; border-bottom: 1px solid #b8c3c7; font-size: 16px; font-weight: 600; } .table-wrap td { display: block; width: auto; padding: 14px 12px 17px; border: 0; font-size: 14px; line-height: 1.7; } .table-wrap td::before { display: block; margin-bottom: 7px; font-size: 13px; font-weight: 700; } .table-wrap td:nth-child(2)::before { content: 'Gemini'; } .table-wrap td:nth-child(3)::before { content: 'Genesis'; } }