.hero--modern{background:#07162e!important;padding:84px 24px 76px!important}.hero--modern:before{background:radial-gradient(circle,rgba(37,99,235,.3),transparent 67%)!important;top:-160px!important;right:-100px!important;width:720px!important;height:720px!important}.hero--modern:after{background:radial-gradient(circle,rgba(36,200,232,.14),transparent 66%)!important;bottom:-230px!important;left:28%!important;width:700px!important;height:700px!important}.hero--modern .hero-grid{max-width:1240px!important;gap:64px!important}.hero--modern .eyebrow{background:rgba(255,255,255,.08)!important;border-color:rgba(135,207,255,.32)!important;color:#bceaff!important}.hero--modern .eyebrow-dot{background:#21d3ee!important;box-shadow:0 0 0 5px rgba(33,211,238,.12)}.hero--modern .hero-title{color:#fff!important;font-size:clamp(42px,5vw,68px)!important;max-width:650px}.hero--modern .hero-title .accent{color:#3ba7ff!important}.hero--modern .hero-sub{color:#c9d9ed!important;font-size:18px!important;max-width:550px}.hero--modern .btn-ghost{border-color:rgba(255,255,255,.3)!important;color:#fff!important;background:rgba(255,255,255,.06)!important}.hero--modern .btn-ghost:hover{background:rgba(255,255,255,.13)!important}.hero-proof{display:flex;gap:20px;margin-top:36px}.hero-proof span{display:grid;gap:2px;color:#aec5df;font-size:12px}.hero-proof b{color:#fff;font-size:18px}.hero-visual{min-height:0!important;display:block!important}.hero-media{position:relative;margin:0;overflow:hidden;border:1px solid rgba(147,197,253,.36);border-radius:24px;background:#102547;box-shadow:0 30px 80px rgba(0,0,0,.36);transform:perspective(1300px) rotateY(-4deg) rotateX(1deg)}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(17,43,91,.1),rgba(5,10,24,.26));pointer-events:none}.hero-media img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.hero-media figcaption{position:absolute;z-index:1;right:16px;bottom:16px;display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(3,10,24,.64);color:#fff;font-size:12px;font-weight:700;backdrop-filter:blur(8px)}.hero-media__pulse{width:7px;height:7px;border-radius:50%;background:#39e297;box-shadow:0 0 0 4px rgba(57,226,151,.16)}.hero-stat{position:absolute;z-index:2;display:grid;gap:1px;padding:14px 16px;border:1px solid rgba(229,246,255,.7);border-radius:14px;background:rgba(255,255,255,.94);box-shadow:0 14px 34px rgba(0,0,0,.19);line-height:1}.hero-stat span{color:#2563eb;font-size:10px;font-weight:900;letter-spacing:.08em}.hero-stat strong{color:#0d2041;font-size:22px}.hero-stat small{color:#61748f;font-size:10px}.hero-stat--channels{top:9%;left:-9%}.hero-stat--quality{right:-6%;bottom:11%}.hero-metrics{position:relative;z-index:2;margin-top:-28px}.hero-metrics .stats-bar{background:#fff;box-shadow:0 20px 40px rgba(2,23,53,.13)}.hero-metrics .stat-item{justify-content:center;text-align:center}.hero-metrics .stat-item strong{font-size:18px;color:#0d2041}.devices--modern{padding:104px 24px!important;background:linear-gradient(180deg,#fff 0%,#f3f8ff 100%)}.devices--modern .devices-grid{grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr)!important;gap:68px!important;align-items:center}.section-kicker{display:inline-block;margin-bottom:16px;color:#2563eb;font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.devices--modern .devices-title{font-size:clamp(38px,4.5vw,58px)!important;color:#102445!important;line-height:1.04}.devices--modern .devices-title .accent{display:block;color:#2563eb}.devices--modern .lede{max-width:620px;font-size:17px!important;line-height:1.7}.devices--modern .device-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px!important;margin-top:30px}.devices--modern .dev-item{min-height:116px;padding:14px 8px;border:1px solid #dce8f7;border-radius:15px;background:#fff;box-shadow:0 8px 18px rgba(45,89,146,.06);transition:transform .18s ease,box-shadow .18s ease}.devices--modern .dev-item:hover{transform:translateY(-3px);box-shadow:0 16px 28px rgba(33,85,147,.12)}.devices--modern .dev-icon{display:grid!important;place-items:center!important;height:38px!important;margin:0 0 8px!important}.devices--modern .dev-icon img{width:31px;height:31px;object-fit:contain}.devices--modern .dev-name{display:block;color:#102445;font-size:12px!important;line-height:1.2}.devices--modern .dev-sub{display:block;margin-top:4px;color:#71829b;font-size:10px!important;line-height:1.25}.devices--modern .compatible-label{display:inline-flex;align-items:center;gap:8px;margin:22px 0 0!important;color:#2f6b54!important;font-size:13px!important;font-weight:700}.devices--modern .compatible-label span{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#daf8e8;color:#11955c}.devices-media{position:relative;overflow:hidden;margin:0;border-radius:24px;background:#102445;box-shadow:0 24px 54px rgba(21,55,99,.18)}.devices-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(4,15,33,.62));pointer-events:none}.devices-media img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.devices-media figcaption{position:absolute;z-index:1;right:20px;bottom:18px;left:20px;color:#fff;font-size:15px;font-weight:800}@media(max-width:900px){.hero--modern .hero-grid,.devices--modern .devices-grid{grid-template-columns:1fr!important}.hero--modern .hero-copy{max-width:700px}.hero--modern .hero-visual{max-width:650px;margin:10px auto 0}.hero-stat--channels{left:0}.hero-stat--quality{right:0}.devices-media{max-width:680px}.devices--modern .device-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.hero--modern{padding:64px 20px 62px!important}.hero--modern .hero-title{font-size:40px!important}.hero-proof{gap:14px}.hero-stat{padding:10px 11px}.hero-stat strong{font-size:17px}.hero-stat--channels{top:6%;left:2%}.hero-stat--quality{right:2%;bottom:6%}.hero-metrics{margin-top:-20px}.hero-metrics .stats-bar{grid-template-columns:repeat(2,1fr)!important}.devices--modern{padding:68px 20px!important}.devices--modern .device-row{grid-template-columns:repeat(2,minmax(0,1fr))}.devices--modern .dev-item{min-height:104px}.devices--modern .devices-title{font-size:39px!important}}