@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#070a0e;--ink:#ecf2f3;--muted:#89949e;--gold:#ddc28b;--cyan:#80e8ef;--line:#ffffff15}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font:14px Manrope, sans-serif;overflow-x:hidden}button,a,input,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,select{font:inherit;color:var(--ink);background:#151d23;border:1px solid #ffffff25;border-radius:8px;padding:12px 16px;cursor:pointer;min-height:44px}button:hover,a.button:hover{border-color:var(--cyan);box-shadow:0 0 25px #80e8ef15;transform:translateY(-2px)}button:disabled{opacity:.45;cursor:default}button,a{transition:transform .2s,box-shadow .2s,border-color .2s}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}small{color:var(--muted)}.ambient{position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 90% 10%,#14677919,transparent 48%),radial-gradient(ellipse at 5% 60%,#bd94350b,transparent 40%)}header{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5%;font-size:12px;letter-spacing:1px}.brand{font:bold 28px 'Space Grotesk';color:var(--gold)}.brand>span{color:var(--cyan)}.brand small{font:10px Manrope;letter-spacing:2px;margin-left:20px}main{max-width:1440px;margin:auto;padding:0 5%}section{margin:80px 0}.eyebrow{color:var(--gold);font-size:10px;letter-spacing:2.6px;font-weight:700}h1,h2,h3{font-family:'Space Grotesk',sans-serif;letter-spacing:-1.6px;margin:15px 0}h2{font-size:38px;font-weight:500}h2 em{font-style:normal;color:var(--cyan)}h3{font-size:46px}p{line-height:1.85;color:var(--muted)}.hero{position:relative;min-height:650px;margin:0;display:grid;grid-template-columns:44% 56%;align-items:center;border-bottom:1px solid var(--line);isolation:isolate}.hero:before{content:'';position:absolute;inset:0 -6%;background:radial-gradient(ellipse at 72% 46%,#1e6e8020,transparent 50%);z-index:-1}.hero-copy{z-index:2;padding-bottom:70px}.hero h1{font-size:clamp(44px,5.7vw,80px);line-height:1.03;margin:25px 0}.hero h1 span{background:linear-gradient(110deg,#e6cea0,#b8904c);background-clip:text;color:transparent}.tagline{font:32px/1.3 'Space Grotesk';color:#d4dce1;margin:22px 0}.tagline em{font-style:normal;color:var(--muted)}.hero-note{font-size:13px}.button{display:inline-block;border:1px solid var(--line);padding:16px 22px;border-radius:8px;font-size:12px;font-weight:800;letter-spacing:.4px}.gold{background:linear-gradient(120deg,#ead6a9,#bf9957);color:#19160f;border-color:#ead6a9}.stage{position:relative;overflow:hidden;height:570px;touch-action:pan-y;cursor:grab;min-width:0}.stage:active{cursor:grabbing}.stage canvas{width:100%;height:100%;display:block;position:relative;z-index:1}.stage-grid{position:absolute;inset:10% -10%;background:linear-gradient(#71dded08 1px,transparent 1px),linear-gradient(90deg,#71dded08 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse,black,transparent 65%);transform:perspective(600px) rotateX(25deg);animation:gridMove 24s linear infinite}.core-label{position:absolute;bottom:25px;left:0;right:0;text-align:center;font:11px 'Space Grotesk';letter-spacing:4px;color:var(--cyan)}.core-label small{display:block;font-size:8px;letter-spacing:2px;margin-top:10px}#motion-toggle{position:absolute;top:16px;right:0;font-size:10px;padding:8px 12px;background:transparent;z-index:4}.hero-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:24px 0}.hero-bottom>span{font:24px 'Space Grotesk';color:var(--gold)}.hero-bottom small{font:9px Manrope;letter-spacing:1.5px;margin-left:10px}.panel{border:1px solid var(--line);border-radius:18px;padding:28px;background:linear-gradient(135deg,#1b232bb0,#0c1015ef);box-shadow:inset 0 1px #ffffff06,0 20px 60px #0002;position:relative;overflow:hidden;transition:border-color .3s,transform .3s}.panel:hover{border-color:#80e8ef3b}.panel:before{content:'';height:1px;position:absolute;top:0;left:15%;right:15%;background:linear-gradient(90deg,transparent,#80e8ef55,transparent)}.pass{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;align-items:center;margin-top:35px;background:radial-gradient(ellipse at 50% 0,#2b505328,transparent 70%),linear-gradient(120deg,#131b22,#0e1216)}.pass h2{font-size:23px;letter-spacing:-.5px}.pass p{font-size:11px;color:var(--cyan)}.pass>div:last-child small{display:block;font-size:10px;margin-top:12px}.clock{text-align:center}#countdown{font:40px 'Space Grotesk';letter-spacing:2px;font-variant-numeric:tabular-nums;color:var(--gold)}.clock small{font-size:10px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-head h2{margin-bottom:0}.section-head>span{font-size:11px;color:var(--muted)}.tag{padding:8px 12px;border:1px solid var(--line);border-radius:30px;font-size:9px!important;letter-spacing:1px;white-space:nowrap}.access-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:20px}.panel-top{display:flex;justify-content:space-between;gap:12px;font:10px 'Space Grotesk';letter-spacing:1.5px;color:var(--cyan);margin-bottom:25px}.panel-top>span:last-child{color:var(--muted);font-size:8px}.key-line{display:flex;gap:8px;align-items:center}.key-line input{min-width:0;width:100%;background:#060a0e;border:1px solid var(--line);color:var(--gold);padding:16px 12px;border-radius:8px;font:14px monospace}.key-line button{padding:10px;font-size:11px}.meta{font-size:10px;color:var(--muted);margin:12px 0 24px}.endpoint{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding-top:18px;border-top:1px solid var(--line)}.endpoint small{width:100%;font-size:9px;letter-spacing:1px}code{font:12px monospace;color:var(--cyan);overflow-wrap:anywhere}.endpoint button{font-size:10px}.key-meta{display:flex;gap:30px;margin-top:24px;color:var(--muted);font-size:10px}.key-meta b{display:block;font-weight:400;margin-top:6px}.terminal pre{font:12px/2 monospace;overflow:auto;color:#d2c6a8;white-space:pre;max-width:100%}.terminal pre span{color:var(--cyan)}.terminal p,.terminal a{font-size:11px}.telemetry{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.telemetry p{font-size:11px}.gauge-card{text-align:center}.gauge{width:148px;height:148px;margin:0 auto 12px;border:5px solid #244347;border-bottom-color:#101b20;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 30px #80e8ef08}.gauge b{font:40px 'Space Grotesk';color:var(--cyan)}.gauge small{font-size:8px;letter-spacing:1px}.slots{display:flex;gap:8px}.slots i{width:50%;height:15px;border:1px solid #52636a55;border-radius:3px}.slots i.lit{background:#80e8ef;box-shadow:0 0 18px #80e8ef55}.capacity{height:6px;background:#ffffff0d;border-radius:10px;overflow:hidden}.capacity i{display:block;background:linear-gradient(90deg,var(--gold),var(--cyan));height:100%;width:0;transition:width 1s}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}.metrics article{border-left:1px solid #80e8ef35;padding:15px 20px;background:linear-gradient(100deg,#17323a33,transparent)}.metrics article div{font-size:10px;color:var(--muted)}.metrics article h2{font-size:30px;margin:12px 0;color:#dce8ec;letter-spacing:-1px}.metrics.secondary article h2{font-size:21px}.usage-note{font-size:12px}.chart-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}.chart{min-height:200px;display:flex;align-items:center;justify-content:center}.chart svg{width:100%;height:200px;overflow:visible}.empty{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted);font-size:12px;width:100%;background:repeating-linear-gradient(0deg,transparent,transparent 39px,#ffffff05 40px)}.empty:before{content:'⌁';font:42px 'Space Grotesk';color:#80e8ef55;margin-bottom:10px}.empty small{font-size:10px;margin-top:8px}.models{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.model{--accent:#80e8ef;position:relative;padding:25px;border:1px solid #ffffff12;border-radius:14px;min-height:195px;background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--accent) 10%,transparent),transparent 75%),#10151b;transition:transform .25s,border-color .25s,box-shadow .25s}.model:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 16px 30px #0005}.model[data-family=glm]{--accent:#a6b8ff}.model[data-family=kimi]{--accent:#ad9bf3}.model[data-family=minimax]{--accent:#e8a194}.model[data-family=deepseek]{--accent:#77a5ff}.model img{width:30px;height:30px;object-fit:contain;margin-bottom:18px}.model b{display:block;font:17px 'Space Grotesk';margin-bottom:10px}.model code{font-size:10px;color:var(--muted)}.model .model-state{display:block;font-size:10px;color:var(--accent);margin-top:18px}.model small{font-size:9px;display:block;margin-top:7px}.model button{position:absolute;top:18px;right:18px;background:transparent;font-size:10px;padding:8px 11px}.activity-row{display:grid;grid-template-columns:1.5fr 1fr 1.3fr 1fr;gap:15px;padding:18px 0;border-bottom:1px solid var(--line);font-size:11px;align-items:center}.activity-row span{overflow-wrap:anywhere}.activity-row span:first-child{color:var(--cyan)}.activity-row:last-child{border:0}.break-row{margin:22px 0}.break-row>div{display:flex;justify-content:space-between;font-size:11px;margin-bottom:10px}.break-row i{display:block;height:5px;background:linear-gradient(90deg,#b8975e,#80e8ef);border-radius:3px}.composition{min-height:180px}footer{padding:60px 0;border-top:1px solid var(--line);margin-top:80px}footer h2{font-size:32px}footer p{font-size:11px;max-width:780px}footer>small{display:block;margin-top:40px;letter-spacing:2px;font-size:9px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#d9c28f;color:#15120e;padding:13px 22px;border-radius:30px;font-size:12px;opacity:0;pointer-events:none;transition:.25s;z-index:20}#toast.visible{opacity:1;transform:translate(-50%,0)}@keyframes gridMove{to{background-position:40px 40px}}@keyframes reveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}section:not(.hero){animation:reveal .7s both}.is-lite .stage:after{content:'Animasi dijeda';position:absolute;top:50%;left:35%;color:var(--gold)}
@media(min-width:1500px){.stage{height:650px}.hero{min-height:730px}}@media(max-width:900px){.hero{grid-template-columns:45% 55%;min-height:590px}.stage{height:480px}.hero h1{font-size:48px}.hero-bottom small{display:block;margin:5px 0}.access-grid{grid-template-columns:1fr}.pass{grid-template-columns:1fr 1fr}.pass>div:last-child{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.models{grid-template-columns:repeat(2,1fr)}.telemetry{gap:12px}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){header{height:64px;padding:0 20px}.brand small{font-size:7px;letter-spacing:1px;margin-left:8px}header>a:last-child{font-size:10px}main{padding:0 20px}.hero{display:flex;flex-direction:column;min-height:0;padding-top:55px;align-items:stretch}.hero-copy{padding-bottom:0;position:relative}.hero h1{font-size:53px;margin:20px 0 15px}.hero .eyebrow{font-size:8px;letter-spacing:2px}.tagline{font-size:23px;line-height:1.3;margin:16px 0}.tagline br{display:none}.tagline em{margin-left:5px}.hero-note{font-size:11px}.hero-copy>.button{font-size:10px;padding:12px 16px}.stage{width:calc(100% + 40px);margin:0 -20px;height:380px;flex-shrink:0;margin-top:-10px}.core-label{bottom:20px;font-size:10px}.hero-bottom{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:20px 0}.hero-bottom>span{font-size:24px}.hero-bottom small{font-size:7px;letter-spacing:.3px;line-height:1.6}#motion-toggle{top:10px;min-height:34px}.hero:before{inset:20% -20px 0}.pass{display:flex;flex-direction:column;align-items:stretch;gap:20px;padding:24px;margin-top:25px}.pass h2{margin:12px 0 8px}.pass p{margin:0}.clock{text-align:left;border-top:1px solid var(--line);padding-top:20px}#countdown{font-size:44px;letter-spacing:2px}.pass>div:last-child{display:block}.pass .button{width:100%;text-align:center}.pass>div:last-child small{text-align:center}.section-head{align-items:start;gap:12px}.section-head h2{font-size:30px}.section-head .eyebrow{font-size:8px;letter-spacing:1.7px}.section-head>.tag{font-size:7px!important;white-space:normal;max-width:110px;text-align:center}.section-head>span{max-width:120px;font-size:9px}section{margin:55px 0}.panel{padding:22px;border-radius:14px}.key-line{flex-wrap:wrap}.key-line input{flex:1 0 100%;font-size:13px}.key-line button{flex:1}.endpoint code{font-size:11px}.key-meta{gap:16px}.terminal pre{font-size:10px}.telemetry{grid-template-columns:1fr 1fr}.gauge-card{grid-column:1/-1;display:flex;align-items:center;gap:20px;text-align:left}.gauge{margin:0;flex-shrink:0;width:130px;height:130px}.telemetry h3{font-size:32px}.telemetry .eyebrow{font-size:8px;letter-spacing:1px}.telemetry p{font-size:10px}.metrics{gap:8px}.metrics article{padding:13px}.metrics article h2{font-size:26px}.chart-grid{grid-template-columns:1fr}.chart{min-height:170px}.models{gap:12px}.model{padding:18px 14px;min-height:218px}.model b{font-size:15px;line-height:1.3}.model code{font-size:9px}.model button{top:12px;right:10px;padding:6px 8px;font-size:9px}.model .model-state{font-size:9px;line-height:1.6}.model small{font-size:8px}.activity-row{grid-template-columns:1fr 1fr;font-size:10px;gap:10px}.section-head select{max-width:100px;padding:10px;font-size:11px}footer h2{font-size:28px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}