*{box-sizing:border-box}body{margin:0;background:#07101d;color:#e8f0ff;font-family:Inter,system-ui,Arial}aside{position:fixed;inset:0 auto 0 0;width:250px;background:#0b1627;border-right:1px solid #1d2c42;padding:24px 16px;overflow:auto}.brand{font-size:28px}.brand b{color:#22d3ee}.brand span{margin-left:7px}.tag{font-size:11px;color:#71819a;margin:3px 0 25px}nav a,.sidefoot a{display:block;color:#9fb0c8;text-decoration:none;padding:11px 13px;border-radius:10px;margin:3px 0}nav a:hover,nav a.on{background:#11263c;color:#67e8f9}.sidefoot{margin-top:25px;border-top:1px solid #1d2c42;padding-top:14px}main{margin-left:250px}header{height:86px;border-bottom:1px solid #1d2c42;display:flex;align-items:center;padding:0 28px;gap:14px;background:#081321;position:sticky;top:0;z-index:5}header h1{font-size:20px;margin:2px 0}header small{color:#64748b}.user{margin-left:auto;color:#b8c7da}.dot{display:inline-block;width:8px;height:8px;background:#34d399;border-radius:50%;margin-right:8px}.content{padding:28px;max-width:1450px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card,.panel{background:linear-gradient(180deg,#0d1b2d,#0a1625);border:1px solid #1c3048;border-radius:16px;padding:20px}.card small{color:#8192aa;display:block}.card strong{font-size:27px;display:block;margin:9px 0}.card p,.muted{color:#71839b;font-size:13px}.panel{margin-top:18px}.panel h2{margin-top:0;font-size:17px}.split{display:grid;grid-template-columns:2fr 1fr;gap:18px}.service{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:16px 0;border-bottom:1px solid #1a2b40}.service:last-child{border:0}.badge{font-size:12px;padding:5px 9px;border-radius:99px;background:#123525;color:#6ee7b7}.badge.wait{background:#352b12;color:#fcd34d}.btn{display:inline-block;border:0;border-radius:10px;background:#0891b2;color:white;padding:11px 16px;text-decoration:none;font-weight:700;cursor:pointer}.btn.ghost{background:#13243a;color:#a9c2df}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.plan{position:relative}.plan .price{font-size:32px;font-weight:800}.plan.featured{border-color:#22d3ee;box-shadow:0 0 0 1px #22d3ee55}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:12px;border-bottom:1px solid #1b2c40;font-size:13px}.table th{color:#71839b}input,select{width:100%;background:#07111f;color:#e5eefb;border:1px solid #263b55;border-radius:9px;padding:11px}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:14px}.notice{padding:12px 15px;border:1px solid #155e75;background:#0c2835;border-radius:10px;margin-bottom:15px}#menu{display:none}.hero{padding:26px;background:radial-gradient(circle at top right,#0e749033,transparent 45%),#0b1929;border:1px solid #1c3048;border-radius:18px}.hero h2{font-size:30px;margin:0 0 8px}.code{background:#050a12;border:1px solid #1e293b;border-radius:10px;padding:14px;font-family:monospace;color:#a5f3fc;overflow:auto}@media(max-width:900px){aside{transform:translateX(-100%);z-index:10;transition:.2s}body.menu aside{transform:none}main{margin-left:0}#menu{display:block;background:none;border:0;color:white;font-size:22px}.grid{grid-template-columns:1fr 1fr}.split,.plans{grid-template-columns:1fr}}@media(max-width:560px){.content{padding:16px}.grid{grid-template-columns:1fr}.formrow{grid-template-columns:1fr}header{padding:0 16px}.user{font-size:0}}/* V3 premium public website + separated portals */
body.public{background:#050914;color:#edf4ff}.public .brand{text-decoration:none;color:#fff}.topbar{height:76px;max-width:1280px;margin:auto;padding:0 28px;display:flex;align-items:center;border-bottom:1px solid #172033;background:transparent;position:relative}.public-nav{display:flex;margin:auto;gap:28px}.public-nav a,.public-footer a{color:#9eacc1;text-decoration:none;font-size:14px}.public-nav a:hover,.public-footer a:hover{color:#fff}.top-actions{display:flex;gap:10px}.public-main{max-width:1280px;margin:auto;padding:0 28px}.landing-hero{min-height:640px;display:grid;grid-template-columns:1.08fr .92fr;gap:65px;align-items:center;padding:80px 0;background:radial-gradient(circle at 70% 30%,#0e74902b,transparent 31%)}.eyebrow,.section-title>span,.cta span{font-size:12px;letter-spacing:.16em;color:#22d3ee;font-weight:800}.landing-hero h1{font-size:64px;line-height:1.03;letter-spacing:-.045em;margin:15px 0 22px;max-width:760px}.landing-hero h1 span{background:linear-gradient(90deg,#67e8f9,#818cf8);-webkit-background-clip:text;color:transparent}.landing-hero>div>p{font-size:18px;line-height:1.7;color:#91a2b9;max-width:700px}.hero-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.btn.big{padding:14px 20px}.trust-row{display:flex;gap:20px;flex-wrap:wrap;margin-top:30px;color:#7f91aa;font-size:12px}.api-window{border:1px solid #22324a;border-radius:18px;background:#080f1d;box-shadow:0 30px 80px #0008;overflow:hidden;transform:perspective(1200px) rotateY(-3deg)}.window-head{height:48px;background:#0c1626;border-bottom:1px solid #1d2a3d;display:flex;align-items:center;gap:7px;padding:0 16px;color:#71839c;font-size:12px}.window-head i{width:9px;height:9px;border-radius:50%;background:#334155}.window-head span{margin-left:10px}.api-window pre{margin:0;padding:26px;min-height:370px;white-space:pre-wrap;color:#a5b4c8;font-size:13px;line-height:1.8}.api-window code span{color:#34d399}.metric-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #1a2639;border-radius:18px;background:#08111e;margin:0 0 80px}.metric-strip div{padding:24px;border-right:1px solid #1a2639}.metric-strip div:last-child{border:0}.metric-strip b,.metric-strip span{display:block}.metric-strip b{font-size:16px}.metric-strip span{color:#71839b;font-size:12px;margin-top:6px}.public-section{padding:80px 0}.public-section.alt{border-top:1px solid #142033;border-bottom:1px solid #142033}.section-title{max-width:690px;margin-bottom:36px}.section-title h2{font-size:40px;margin:10px 0 12px;letter-spacing:-.03em}.section-title p{color:#8495ad;line-height:1.7}.feature-grid,.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card,.price-card{padding:28px;border:1px solid #1c2a40;border-radius:18px;background:linear-gradient(180deg,#0a1423,#070e19);transition:.2s}.feature-card:hover,.price-card:hover{transform:translateY(-4px);border-color:#285272}.feature-card .icon{width:44px;height:44px;border-radius:12px;background:#0e749033;color:#67e8f9;display:grid;place-items:center;font-size:20px}.feature-card h3,.price-card h3{font-size:20px}.feature-card p,.price-card p,.price-card li{color:#7f91a9;line-height:1.6}.feature-card a{color:#67e8f9;text-decoration:none;font-weight:700}.feature-meta{border-top:1px solid #1b293c;margin:20px 0;padding-top:15px;display:flex;justify-content:space-between;color:#8294aa;font-size:13px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.steps b{font-size:12px;color:#22d3ee}.steps h3{font-size:18px}.steps p{color:#7f91a9;line-height:1.6}.price-card .price{font-size:30px;font-weight:850;margin:16px 0}.price-card ul{padding-left:20px;min-height:115px}.pricing-grid{grid-template-columns:repeat(4,1fr)}.cta{margin:70px 0;padding:45px;border:1px solid #21405b;border-radius:22px;background:radial-gradient(circle at right,#0e749044,transparent 50%),#091524;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:32px;max-width:700px;margin:10px 0}.public-footer{max-width:1280px;margin:auto;padding:35px 28px 55px;border-top:1px solid #172033;display:flex;align-items:center;gap:30px;color:#6f8097}.public-footer p{margin-right:auto}.public-footer div:last-child{display:flex;gap:18px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-title h2{margin:0}.panel-title a{color:#67e8f9;text-decoration:none;font-size:13px}.empty{padding:25px;border:1px dashed #2b3c54;border-radius:13px;color:#8193aa}.empty b{color:#dbeafe}.quota-row{padding:18px 0;border-bottom:1px solid #1a2b40;display:grid;grid-template-columns:1fr auto;gap:8px}.quota-row:last-child{border:0}.quota-row small{display:block;color:#72849b;margin-top:4px}.progress{grid-column:1/-1;height:7px;border-radius:99px;background:#111f31;overflow:hidden}.progress i{height:100%;display:block;background:linear-gradient(90deg,#0891b2,#6366f1)}.quick{padding-left:20px;color:#91a3ba;line-height:1.75}.user em{font-style:normal;font-size:9px;background:#312e81;color:#c7d2fe;padding:4px 6px;border-radius:6px;margin-left:8px}.status{font-size:11px;padding:4px 7px;border-radius:99px}.status.good{background:#123525;color:#6ee7b7}.status.bad{background:#3b1717;color:#fca5a5}.tablewrap{overflow:auto}
@media(max-width:1000px){.landing-hero{grid-template-columns:1fr;padding:60px 0}.landing-hero h1{font-size:52px}.api-window{transform:none}.pricing-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.public-nav{display:none}}
@media(max-width:650px){.topbar,.public-main{padding-left:18px;padding-right:18px}.topbar{height:68px}.top-actions .ghost{display:none}.landing-hero{padding:45px 0;min-height:auto;gap:35px}.landing-hero h1{font-size:42px}.landing-hero>div>p{font-size:16px}.metric-strip{grid-template-columns:1fr 1fr}.metric-strip div:nth-child(2){border-right:0}.feature-grid,.pricing-grid,.steps{grid-template-columns:1fr}.public-section{padding:55px 0}.section-title h2{font-size:32px}.cta{padding:28px;align-items:flex-start;flex-direction:column}.cta h2{font-size:27px}.public-footer{flex-wrap:wrap}.public-footer p{width:100%}.api-window pre{font-size:11px;padding:18px}}