*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#101828;background:#fff}a{text-decoration:none;color:inherit}.wrap{width:min(1200px,94%);margin:auto}.topbar{height:74px;background:#fff;border-bottom:1px solid #e7ecf3;position:sticky;top:0;z-index:50}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;font-size:18px;font-weight:900}.brand img{width:145px;height:52px;object-fit:contain}.brand span{display:none}.nav nav{display:flex;align-items:center;gap:19px;font-size:13px;font-weight:750;color:#172033}.nav nav a:hover{color:#1469ef}.nav-green,.nav-blue{color:#fff!important;padding:11px 16px;border-radius:22px}.nav-green{background:#10bf68}.nav-blue{background:#1469ef}.hamb{display:none;border:0;background:none;font-size:25px}.hero{min-height:590px;background:radial-gradient(circle at 74% 48%,#173a6b 0,#07182e 36%,#020b18 76%);color:#fff;overflow:hidden;position:relative}.hero-glow{position:absolute;width:520px;height:520px;right:22%;top:30px;background:#00a7ff;opacity:.13;filter:blur(80px);border-radius:50%}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;min-height:590px;align-items:center;gap:20px}.hero-copy{padding:55px 0}.live-pill{display:inline-flex;align-items:center;padding:7px 12px;border:1px solid #27476a;border-radius:20px;color:#a8d8ff;font-size:11px}.live-pill i{width:7px;height:7px;background:#20d678;border-radius:50%;margin-right:7px}.hero h1{font-size:58px;line-height:.98;letter-spacing:-3px;margin:20px 0 15px}.hero h1 span{color:#48efa0}.hero p{font-size:18px;max-width:610px;color:#c7d4e4}.hero-features{display:flex;gap:22px;flex-wrap:wrap;margin:25px 0}.hero-features div{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800}.hero-features b{width:37px;height:37px;border:2px solid #2fb8ff;border-radius:50%;display:grid;place-items:center;color:#61d6ff;font-size:18px}.hero-features small{font-weight:500;color:#aebed2}.hero-buttons{display:flex;gap:12px;margin:24px 0}.btn{display:inline-block;padding:14px 20px;border-radius:24px;font-weight:850}.green{background:#50f46e;color:#06220e;box-shadow:0 10px 25px #50f46e33}.outline{border:1px solid #d7e2f0}.hero-slider{width:min(530px,100%);min-height:76px;margin-top:18px}.offer-slide{display:none;padding:12px 15px;border:1px solid #2b4667;border-radius:14px;background:#0c2340}.offer-slide.active{display:flex;flex-direction:column;gap:2px;animation:fade .4s}.offer-slide small{color:#5fd4ff;font-size:9px;font-weight:900;letter-spacing:1.4px}.offer-slide strong{font-size:18px}.offer-slide span{color:#a9bad0;font-size:11px}.slider-dots{display:flex;gap:5px;margin-top:7px}.slider-dots button{width:7px;height:7px;border:0;border-radius:10px;background:#61738b}.slider-dots button.active{width:21px;background:#4ceea0}.hero-tv{height:100%;display:flex;align-items:center}.tv-room{position:relative;width:100%;height:500px}.tv{position:absolute;right:15px;top:65px;width:500px;max-width:95%;height:330px;background:#0a111b;border:9px solid #172230;border-radius:15px;box-shadow:0 30px 70px #0009}.tv-screen{height:100%;border-radius:6px;background:linear-gradient(135deg,#06152d,#102b57 48%,#05111f);padding:25px;text-align:center}.screen-label{font-size:18px;margin-bottom:17px}.screen-label b{font-size:22px}.app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.app,.channel{border-radius:9px;padding:9px;background:#102044;border:1px solid #32558e;min-height:54px;font-size:11px;display:grid;place-items:center}.app b{font-size:9px}.hot{background:#5430c4}.zee{background:#141421}.prime{background:#142b47}.sony{background:#1b1b28}.channel{background:#13223a}.channel:first-of-type{grid-column:span 2;background:#e5213f}.channel small{font-size:8px}.tv-base{position:absolute;width:110px;height:35px;background:#172230;left:calc(50% - 55px);bottom:-42px;border-radius:0 0 10px 10px}.router{position:absolute;right:80px;bottom:35px;width:155px;height:82px;background:#f7fbff;border:2px solid #a8c3d9;border-radius:13px;color:#122238;text-align:center;padding-top:20px;box-shadow:0 10px 35px #0005}.router-light{position:absolute;top:12px;left:50%;width:7px;height:7px;background:#17d477;border-radius:50%}.router small{display:block;font-size:9px;color:#53677e}.antenna{position:absolute;width:4px;height:65px;background:#b9d2e8;top:-54px;border-radius:5px}.a1{left:30px}.a2{right:30px}.free-badge{position:absolute;right:-5px;top:190px;background:#7af45a;color:#071c0b;width:120px;height:120px;border-radius:50%;display:grid;place-items:center;text-align:center;box-shadow:0 0 35px #7af45a66;z-index:3}.free-badge strong{font-size:24px}.free-badge span{font-weight:900;font-size:11px}.free-badge small{font-size:8px}.wifi-wave{position:absolute;left:20px;bottom:70px;color:#25c8ff;font-size:110px;transform:rotate(180deg);opacity:.9}.plans-section{padding:45px 0 40px;background:#fff}.section-title h2{font-size:30px;margin:0}.section-title h2 span,.ott-section h2 span,.form-section h2 span{color:#1469ef}.section-title p{font-size:13px}.plan-tabs{float:right;margin-top:-54px;background:#f4f7fb;padding:4px;border-radius:24px}.plan-tabs button{border:0;background:transparent;padding:10px 20px;border-radius:19px;font-weight:800}.plan-tabs button.active{background:#1469ef;color:#fff;box-shadow:0 7px 18px #1469ef44}.plans{clear:both;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:25px}.plan{border:1px solid #dce5f0;border-radius:18px;padding:18px;min-height:355px;position:relative;background:#fff}.plan .icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#eaf8ef;font-size:22px}.plan small{display:block;margin-top:10px;color:#1469ef;font-size:9px;font-weight:900;letter-spacing:1.3px}.plan h3{margin:5px 0;font-size:22px}.mbps{font-size:27px}.mbps em{font-style:normal;font-size:12px;color:#64748b}.price{font-size:25px;font-weight:900;margin:7px 0 12px}.price i{font-size:11px;font-style:normal;color:#667085;font-weight:600}.plan ul{padding:0;list-style:none;font-size:11px;line-height:2.1;color:#475467}.plan li:before{content:"●";color:#19b96b;margin-right:7px}.plan>a{display:block;border:1px solid #4f8cff;color:#1469ef;border-radius:20px;padding:9px;text-align:center;font-size:11px;font-weight:900;margin-top:12px}.hero-plan{border:2px solid #f32f43;box-shadow:0 15px 35px #f32f4325;transform:translateY(-6px)}.hero-plan label{position:absolute;right:12px;top:-12px;background:#f32f43;color:#fff;border-radius:12px;padding:4px 9px;font-size:9px;font-weight:900}.hero-plan .icon{background:#fff0df}.offer-box{font-size:9px;font-weight:900;background:#fff7dc;color:#e12d00;padding:8px;border-radius:8px;line-height:1.7}.ott-section{padding:40px 0;background:linear-gradient(100deg,#06152a,#071d37);color:#fff}.ott-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.ott-section p{color:#b8c7d8}.app-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.app-row span{padding:25px 8px;border-radius:10px;background:#102b4c;text-align:center;font-size:17px}.app-row b{display:block;font-size:10px}.channels h2{margin-top:0}.channel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.channel-grid b{background:#fff;color:#18212d;padding:12px 4px;border-radius:7px;text-align:center;font-size:9px}.support-strip{padding:20px 0;background:#fff}.support-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.support-grid>div{padding:15px 9px;border:1px solid #dce6f1;border-radius:12px;display:grid;grid-template-columns:36px 1fr;column-gap:7px}.support-grid b{grid-row:span 2;color:#1269ef;font-size:22px}.support-grid strong{font-size:10px}.support-grid small{font-size:8px;color:#667085}.tools-section,.cards-section{padding:25px 0}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tool,.info-card{padding:24px;border-radius:16px;background:#f8fbff;border:1px solid #e1eaf4}.tool-icon,.big-icon{font-size:27px;color:#1269ef}.tool h3,.info-card h3{margin:7px 0}.tool p,.info-card p{font-size:11px;color:#667085}.tool strong{color:#16a05c}.tool>a,.info-card>a{display:inline-block;margin-top:10px;background:#1469ef;color:#fff;padding:9px 14px;border-radius:18px;font-size:10px;font-weight:900}.check{display:flex}.check input{flex:1;border:1px solid #d6e0ec;border-radius:10px 0 0 10px;padding:10px}.check button{border:0;background:#1469ef;color:#fff;border-radius:0 10px 10px 0;font-weight:800}.cards-section{padding-bottom:45px}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.form-section{background:#f4f8fc;padding:55px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.form-grid h2{font-size:42px}.form-grid form{display:grid;gap:10px}.form-grid input,.form-grid select{padding:13px;border:1px solid #d8e1ec;border-radius:10px}.footer{background:#06162b;color:#b9c8d9;padding:40px 3%;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer img{width:160px;display:block;background:#fff;border-radius:8px;margin-bottom:8px}.footer b{color:#fff}.footer a{display:block;margin-top:10px;font-size:12px}.footer p{font-size:11px}@keyframes fade{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.nav nav{gap:10px}.plans{grid-template-columns:repeat(2,1fr)}.hero-grid,.ott-grid,.form-grid{grid-template-columns:1fr}.hero-tv{min-height:430px}.support-grid{grid-template-columns:repeat(3,1fr)}.card-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.topbar{height:65px}.brand img{width:125px}.hamb{display:block}.nav nav{display:none;position:absolute;top:65px;left:0;right:0;background:#fff;padding:15px;flex-direction:column;align-items:stretch}.nav nav.show{display:flex}.hero h1{font-size:43px}.hero-grid{min-height:auto}.hero-copy{padding:40px 0 20px}.hero-features{gap:13px}.hero-tv{min-height:380px}.tv{right:2%;top:40px;width:95%;height:260px}.free-badge{right:0;top:170px;width:95px;height:95px}.wifi-wave{font-size:80px;left:0}.plans{grid-template-columns:1fr}.hero-plan{transform:none}.plan-tabs{float:none;margin:15px 0}.app-row{grid-template-columns:repeat(2,1fr)}.channel-grid{grid-template-columns:repeat(2,1fr)}.support-grid{grid-template-columns:repeat(2,1fr)}.tool-grid,.card-grid,.form-grid{grid-template-columns:1fr}.footer{grid-template-columns:1fr}.hero-features div:nth-child(n+5){display:none}}

/* V3 requested refinements */
.brand{gap:11px}
.brand img{width:78px;height:48px;object-fit:contain}
.brand span{display:inline;font-size:18px;font-weight:900;letter-spacing:-.3px;color:#0b1830;white-space:nowrap}
.tv{width:570px;height:360px;border-width:8px;right:0;top:55px;border-radius:16px}
.tv-screen-video{width:100%;height:100%;overflow:hidden;border-radius:8px;background:#000;position:relative}
.tv-screen-video iframe{width:100%;height:100%;border:0;display:block}
.ott-side{position:absolute;z-index:4;display:flex;flex-direction:column;gap:12px;width:150px}
.ott-side-left{left:-20px;top:85px}
.ott-side-right{right:-20px;top:205px}
.ott-side-card{padding:13px 12px;border:1px solid rgba(93,180,255,.32);border-radius:14px;background:rgba(7,25,48,.92);box-shadow:0 14px 35px rgba(0,0,0,.25);backdrop-filter:blur(10px);color:#fff;opacity:.5;transform:scale(.96);transition:.45s ease}
.ott-side-card.active{opacity:1;transform:scale(1);border-color:#4fd6ff;box-shadow:0 0 25px rgba(47,184,255,.18)}
.ott-side-card strong{display:block;font-size:13px;line-height:1.15}
.ott-side-card small{display:block;margin-top:5px;color:#a9bed5;font-size:8px}
.ott-dot{display:block;width:9px;height:9px;border-radius:50%;margin-bottom:8px;box-shadow:0 0 12px currentColor}
.hot-dot{background:#a78bfa;color:#a78bfa}.zee-dot{background:#45e6ff;color:#45e6ff}.prime-dot{background:#5db7ff;color:#5db7ff}.sony-dot{background:#ff3f5f;color:#ff3f5f}
@media(max-width:1050px){.tv{width:min(570px,88%);margin:auto}.ott-side-left{left:0}.ott-side-right{right:0}}
@media(max-width:700px){.brand img{width:60px;height:42px}.brand span{font-size:16px}.tv{width:92%;height:250px;right:4%;top:45px}.ott-side{width:112px;gap:7px}.ott-side-left{left:0;top:65px}.ott-side-right{right:0;top:180px}.ott-side-card{padding:9px}.ott-side-card strong{font-size:10px}.ott-side-card small{font-size:7px}}
