*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;background:#0b0d10;color:#edf0ed;font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button,a.button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #c6ddad;outline-offset:5px}.skip{position:absolute;top:-100px}.skip:focus{top:8px;background:#222;padding:12px;z-index:3}header,footer{max-width:1160px;margin:auto;padding:30px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}header nav,footer div{display:flex;gap:26px}header nav a,footer a{text-decoration:none;color:#b7bdbc;font-size:14px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:23px;letter-spacing:-1px;font-weight:650}.brandmark{width:28px;height:19px;background:#d3e3c0;border-radius:2px 2px 10px 10px;display:block}.brandmark:after{content:"";display:block;width:10px;height:5px;background:#0b0d10;margin:0 auto;border-radius:0 0 4px 4px}main{max-width:1096px;margin:auto;padding:36px 32px 90px;min-height:72vh}footer{border-top:1px solid #24282c;color:#858e92;font-size:13px}h1,h2,h3,p{margin:0}h1{font-size:clamp(42px,6vw,76px);line-height:1.08;letter-spacing:-.055em;font-weight:600}h2{font-size:30px;line-height:1.25;letter-spacing:-1px}h3{font-size:18px;letter-spacing:-.3px}p+p{margin-top:14px}.muted,.lead{color:#a4aeae}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:#c7d4bd;margin-bottom:24px}.hero{text-align:center;padding:48px 0 30px}.hero .lead{max-width:545px;margin:24px auto;font-size:18px}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:24px}.hero .actions{justify-content:center}.button,button{border:1px solid #343b3a;border-radius:11px;padding:12px 20px;background:#1a201f;color:#eee;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:8px;font-weight:550;transition:background .15s,transform .15s}.primary{background:#d1e2bf;color:#152013;border-color:#d1e2bf}.primary:hover{background:#e0eccf}.secondary:hover,button:not(.primary):not(.product-video-toggle):hover{background:#272e2d}.small{font-size:13px;color:#8f9998;margin-top:14px}.desktop{max-width:790px;height:340px;margin:42px auto 0;border:1px solid #414948;border-radius:22px;background:radial-gradient(ellipse at 20% 80%,#506356 0,transparent 60%),radial-gradient(ellipse at 95% 65%,#545360 0,transparent 65%),#202c2f;box-shadow:0 35px 70px #0006;position:relative;overflow:hidden}.menubar{height:25px;background:#ffffff0d;text-align:left;font-size:11px;padding:3px 16px;color:#d9dfdf}.notch{width:440px;max-width:90%;margin:-25px auto 0;position:relative;background:#090a0c;border-radius:0 0 26px 26px;box-shadow:0 10px 40px #0007;text-align:left}.notch-head{display:flex;justify-content:space-between;padding:10px 23px;font-size:12px;color:#b7c5d5;border-bottom:1px solid #202325}.status{color:#d8b677}.notch-content{padding:23px}.notch-label{font-size:11px;color:#89918e;margin-bottom:14px;text-transform:uppercase;letter-spacing:1.5px}.agent-row{display:flex;align-items:center;gap:13px;padding:15px 0}.agent-row+.agent-row{border-top:1px solid #202427}.agent-icon{width:32px;height:32px;display:grid;place-items:center;border:1px solid #4e493f;border-radius:10px;color:#d0aa87;font-size:21px}.agent-icon.codex{color:#c4d2d0;border-color:#384542;font-size:16px}.agent-row strong{font-size:14px;display:block}.agent-row small{font-size:11px;display:block;color:#82908c}.agent-row .state{margin-left:auto;color:#b5c4ad;font-size:11px}.screen-caption{position:absolute;bottom:14px;text-align:center;width:100%;font-size:11px;color:#e0e6e4}.pulse{animation:pulse 2.8s ease-in-out infinite}@keyframes pulse{50%{opacity:.45}}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin:60px 0}.grid p{color:#a0aaa8;font-size:14px;margin-top:10px}.panel{border:1px solid #2c3432;background:linear-gradient(140deg,#171d1a,#101416);border-radius:22px;padding:32px}.pricing{display:flex;justify-content:space-between;align-items:center;gap:32px}.pricing .lead{margin-top:10px;font-size:15px}.tag{border:1px solid #374435;border-radius:99px;padding:4px 10px;color:#c7d4bd;font-size:11px;display:inline-block;margin-bottom:18px}.price{font-size:34px;line-height:1.3;white-space:nowrap;letter-spacing:-1px}.pricing-right{text-align:right}.faq{max-width:760px;margin:65px auto 0}.faq h2{margin-bottom:24px}details{padding:17px 0;border-bottom:1px solid #272d2c}summary{cursor:pointer}details p{margin-top:10px;color:#a8b0ae;font-size:14px}.narrow{max-width:690px;margin:20px auto}.narrow>h1{font-size:46px}.narrow>.lead{margin:18px 0 28px}.narrow .panel{margin:20px 0}.step{display:flex;gap:18px;margin:24px 0}.step-num{display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;border:1px solid #465040;border-radius:50%;font-size:13px;color:#b9c7b4}.step p{color:#aab2af;font-size:14px;margin-top:5px}.key{display:flex;gap:12px;align-items:center;background:#0c1110;border:1px solid #3a443e;border-radius:12px;padding:14px;margin:18px 0}.key code{overflow-wrap:anywhere;flex:1;font-size:15px}.key button{padding:7px 12px;font-size:13px}.notice{border-left:2px solid #c1a275;padding:12px 16px;background:#30251855;color:#d0bb97;font-size:14px;margin:20px 0}.success-mark{width:48px;height:48px;border:1px solid #55634b;border-radius:50%;display:grid;place-items:center;color:#d1e2bf;font-size:23px;margin-bottom:22px}.message{font-size:14px;color:#e2bd99;min-height:23px;margin-top:14px}.policy h2{font-size:22px;margin:28px 0 10px}.policy p,.policy li{color:#aab3af}.policy ul{padding-left:20px}#environment{text-align:center;padding:7px 15px;border-bottom:1px solid #343d31;color:#bdc9b3;font-size:12px;background:#182016}#environment[hidden]{display:none}.outcomes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.outcomes .primary{grid-column:span 2}@media(max-width:700px){header,footer{padding:22px;flex-wrap:wrap}main{padding:20px 22px 50px}header nav{gap:18px}.hero{padding-top:28px}.grid{grid-template-columns:1fr;gap:28px;margin:44px 0}.pricing{flex-direction:column;align-items:flex-start}.pricing-right{text-align:left}.desktop{height:310px}.notch{width:92%}.notch-content{padding:16px}.panel{padding:23px}.narrow>h1{font-size:38px}footer{align-items:flex-start}.key{flex-wrap:wrap}.key code{font-size:13px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}