*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#071827;color:#eef7ff}.home-shell{min-height:100vh;background:radial-gradient(circle at 78% 18%,rgba(0,207,255,.12),transparent 28%),radial-gradient(circle at 15% 72%,rgba(33,100,255,.1),transparent 30%),#071827}.home-nav{height:78px;max-width:1240px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08)}.home-brand{display:flex;align-items:center;gap:12px}.home-logo{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#14d8ff,#3171ff);font-size:23px;font-weight:900;box-shadow:0 10px 35px rgba(20,216,255,.18)}.home-brand strong{display:block;letter-spacing:2px;font-size:17px}.home-brand span{display:block;color:#7f9bad;font-size:8px;letter-spacing:1.7px;margin-top:3px}.nav-badge{font-size:11px;letter-spacing:1.3px;color:#a9c1d2;border:1px solid rgba(255,255,255,.12);padding:10px 14px;border-radius:30px}.home-hero{max-width:1240px;margin:auto;padding:92px 28px 80px;display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;color:#38d8ff;font-weight:800}.hero-copy h1{font-size:clamp(48px,6vw,82px);line-height:.98;letter-spacing:-3px;margin:20px 0 25px}.hero-copy h1 em{font-style:normal;background:linear-gradient(90deg,#fff,#46dfff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy p{max-width:620px;color:#9eb4c5;font-size:18px;line-height:1.7;margin:0}.hero-copy p strong{color:#eaf7ff}.hero-actions{display:flex;gap:14px;align-items:center;margin-top:35px}.primary,.secondary{display:inline-flex;align-items:center;gap:16px;text-decoration:none;border-radius:12px;padding:15px 20px;font-weight:750;font-size:14px}.primary{background:#eefaff;color:#071827;box-shadow:0 15px 40px rgba(0,207,255,.15)}.primary span{font-size:21px}.secondary{color:#b8cad6;border:1px solid rgba(255,255,255,.12)}.hero-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(20,45,65,.95),rgba(7,24,39,.96));border-radius:28px;padding:30px;box-shadow:0 30px 90px rgba(0,0,0,.28)}.card-top{font-size:10px;letter-spacing:1.5px;color:#8ca5b5;display:flex;gap:8px;align-items:center}.card-top strong{margin-left:auto;color:#63efad}.live-dot{width:8px;height:8px;background:#4ee69c;border-radius:50%;box-shadow:0 0 14px #4ee69c}.monitor-icon{height:190px;display:grid;place-items:center;margin:20px 0 5px;font-size:50px;border-radius:20px;background:radial-gradient(circle,#143b53,transparent 62%)}.monitor-icon span{font-size:22px;color:#57dfff}.monitor-icon b{font-size:62px;letter-spacing:-5px}.hero-card h3{font-size:22px;margin:5px 0}.hero-card>p{color:#7893a6;margin:0 0 24px}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini-grid div{padding:13px;border-radius:12px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.06)}.mini-grid span,.mini-grid b{display:block;font-size:10px;color:#8199a9}.mini-grid b{color:#52e8a1;margin-top:5px}.orb{position:absolute;border-radius:50%;filter:blur(3px);opacity:.3}.orb-one{width:180px;height:180px;background:#00cfff;right:-90px;top:-70px}.orb-two{width:130px;height:130px;background:#486dff;left:-70px;bottom:-50px}.feature-strip{max-width:1184px;margin:0 auto 80px;padding:0 28px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden}.feature-strip>div{display:flex;gap:18px;padding:28px;background:#091c2b}.feature-num{font-size:12px;color:#39d7ff;font-weight:800}.feature-strip h3{margin:0 0 7px;font-size:15px}.feature-strip p{margin:0;color:#8199a9;font-size:13px;line-height:1.55}.access-section{max-width:1184px;margin:0 auto;padding:0 28px 90px;display:flex;justify-content:space-between;gap:40px;align-items:center}.access-section h2{font-size:34px;margin:12px 0}.access-section p{color:#829aaa;max-width:620px;line-height:1.6}.url-example{min-width:340px;padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.035)}.url-example span{display:block;color:#6f8898;font-size:10px;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:9px}.url-example code{color:#ccefff;font-size:14px}.url-example b{color:#3cddff}footer{max-width:1184px;margin:auto;padding:22px 28px 30px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;color:#60798a;font-size:11px;gap:15px}@media(max-width:850px){.home-hero{grid-template-columns:1fr;gap:45px;padding-top:60px}.feature-strip{grid-template-columns:1fr}.access-section{display:block}.url-example{margin-top:25px;min-width:0}.nav-badge{display:none}}@media(max-width:560px){.home-nav{padding:0 18px}.home-hero{padding:55px 18px 60px}.hero-copy h1{letter-spacing:-2px;font-size:47px}.hero-actions{flex-direction:column;align-items:stretch}.primary,.secondary{justify-content:center}.feature-strip{margin:0 18px 60px;padding:0}.access-section{padding:0 18px 60px}footer{margin:0 18px;flex-direction:column}}