:root{--ink:#17131f;--muted:#686170;--cream:#fffaf0;--paper:#f8f4ec;--card:#fffdf8;--line:#e5ddcf;--violet:#8254dc;--violet2:#a677f2;--lilac:#eee4ff;--pink:#ffb7c9;--gold:#efb357;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.7 "Segoe UI",Tahoma,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #8254dc55;outline-offset:3px}[hidden]{display:none!important}
header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:15px max(4vw,calc((100vw - 1240px)/2));border-bottom:1px solid #e8dfd2;background:#fffaf0e8;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:19px;font-weight:800;line-height:1}.brand b{color:var(--violet)}.brand small{display:block;margin-top:5px;color:var(--muted);font-size:7px;letter-spacing:.18em}.catmark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,var(--pink),var(--lilac));font-size:24px;color:#542b8c}nav{display:flex;gap:30px}nav a{color:var(--ink);text-decoration:none;font-weight:650}.head-actions{display:flex;align-items:center;gap:8px}.ghost,.secondary{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:12px;padding:10px 16px;font-weight:700}.menu{display:none;border:0;background:transparent;font-size:25px}
main{min-height:70vh}.view{max-width:1240px;margin:auto;padding:64px 4% 90px}.hero{display:grid;grid-template-columns:1.02fr .98fr;gap:70px;align-items:center;min-height:650px}.kicker{color:#6f43cc;font-size:11px;font-weight:850;letter-spacing:.12em}.hero h1,.page-head h1{font-size:clamp(45px,6vw,78px);line-height:1.08;letter-spacing:-.05em;margin:18px 0 24px}.hero h1 em{color:var(--violet);font-style:normal}.lead{max-width:650px;color:var(--muted);font-size:18px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.primary{border:1px solid #7043ce;background:linear-gradient(135deg,var(--violet),var(--violet2));color:white;border-radius:13px;padding:12px 20px;font-weight:800;box-shadow:0 12px 25px #8254dc35}.primary,.secondary,.ghost{transition:transform 200ms var(--ease),opacity 200ms var(--ease)}.primary:hover,.secondary:hover,.ghost:hover{transform:translateY(-2px)}.ticks{display:flex;gap:20px;flex-wrap:wrap;margin:0;padding:0;list-style:none;color:var(--muted);font-size:12px}.ticks li:before{content:'✓';margin-right:6px;color:var(--violet);font-weight:900}
.hero-art{position:relative;display:grid;place-items:center;min-height:510px;border:1px solid #dfd3c2;border-radius:40% 40% 20% 20%;background:linear-gradient(145deg,#fff1d2,#eee3ff);overflow:hidden;box-shadow:0 30px 70px #4d376a20}.hero-art:before{content:'';position:absolute;width:410px;height:410px;border:1px dashed #8254dc44;border-radius:50%}.hero-art img{position:relative;width:min(88%,470px);aspect-ratio:1;object-fit:cover;border-radius:50%;mix-blend-mode:multiply}.float{position:absolute;display:grid;padding:9px 13px;border:1px solid #dfd3c2;border-radius:15px;background:#fffdf8e8;box-shadow:0 12px 25px #3e2c5c20;font-weight:750}.float small{color:var(--muted);font-size:9px}.float.one{right:18px;top:32px;transform:rotate(3deg)}.float.two{left:18px;bottom:38px;transform:rotate(-3deg)}
.base{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:-28px auto 50px;max-width:900px;padding:16px 18px;border:1px solid var(--line);border-radius:17px;background:var(--card);box-shadow:0 15px 35px #4c386b16}.base span{display:grid}.base small{color:var(--muted);font-size:9px;letter-spacing:.15em}.base button{border:0;border-radius:10px;padding:10px 15px;background:var(--lilac);color:#6236b7;font-weight:750}.feature-band{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature-band article{padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--card)}.feature-band span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--lilac);color:#653bb9;font-weight:850}.feature-band b{display:block;margin:12px 0 4px}.feature-band p{margin:0;color:var(--muted);font-size:12px}
.story{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center;padding:110px 0 30px}.story h2{font-size:clamp(36px,4.8vw,60px);line-height:1.12;letter-spacing:-.04em;margin:16px 0}.story p{color:var(--muted)}.text-link{padding:8px 0;border:0;background:none;color:var(--violet);font-weight:800}.terminal,.docs-layout pre{overflow:hidden;border:1px solid #332943;border-radius:22px;background:#17131f;color:#eee7fa;box-shadow:0 25px 55px #1c132735}.terminal-top{display:flex;align-items:center;gap:6px;padding:13px 16px;border-bottom:1px solid #30263d;color:#a79caf;font-size:11px}.terminal-top i{width:8px;height:8px;border-radius:50%;background:var(--pink)}.terminal-top i:nth-child(2){background:var(--gold)}.terminal-top i:nth-child(3){background:#7bd7ac}.terminal-top span{margin-left:auto}.terminal pre,.docs-layout pre{overflow:auto;margin:0;padding:28px;font:13px/1.8 Consolas,monospace}
.page-head{max-width:850px;margin-bottom:44px}.page-head p:last-child{color:var(--muted);font-size:17px}.model-grid,.price-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.model-card,.price-card,.console-card,.auth-card{padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--card)}.model-top,.card-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.status{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:99px;background:#f3eee6;color:var(--muted);font-size:10px}.status:before{content:'';width:7px;height:7px;border-radius:50%;background:#a49ca8}.status.online{background:#e4f7ed;color:#217548}.status.online:before{background:#39a66b}.model-card h3{font-size:20px;margin:17px 0 5px}.model-card p{color:var(--muted);min-height:48px}.meta{display:flex;justify-content:space-between;padding-top:15px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.price-grid{grid-template-columns:repeat(3,1fr)}.price-card h3{font-size:21px}.price-card strong{display:block;margin:15px 0;font-size:35px}.price-card p{color:var(--muted)}.notice{margin-top:20px;padding:15px;border:1px solid #ead29b;border-radius:14px;background:#fff5d8;color:#70531f}
.docs-layout{display:grid;grid-template-columns:220px 1fr;gap:45px}.docs-layout aside{position:sticky;top:100px;align-self:start;display:grid;gap:5px}.docs-layout aside a{padding:9px 12px;border-radius:10px;color:var(--muted);text-decoration:none}.docs-layout aside a:hover{background:var(--lilac);color:#5e37ac}.docs-layout article{min-width:0}.docs-layout h2{margin:35px 0 10px}.docs-layout h2:first-child{margin-top:0}.docs-layout pre{box-shadow:none}.dash-head{display:flex;justify-content:space-between;align-items:center}.auth-card{max-width:480px;margin:20px auto}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:12px;background:var(--paper)}.auth-tabs button{border:0;border-radius:9px;padding:9px;background:transparent}.auth-tabs button.active{background:var(--card);box-shadow:0 3px 10px #3e2c5c14}label{display:block;margin:16px 0;font-size:12px;font-weight:700}input{width:100%;margin-top:6px;padding:12px;border:1px solid var(--line);border-radius:11px;background:white;color:var(--ink)}#auth-form .primary{width:100%}#auth-error{color:#b63846}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.stats article{padding:20px;border:1px solid var(--line);border-radius:17px;background:var(--card)}.stats small{display:block;color:var(--muted)}.stats b{font-size:26px}.console-card{margin:15px 0}.card-head h2{margin:0}.card-head p{margin:3px 0;color:var(--muted);font-size:12px}.list-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 0;border-top:1px solid var(--line)}.list-row:first-child{margin-top:15px}.list-row small{display:block;color:var(--muted)}.danger{border:1px solid #edbdc4;background:#fff2f4;color:#a72f40;border-radius:10px;padding:8px 12px}
dialog{width:min(500px,92vw);border:1px solid var(--line);border-radius:20px;padding:26px;background:var(--card);color:var(--ink)}dialog::backdrop{background:#17131f99;backdrop-filter:blur(4px)}.close{float:right;border:0;background:none;font-size:25px}#new-key-result code{display:block;overflow:auto;padding:13px;border-radius:10px;background:#17131f;color:#f3eafa}#toast{position:fixed;z-index:50;left:50%;bottom:25px;transform:translateX(-50%);padding:12px 18px;border-radius:12px;background:#17131f;color:white;box-shadow:0 12px 30px #0004}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px max(4vw,calc((100vw - 1240px)/2));border-top:1px solid var(--line);color:var(--muted);font-size:11px}footer .brand{font-size:16px}
@media(max-width:800px){header nav{position:fixed;left:12px;right:12px;top:73px;display:none;grid-template-columns:1fr;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:0 20px 40px #4c386b28}header nav.open{display:grid}.menu{display:block}.view{padding-top:35px}.hero{grid-template-columns:1fr;gap:22px}.hero-art{order:-1;min-height:390px}.hero h1{font-size:50px}.feature-band{grid-template-columns:1fr}.story{grid-template-columns:1fr;padding-top:75px}.model-grid,.price-grid{grid-template-columns:1fr}.docs-layout{grid-template-columns:1fr}.docs-layout aside{position:static;grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}footer{flex-wrap:wrap}}
@media(max-width:520px){header{padding:12px 14px}.brand{font-size:15px}.head-actions .ghost{padding:8px 10px}.view{padding:24px 18px 70px}.hero{min-height:auto}.hero-art{min-height:320px;border-radius:28px}.hero h1{font-size:40px}.lead{font-size:15px}.base{margin-top:18px;align-items:start}.base code{font-size:11px;word-break:break-all}.ticks{gap:8px 14px}.stats{grid-template-columns:1fr 1fr}.list-row{align-items:start;flex-direction:column}.list-row .danger{align-self:flex-end}.docs-layout pre{font-size:11px}.page-head h1{font-size:43px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
.gateway-state{display:inline-flex;align-items:center;gap:.55rem;margin-top:1rem;padding:.65rem .9rem;border:1px solid #b8e7d0;border-radius:999px;background:#effbf5;color:#176844;font-size:.88rem;font-weight:700}.gateway-state i{width:.55rem;height:.55rem;border-radius:50%;background:#28a66a;box-shadow:0 0 0 .25rem rgba(40,166,106,.12)}.gateway-state.offline{border-color:#f0d3cd;background:#fff5f2;color:#9d3f32}.gateway-state.offline i{background:#d75a49;box-shadow:0 0 0 .25rem rgba(215,90,73,.12)}