@font-face{font-family:Geist;src:url('/fonts/geist-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'Geist Mono';src:url('/fonts/geist-mono-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:light;--ink:#16181d;--muted:#646a75;--blue:#0866ff;--border:#e4e7ed;--mono:"Geist Mono",ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;font-family:Geist,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;font-synthesis:none;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:5px}p,h1,h2,h3{margin:0}button:disabled{cursor:default}a:hover{color:var(--blue)}[hidden]{display:none!important}.wrap{width:min(1320px,calc(100% - 96px));margin-inline:auto}.sr-only,.skip-link:not(:focus){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:focus{position:fixed;top:12px;left:12px;background:white;padding:16px;z-index:10}
.header{border-bottom:1px solid var(--border)}.nav{height:94px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font-size:25px;font-weight:740;letter-spacing:-1px}.brand img{object-fit:contain}.nav-links{display:flex;align-items:center;gap:36px;font-size:14px;font-weight:550;color:#515660}.nav-install{background:var(--ink);color:white;padding:12px 22px;border-radius:5px;display:flex;gap:24px}.nav-install:hover{background:var(--blue);color:white}
.hero{position:relative;display:grid;grid-template-columns:1fr 1.08fr;gap:60px;align-items:center;padding-block:110px 100px}.hero:before{content:"";position:absolute;inset:0 -30px;background-image:radial-gradient(#dce2ed .7px,transparent .7px);background-size:26px 26px;mask-image:linear-gradient(180deg,#0006,transparent 85%);pointer-events:none;z-index:-1}.eyebrow{font:600 11px/1.5 var(--mono);letter-spacing:2px;color:var(--blue);display:flex;gap:10px;align-items:center}.status-dot{width:6px;height:6px;background:var(--blue);border-radius:50%}h1{font-size:clamp(48px,5.3vw,76px);line-height:1.04;letter-spacing:-3.7px;font-weight:750;margin:27px 0}h1>span{color:var(--blue)}.hero-description{font-size:18px;line-height:1.8;color:var(--muted);max-width:455px}.hero-actions{display:flex;gap:12px;margin-top:33px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:17px 23px;font-size:14px;font-weight:600;border-radius:4px;transition:background .2s,color .2s}.primary{background:var(--ink);color:white}.primary:hover{background:var(--blue);color:white}.secondary{background:#f3f5f8}.secondary:hover{background:#e8eef9}.hero-note{font:11px/1.7 var(--mono);color:#757b86;margin-top:20px}
.features{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border);padding-block:38px 62px}.features article{padding:0 30px;border-left:1px solid var(--border)}.features article:first-child{border-left:0;padding-left:0}.features article:last-child{padding-right:0}.feature-number{font:10px/1.6 var(--mono);letter-spacing:1.3px;color:var(--blue)}.features h2{font-size:19px;letter-spacing:-.5px;margin:13px 0 10px;font-weight:650}.features p{font-size:13px;line-height:1.8;color:var(--muted);max-width:330px}
.install-section{background:#f8f9fc;border-block:1px solid var(--border);padding:80px 0 65px;scroll-margin-top:24px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:34px}.section-heading h2{font-size:32px;letter-spacing:-1.15px;font-weight:650;margin-top:15px}.text-link{font:11px/1.8 var(--mono);color:var(--muted);white-space:nowrap}.install-box{border:1px solid #dce1e9;background:#fff;border-radius:7px;overflow:hidden}.install-tabs{display:flex;gap:30px;align-items:center;padding:0 30px;border-bottom:1px solid var(--border);overflow:auto}.tab-label{font:11px var(--mono);letter-spacing:1px;color:#7b8290;margin-right:15px}.tab{background:none;border:0;border-bottom:2px solid transparent;padding:23px 0 21px;color:#666d79;font:12px var(--mono);white-space:nowrap}.tab.active{color:var(--blue);border-bottom-color:var(--blue);font-weight:600}.tab:hover{color:var(--blue)}.install-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;padding:45px}.platform{font:9px/1.6 var(--mono);color:var(--blue);letter-spacing:1px}.install-copy h3{font-size:29px;letter-spacing:-.9px;line-height:1.15;margin:15px 0}.install-copy>p{font-size:14px;line-height:1.8;color:var(--muted);max-width:315px}.install-copy .requirements{font-size:11px;margin-top:16px;color:#727986}.requirements a,.install-footnote a{text-decoration:underline;text-underline-offset:3px}.code-card{align-self:center;border:1px solid var(--border);border-radius:5px;background:#f8f9fc;min-width:0}.code-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 18px;border-bottom:1px solid var(--border);font:10px var(--mono);color:#7b8290}.copy-button{border:1px solid #d9dfeb;border-radius:3px;background:white;color:#5b6576;font:10px var(--mono);padding:6px 9px;min-width:110px}.copy-button:hover{color:var(--blue);border-color:var(--blue)}pre{margin:0;padding:23px;overflow-x:auto;font:12px/1.85 var(--mono);color:#202f4a;tab-size:2}.code-comment{color:#8a93a1}.code-note{display:flex;align-items:center;gap:9px;padding:12px 18px;border-top:1px solid var(--border);font:10px/1.5 var(--mono);color:#798291}.code-note>span{color:var(--blue)}.install-footnote{text-align:center;color:#737b88;font-size:11px;line-height:1.8;margin-top:24px}.footer{min-height:118px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer .brand{font-size:18px;letter-spacing:-.6px;gap:7px}.footer p,.footer>div{font-size:11px;color:#808794}.footer p a{color:#414b5b}.footer>div{display:flex;gap:22px}
@media(min-width:1500px){.hero{gap:85px;padding-block:125px 115px}.terminal-body{height:430px;padding:28px 32px}.equation-stage{height:100px}.equation-stage math{font-size:45px}.terminal{font-size:14px}.hero-description{font-size:20px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero{gap:32px;padding-block:75px}.hero h1{font-size:56px;letter-spacing:-2.6px}.hero-description{font-size:16px}.button{padding:15px 18px;gap:15px;font-size:12px}.terminal-body{padding:22px 20px;height:404px}.terminal{font-size:11px}.codex-welcome{padding:10px}.codex-welcome>span{display:none}.terminal-footer{font-size:8px}.install-panel{gap:30px;padding:35px}.section-heading h2{font-size:28px}.demo-caption{font-size:9px}.features article{padding-inline:20px}}
@media(max-width:800px){.hero{grid-template-columns:1fr;gap:30px;padding-block:60px}.hero-copy{max-width:570px}.hero h1{font-size:64px}.hero h1 br:nth-of-type(2){display:none}.hero-description{max-width:480px}.demo-area{max-width:600px;width:100%;margin:0 auto;padding-top:12px}.terminal-body{height:410px;padding:25px 28px}.codex-welcome{max-width:390px}.codex-welcome>span{display:block}.features{padding-block:30px 40px}.features h2{font-size:17px}.features p{font-size:12px}.section-heading{align-items:flex-start;flex-direction:column;gap:14px}.install-panel{grid-template-columns:1fr;gap:25px}.install-copy h3 br{display:none}.install-copy>p{max-width:100%}.install-copy .requirements{margin-top:7px}.install-section{padding-block:55px}.footer{flex-wrap:wrap;padding-block:28px}}
@media(max-width:500px){.wrap{width:calc(100% - 40px)}.nav{height:76px}.brand{font-size:22px;gap:6px}.brand img{width:35px;height:35px}.nav-links{gap:18px;font-size:12px}.nav-install{padding:10px 13px;gap:10px}.hero{padding-top:48px}.hero:before{inset:0}.hero h1{font-size:51px;letter-spacing:-2.6px}.eyebrow{font-size:9px;letter-spacing:1.5px}.hero-description{font-size:16px;line-height:1.75}.hero-actions{gap:10px;margin-top:27px}.hero-note{font-size:9px}.terminal-body{padding:20px 16px;height:410px}.codex-welcome>span{display:none}.question-line{font-size:11px}.answer{font-size:11px}.equation-stage math{font-size:37px}.explanation{font-size:9px}.terminal-bar{padding:13px 14px;font-size:10px}.demo-area:before{inset:-20px 0}.demo-caption{font-size:8px;gap:5px}.features{grid-template-columns:1fr;gap:25px}.features article,.features article:first-child,.features article:last-child{border-left:0;padding:0}.features article+article{border-top:1px solid var(--border);padding-top:25px}.features h2{font-size:20px;margin-top:9px}.features p{font-size:13px;max-width:none}.section-heading h2{font-size:29px;line-height:1.2}.install-tabs{gap:24px;padding:0 20px}.tab-label{display:none}.tab{font-size:11px}.install-panel{padding:26px 20px}.install-copy h3{font-size:26px}.code-header{padding:11px 13px}pre{padding:18px 14px;font-size:10px}.code-note{padding:12px;font-size:9px}.install-footnote{text-align:left}.footer{gap:18px}.footer p{order:3;width:100%}.footer>div{font-size:10px;gap:15px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}


/* Match the reference site's Geist typography and responsive heading scale. */
.nav{height:64px}.brand{font-size:23px;font-weight:700}.brand img{width:34px;height:34px}.nav-install{padding:9px 18px}.nav-links{font-size:14px}
.hero h1{font-size:32px;font-weight:700;line-height:1.04;letter-spacing:-.04em}.hero h1>span{color:var(--ink)}
.hero-description{font-size:16px;line-height:28px;font-weight:400}.eyebrow{font-family:Geist,sans-serif;font-size:11px;font-weight:600;letter-spacing:.2em}
@media(min-width:375px){.hero h1{font-size:36px}}
@media(min-width:640px){.hero h1{font-size:48px}}
@media(min-width:768px){.hero-description{font-size:18px;line-height:32px}}
@media(min-width:1280px){.hero h1{font-size:60px}}
@media(min-width:801px){.hero-copy{transform:translateY(-24px)}}
@media(max-width:500px){.nav{height:60px}.brand{font-size:21px}.nav-links{gap:18px;font-size:12px}.nav-install{padding:8px 12px}}

/* Site-wide color themes; the first visit follows the system preference. */
.theme-toggle{display:grid;place-items:center;width:30px;height:30px;padding:3px;border:0;background:transparent;color:var(--muted)}
.theme-toggle svg{width:22px;height:22px;grid-area:1/1}
.theme-toggle .sun-icon{display:none}
[data-theme=dark]{color-scheme:dark;--ink:#f0f2f6;--muted:#a6adbb;--blue:#75a7ff;--border:#303641;background:#11141a}
[data-theme=dark] .moon-icon{display:none}[data-theme=dark] .sun-icon{display:block}
[data-theme=dark] .nav-links{color:#b9c0cc}
[data-theme=dark] .primary,[data-theme=dark] .nav-install{color:#11141a}
[data-theme=dark] .secondary{background:#252b36}
[data-theme=dark] .secondary:hover{background:#343f53}
[data-theme=dark] .install-section,[data-theme=dark] .code-card{background:#171c24}
[data-theme=dark] .install-box{background:#1c222c;border-color:var(--border)}
[data-theme=dark] .copy-button{background:#252b36;border-color:#444e60;color:#c5cedd}
[data-theme=dark] pre{color:#e1e9f8}
[data-theme=dark] .tab,[data-theme=dark] .tab-label,[data-theme=dark] .code-header,[data-theme=dark] .code-note,[data-theme=dark] .code-comment,[data-theme=dark] .requirements,[data-theme=dark] .install-footnote,[data-theme=dark] .footer p,[data-theme=dark] .footer>div{color:var(--muted)}
[data-theme=dark] .tab.active{color:var(--blue)}
[data-theme=dark] .footer p a{color:#d1dbeb}
[data-theme=dark] .hero:before{background-image:radial-gradient(#687990 .7px,transparent .7px)}
[data-theme=dark] .demo-area:before{background:radial-gradient(ellipse,#1c2b44,transparent 65%)}
[data-theme=dark] .skip-link:focus{background:#252b36}
@media(max-width:500px){.nav-links{gap:12px}.theme-toggle{width:26px}}