
@import url("officialott-visual-alignment-v73.css");:root{--bg:#04080c;--panel:#0b151f;--panel2:#101c28;--gold:#d9ad51;--gold2:#fff0bd;--text:#fbfcff;--muted:#bdc6d2;--line:rgba(217,173,81,.45);--soft:rgba(255,255,255,.11);--green:#73dda0;--radius:13px;--max:1880px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#04080c;color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px}.ott{min-height:100vh;background:radial-gradient(circle at 64% 6%,rgba(217,173,81,.10),transparent 25%),linear-gradient(180deg,#04080c,#071019 72%,#030609)}.wrap{width:min(var(--max),calc(100% - 24px));margin:auto}.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(160deg,rgba(16,28,40,.98),rgba(7,13,19,.99));box-shadow:0 13px 32px rgba(0,0,0,.24)}.gold{color:var(--gold2)}.small{font-size:.72rem;color:var(--muted)}a{color:inherit}.btn{min-height:42px;padding:0 17px;border-radius:7px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:900}.btn-gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#171108;border-color:transparent}.btn-dark{background:rgba(4,8,12,.72);color:#fff}.header{position:sticky;top:0;z-index:70;background:rgba(4,8,12,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.header-in{min-height:67px;display:grid;grid-template-columns:280px 1fr auto;gap:22px;align-items:center}.brand img{width:240px;height:55px;object-fit:contain}.nav{display:flex;justify-content:center;gap:25px}.nav a{text-decoration:none;font-size:.81rem;font-weight:800}.nav a.active,.nav a:hover{color:var(--gold2)}.header-actions{display:flex;gap:8px;align-items:center}.menu{display:none}.hero-grid{display:grid;grid-template-columns:1.1fr 1.62fr .78fr;gap:10px;margin-top:10px}.hero-copy,.hero-tv,.hero-side{min-height:338px}.hero-copy{padding:23px;background:linear-gradient(90deg,rgba(5,10,15,.98),rgba(8,15,23,.82)),radial-gradient(circle at 72% 50%,rgba(217,173,81,.14),transparent 42%)}.kicker{display:inline-flex;padding:6px 9px;border:1px solid var(--line);border-radius:999px;font-size:.69rem;font-weight:850}.hero-copy h1{font-family:Georgia,serif;font-size:clamp(2.35rem,3.5vw,4.7rem);line-height:.95;margin:15px 0 12px;letter-spacing:-.04em}.hero-copy p{max-width:580px;color:#e0e6ee;font-size:1rem}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:19px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:21px}.metric{display:flex;gap:8px;align-items:center;font-size:.74rem}.metric-icon{width:29px;height:29px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--gold2)}.metric b,.metric span{display:block}.metric span{color:var(--muted);font-size:.65rem}.hero-tv{overflow:hidden;background:#071018}.hero-tv img{width:100%;height:100%;display:block;object-fit:cover}.hero-side{display:grid;grid-template-rows:1fr .72fr;gap:10px}.device-panel,.trial-panel{padding:19px}.device-panel h3,.trial-panel h3{margin:0 0 5px}.device-logos{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:13px}.device-logo{min-height:47px;border:1px solid var(--soft);border-radius:7px;background:#0d1722;display:grid;place-items:center;text-align:center;padding:6px;font-size:.68rem;font-weight:800}.trial-panel{background:radial-gradient(circle at 18% 50%,rgba(217,173,81,.26),transparent 32%),linear-gradient(135deg,#0f1c26,#251805)}.trial-row{display:flex;gap:14px;align-items:center}.whatsapp{width:68px;height:68px;border:4px solid var(--green);border-radius:50%;display:grid;place-items:center;color:var(--green);font-size:1.6rem;font-weight:950}.navigator{display:grid;grid-template-columns:260px 1fr auto;gap:13px;align-items:center;margin-top:10px;padding:12px 18px}.nav-title b,.nav-title span{display:block}.nav-title b{font-size:1.2rem}.nav-title span{font-size:.69rem;color:var(--muted)}.search{display:flex;border:1px solid var(--soft);border-radius:8px;overflow:hidden;background:#0c1621}.search input{flex:1;min-width:0;padding:0 13px;border:0;background:transparent;color:#fff}.search button{width:116px;border:0;background:linear-gradient(135deg,var(--gold2),var(--gold));font-weight:900}.tags{display:flex;gap:6px;flex-wrap:wrap}.tag{padding:6px 8px;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-size:.66rem}.knowledge{display:grid;grid-template-columns:155px repeat(6,1fr);gap:8px;margin-top:8px;padding:9px}.section-label{padding:9px}.section-label h2{font-family:Georgia,serif;color:var(--gold2);margin:0;font-size:1.55rem;line-height:.92}.section-label p{font-size:.65rem;color:var(--muted)}.tile{padding:12px;min-height:90px;border:1px solid var(--soft);border-radius:9px;background:#0d1722;display:flex;gap:10px}.ico{width:38px;height:38px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;color:var(--gold2);font-weight:900}.tile b,.tile span{display:block}.tile span{font-size:.65rem;color:var(--muted)}.device-row{display:grid;grid-template-columns:160px repeat(7,1fr) 1.1fr;gap:8px;margin-top:8px;padding:9px}.device-card{min-height:86px;padding:10px;border:1px solid var(--soft);border-radius:9px;background:#0d1722;display:flex;gap:9px;align-items:center;text-decoration:none}.device-pic{width:50px;height:52px;border-radius:8px;background:linear-gradient(145deg,#263746,#0a1016);display:grid;place-items:center;color:var(--gold2);font-weight:900}.device-card b,.device-card span{display:block}.device-card span{font-size:.63rem;color:var(--muted)}.app-compat{min-height:86px;padding:9px;border:1px solid var(--soft);border-radius:9px;background:#0d1722}.app-compat b{display:block;text-align:center;font-size:.68rem}.app-icons{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:8px}.app-icon{height:30px;border-radius:4px;display:grid;place-items:center;font-size:.54rem;font-weight:950;color:#fff}.ibo1{background:#4a246f}.ibo2{background:#252176}.ibo3{background:#7b2b7d}.hot{background:#b63d18}.tivi{background:#225680}.smarters{background:#463c82}.xc{background:#246986}.main-grid{display:grid;grid-template-columns:1fr 1.05fr 1.12fr 1.05fr .92fr .9fr;gap:8px;margin-top:8px}.box{padding:13px;min-height:236px}.box h3{margin:0 0 10px}.box-head{display:flex;justify-content:space-between;gap:8px}.list{display:grid;gap:8px}.list-item{display:grid;grid-template-columns:40px 1fr auto;gap:8px;align-items:center;padding-bottom:7px;border-bottom:1px solid var(--soft)}.thumb{width:40px;height:40px;border-radius:6px;background:linear-gradient(145deg,#223446,#0a1119);display:grid;place-items:center;color:var(--gold2);font-size:.68rem;font-weight:900}.list-item b,.list-item span{display:block}.list-item span{font-size:.63rem;color:var(--muted)}.video-card{height:135px;border:1px solid var(--soft);border-radius:8px;background:linear-gradient(135deg,#172735,#070b10);display:grid;place-items:center}.play{width:45px;height:45px;border:2px solid var(--gold2);border-radius:50%;display:grid;place-items:center;color:var(--gold2)}.map{height:148px;border:1px solid var(--soft);border-radius:8px;background:radial-gradient(circle at 30% 36%,rgba(255,240,189,.55),transparent 3%),radial-gradient(circle at 55% 46%,rgba(255,240,189,.48),transparent 3%),radial-gradient(circle at 70% 54%,rgba(255,240,189,.44),transparent 3%),linear-gradient(145deg,rgba(217,173,81,.16),rgba(6,12,18,.82));display:grid;place-items:center;color:rgba(255,240,189,.36);font-weight:950;font-size:1.75rem}.stars{color:var(--gold2)}.review{display:flex;gap:8px;padding:8px;border:1px solid var(--soft);border-radius:8px;margin-top:7px}.trustbar{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;margin-top:8px;padding:1px}.trust{padding:12px;text-align:center;border-right:1px solid var(--soft)}.trust:last-child{border-right:0}.trust b,.trust span{display:block}.trust span{font-size:.63rem;color:var(--muted)}.bottom-grid{display:grid;grid-template-columns:1.05fr 1.55fr 1.15fr .86fr;gap:8px;margin-top:8px}.plans,.journey,.faq,.status{padding:13px}.plan-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.plan{padding:12px;border:1px solid var(--line);border-radius:10px;background:#0b151f}.plan.featured{box-shadow:0 0 34px rgba(217,173,81,.24);border-color:var(--gold)}.price{font-size:2rem;font-weight:950}.plan ul{padding-left:17px}.server-rule{margin-top:8px;padding:8px;border:1px solid var(--line);border-radius:7px;background:rgba(217,173,81,.07);font-size:.63rem;color:var(--gold2)}.journey-row{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:14px}.step{text-align:center}.num{width:39px;height:39px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;margin:auto;color:var(--gold2);font-weight:900}.step b,.step span{display:block}.step b{font-size:.69rem}.step span{font-size:.59rem;color:var(--muted)}.faq details{border-bottom:1px solid var(--soft);padding:8px 0}.faq summary{cursor:pointer;font-size:.73rem}.status-row{display:flex;justify-content:space-between;padding:7px;border-bottom:1px solid var(--soft);font-size:.7rem}.ok{color:var(--green)}.footer{margin-top:8px;padding:15px 20px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(5,1fr);gap:20px}.footer-brand img{width:225px}.footer-col b{display:block;color:var(--gold2);margin-bottom:8px}.footer-col a{display:block;text-decoration:none;color:var(--muted);font-size:.68rem;padding:3px 0}.footer-bottom{display:flex;justify-content:space-between;margin-top:14px;padding-top:10px;border-top:1px solid var(--soft);font-size:.63rem;color:var(--muted)}.sticky-trial{display:none;position:fixed;left:10px;right:10px;bottom:10px;z-index:75;padding:8px;border:1px solid var(--line);border-radius:11px;background:rgba(4,8,12,.97)}
@media(max-width:1250px){.header-in{grid-template-columns:220px 1fr auto}.brand img{width:210px}.nav{gap:14px}.hero-grid{grid-template-columns:1fr 1.45fr}.hero-side{grid-column:1/-1;grid-template-columns:1fr 1fr;grid-template-rows:auto}.knowledge{grid-template-columns:130px repeat(3,1fr)}.device-row{grid-template-columns:130px repeat(4,1fr)}.main-grid{grid-template-columns:repeat(3,1fr)}.bottom-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1.4fr repeat(3,1fr)}}@media(max-width:800px){.header-in{grid-template-columns:1fr auto}.nav{display:none}.menu{display:block}.header-actions .hide-mobile{display:none}.hero-grid,.hero-side,.bottom-grid{grid-template-columns:1fr}.hero-side{grid-column:auto}.knowledge,.device-row,.main-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.device-logos{grid-template-columns:1fr 1fr}.journey-row{grid-template-columns:repeat(3,1fr)}.trustbar{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.sticky-trial{display:block}.ott{padding-bottom:68px}}

/* V7.3 Approved — validated visual corrections */
.hero-tv img{object-fit:contain;background:radial-gradient(circle at 50% 45%,rgba(217,173,81,.12),transparent 55%),#071018}
.sticky-trial.btn-gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#171108;border-color:transparent}

/* V7 validated additions — no layout redesign */
.skip-link{position:fixed;left:12px;top:-80px;z-index:999;background:var(--gold2);color:#171108;padding:10px 14px;border-radius:6px}.skip-link:focus{top:12px}.app-icons{grid-template-columns:repeat(6,1fr)}.app-icon{padding:2px;text-align:center}.navapp{background:#2f4f4f}.televizo{background:#116b5b}.vlc{background:#b96b16}.kodi{background:#1b78a8}.smartone{background:#59622b}.app-rule{margin:7px 0 0;text-align:center}.plan select,.trial-dialog select,.trial-dialog input{width:100%;min-height:44px;margin:5px 0 10px;border:1px solid var(--line);border-radius:7px;background:#071018;color:var(--text);padding:8px}.plan label,.trial-dialog label{display:block;margin-top:8px;font-weight:700}.trial-dialog{width:min(620px,calc(100% - 24px));border:1px solid var(--line);border-radius:14px;background:#08121b;color:var(--text);padding:0}.trial-dialog::backdrop{background:rgba(0,0,0,.78)}.trial-dialog form{padding:20px}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.dialog-head h2{margin:0}.dialog-close{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:#0c1621;color:#fff;font-size:1.5rem}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.form-error{color:#ffb4b4;min-height:1.3em}.review-empty{padding:14px;border:1px solid var(--soft);border-radius:8px}.video-card button{background:transparent;border:0}.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--gold2);outline-offset:3px}@media(max-width:1249px){.header-in{grid-template-columns:1fr auto}.nav{display:none}.menu{display:inline-flex}.hero-grid{grid-template-columns:1fr 1fr}.hero-side{grid-column:1/-1;grid-template-columns:1fr 1fr;grid-template-rows:auto}.knowledge{grid-template-columns:repeat(3,1fr)}.section-label{grid-column:1/-1}.device-row{grid-template-columns:repeat(3,1fr)}.device-row>.section-label,.app-compat{grid-column:1/-1}.main-grid{grid-template-columns:repeat(3,1fr)}.bottom-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){body{font-size:16px}.wrap{width:min(100% - 16px,var(--max))}.header-in{min-height:62px}.brand img{width:190px;height:48px}.header-actions .btn-dark{display:none}.hero-grid{grid-template-columns:1fr}.hero-copy,.hero-tv,.hero-side{min-height:auto}.hero-tv{aspect-ratio:16/9}.hero-side{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.navigator{grid-template-columns:1fr}.knowledge,.device-row,.main-grid,.bottom-grid,.trustbar,.footer-grid{grid-template-columns:1fr}.device-row>.section-label,.app-compat{grid-column:auto}.app-icons{grid-template-columns:repeat(3,1fr)}.plan-cards{grid-template-columns:1fr}.journey-row{grid-template-columns:repeat(3,1fr)}.sticky-trial{display:block;padding-bottom:calc(8px + env(safe-area-inset-bottom))}.footer{padding-bottom:90px}.footer-bottom{flex-direction:column;gap:8px}.dialog-actions{flex-direction:column}.dialog-actions .btn{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
