:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;background:#07142d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#07142d;min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}button{cursor:pointer}.container{width:min(1180px,100% - 48px);margin:0 auto}.header{z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#06132bd6;border-bottom:1px solid #94a3b81f;position:fixed;top:0;left:0;right:0}.navbar{justify-content:space-between;align-items:center;gap:32px;height:76px;display:flex}.brand{color:#fff;align-items:center;gap:11px;text-decoration:none;display:flex}.brand-mark,.mini-logo{color:#fff;background:linear-gradient(135deg,#06b6d4,#2563eb);place-items:center;font-weight:900;display:grid;transform:skew(-8deg);box-shadow:0 10px 30px #06b6d440}.brand-mark{border-radius:11px;width:42px;height:42px;font-size:25px}.brand-copy{flex-direction:column;line-height:1;display:flex}.brand-copy strong{letter-spacing:.05em;font-size:22px}.brand-copy span{letter-spacing:.28em;color:#7dd3fc;margin-top:5px;font-size:9px}.nav{align-items:center;gap:28px;display:flex}.nav button{color:#cbd5e1;background:0 0;border:0;font-size:14px;transition:all .2s}.nav button:hover{color:#22d3ee}.btn{border:0;border-radius:10px;justify-content:center;align-items:center;gap:10px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(135deg,#0891b2,#2563eb);padding:12px 20px;box-shadow:0 12px 30px #0891b233}.btn-primary:hover{box-shadow:0 16px 40px #0891b252}.btn-secondary{color:#e2e8f0;background:#ffffff0a;border:1px solid #94a3b847;padding:12px 20px}.btn-secondary:hover{background:#ffffff14}.btn-large{min-height:50px;padding-left:24px;padding-right:24px}.hero{background:radial-gradient(circle at 82% 38%,#06b6d41f,#0000 26%),radial-gradient(circle at 15% 35%,#2563eb1f,#0000 28%),linear-gradient(135deg,#07152f 0%,#081a3b 48%,#06142e 100%);min-height:100vh;padding:150px 0 42px;position:relative;overflow:hidden}.hero:before{content:"";opacity:.15;background-image:linear-gradient(#7dd3fc14 1px,#0000 1px),linear-gradient(90deg,#7dd3fc14 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 90%);mask-image:linear-gradient(#000,#0000 90%)}.hero-grid{z-index:2;grid-template-columns:.95fr 1.05fr;align-items:center;gap:72px;display:grid;position:relative}.eyebrow{color:#67e8f9;text-transform:uppercase;letter-spacing:.13em;background:#0891b214;border:1px solid #22d3ee38;border-radius:999px;align-items:center;gap:9px;width:fit-content;margin-bottom:22px;padding:8px 13px;font-size:10px;font-weight:800;display:flex}.eyebrow-dot{background:#22d3ee;border-radius:50%;width:6px;height:6px;box-shadow:0 0 15px #22d3ee}.hero h1{color:#f8fafc;letter-spacing:-.055em;max-width:650px;margin:0;font-size:clamp(46px,5.2vw,76px);line-height:.98}.hero h1 span{color:#22d3ee;margin-top:8px;display:block}.hero-description{color:#aebbd0;max-width:580px;margin:27px 0 0;font-size:17px;line-height:1.8}.hero-actions{gap:12px;margin-top:32px;display:flex}.hero-points{color:#94a3b8;flex-wrap:wrap;gap:22px;margin-top:28px;font-size:12px;display:flex}.hero-points div{align-items:center;gap:7px;display:flex}.check{color:#22d3ee;background:#22d3ee1a;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;display:grid}.hero-visual{justify-content:center;align-items:center;min-height:520px;display:flex;position:relative}.dashboard-card{z-index:3;background:#091c3de0;border:1px solid #7dd3fc38;border-radius:18px;width:100%;max-width:590px;position:relative;overflow:hidden;transform:perspective(1100px)rotateY(-5deg)rotateX(2deg);box-shadow:0 40px 90px #00000059,0 0 80px #06b6d414}.dashboard-top{border-bottom:1px solid #94a3b81f;justify-content:space-between;align-items:center;height:62px;padding:0 18px;display:flex}.dashboard-logo{align-items:center;gap:9px;display:flex}.mini-logo{border-radius:7px;width:29px;height:29px}.dashboard-logo div:last-child{flex-direction:column;display:flex}.dashboard-logo strong{font-size:11px}.dashboard-logo small{color:#64748b;margin-top:2px;font-size:8px}.window-actions{gap:6px;display:flex}.window-actions span{background:#334155;border-radius:50%;width:7px;height:7px}.dashboard-body{min-height:335px;display:flex}.dashboard-sidebar{border-right:1px solid #94a3b81a;width:60px;padding:26px 14px}.dashboard-sidebar div{background:#253755;border-radius:999px;width:100%;height:6px;margin-bottom:22px}.dashboard-sidebar .side-active{background:#22d3ee;box-shadow:0 0 12px #22d3ee66}.dashboard-content{flex:1;padding:27px}.dashboard-title,.chart-header{justify-content:space-between;align-items:flex-start;display:flex}.dashboard-title div,.chart-header div{flex-direction:column;display:flex}.dashboard-title small,.chart-header small,.metric small{color:#64748b;font-size:9px}.dashboard-title strong{margin-top:5px;font-size:17px}.status{color:#5eead4;background:#14b8a61a;border-radius:999px;padding:6px 9px;font-size:8px}.metrics{grid-template-columns:repeat(3,1fr);gap:11px;margin-top:24px;display:grid}.metric,.chart-card{background:#ffffff06;border:1px solid #94a3b81c}.metric{border-radius:10px;min-height:85px;padding:14px;position:relative;overflow:hidden}.metric strong{margin-top:9px;font-size:19px;display:block}.metric-line{background:linear-gradient(90deg,#06b6d4,#0000);width:70%;height:2px;position:absolute;bottom:0;left:0}.chart-card{border-radius:10px;margin-top:12px;padding:16px}.chart-header strong{margin-top:4px;font-size:11px}.chart-header>span{color:#64748b;font-size:8px}.chart{border-bottom:1px solid #94a3b81f;align-items:end;gap:12px;height:100px;margin-top:18px;padding:0 8px;display:flex}.chart span{opacity:.75;background:linear-gradient(#22d3ee,#0e7490);border-radius:4px 4px 0 0;flex:1;min-height:10px}.visual-orbit{border:1px solid #22d3ee1f;border-radius:50%;position:absolute}.orbit-one{width:580px;height:580px}.orbit-two{width:430px;height:430px}.floating-card{z-index:5;background:#0a1d3ef0;border:1px solid #7dd3fc2e;border-radius:12px;align-items:center;gap:10px;min-width:135px;padding:12px 14px;display:flex;position:absolute;box-shadow:0 20px 45px #00000040}.floating-card>span{color:#22d3ee;font-size:22px}.floating-card div{flex-direction:column;display:flex}.floating-card strong{font-size:10px}.floating-card small{color:#64748b;margin-top:2px;font-size:8px}.floating-code{top:65px;right:-10px}.floating-cloud{bottom:52px;left:-20px}.hero-bottom{z-index:2;color:#64748b;letter-spacing:.18em;border-top:1px solid #94a3b81f;justify-content:center;align-items:center;gap:22px;margin-top:70px;padding-top:25px;font-size:9px;display:flex;position:relative}.hero-bottom i{background:#22d3ee;border-radius:50%;width:3px;height:3px}.placeholder-section{color:#0f172a;background:#f8fafc;align-items:center;min-height:440px;display:flex}.placeholder-dark{color:#fff;background:#07142d}.section-label{color:#0891b2;text-transform:uppercase;letter-spacing:.17em;font-size:11px;font-weight:800}.placeholder-section h2{letter-spacing:-.04em;max-width:700px;margin:12px 0 0;font-size:clamp(34px,5vw,58px)}@media (width<=980px){.nav{display:none}.hero{padding-top:125px}.hero-grid{grid-template-columns:1fr;gap:40px}.hero-content{text-align:center}.eyebrow,.hero-description{margin-left:auto;margin-right:auto}.hero-actions,.hero-points{justify-content:center}.hero-visual{width:min(650px,100%);margin:0 auto}.dashboard-card{transform:none}}@media (width<=640px){.container{width:min(100% - 30px,1180px)}.navbar{height:68px}.navbar>.btn{padding:10px 14px;font-size:12px}.brand-copy strong{font-size:18px}.hero{padding-top:115px}.hero h1{font-size:46px}.hero-description{font-size:15px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero-points{flex-direction:column;align-items:center}.hero-visual{min-height:400px}.dashboard-content{padding:17px}.dashboard-sidebar{display:none}.metrics{gap:6px}.metric{padding:10px}.metric strong{font-size:15px}.floating-card{display:none}.hero-bottom{flex-wrap:wrap;gap:12px;margin-top:30px}}