:root{--bg:#0a0d12;--panel:#151a23cc;--border:#ffffff17;--text:#f5f7f8;--muted:#9ba5b3;--accent:#8fe3c1;--danger:#ff8d8d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 10% 0,#36545b33,transparent 33%),linear-gradient(#0a0d12,#0d1118);color:var(--text);font:16px/1.6 Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}header,main,footer{width:min(1180px,calc(100% - 40px));margin:auto}header{height:84px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-weight:800}.mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--accent);color:#07110d}nav{display:flex;gap:26px}nav a,.muted,.lead,.card>p,.about>p,.note{color:var(--muted)}.hero{min-height:590px;display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center;padding:80px 0 100px}.eyebrow{color:var(--accent);font-size:.75rem;font-weight:800;letter-spacing:.18em;margin:0 0 12px}h1{font-size:clamp(3.2rem,7vw,6.4rem);line-height:.98;letter-spacing:-.065em;margin:0 0 24px}h1 span{color:var(--muted);font-weight:500}.lead{max-width:610px;font-size:1.13rem}.actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.button{display:inline-flex;min-height:48px;padding:0 20px;border-radius:12px;align-items:center;font-weight:750}.primary{background:var(--accent);color:#07110d}.secondary{background:#ffffff0e;border:1px solid var(--border)}.overview{border:1px solid var(--border);border-radius:24px;padding:22px;background:linear-gradient(145deg,#1c222cea,#0f131bcc);box-shadow:0 24px 80px #0006}.overview-top{display:flex;justify-content:space-between;color:var(--muted);font-size:.82rem}.live{color:var(--accent)}.overview-body{display:grid;grid-template-columns:120px 1fr;gap:22px;align-items:center;margin-top:34px}.disc{width:116px;height:116px;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle,#222a34 0 4px,#11161e 5px 8px)}.disc i{width:34px;height:34px;border-radius:50%;background:var(--accent);border:9px solid #121821}section{padding:70px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}.section-head h2,.about h2{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.045em;margin:0}.section-head button,.link{border:0;background:none;color:var(--accent);cursor:pointer}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{min-height:260px;border:1px solid var(--border);border-radius:20px;padding:22px;background:var(--panel);transition:.2s}.card:hover{transform:translateY(-4px);border-color:#8fe3c157}.card-top{display:flex;justify-content:space-between}.icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#8fe3c11a;color:var(--accent)}.status{border-radius:999px;padding:5px 10px;font-size:.72rem;color:var(--muted);background:#ffffff0d}.status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-right:6px}.status.online{color:var(--accent)}.status.offline{color:var(--danger)}.category{margin:34px 0 5px!important;font-size:.76rem;text-transform:uppercase;letter-spacing:.13em}.card h3{font-size:1.4rem;margin:0 0 8px}.card strong{color:var(--accent);font-size:.88rem}.dashboard{overflow:hidden;min-height:660px;border:1px solid var(--border);border-radius:24px;background:#151a23;box-shadow:0 24px 80px #0006}.dashboard iframe{width:100%;height:660px;border:0}.placeholder{min-height:660px;display:grid;place-content:center;justify-items:center}.note{font-size:.82rem}.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;border-top:1px solid var(--border)}.about>p{font-size:1.08rem}footer{min-height:100px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.82rem}@media(max-width:900px){.hero{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){header,main,footer{width:calc(100% - 24px)}nav{display:none}.hero{padding-top:46px}.grid{grid-template-columns:1fr}.overview-body{grid-template-columns:86px 1fr}.disc{width:82px;height:82px}.about{grid-template-columns:1fr;gap:16px}footer{align-items:flex-start;justify-content:center;flex-direction:column}}