@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#0b1020;--panel:#131b30;--muted:#9ba8c1;--text:#f4f7ff;--accent:#8b7cff;--cyan:#57d6d0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;line-height:1.6}
.topbar{height:78px;max-width:1160px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}
.brand{display:flex;gap:10px;align-items:center;color:var(--text);font-weight:700;text-decoration:none;font-size:18px;letter-spacing:-.4px}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--cyan));color:#09101e;font-weight:800}
nav{display:flex;gap:32px}nav a{font-size:13px;color:var(--muted);text-decoration:none}nav a:hover{color:white}.status{font-size:12px;color:#c4d1e8}.status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#55d6a1;margin-right:7px;box-shadow:0 0 12px #55d6a1}
main{max-width:1104px;margin:auto;padding:0 28px}.hero{position:relative;min-height:510px;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:70px;overflow:hidden}.hero-copy{position:relative;z-index:1;padding:65px 0}.eyebrow,.section-label{font-size:10px;letter-spacing:2px;color:var(--cyan);font-weight:700}.hero h1{font:800 clamp(42px,6vw,68px)/1.08 Manrope,Arial,sans-serif;letter-spacing:-3px;margin:20px 0}.hero h1 span{color:var(--accent)}.hero-copy>p,.section-text,.test-panel p{color:var(--muted);font-size:15px;max-width:490px}.button{display:inline-flex;align-items:center;gap:26px;margin-top:22px;padding:14px 19px;border:0;border-radius:9px;background:linear-gradient(110deg,#8b7cff,#6d9eff);color:#080e1c;text-decoration:none;font-weight:700;font-size:13px;cursor:pointer;transition:transform .2s,filter .2s}.button:hover{transform:translateY(-2px);filter:brightness(1.1)}.button span{font-size:18px}
.hero-card{position:relative;z-index:1;padding:25px 27px;border:1px solid #ffffff1b;border-radius:18px;background:linear-gradient(145deg,#1a2540,#10182b);box-shadow:0 25px 80px #0006}.card-head{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#8e9bb4}.live{color:#62d8a5}.orb{width:138px;height:138px;margin:28px auto;background:conic-gradient(from 30deg,var(--cyan),var(--accent),#27375b,var(--cyan));border-radius:50%;display:grid;place-items:center;box-shadow:0 0 50px #8175ff2b}.orb-inner{width:111px;height:111px;border-radius:50%;display:grid;place-items:center;background:#151e34;font:800 30px Manrope;color:var(--cyan)}.metric{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid #ffffff12;font-size:12px;color:var(--muted)}.metric strong{color:#eef2ff;font-weight:600}.decor{position:absolute;border:1px solid #8b7cff22;border-radius:50%;pointer-events:none}.decor-one{width:420px;height:420px;right:-120px;top:35px}.decor-two{width:560px;height:560px;right:-190px;top:-35px}
.section{display:grid;grid-template-columns:.55fr 1.45fr;gap:40px;padding:70px 0 34px;border-top:1px solid #ffffff15}.section h2,.test-panel h2{font:700 27px/1.25 Manrope;margin:0 0 12px;letter-spacing:-.8px}.section-text{margin:0;max-width:650px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:25px 0 80px}.feature{position:relative;min-height:205px;padding:24px;border:1px solid #ffffff14;border-radius:13px;background:#11192b}.number{position:absolute;right:22px;top:20px;color:#63708a;font-size:11px}.icon{font-size:25px;color:var(--cyan);margin-bottom:18px}.feature h3{font:700 16px Manrope;margin:0 0 8px}.feature p{font-size:12px;color:var(--muted);margin:0}.test-panel{position:relative;padding:32px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 25px;border:1px solid #8b7cff45;border-radius:16px;background:linear-gradient(110deg,#191f3b,#121c30);margin-bottom:75px}.test-panel h2{margin-top:8px}.test-panel p{margin:0;font-size:13px}.test-panel .button{margin:0}.result{grid-column:1/-1!important;padding-top:12px!important;color:var(--cyan)!important;min-height:20px}
footer{max-width:1104px;margin:auto;padding:24px 28px 35px;border-top:1px solid #ffffff15;display:flex;justify-content:space-between;color:#75819a;font-size:11px}
@media(max-width:700px){.topbar{padding:0 20px}.topbar nav{display:none}.status{font-size:10px}main{padding:0 20px}.hero{grid-template-columns:1fr;gap:5px;padding-bottom:55px}.hero-copy{padding:65px 0 10px}.hero-card{max-width:390px;width:100%;margin:0 auto}.hero h1{letter-spacing:-2px}.section{grid-template-columns:1fr;gap:15px;padding-top:50px}.features{grid-template-columns:1fr;padding-bottom:55px}.feature{min-height:160px}.test-panel{grid-template-columns:1fr;margin-bottom:50px;padding:25px}.test-panel .button{justify-self:start;margin-top:15px}.result{grid-column:1!important}footer{padding-left:20px;padding-right:20px;gap:10px;flex-wrap:wrap}}