:root{color-scheme:dark;--bg:#07101d;--card:#0e1a2a;--card2:#122238;--line:#23344b;--text:#f1f5fb;--muted:#91a0b5;--cyan:#36d7d0;--green:#51d68a;--blue:#488cff;--violet:#a88bff;--amber:#ffbd5c;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 75% 0,#132a44,transparent 38%),var(--bg);color:var(--text);min-height:100vh}.shell{display:grid;grid-template-columns:245px 1fr;min-height:100vh}aside{border-right:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column;background:#07101de8}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none;padding:0 10px 35px}.brand>b{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#06101c;font-size:20px}.brand strong,.brand small,.metrics small,.metrics strong,.services small,.services strong,.side-status strong,.side-status small,.timeline strong,.timeline small,.architecture small,.architecture strong{display:block}.brand strong{letter-spacing:.13em}.brand small{font-size:10px;letter-spacing:.35em;color:var(--muted)}nav{display:grid;gap:6px}nav button{border:0;background:none;color:var(--muted);padding:13px 15px;border-radius:10px;text-align:left;font-size:14px;cursor:pointer}nav button:hover,nav button.active{background:var(--card2);color:var(--text)}nav button.active{box-shadow:inset 3px 0 var(--cyan)}.side-status{margin-top:auto;border-top:1px solid var(--line);padding:20px 9px 0;display:flex;align-items:center;gap:10px;font-size:12px}.side-status i{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green)}.side-status small{color:var(--muted)}main{padding:0 40px 50px;max-width:1450px;width:100%;margin:auto}header{height:102px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}h1,h2,h3,p{margin:0}h1{font-size:26px}h2{font-size:30px}.eyebrow{text-transform:uppercase;letter-spacing:.17em;color:var(--cyan);font-size:10px;font-weight:750;margin-bottom:8px}.secure{color:var(--green);font-size:12px;display:flex;align-items:center;gap:20px}.secure b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--card2);color:var(--text);border:1px solid var(--line)}.screen{display:none}.screen.active{display:block;animation:up .25s}@keyframes up{from{opacity:0;transform:translateY(6px)}}.hero{min-height:205px;padding:34px 38px;border:1px solid #1e4965;border-radius:18px;background:linear-gradient(120deg,#25cfc51c,#478cff12),var(--card);display:flex;align-items:center;justify-content:space-between}.hero>div:first-child{max-width:690px}.hero p:last-child,.intro p:last-child{color:var(--muted);line-height:1.65;margin-top:13px}.stage{width:125px;height:125px;border:1px solid #36d7d055;border-radius:50%;display:grid;place-content:center;text-align:center}.stage strong{font-size:42px;color:var(--cyan);font-weight:250}.stage small{color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:18px 0}.metrics article,.panel{background:var(--card);border:1px solid var(--line);border-radius:14px}.metrics article{padding:19px;display:flex;align-items:center;gap:14px}.metrics i{font-style:normal;width:38px;height:38px;border-radius:10px;background:var(--card2);display:grid;place-items:center}.metrics small,.services small,.timeline small{color:var(--muted);font-size:11px;margin-bottom:4px}.green{color:var(--green)}.blue{color:var(--blue)}.violet{color:var(--violet)}.amber{color:var(--amber)}.grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.panel{padding:24px}.panel-head,.intro{display:flex;justify-content:space-between;align-items:flex-start}.panel-head em,.intro em{font-style:normal;color:var(--green);background:#51d68a16;border-radius:99px;padding:7px 10px;text-transform:uppercase;letter-spacing:.1em;font-size:10px}.services{margin-top:18px}.services>div{display:flex;align-items:center;gap:13px;padding:14px 0;border-top:1px solid var(--line)}.services>div>b{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:var(--card2);color:var(--cyan);font-size:11px}.services span{flex:1}.services i{font-style:normal;color:var(--green);font-size:11px}.security ul{list-style:none;padding:12px 0 0;margin:0}.security li{padding:11px 0 11px 25px;border-bottom:1px solid var(--line);font-size:13px;color:#c8d2df}.security li:before{content:"✓";color:var(--green);margin-left:-25px;margin-right:13px}.intro{margin-bottom:25px}.intro .preview{color:var(--amber);background:#ffbd5c16}.empty{text-align:center;background:#0e1a2aaa;border:1px dashed #33475f;border-radius:16px;padding:75px 20px}.empty>b{display:grid;place-items:center;margin:0 auto 18px;width:55px;height:55px;border-radius:50%;background:#51d68a16;color:var(--green);font-size:22px}.empty p{color:var(--muted);margin-top:9px}.timeline>div{display:flex;gap:17px;padding:18px 0;border-bottom:1px solid var(--line)}.timeline>div:last-child{border:0}.timeline i{width:10px;height:10px;border-radius:50%;background:var(--cyan);margin-top:5px;box-shadow:0 0 12px #36d7d077}.timeline small{margin-top:6px}.architecture{min-height:315px;display:flex;gap:17px;align-items:center;justify-content:center;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:30px}.architecture div{min-width:145px;padding:23px;border:1px solid #31516c;border-radius:12px;background:var(--card2);text-align:center}.architecture small{color:var(--muted);margin-bottom:8px}.architecture span{color:var(--muted)}@media(max-width:900px){.shell{grid-template-columns:1fr}aside{padding:17px;position:static}.brand{padding-bottom:16px}nav{display:flex;overflow:auto}.side-status{display:none}main{padding:0 18px 35px}header{height:84px}.stage{display:none}.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.architecture{flex-direction:column}.architecture div{width:100%}.architecture span{transform:rotate(90deg)}}@media(max-width:520px){.secure{display:none}.hero{padding:27px}.metrics{grid-template-columns:1fr}.intro{display:block}.intro em{display:inline-block;margin-top:15px}}