*{box-sizing:border-box}
:root{--navy:#041329;--navy2:#071d38;--blue:#079be9;--cyan:#27d0e8;--burg:#e82b58;--burg2:#a81743;--text:#f5f8ff;--muted:#a8bad0}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px;background:radial-gradient(circle at 58% 24%,#083d6b 0,#061a33 25%,#030e20 65%,#020b18 100%);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;overflow-x:hidden}
body:after{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,#ffffff04,transparent 25%,#00000010);z-index:-1}
.ambient{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}.ambient-one{width:420px;height:420px;top:190px;right:15%;background:#0877e544}.ambient-two{width:340px;height:340px;top:580px;left:-90px;background:#e82b5822}
.nav{height:100px;border-bottom:1px solid #ffffff10;display:flex;align-items:center;gap:35px;padding:0 max(5vw,32px);position:relative;z-index:5;background:#03152bd9;backdrop-filter:blur(12px)}
.logo-link{width:300px;display:flex;align-items:center}.logo-link img{width:230px;height:74px;object-fit:contain;object-position:left center}
.nav nav{display:flex;align-items:center;gap:38px;margin-left:auto}.nav nav a{color:#e1e9f3;text-decoration:none;font-weight:650;font-size:15px;position:relative;padding:39px 0 35px}.nav nav a:hover,.nav nav a.active{color:#ff3b69}.nav nav a.active:after{content:"";position:absolute;bottom:15px;left:0;right:0;height:2px;background:#ff3b69}
.nav-cta{padding:14px 28px;border-radius:30px;background:linear-gradient(100deg,#0da8ee,#2d62d6);color:white;text-decoration:none;font-weight:800;white-space:nowrap}
.hero{max-width:1460px;margin:auto;padding:62px 6vw 30px;position:relative;display:grid;grid-template-columns:.92fr 1.08fr;gap:35px;align-items:center}
.hero-copy{padding-top:20px}.eyebrow{font-size:13px;letter-spacing:.18em;color:#8fd4ff;font-weight:800;margin-bottom:22px}
.hero h1{font-size:clamp(60px,6.4vw,104px);line-height:.92;letter-spacing:-.055em;margin:0 0 28px;font-weight:850}.hero h1 span{color:#f23461}.hero p{font-size:21px;line-height:1.55;color:#b6c6d9;max-width:700px;margin:0}
.hero-actions{display:flex;gap:18px;margin-top:34px}.btn{padding:17px 28px;border-radius:32px;text-decoration:none;font-weight:800;font-size:17px;display:inline-flex;gap:10px;align-items:center}.btn-primary{background:linear-gradient(100deg,#f32958,#be184a);color:#fff;box-shadow:0 10px 35px #d51f4a55}.btn-outline{border:1px solid #4b8fc4;color:#f0f6ff;background:#061a2c99}.play{font-size:13px}
.dashboard-wrap{position:relative;padding-top:45px}.pointer-note{position:absolute;right:2%;top:-15px;color:#e7eef8;font-style:italic;font-size:16px;line-height:1.25;text-align:center;z-index:2}.pointer-note span{display:block;font-size:36px;transform:rotate(-15deg);margin-top:3px}
.dashboard{border:1px solid #168bd0aa;border-radius:16px;background:#07172b;box-shadow:0 25px 70px #00000080,0 0 45px #078fe52b;display:flex;overflow:hidden;min-height:400px}.dash-sidebar{width:150px;background:#061224;border-right:1px solid #ffffff0d;padding:20px 12px}.dash-sidebar img{width:118px;height:50px;object-fit:contain;margin-bottom:18px}.side-item{padding:11px 10px;color:#93a8bf;font-size:11px;display:flex;gap:9px;align-items:center;border-radius:6px;margin:2px 0}.side-item.selected{background:#8d173e;color:white}.dash-main{flex:1;padding:15px 18px}.dash-top{display:flex;gap:15px;align-items:center}.search{background:#0c2038;border:1px solid #ffffff0c;border-radius:7px;padding:10px;color:#60758d;font-size:10px;flex:1}.top-icons{font-size:11px;color:#8295aa}.top-icons b{background:#177ed0;border-radius:50%;display:inline-grid;place-items:center;width:28px;height:28px;color:white}
.welcome h3{font-size:18px;margin:18px 0 2px}.welcome p{font-size:10px;color:#8195aa;margin:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.stats div{background:#0d2138;border:1px solid #ffffff08;border-radius:7px;padding:13px}.stats strong{display:block;font-size:17px}.stats small{color:#6f849b;font-size:8px}
.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.panel{background:#0b1e33;border:1px solid #ffffff0a;border-radius:8px;padding:13px}.panel-title{font-size:10px;font-weight:800;margin-bottom:11px}.panel-title span{float:right;color:#3caaf3;font-weight:500}.candidate{display:flex;align-items:center;gap:8px;padding:8px 0;border-top:1px solid #ffffff07;font-size:9px}.candidate i{font-style:normal;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#6343bb;color:#fff;font-size:8px}.candidate div{flex:1}.candidate small{display:block;color:#6d8298;font-size:7px;margin-top:2px}.candidate b{font-size:7px;padding:4px 6px;border-radius:7px;background:#157ec1;color:#fff}.bar-row{display:grid;grid-template-columns:50px 1fr 24px;gap:5px;align-items:center;margin:15px 0;font-size:7px;color:#8ca0b4}.bar-row div{height:8px;background:#132a43;border-radius:5px;overflow:hidden}.bar-row span{display:block;height:100%;background:linear-gradient(90deg,#00aaf0,#39c5e8);border-radius:5px}.bar-row b{font-size:8px;color:#d6e4f2}
.feature-strip{max-width:1350px;margin:25px auto 25px;padding:0 25px;display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.feature-strip>div{display:flex;align-items:center;gap:13px;font-size:14px;line-height:1.25}.feature-icon{width:50px;height:50px;flex:0 0 50px;border-radius:13px;display:grid;place-items:center;font-size:23px}.pink{background:linear-gradient(135deg,#9a1775,#e72568)}.blue{background:linear-gradient(135deg,#0878df,#24bde9)}.green{background:linear-gradient(135deg,#00a868,#40d18a)}.orange{background:linear-gradient(135deg,#ff9500,#f3bb35)}.red{background:linear-gradient(135deg,#d51d3c,#fa3659)}.cyan{background:linear-gradient(135deg,#02a4cb,#20d6e7)}
.launch-bar{max-width:1350px;margin:30px auto 35px;border:1px solid #2586b733;border-radius:18px;background:#071d32bb;display:grid;grid-template-columns:repeat(3,1fr);padding:25px 35px}.launch-bar>div{display:grid;grid-template-columns:40px 1fr;column-gap:10px;align-items:center;padding:0 35px;border-right:1px solid #ffffff12}.launch-bar>div:last-child{border:0}.launch-icon{grid-row:span 2;font-size:27px}.launch-bar b{font-size:16px}.launch-bar small{color:#7e94aa;font-size:12px;margin-top:3px}
footer{border-top:1px solid #ffffff10;max-width:1350px;margin:auto;padding:25px 20px 35px;display:flex;justify-content:space-between;color:#7890a8;font-size:12px}.social{color:#c9d7e6;font-size:16px}.sr-only{position:absolute;left:-9999px}
@media(max-width:1100px){.nav nav{gap:18px}.nav nav a{font-size:13px}.nav-cta{padding:12px 18px}.hero{grid-template-columns:1fr}.dashboard-wrap{max-width:900px;margin:auto}.feature-strip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.nav{height:75px;padding:0 18px}.logo-link{width:150px}.logo-link img{width:145px;height:55px}.nav nav{display:none}.nav-cta{margin-left:auto;font-size:12px;padding:10px 16px}.hero{padding:55px 20px 20px}.hero h1{font-size:57px}.hero p{font-size:17px}.hero-actions{flex-wrap:wrap}.dashboard{min-height:350px}.dash-sidebar{width:115px}.side-item span{display:none}.dash-sidebar img{width:90px}.stats{grid-template-columns:repeat(2,1fr)}.dash-grid{grid-template-columns:1fr}.pointer-note{display:none}.feature-strip{grid-template-columns:1fr 1fr;padding:0 20px}.launch-bar{grid-template-columns:1fr;margin:25px 20px}.launch-bar>div{border-right:0;border-bottom:1px solid #ffffff12;padding:18px 5px}.launch-bar>div:last-child{border-bottom:0}footer{margin:0 20px;flex-wrap:wrap;gap:12px}}