/* TV Wizard landing page */
body.landing{background:#07080d;overflow-x:hidden}
.landing .topbar{position:sticky;top:0;z-index:50;background:rgba(7,8,13,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}
.landing .site{max-width:none;padding:0}
.landing .wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.landing .foot{max-width:1160px;margin:60px auto 0}
.lp-glow{position:absolute;inset:0 0 auto 0;height:900px;pointer-events:none;overflow:hidden;z-index:0}
.lp-glow:before,.lp-glow:after{content:"";position:absolute;border-radius:50%;filter:blur(90px);opacity:.55}
.lp-glow:before{width:640px;height:520px;left:50%;top:-160px;margin-left:-520px;background:radial-gradient(circle,#2a3fd6 0%,transparent 70%)}
.lp-glow:after{width:620px;height:480px;left:50%;top:-100px;margin-left:0;background:radial-gradient(circle,#f5a623 0%,transparent 70%);opacity:.32}
.lp-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 0%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 0%,#000 30%,transparent 75%)}
.lp-hero{position:relative;text-align:center;padding:72px 0 30px;z-index:1}
.lp-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 8px;border:1px solid rgba(245,166,35,.35);background:rgba(245,166,35,.08);color:#ffd48a;border-radius:99px;font-size:13px;font-weight:600;text-decoration:none!important}
.lp-badge i{background:var(--accent);color:#141414;border-radius:99px;padding:2px 8px;font-style:normal;font-size:11px;letter-spacing:.04em}
.lp-hero .logo{width:96px;height:96px;image-rendering:pixelated;margin:26px auto 4px;display:block;filter:drop-shadow(0 0 28px rgba(245,166,35,.45));animation:lp-float 5s ease-in-out infinite}
@keyframes lp-float{50%{transform:translateY(-8px)}}
.lp-hero h1{font-size:clamp(38px,6.4vw,72px);letter-spacing:-.035em;line-height:1.03;margin:10px auto 18px;max-width:900px;font-weight:800}
.lp-grad{background:linear-gradient(100deg,#ffd48a 0%,#f5a623 40%,#8fa2ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.lp-hero p.lead{font-size:clamp(16px,2vw,20px);color:#a9b0c0;max-width:680px;margin:0 auto 28px;line-height:1.55}
.lp-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.lp-cta .btn{padding:14px 26px;font-size:16px;border-radius:12px}
.lp-cta .btn.primary{box-shadow:0 8px 30px -8px rgba(245,166,35,.65)}
.lp-cta .btn:not(.primary){background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14)}
.lp-fine{color:#6f778a;font-size:13px;margin-top:16px}
/* device stage */
.lp-stage{position:relative;z-index:1;margin:46px auto 60px;max-width:1000px;padding:0 24px}
.tv{position:relative;border-radius:18px;padding:10px;background:linear-gradient(160deg,#2a2f3c,#10131a);box-shadow:0 0 0 1px rgba(255,255,255,.08),0 50px 120px -30px rgba(70,90,255,.45),0 30px 60px -20px #000}
.tv .scr{border-radius:10px;overflow:hidden;background:#0a0c12;aspect-ratio:16/9;position:relative;font-size:clamp(7px,1.15vw,12px);color:#e9ebef}
.tv-stand{width:22%;height:12px;margin:0 auto;background:linear-gradient(#1a1e28,#0c0e14);border-radius:0 0 10px 10px}
.phone{position:absolute;right:-1%;bottom:-8%;width:19%;min-width:92px;border-radius:22px;padding:5px;background:linear-gradient(160deg,#2a2f3c,#10131a);box-shadow:0 0 0 1px rgba(255,255,255,.1),0 30px 60px -10px #000}
.phone .scr{border-radius:17px;overflow:hidden;background:#0a0c12;aspect-ratio:9/19;font-size:clamp(5px,.8vw,9px);padding:8px}
/* mock UI atoms */
.m-top{display:flex;gap:1.2em;align-items:center;padding:.8em 1.2em;background:#0e1118;border-bottom:1px solid #1c212b;font-weight:600;color:#8e96a6}
.m-top b{color:var(--ac,#f5a623)}
.m-top .sp{flex:1}.m-clock{color:#e9ebef}
.m-guide{display:grid;grid-template-columns:15% 1fr;height:calc(100% - 3em)}
.m-ch{border-right:1px solid #1c212b;background:#0c0f15}
.m-ch div{height:16.66%;display:flex;align-items:center;gap:.6em;padding:0 .8em;border-bottom:1px solid #141821;font-weight:600;white-space:nowrap}
.m-ch em{font-style:normal;color:#5d6577;font-size:.85em;width:1.6em}
.m-ch .lg{width:1.6em;height:1.6em;border-radius:.4em;flex:none}
.m-rows{position:relative;display:flex;flex-direction:column}
.m-time{display:flex;height:2em;align-items:center;color:#6f778a;border-bottom:1px solid #1c212b;font-weight:600}
.m-time span{flex:1;padding-left:.8em}
.m-row{height:calc((100% - 2em)/6);display:flex;gap:.3em;padding:.3em .3em;border-bottom:1px solid #141821}
.m-p{background:#171c26;border-radius:.5em;padding:.5em .8em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#c6ccd8;font-weight:500;line-height:1.2}
.m-p small{display:block;color:#6f778a;font-size:.8em;margin-top:.15em}
.m-p.on{background:var(--ac,#f5a623);color:#141414;box-shadow:0 0 0 .2em rgba(255,255,255,.85),0 .8em 2em -.4em var(--ac,#f5a623)}
.m-p.on small{color:#3b2c0a}
.m-p.live{border-left:.25em solid #ff5d5d}
.m-now{position:absolute;top:0;bottom:0;left:33%;width:2px;background:#ff5d5d;box-shadow:0 0 12px #ff5d5d}
/* sections */
.landing .lp-sec{position:relative;padding-top:104px;z-index:1}
.lp-eyebrow{color:var(--accent);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:12px;margin-bottom:12px}
.lp-sec h2{font-size:clamp(28px,4vw,46px);letter-spacing:-.03em;margin:0 0 16px;line-height:1.08;font-weight:800}
.lp-sec .sub{color:#a9b0c0;font-size:18px;max-width:620px;line-height:1.55}
.lp-split{display:grid;grid-template-columns:.8fr 1.4fr;gap:48px;align-items:center}
.lp-split.rev{grid-template-columns:1.4fr .8fr}.lp-split.rev .lp-copy{order:2}
.lp-list{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:12px}
.lp-list li{display:flex;gap:12px;color:#c3c9d6;line-height:1.45}
.lp-list li:before{content:"";flex:none;width:20px;height:20px;margin-top:1px;border-radius:50%;background:rgba(245,166,35,.15) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5a623' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat}
.lp-panel{border-radius:20px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));padding:14px;box-shadow:0 40px 80px -40px rgba(60,80,255,.35)}
.lp-panel .scr{border-radius:12px;overflow:hidden;background:#0a0c12;aspect-ratio:16/10;position:relative;font-size:clamp(7px,1.05vw,12px);color:#e9ebef}
.lp-panel img{width:100%;display:block;border-radius:12px}
/* multiview + sports mock */
.mv{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:.5em;padding:.5em;height:100%}
.mv div{border-radius:.6em;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:.7em;font-weight:700}
.mv div:nth-child(1){background:linear-gradient(135deg,#1b3a8a,#0c1535);box-shadow:inset 0 0 0 .22em var(--accent)}
.mv div:nth-child(2){background:linear-gradient(135deg,#6a2a8a,#1a0c35)}
.mv div:nth-child(3){background:linear-gradient(135deg,#0f6a4a,#06241a)}
.mv div:nth-child(4){background:linear-gradient(135deg,#8a3a1b,#2a1208)}
.mv i{position:absolute;top:.6em;right:.6em;font-style:normal;background:var(--accent);color:#141414;border-radius:.4em;padding:.15em .5em;font-size:.8em}
.mv i.mute{background:rgba(0,0,0,.5);color:#fff}
.sp-list{padding:1em;display:grid;gap:.6em}
.sp-g{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1em;background:#141821;border-radius:.8em;padding:.9em 1.2em;font-weight:700}
.sp-g b{font-size:1.5em;letter-spacing:.04em}.sp-g span:last-child{text-align:right}
.sp-g small{display:block;color:#6f778a;font-weight:500;font-size:.8em;margin-top:.2em}
.sp-live{color:#ff5d5d!important}
.sp-h{padding:1em 1em 0;display:flex;gap:.6em;font-weight:600}
.sp-h span{padding:.35em .9em;border-radius:99px;background:#171c26;color:#8e96a6}.sp-h span.on{background:var(--accent);color:#141414}
/* appearance picker */
.lp-pick{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.lp-pick button{width:34px;height:34px;border-radius:50%;border:3px solid transparent;cursor:pointer;background:var(--c);box-shadow:0 0 0 1px rgba(255,255,255,.15)}
.lp-pick button.on{border-color:#fff}
/* family */
.lp-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:32px}
.lp-card{padding:22px;border-radius:18px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012));transition:transform .25s var(--ease),border-color .25s}
.lp-card:hover{transform:translateY(-4px);border-color:rgba(245,166,35,.4)}
.lp-card h3{font-size:17px;margin:12px 0 6px}.lp-card p{margin:0;color:#8e96a6;line-height:1.5;font-size:14.5px}
.lp-ico{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(245,166,35,.12);color:var(--accent)}
.lp-ico svg{width:22px;height:22px}
/* bento */
.bento{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:36px}
.bento .lp-card:nth-child(1),.bento .lp-card:nth-child(6),.bento .lp-card:nth-child(7),.bento .lp-card:nth-child(8){grid-column:span 2}
/* steps */
.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px;counter-reset:s}
.steps3 .lp-card:before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--accent);color:#141414;font-weight:800;margin-bottom:6px}
/* devices */
.lp-devs{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.lp-devs span{padding:9px 16px;border-radius:99px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:#c3c9d6;font-weight:600;font-size:14px}
/* pricing */
.lp-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
.lp-plan{position:relative;padding:26px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));display:flex;flex-direction:column}
.lp-plan.best{border-color:rgba(245,166,35,.6);box-shadow:0 0 0 1px rgba(245,166,35,.25),0 30px 70px -30px rgba(245,166,35,.45)}
.lp-plan .tag{position:absolute;top:-12px;left:24px;background:var(--accent);color:#141414;font-weight:800;font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:4px 12px;border-radius:99px}
.lp-plan h3{margin:0 0 6px;font-size:18px}
.lp-plan .price{font-size:30px;font-weight:800;color:#fff;letter-spacing:-.02em;margin:6px 0}
.lp-plan .price small{font-size:14px;color:#8e96a6;font-weight:600;letter-spacing:0}
.lp-plan ul{list-style:none;padding:0;margin:14px 0 22px;display:grid;gap:9px;color:#a9b0c0;font-size:14.5px;flex:1}
.lp-plan li:before{content:"✓ ";color:var(--accent);font-weight:800}
.lp-plan .btn{text-align:center}
.lp-plan.best .btn{background:var(--accent);color:#141414;border-color:var(--accent)}
/* faq + final */
.lp-faq{max-width:820px;margin:36px auto 0;display:grid;gap:10px}
.lp-faq details{border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.025);padding:16px 20px}
.lp-faq summary{font-weight:700;color:#e9ebef;list-style:none;display:flex;justify-content:space-between;gap:12px}
.lp-faq summary::-webkit-details-marker{display:none}
.lp-faq summary:after{content:"+";color:var(--accent);font-size:20px;line-height:1}
.lp-faq details[open] summary:after{content:"–"}
.lp-faq p{color:#8e96a6;margin:10px 0 0;line-height:1.55}
.lp-final{margin:100px 24px 0;text-align:center;padding:64px 24px;border-radius:28px;border:1px solid rgba(245,166,35,.25);background:radial-gradient(600px 260px at 50% 0%,rgba(245,166,35,.18),transparent 70%),radial-gradient(500px 300px at 90% 100%,rgba(60,80,255,.22),transparent 70%),#0b0d14}
.lp-final h2{font-size:clamp(28px,4vw,44px);letter-spacing:-.03em;margin:0 0 14px}
.lp-final p{color:#a9b0c0;margin:0 auto 26px;max-width:540px}
.lp-center{text-align:center}.lp-center .sub{margin-left:auto;margin-right:auto}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.in{opacity:1;transform:none}
@media(max-width:860px){.lp-split,.lp-split.rev{grid-template-columns:1fr;gap:34px}.lp-split.rev .lp-copy{order:0}.bento{grid-template-columns:1fr 1fr}.bento .lp-card:nth-child(1),.bento .lp-card:nth-child(6),.bento .lp-card:nth-child(7),.bento .lp-card:nth-child(8){grid-column:span 2}.steps3,.lp-plans{grid-template-columns:1fr}.phone{display:none}.landing .lp-sec{padding-top:72px}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.lp-hero .logo{animation:none}}

.lp-panel .m-guide{grid-template-columns:27% 1fr}.lp-panel .m-top{gap:.9em}

.lp-panel .scr img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0}
.lp-browser{margin:36px auto 0;max-width:980px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#0b0d12;overflow:hidden;box-shadow:0 50px 100px -40px rgba(60,80,255,.4)}
.lp-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;background:#11141b;border-bottom:1px solid #1c212b}
.lp-bar i{width:11px;height:11px;border-radius:50%;background:#2a303c}
.lp-bar span{margin:0 auto;padding:4px 40px;border-radius:8px;background:#0b0d12;color:#6f778a;font-size:12px}
.lp-tabs{display:flex;gap:6px;padding:10px 14px;background:#0e1118;border-bottom:1px solid #1c212b}
.lp-tabs button{background:transparent;border:1px solid transparent;color:#8e96a6;font:600 13px var(--font);padding:7px 14px;border-radius:9px;cursor:pointer}
.lp-tabs button.on{background:rgba(245,166,35,.14);color:var(--accent)}
.lp-shots{position:relative;aspect-ratio:16/10}
.lp-shots img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s}
.lp-shots img.on{opacity:1}

.scr.real{aspect-ratio:auto!important;font-size:0}.scr.real img{width:100%;height:auto!important;object-fit:contain}
.lp-pay{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:30px}
.lp-pay span{padding:8px 15px;border-radius:99px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#e3e7f0;font-weight:600;font-size:14px}
.lp-pay .lp-pay-l{border:0;background:none;color:#9aa3b5;font-weight:500}