/* Brand palette: edit these variables to apply the final identity. */
:root{color-scheme:light;--color-primary:#4a63e6;--color-primary-hover:#3d55d4;--color-on-primary:#fff;--color-accent:#83dce8;--color-spark:#ffc876;--color-bg:#f5f7fb;--color-surface:#fff;--color-text:#14243b;--color-muted:#5e6b7f;--color-line:#e1e6ef;--color-soft:#ebeffa;--color-night:#14243b;--color-night-text:#f5f7fb;--color-success:#7ce0a1;--font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:Georgia,"Times New Roman",serif;--radius:18px;--wrap:1160px}
:root[data-theme=dark]{color-scheme:dark;--color-primary:#6f86f7;--color-primary-hover:#8598fa;--color-on-primary:#14243b;--color-bg:#0e1828;--color-surface:#16233a;--color-text:#f5f7fb;--color-muted:#a3aec0;--color-line:#2a3a55;--color-soft:#1c2b45;--color-night:#0a1220;--color-night-text:#f5f7fb}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--color-primary:#6f86f7;--color-primary-hover:#8598fa;--color-on-primary:#14243b;--color-bg:#0e1828;--color-surface:#16233a;--color-text:#f5f7fb;--color-muted:#a3aec0;--color-line:#2a3a55;--color-soft:#1c2b45;--color-night:#0a1220;--color-night-text:#f5f7fb}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{max-width:var(--wrap);width:calc(100% - 64px);margin-inline:auto}.topbar{height:78px;max-width:1320px;padding:0 42px;margin:auto;display:flex;align-items:center;gap:32px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:19px;letter-spacing:-.04em}.brand img{object-fit:contain}.topbar nav{display:flex;gap:30px;margin-left:auto;color:var(--color-muted);font-size:13px}.topbar nav a:hover,.footer a:hover{color:var(--color-primary)}.button{display:inline-flex;align-items:center;gap:26px;padding:13px 19px;border-radius:9px;background:var(--color-primary);color:var(--color-on-primary);font-weight:600;font-size:14px;box-shadow:0 6px 18px #4a63e62b;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:var(--color-primary-hover)}.button-small{padding:9px 14px;font-size:12px}.theme-toggle{border:1px solid var(--color-line);background:transparent;color:var(--color-muted);width:35px;height:35px;border-radius:50%;cursor:pointer}.hero{min-height:655px;display:grid;grid-template-columns:.84fr 1.16fr;align-items:center;gap:20px;padding-top:35px;padding-bottom:60px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--color-primary)}.eyebrow i{display:inline-block;width:7px;height:7px;background:#70c99c;border-radius:50%;margin-right:6px}.hero h1,.section-heading h2,.manifesto h2,.dev-grid h2,.how h2,.requirements h2,.faq h2,.closing h2{font-size:clamp(48px,6vw,76px);line-height:.99;letter-spacing:-.065em;margin:22px 0;font-weight:550}.hero h1 em,.section-heading h2 em,.manifesto h2 em,.dev-grid h2 em,.how h2 em,.requirements h2 em,.faq h2 em,.closing h2 em{font-family:var(--font-display);font-weight:400;letter-spacing:-.06em}.lead{font-size:18px;line-height:1.55;color:var(--color-muted);max-width:440px}.hero-actions{display:flex;align-items:center;gap:18px;margin-top:28px}.meta{font-size:11px;color:var(--color-muted)}.trust{display:flex;gap:22px;margin-top:48px;font-size:11px;color:var(--color-muted)}.hero-visual{height:500px;position:relative;display:grid;place-items:center}.hero-glow{position:absolute;width:380px;height:360px;background:radial-gradient(ellipse,#536ff54d,transparent 70%);filter:blur(18px)}.orbit{position:absolute;border:1px solid #8a8ae833;border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:570px;height:250px}.orbit-two{width:520px;height:330px;transform:rotate(45deg)}.app-window{position:relative;width:min(100%,590px);height:390px;background:#202126;border:1px solid #474950;border-radius:14px;box-shadow:0 32px 80px #20213c44;overflow:hidden;color:#e8e8ed;font-family:var(--font-body);font-size:10px}.windowbar{height:37px;background:#2b2c31;border-bottom:1px solid #45464b;display:flex;align-items:center;padding:0 13px;gap:15px;color:#dadbe0;font-weight:600}.traffic{display:flex;gap:4px}.traffic i{width:7px;height:7px;background:#fb6058;border-radius:50%}.traffic i:nth-child(2){background:#f8c347}.traffic i:nth-child(3){background:#36c74d}.window-status{margin-left:auto;color:#7ce0a1;font-size:9px}.app-shell{display:flex;height:calc(100% - 37px)}.app-sidebar{width:127px;background:#1b1c20;padding:15px 8px;display:flex;flex-direction:column;gap:6px;border-right:1px solid #101115}.side-item{padding:6px 8px;border-radius:4px;color:#cacbd0}.side-item.active{background:#245dbd;color:white}.memory{margin-top:auto;padding:0 4px 9px;color:#ddd}.memory small{font-size:8px;color:#aaa}.meter{height:5px;display:block;border-radius:9px;background:#4b4c52;margin:7px 0}.meter i{display:block;width:42%;height:100%;border-radius:9px;background:#367cf1}.chat-area{flex:1;position:relative;padding:0 14px}.chat-head{height:34px;border-bottom:1px solid #3a3b40;margin:0 -14px;padding:8px 14px;font-weight:600}.chat-head span{float:right;color:#aaa}.model-pills{display:flex;gap:6px;margin-top:10px}.model-pills span{padding:4px 8px;background:#393a40;border-radius:5px;font-size:9px}.prompt{margin:29px 0 14px auto;padding:9px 12px;background:#35363d;border-radius:10px;width:max-content;max-width:80%;font-size:11px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:8px}.answers article{padding:12px;border:1px solid #474950;border-radius:8px;background:#26272c;line-height:1.5}.answers b{font-size:9px}.answers b i{display:inline-block;width:7px;height:7px;background:#8794f4;border-radius:50%}.answers p{color:#c4c4ca;font-size:9px;margin-bottom:0}.composer{position:absolute;bottom:12px;left:14px;right:14px;border:1px solid #484950;border-radius:7px;padding:7px 10px;color:#898a91}.composer span{float:right;background:#415fc5;padding:0 5px;border-radius:4px;color:white}.float-tag{position:absolute;bottom:30px;right:-2px;background:var(--color-surface);border:1px solid var(--color-line);padding:10px 14px;border-radius:30px;box-shadow:0 8px 25px #16192b20;font-size:11px;font-weight:600}
.manifesto{background:var(--color-night);color:var(--color-night-text);padding:100px 0 90px}.manifesto-inner{text-align:center}.manifesto .eyebrow,.closing .eyebrow{color:var(--color-accent)}.manifesto h2{font-size:56px}.manifesto p{max-width:530px;margin:0 auto;color:#b5b7c2}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:65px;text-align:left}.pillars div{border-top:1px solid #444654;padding-top:16px;display:grid;gap:8px}.pillars b{color:var(--color-spark);font-size:11px}.pillars strong{font-size:16px}.pillars span{color:#aaaebb;font-size:12px}.compare{padding-top:105px;padding-bottom:110px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.section-heading h2,.how h2{font-size:54px}.section-heading>p{max-width:360px;color:var(--color-muted);margin-bottom:9px}.compare-visual{padding:20px 23px 12px;background:var(--color-surface);border:1px solid var(--color-line);border-radius:20px;box-shadow:0 20px 65px #252c5010}.compare-toolbar,.compare-bottom{display:flex;justify-content:space-between;align-items:center;color:var(--color-muted);font-size:10px}.compare-toolbar b{color:#54b982}.compare-question{margin:22px auto 18px;max-width:470px;text-align:center;padding:15px;background:var(--color-soft);border:1px solid var(--color-line);border-radius:10px;font-size:15px;font-weight:550}.compare-cards{display:grid;grid-template-columns:1fr 1fr 150px;gap:12px}.compare-cards article{border:1px solid var(--color-line);border-radius:12px;padding:17px;min-height:195px}.model-title{display:flex;align-items:center;gap:7px}.model-title b{font-size:12px}.model-title small{margin-left:auto;color:var(--color-muted);font-size:9px}.model-dot{width:8px;height:8px;border-radius:50%}.blue{background:#536ff5}.lilac{background:var(--color-accent)}.compare-cards p{font-size:12px;line-height:1.65;color:var(--color-muted);margin:20px 0}.answer-foot{color:var(--color-muted);font-size:8px;letter-spacing:.06em}.answer-foot span{float:right;color:var(--color-primary)}.compare-cards .model-add{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--color-muted);border-style:dashed}.model-add>span{font-size:25px;color:var(--color-primary)}.model-add b{font-size:10px;margin-top:8px}.model-add small{font-size:9px}.compare-bottom{border-top:1px solid var(--color-line);margin-top:16px;padding-top:11px}.compare-bottom b{color:var(--color-text)}.compare-bottom .meter{display:inline-block;width:60px;margin:0 0 0 5px;vertical-align:middle}.developers{background:var(--color-soft);padding:95px 0;color:var(--color-text)}.dev-grid{display:grid;grid-template-columns:1fr .85fr;gap:95px;align-items:center}.dev-grid h2{font-size:54px}.dev-grid p{color:#666c7e;max-width:430px}.tool-list{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.tool-list span,.req-tags span{border:1px solid #d3d4df;border-radius:30px;padding:7px 12px;font-size:10px}.text-link{font-weight:600;color:var(--color-primary);font-size:12px}.text-link span{margin-left:10px}.api-card{background:#20232f;color:#f3f3f5;padding:20px;border-radius:15px;box-shadow:0 20px 55px #2a2a4030}.api-top{display:flex;justify-content:space-between;font-size:9px;font-weight:700;letter-spacing:.08em}.api-top i{display:inline-block;background:#6bd598;width:7px;height:7px;border-radius:50%;margin-right:7px}.api-badge{color:#77d9a1}.endpoint{background:#303441;border:1px solid #414655;border-radius:7px;margin:18px 0;padding:9px 10px;font-family:monospace;font-size:11px;color:#daddf3}.copy{float:right;border:0;border-radius:4px;background:#4b5cad;color:white;font-size:9px;padding:3px 7px;cursor:pointer}.api-rule{border-top:1px solid #3e4250}.api-row{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:8px;border-bottom:1px solid #343744;padding:12px 0;font-size:10px}.api-row code{color:#84d5a5}.api-row span,.api-card p{color:#a3a8b8;font-size:9px}.how{padding-top:105px;padding-bottom:105px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps article{position:relative;border:1px solid var(--color-line);background:var(--color-surface);border-radius:14px;padding:22px;min-height:220px}.steps article>span{font-size:10px;color:var(--color-primary);font-weight:700}.step-icon{font-size:25px;color:var(--color-primary);margin-top:17px}.steps h3{font-size:16px;margin:9px 0 4px}.steps p{font-size:12px;color:var(--color-muted);margin:0;max-width:250px}.requirements{background:var(--color-soft);padding:73px 0}.req-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.requirements h2{font-size:39px}.req-inner p{color:var(--color-muted);font-size:13px}.req-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.req-tags span{font-size:9px;border-color:#d8d9e5}.faq{padding-top:105px;padding-bottom:110px;display:grid;grid-template-columns:.8fr 1.2fr;gap:65px}.faq h2{font-size:50px}.faq-list details{border-bottom:1px solid var(--color-line);padding:18px 0}.faq-list summary{cursor:pointer;font-size:14px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:15px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--color-primary);font-size:18px;font-weight:400;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:var(--color-muted);font-size:12px;max-width:600px}.closing{background:var(--color-night);color:var(--color-night-text);text-align:center;padding:88px 0}.closing h2{font-size:58px}.closing .button{margin-top:12px}.closing p{font-size:10px;color:#a7a9b4;margin-top:18px}.footer{border-top:1px solid var(--color-line);padding:24px 0}.footer-inner{display:flex;align-items:center;gap:25px;font-size:11px;color:var(--color-muted)}.footer .brand{color:var(--color-text);margin-right:5px}.footer-inner>div{display:flex;gap:20px;margin-left:auto}.footer small{font-size:10px}
@media(max-width:850px){.topbar{padding:0 24px;gap:16px}.topbar nav{gap:15px}.hero{grid-template-columns:1fr;padding-top:65px}.hero-copy{max-width:570px}.hero-visual{height:440px}.app-window{max-width:620px}.section-heading{align-items:start;flex-direction:column;gap:0}.section-heading>p{max-width:520px}.dev-grid{gap:35px}.compare-cards{grid-template-columns:1fr 1fr}.compare-cards .model-add{min-height:100px;grid-column:1/-1}.faq{gap:30px}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.topbar{height:66px;padding:0 20px}.topbar nav{display:none}.topbar .button-small{margin-left:auto}.theme-toggle{width:32px;height:32px}.hero{padding-top:52px;min-height:auto}.hero h1{font-size:57px}.lead{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column}.trust{margin-top:25px}.hero-visual{height:340px;margin:0 -9px}.app-window{height:285px}.app-sidebar{width:98px}.side-item{font-size:9px}.answers article{padding:8px}.answers p{font-size:8px}.prompt{margin-top:17px}.float-tag{right:1px;bottom:13px}.orbit-one{width:370px}.orbit-two{width:350px}.manifesto{padding:75px 0}.manifesto h2,.closing h2{font-size:43px}.pillars{grid-template-columns:1fr;gap:18px;margin-top:40px}.pillars div{grid-template-columns:28px 1fr}.pillars div span{grid-column:2}.compare,.how,.faq{padding-top:75px;padding-bottom:75px}.section-heading h2,.how h2{font-size:45px}.compare-visual{padding:13px 12px}.compare-toolbar{font-size:8px}.compare-cards{grid-template-columns:1fr}.compare-cards .model-add{grid-column:auto}.compare-cards article{min-height:160px}.model-title small{font-size:8px}.compare-bottom{font-size:8px}.developers{padding:75px 0}.dev-grid{grid-template-columns:1fr;gap:35px}.dev-grid h2{font-size:45px}.api-row{grid-template-columns:34px 1fr}.api-row span{grid-column:2}.steps{grid-template-columns:1fr}.steps article{min-height:180px}.req-inner{grid-template-columns:1fr;gap:15px}.requirements{padding:55px 0}.requirements h2{font-size:34px}.faq{grid-template-columns:1fr;gap:12px}.faq h2{font-size:43px}.footer-inner{flex-wrap:wrap;gap:12px}.footer-inner>div{margin-left:0}.footer small{margin-left:auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}