@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap");:root{--bg:#05070b;--surface:#090d14;--surface2:#0d121b;--surface3:#111925;--line:#1a2432;--line2:#243247;--text:#f5f7fb;--muted:#8995a7;--blue:#4f8cff;--blue2:#7bb0ff;--cyan:#55d6ff;--green:#4ee0a5;--red:#ff7187}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(900px 500px at 65% -10%,#12346b33,transparent 60%),radial-gradient(700px 500px at 10% 40%,#0c4b7d16,transparent 65%),var(--bg);color:var(--text);font-family:DM Sans,sans-serif}button,input,select,textarea{font:inherit}.app{min-height:100vh;display:flex}.app aside{width:252px;position:fixed;inset:0 auto 0 0;padding:22px 14px;background:#070a10e8;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);display:flex;flex-direction:column;z-index:10}.logo{height:48px;display:flex;align-items:center;gap:11px;padding:0 11px;margin-bottom:30px;font:700 18px Space Grotesk;letter-spacing:-.02em}.logo b{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#69a5ff,#3773e9);box-shadow:0 8px 30px #397cf855}.app aside>label{padding:0 11px;margin-bottom:8px;color:#586577;font-size:9px;letter-spacing:.16em;font-weight:700}.app aside>button{border:0;background:transparent;color:#7e8b9e;text-align:left;padding:11px 12px;border-radius:9px;cursor:pointer;font-size:12px;display:flex;align-items:center;gap:11px;transition:.18s}.app aside>button:before{content:"›";font-size:15px;color:#536174;transition:.18s}.app aside>button:hover{background:#0e1520;color:#dce5f1}.app aside>button.active{background:linear-gradient(90deg,#10213a,#0d1520);color:#fff;box-shadow:inset 2px 0 var(--blue),0 5px 22px #0003}.app aside>button.active:before{color:var(--blue2)}.app footer{margin-top:auto;padding:14px 11px;color:#8290a2;font-size:10px;line-height:1.8;border-top:1px solid var(--line)}.app footer i,.prod i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 12px #4ee0a5;margin-right:7px}.app footer small{color:#4f5d70}.main{margin-left:252px;width:calc(100% - 252px);min-height:100vh}.main>header{height:64px;position:-webkit-sticky;position:sticky;top:0;z-index:8;display:flex;justify-content:space-between;align-items:center;padding:0 38px;border-bottom:1px solid #17202c;background:#06090eee;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#7d899a;font-size:11px}.main header b{color:#e4e9f2}.main header em{color:#3a4658;font-style:normal;margin:0 8px}.prod{color:#91a0b4;font-size:10px}.main main{max-width:1320px;margin:auto;padding:40px 42px 90px}.hero{min-height:420px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:520px;height:320px;left:-100px;top:40px;background:radial-gradient(circle,#2e77ff16,transparent 68%);pointer-events:none}.hero>div:first-child{position:relative;z-index:1;max-width:680px}.hero label,.page>label{display:inline-flex;align-items:center;gap:7px;color:#70a6ff;font-size:9px;letter-spacing:.2em;font-weight:700;margin-bottom:14px}.hero h1,.page h1{font:700 clamp(42px,5vw,66px)/.98 Space Grotesk;letter-spacing:-.055em;margin:0 0 20px}.hero h1 em{font-style:normal;background:linear-gradient(100deg,#fff 10%,#79adff 70%,#55d6ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p,.page>p{max-width:610px;color:#8995a6;line-height:1.75;font-size:14px;margin:0 0 27px}.box button,.emptycard button,.hero button,.keyhead button{border:1px solid #376fc9;background:linear-gradient(135deg,#4e8fff,#3c70df);color:#fff;border-radius:9px;padding:11px 16px;font-size:11px;font-weight:600;cursor:pointer;box-shadow:0 8px 28px #3978ef22;transition:.18s}.box button:hover,.emptycard button:hover,.hero button:hover,.keyhead button:hover{transform:translateY(-1px);box-shadow:0 12px 34px #3978ef35}.hero .ghost{margin-left:8px;background:#0d131d;border-color:#202d3f;color:#b5c0cf;box-shadow:none}.orb{width:300px;height:300px;margin-right:7%;border:1px solid #203451;border-radius:50%;display:grid;place-items:center;position:relative;background:radial-gradient(circle,#10284c 0,#09111f 42%,transparent 70%);box-shadow:0 0 100px #2c72e51c}.orb:after,.orb:before{content:"";position:absolute;border:1px solid #1c3b67;border-radius:50%}.orb:before{inset:32px;transform:rotate(55deg)}.orb:after{inset:-32px;transform:rotate(-35deg);border-color:#15283f}.orb strong{width:72px;height:72px;border-radius:21px;display:grid;place-items:center;background:linear-gradient(145deg,#183a70,#0b172b);border:1px solid #315f9e;color:#9fc4ff;font:700 29px Space Grotesk;box-shadow:0 0 70px #418bff25}.metrics,.usagegrid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:14px;background:#080c13cc;overflow:hidden;box-shadow:0 18px 50px #0003}.metric{padding:20px 21px;border-right:1px solid var(--line)}.metric:last-child{border:0}.metric small,.usagegrid small{display:block;color:#5f6d80;font-size:8px;letter-spacing:.16em;font-weight:700}.metric b,.usagegrid b{display:block;font:600 25px Space Grotesk;margin:8px 0 3px}.metric span,.usagegrid span{font-size:9px;color:#536174}.two{display:grid;grid-template-columns:1.15fr .85fr;grid-gap:16px;gap:16px;margin-top:16px}.box,.chart,.docs,.emptycard,.modelcard,.result,.two>article{background:linear-gradient(145deg,#0b1018,#080c12);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 60px #0004}.two>article{padding:22px}.box>label,.result>label,.two article>label{display:block;color:#617084;font-size:8px;letter-spacing:.16em;font-weight:700}.two h2{font:600 18px Space Grotesk;margin:8px 0 16px}.docs pre,.two pre{margin:0;padding:18px;background:#05080d;border:1px solid #172130;border-radius:9px;color:#9fc4ff;font:11px/1.75 ui-monospace,monospace;overflow:auto}.link{color:#72a8ff;font-size:10px;padding:0;margin-top:13px}.link,.row{border:0;background:none;cursor:pointer}.row{width:100%;border-bottom:1px solid #141d29;color:#fff;display:flex;align-items:center;gap:10px;padding:10px 0;text-align:left}.row:last-of-type{border:0}.row>b{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#10213a;border:1px solid #254b7d;color:#8db7ff;font-size:9px}.row span{flex:1 1;font-size:10px}.row span small{display:block;color:#536174;font-size:8px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row i{font-style:normal;color:var(--green);font-size:8px}.page{max-width:1160px;margin:auto}.page>label{margin-bottom:11px}.page h1{font-size:44px;margin-bottom:9px}.page>p{margin-bottom:28px}.play{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.box,.result{padding:22px}.box label{display:grid;grid-gap:7px;gap:7px;color:#68768a;font-size:8px;letter-spacing:.15em;font-weight:700;margin-bottom:18px}.box select,.box textarea{background:#05090f;border:1px solid #1b2737;color:#eef3f8;border-radius:8px;padding:11px;outline:0}.box select:focus,.box textarea:focus{border-color:#356dc4;box-shadow:0 0 0 3px #356dc414}.box textarea{height:245px;resize:vertical;font-size:12px;letter-spacing:0}.box>button{width:100%;margin-top:2px}.result>label{margin-bottom:18px}.result p{font-size:12px;line-height:1.8;white-space:pre-wrap}.empty{min-height:300px;display:grid;place-items:center;text-align:center}.emptycard{padding:65px 25px;text-align:center}.emptycard>div{width:56px;height:56px;margin:auto;border-radius:16px;display:grid;place-items:center;border:1px solid #28436b;background:#0d1a2c;color:#81b2ff;font-size:24px}.emptycard h2{font:600 20px Space Grotesk;margin:18px 0 7px}.emptycard p{font-size:11px;color:#667487;margin-bottom:20px}.modelgrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:13px;gap:13px}.modelcard{border-radius:12px;padding:18px;text-align:left;color:var(--text);cursor:pointer;transition:.2s}.modelcard:hover{transform:translateY(-3px);border-color:#315f9e;box-shadow:0 20px 55px #0006}.modelcard>div{display:flex;justify-content:space-between}.modelcard>div>b{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#10213a;color:#83b2ff}.modelcard i{font-style:normal;color:var(--green);font-size:8px;padding-top:8px}.modelcard h3{font:600 15px Space Grotesk;margin:19px 0 7px}.modelcard code{display:block;color:#566478;font:9px ui-monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modelcard span{display:block;margin-top:17px;padding-top:12px;border-top:1px solid #17212e;color:#6e9ee9;font-size:9px}.keyhead{display:flex;justify-content:space-between;align-items:center;margin:22px 0 14px}.keyhead b{font:600 26px Space Grotesk}.keyhead span{color:#657387;font-size:10px}.keyrow{display:grid;grid-template-columns:1fr auto auto;grid-gap:12px;gap:12px;align-items:center;padding:13px 15px;background:#0b1018;border:1px solid var(--line);border-bottom:0}.keyrow:first-child{border-radius:11px 11px 0 0}.keyrow:last-child{border-bottom:1px solid var(--line);border-radius:0 0 11px 11px}.keyrow b{font:11px ui-monospace;color:#d6deea}.keyrow small{display:block;color:#566477;font-size:8px;margin-top:3px}.keyrow button{border:1px solid #253348;background:#111925;color:#b7c4d5;border-radius:6px;padding:6px 9px;font-size:9px;cursor:pointer}.keyrow .danger{color:#ff8b9d;border-color:#4c2730}.note{margin-top:13px;color:#556377;font-size:9px}.usagegrid{grid-template-columns:repeat(3,1fr);border:0;background:none;gap:13px;overflow:visible;box-shadow:none}.usagegrid article{padding:21px;border:1px solid var(--line);border-radius:13px;background:#0a0f16}.usagegrid b{font-size:28px}.chart{margin-top:14px;padding:22px;min-height:280px}.chart>label{color:#617084;font-size:8px;letter-spacing:.15em;font-weight:700}.event{display:grid;grid-template-columns:95px 1fr auto auto;grid-gap:12px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #141d28;font-size:9px}.event small{color:#59677a}.event b{font-weight:500}.event i{font-style:normal}.event .ok{color:var(--green)}.event .bad{color:var(--red)}.docsnav{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:14px}.docsnav button{border:0;background:none;color:#687588;padding:10px 12px;cursor:pointer;font-size:9px}.docsnav button.active{color:#fff;border-bottom:2px solid var(--blue)}.docs{padding:26px}.docs h2{font:600 22px Space Grotesk;margin:0 0 8px}.docs p{color:#748094;font-size:11px;line-height:1.7}.docs pre{margin-top:18px}.docs .link{margin-top:12px}@media(max-width:900px){.app aside{width:72px;padding:18px 8px}.app aside .logo span{font-size:0}.app aside .logo b{font-size:15px}.app aside>button,.app aside>label{font-size:0}.app aside>button{justify-content:center;padding:12px}.app aside>button:before{font-size:16px}.app footer{font-size:0;text-align:center}.main{margin-left:72px;width:calc(100% - 72px)}.main main{padding:30px 20px}.orb{display:none}.metrics{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.play,.two{grid-template-columns:1fr}.modelgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.main>header{padding:0 15px}.main main{padding:25px 13px}.hero{min-height:0;padding:28px 0}.hero h1,.page h1{font-size:38px}.hero .ghost{margin:8px 0 0}.hero button{width:100%;margin:0}.metrics,.usagegrid{grid-template-columns:1fr 1fr}.metric{padding:16px}.metric b{font-size:21px}.modelgrid{grid-template-columns:1fr}.keyhead{align-items:flex-start;gap:12px;flex-direction:column}.keyrow{grid-template-columns:1fr auto}.keyrow .danger{grid-column:2}.event{grid-template-columns:1fr auto}.event small{display:none}.event b{overflow:hidden;text-overflow:ellipsis}.docsnav{overflow:auto}.prod{display:none}}