@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{--paper:#f7f5ef;--ink:#202b28;--muted:#65706a;--orange:#d7502b;--line:#dcded5;--green:#24473b;--mono:'IBM Plex Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.6 'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--orange);outline-offset:6px}::selection{background:#f3bda5;color:#202b28}.container{max-width:1280px;padding-left:48px;padding-right:48px;margin:auto}.skip{position:fixed;top:-100px;background:var(--ink);color:white;padding:12px;z-index:20}.skip:focus{top:10px}header{height:104px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-weight:700;letter-spacing:-1.8px;font-size:34px;display:flex;align-items:center;gap:8px;line-height:1}.brand>span{color:var(--orange);margin-left:-8px}.brand svg{width:27px;height:32px;fill:none;stroke:var(--ink);stroke-width:3}nav{display:flex;gap:30px;font-size:13px;color:#515e56}nav a:hover,.text-link:hover,footer a:hover{color:var(--orange)}.nav-cta{font-size:13px;font-weight:600;border:1px solid #c7ccc2;border-radius:5px;padding:10px 15px;display:flex;gap:26px}.nav-cta:hover{background:#eceee5}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:10px;align-items:center;padding-top:65px;padding-bottom:70px}.eyebrow,.section-label{font:10px/1.5 var(--mono);letter-spacing:1.3px}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow i,.availability span{width:6px;height:6px;background:var(--orange);border-radius:50%;display:inline-block;flex-shrink:0}h1{font-size:clamp(54px,5.3vw,72px);line-height:1.055;font-weight:500;letter-spacing:-4px;margin:25px 0}h1 em,.signup em{font-family:Georgia,serif;font-weight:400;color:var(--orange)}.hero-description{font-size:16px;line-height:1.85;color:var(--muted);max-width:435px;margin:0}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:29px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;background:var(--orange);color:white;border-radius:5px;padding:14px 19px;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#b63d1c;transform:translateY(-2px)}.text-link{font-size:12px;font-weight:500}.text-link span{margin-left:9px}.availability{font-size:10px;color:#707970;margin:17px 0 0;display:flex;align-items:center;gap:7px}.availability span{background:#869782;width:5px;height:5px}.memory-art{margin:0 -15px 0 0;position:relative}.memory-art>svg{display:block;width:100%;height:auto}.art-label rect{fill:#fbfaf6;stroke:#d5d9d0}.art-label text{font:11px var(--mono);fill:#57645a}.evidence-tag rect{fill:#fffef9;stroke:#d5d9d0}.evidence-tag text{font:11px 'DM Sans',sans-serif;fill:#354c3b}.evidence-tag text.small{font-size:9px;fill:#727d70}.art-caption{font:9px var(--mono);fill:#778170;letter-spacing:1.8px}.memory-art figcaption{font:9px var(--mono);text-align:right;color:#7c8479;margin-top:-3px;padding-right:32px}.integration-strip{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:28px;padding-bottom:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.integration-strip>span{font-size:11px;line-height:1.5;color:var(--muted)}.tool-names{display:flex;align-items:center;gap:46px;font-weight:600;font-size:21px;letter-spacing:-.7px}.tool-names>span:first-child{font-family:Georgia,serif;font-weight:500}.tool-names .codex{font-weight:500}.tool-names .mcp{font:16px var(--mono);letter-spacing:-.7px}.integration-strip small{font:8px var(--mono);letter-spacing:1px;color:#737d72}.problem,.workflow{padding-top:95px;padding-bottom:95px}.section-label{color:#7a6c56}.section-heading{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:80px;margin-top:23px;margin-bottom:45px}h2{font-size:43px;line-height:1.15;font-weight:500;letter-spacing:-1.8px;margin:0}h2 span{color:#879085}.section-heading>p{margin:0;max-width:410px;font-size:14px;line-height:1.8;color:var(--muted)}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.benefits article{border-top:1px solid var(--line)}.line-art{height:124px;padding:16px 15px 7px 0}.line-art svg{width:100%;height:100%;fill:var(--paper);stroke:#9aa69a;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.line-art .accent{fill:var(--orange);stroke:var(--orange)}.line-art .accent-stroke{stroke:var(--orange);stroke-width:2}h3{font-size:18px;line-height:1.35;letter-spacing:-.4px;font-weight:550;margin:12px 0}.benefits p,.steps p{font-size:13px;color:var(--muted);line-height:1.85;margin:0;max-width:330px}.inside{padding:80px 0;background:#eaece4;border-top:1px solid #e0e3d9;border-bottom:1px solid #e0e3d9}.inside h2 span{color:#6e7e6b}.product{border:1px solid #405448;border-radius:9px;background:#15251f;color:#eef1e8;box-shadow:0 24px 48px -24px #20332466;overflow:hidden}.product-bar{display:flex;justify-content:space-between;align-items:center;padding:15px 22px;border-bottom:1px solid #35453b;font:10px var(--mono)}.product-wordmark{font-size:20px;font-weight:500;color:#deecce;line-height:1}.product-wordmark>span{font-size:11px;font-weight:400;color:#bac7b7;margin-left:12px}.preview-label{font-size:8px;color:#a2b19b;letter-spacing:1.3px}.window-dots{letter-spacing:5px;color:#778772}.product-layout{display:grid;grid-template-columns:32% 68%}.system-panel{padding:26px 23px;background:#192c24;border-right:1px solid #35453b}.panel-label{font:8px var(--mono);color:#96aa91;letter-spacing:1px;display:flex;justify-content:space-between;margin-bottom:22px}.repo{display:flex;gap:12px;align-items:center;padding:16px 10px;font-size:12px;border:1px solid transparent;border-radius:5px}.repo>span{font-size:19px;color:#9dad95}.repo small{display:block;color:#97a68f;font-size:10px;margin-top:3px}.repo.selected{background:#294034;border-color:#50634a}.repo b{margin-left:auto;color:#c2d7aa;font-weight:400}.connection{border-top:1px solid #354b3a;margin-top:23px;padding-top:20px}.connection>span{font:8px var(--mono);letter-spacing:1px;color:#97ab8f}.connection p{font:10px var(--mono);margin:12px 0 4px}.connection b{color:#c4dcb0;font-weight:400}.connection small{font-size:10px;color:#9aad90}.panel-note{font-size:9px;color:#9aad90;margin-top:38px}.panel-note i,.product-footer i{width:5px;height:5px;background:#bbd19e;border-radius:50%;display:inline-block;margin-right:5px}.answer-panel{padding:28px 38px}.question{display:flex;gap:14px;align-items:flex-start;border-bottom:1px solid #35453b;padding-bottom:23px}.question>span{display:grid;place-items:center;border:1px solid #4d5c47;border-radius:6px;width:29px;height:29px;font:13px var(--mono);flex-shrink:0}.question h3{margin:0;font-size:20px;line-height:1.45;font-weight:450}.answer{padding:23px 0 0 43px}.answer-label{font-size:11px;display:flex;align-items:center;gap:8px}.answer-label b{font-size:17px;color:#c5d8ae}.answer-label>span{font:8px var(--mono);color:#bfd4a8;margin-left:auto;border:1px solid #49613c;padding:3px 6px;border-radius:3px}.answer>p{font-size:14px;line-height:1.8;color:#d1d9c9;margin:13px 0}.sources{display:grid;gap:7px;background:#203027;border:1px solid #354638;border-radius:5px;padding:11px 13px;font:10px/1.5 var(--mono);color:#c2cfb5}.sources span{display:flex;justify-content:space-between;gap:12px}.sources b{font-weight:400;color:#91a187}.revision{font-size:9px;color:#a1b58f;margin:10px 0 21px}.revision code{font:9px var(--mono);margin-left:3px}.unknown{display:flex;gap:10px;border-top:1px solid #35453b;padding-top:17px;align-items:flex-start}.unknown>span{color:#d4b587;font:12px var(--mono)}.unknown strong{font-size:11px;font-weight:450}.unknown p{font-size:10px;line-height:1.6;color:#a8b19f;margin:4px 0 0;max-width:320px}.unknown small{font:8px var(--mono);color:#c2b599;margin:5px 0 0 auto}.product-footer{display:flex;justify-content:space-between;gap:15px;padding:11px 22px;border-top:1px solid #35453b;font-size:9px;color:#a6b398}.product-caption{display:flex;justify-content:center;gap:65px;margin-top:25px;font:9px var(--mono);letter-spacing:1.5px;color:#6c7966}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.steps article{border-top:1px solid var(--line);padding-top:20px}.step-top{display:flex;justify-content:space-between;align-items:center;font:11px var(--mono);color:#7b8575}.step-top>div{font:28px 'DM Sans',sans-serif;color:var(--orange)}.steps h3{margin-top:23px}.step-foot{display:block;font:8px/1.7 var(--mono);letter-spacing:.7px;color:#7b8575;margin-top:27px}.signup{text-align:center;position:relative;padding-top:66px;padding-bottom:67px;background:#eeeee5;border:1px solid #e2e3d8;border-radius:10px;overflow:hidden}.signup-art{position:absolute;right:-32px;top:-8px;transform:rotate(-17deg);opacity:.07;width:235px}.signup-art svg{fill:none;stroke:#24473b;stroke-width:13}.signup h2{font-size:53px;letter-spacing:-2.3px;margin:22px 0}.signup>p{font-size:14px;line-height:1.8;color:var(--muted);margin-bottom:25px}.signup .button{font-size:13px}.signup>small{display:block;font-size:10px;color:#717b6e;margin-top:14px}footer{display:flex;align-items:center;gap:26px;padding-top:38px;padding-bottom:38px}footer .brand{font-size:29px}footer>span{font-size:11px;color:#7c8478}footer>div{display:flex;gap:25px;margin-left:auto;font-size:10px;color:#6a7466}
@media(min-width:1450px){.hero{padding-top:80px;padding-bottom:85px}h1{font-size:76px}}
@media(max-width:1050px){.container{padding-left:30px;padding-right:30px}.hero{padding-top:40px;padding-bottom:50px}h1{font-size:58px;letter-spacing:-3px}.hero-description{font-size:14px}.hero-actions{gap:18px}.button{gap:20px}.tool-names{gap:27px;font-size:18px}.section-heading{gap:40px}h2{font-size:38px}.answer-panel{padding:26px}.answer{padding-left:0}.system-panel{padding:26px 18px}.sources{font-size:9px}.benefits,.steps{gap:25px}.availability{font-size:9px}.memory-art{margin-right:-10px}}
@media(max-width:760px){.container{padding-left:23px;padding-right:23px}header{height:84px}nav{display:none}.brand{font-size:29px}.nav-cta{font-size:11px;padding:9px 12px;gap:20px}.hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:31px;gap:20px}h1{font-size:clamp(49px,10vw,70px);letter-spacing:-2.8px;margin:21px 0}.eyebrow{font-size:9px;letter-spacing:.8px}.hero-description{font-size:15px;max-width:480px}.hero-actions{gap:24px;margin-top:25px}.availability{font-size:9px;margin-top:16px}.memory-art{max-width:490px;width:100%;margin:0 auto}.memory-art figcaption{font-size:8px;padding-right:0}.integration-strip{flex-wrap:wrap;gap:21px;padding-top:23px;padding-bottom:23px}.integration-strip>span{font-size:10px}.integration-strip>span br{display:none}.integration-strip>small{margin-left:auto;font-size:7px;order:1}.tool-names{width:100%;justify-content:space-between;gap:12px;order:2;font-size:19px}.tool-names .mcp{font-size:14px}.problem,.workflow{padding-top:60px;padding-bottom:60px}.section-heading{grid-template-columns:1fr;gap:22px;margin-top:19px;margin-bottom:30px}h2{font-size:35px;letter-spacing:-1.4px}.section-heading>p{font-size:14px;max-width:500px}.section-label{font-size:8px;letter-spacing:1px}.benefits{grid-template-columns:1fr;gap:30px}.benefits article{display:grid;grid-template-columns:100px 1fr;gap:0 18px;padding-top:18px}.line-art{grid-row:1/3;height:90px;padding:0;align-self:center}.line-art svg{width:160px;margin-left:-30px;max-width:none}.benefits h3{font-size:16px;margin-top:0}.benefits p{font-size:12px;max-width:none}.inside{padding:55px 0}.product-bar{padding:13px}.product-wordmark>span{font-size:9px;margin-left:7px}.preview-label{font-size:6px;letter-spacing:.5px}.window-dots{display:none}.product-layout{grid-template-columns:1fr}.system-panel{padding:18px;display:flex;gap:10px;overflow:hidden;border-right:none;border-bottom:1px solid #35453b;flex-wrap:wrap}.panel-label{width:100%;margin-bottom:0}.repo{padding:8px;font-size:9px;gap:6px;flex:1}.repo>span{font-size:14px}.repo small,.repo b,.connection,.panel-note{display:none}.answer-panel{padding:24px 19px}.question h3{font-size:18px}.question h3 br{display:none}.question{gap:10px;padding-bottom:20px}.answer-label>span{font-size:7px}.answer>p{font-size:13px}.sources{font-size:8px;padding:10px}.sources b{font-size:8px}.unknown{gap:8px}.unknown small{font-size:7px}.unknown p{font-size:10px}.product-footer{padding:12px 15px;flex-wrap:wrap;gap:5px;font-size:8px}.product-caption{gap:17px;font-size:6px;letter-spacing:.5px}.steps{grid-template-columns:1fr;gap:27px}.steps article{position:relative;padding-left:47px}.step-top>span{position:absolute;left:0;top:29px}.step-top>div{position:absolute;right:0;top:19px}.steps h3{margin-top:5px;padding-right:25px}.steps p{max-width:none}.step-foot{margin-top:15px}.signup{margin:0 16px;padding:45px 22px}.signup h2{font-size:39px;letter-spacing:-1.8px}.signup>p{font-size:13px}.signup>small{font-size:9px;max-width:260px;margin:15px auto 0}.signup-art{width:170px;right:-60px;top:20px}.desktop-break{display:none}footer{flex-wrap:wrap;gap:16px;padding-top:30px;padding-bottom:30px}footer>span{font-size:10px}footer>div{margin-left:0;justify-content:space-between;width:100%;border-top:1px solid var(--line);padding-top:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}