:root{
  --bg:#faf6f1; --bg-raised:#ffffff; --bg-soft:#f1e9e0; --ink:#1c1712; --ink-soft:#4c443c; --ink-faint:#6a5f53;
  --line:#e2d8cc; --accent:#c7470c; --accent-strong:#b93f08; --accent-ink:#ffffff; --teal:#0e6f6a; --teal-soft:#dceeea;
  --band:#171310; --band-ink:#f4ede3; --band-soft:#b8ab99; --tile:#ffffff; --tile-name:#4c443c;
  --price-bg:#1c1712; --price-ink:#faf6f1; --price-soft:#cbbfae;
  --best:#c2410c; --best-bg:#fff3e8; --best-border:#f97316;
  --shadow:0 18px 44px rgba(28,23,18,.14); --radius-lg:20px; --radius-md:14px;
}
@media (prefers-color-scheme:dark){
  :root{ --bg:#12100d; --bg-raised:#1d1a16; --bg-soft:#26221d; --ink:#f4ede3; --ink-soft:#cfc4b4; --ink-faint:#9a8d7c; --line:#38322a; --accent:#f06a24; --accent-strong:#ff7d3a; --accent-ink:#1c1006; --teal:#3ec2b8; --teal-soft:#17332f; --band:#0b0908; --band-ink:#f4ede3; --band-soft:#9a8d7c; --price-bg:#f4ede3; --price-ink:#1c1712; --price-soft:#5c5347; --best-bg:#2b1a0e; --best-border:#f97316; --shadow:0 18px 44px rgba(0,0,0,.5); }
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto} *,*::before,*::after{transition:none!important} }
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:"Sora","Manrope",system-ui,sans-serif;line-height:1.15;margin:0} p{margin:0} img{display:block;max-width:100%} a{color:inherit}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
button{font:inherit}
/* Nav */
.nav{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px}
.nav-brand{font-family:"Sora",sans-serif;font-weight:700;font-size:1.05rem;letter-spacing:-.01em;text-decoration:none;white-space:nowrap;background:none;border:none;cursor:pointer;color:var(--ink);padding:6px 0}
.nav-brand span{color:var(--accent)}
.nav-desktop{display:flex;align-items:center;gap:2px}
.nav-desktop button{background:none;border:none;cursor:pointer;font-weight:600;font-size:.93rem;color:var(--ink-soft);padding:8px 11px;border-radius:999px;white-space:nowrap}
.nav-desktop button:hover{color:var(--ink);background:var(--bg-soft)}
.nav-desktop button[aria-current="page"]{color:var(--ink);background:var(--bg-soft)}
.nav-desktop button.nav-cta{background:var(--accent);color:var(--accent-ink);font-weight:700}
.nav-desktop button.nav-cta:hover{background:var(--accent-strong);color:var(--accent-ink)}
@media (max-width:980px){.nav-desktop{display:none}}
.burger{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:46px;height:46px;align-items:center;background:var(--bg-raised);border:1px solid var(--line);border-radius:12px;cursor:pointer;flex:none}
.burger span{display:block;width:22px;height:2.5px;background:var(--ink);border-radius:2px;transition:transform .2s,opacity .2s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
@media (min-width:981px){.burger{display:none}}
.menu-panel{display:none;border-top:1px solid var(--line);background:var(--bg)}
.menu-panel.open{display:block}
.menu-panel nav{display:grid;padding:10px 0 16px;gap:2px}
.menu-panel button{display:flex;align-items:center;text-align:left;background:none;border:none;cursor:pointer;font-family:"Sora",sans-serif;font-weight:600;font-size:1.05rem;color:var(--ink);padding:13px 6px;border-bottom:1px solid var(--line)}
.menu-panel button:last-child{border-bottom:none}
.menu-panel button:hover,.menu-panel button[aria-current="page"]{color:var(--accent)}
/* Buttons */
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--accent);color:var(--accent-ink);font-family:"Sora",sans-serif;font-weight:700;font-size:1.02rem;border:none;border-radius:999px;padding:15px 28px;cursor:pointer;text-decoration:none;transition:background .18s,transform .18s}
.btn:hover{background:var(--accent-strong)} .btn:active{transform:scale(.98)}
.btn:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.btn.secondary{background:var(--bg-raised);color:var(--ink);border:1px solid var(--line)}
.btn.secondary:hover{background:var(--bg-soft)}
/* Pages */
.page{display:none}.page.active{display:block}
.page-head{padding:52px 0 8px}
.page-head h1{font-size:clamp(2rem,4.6vw,3rem);font-weight:800;letter-spacing:-.02em;margin-bottom:12px}
.page-head p{color:var(--ink-soft);font-size:1.08rem;max-width:62ch}
section{padding:54px 0}
.section-head{max-width:640px;margin-bottom:34px}
.section-head h2{font-size:clamp(1.7rem,3.4vw,2.3rem);font-weight:700;letter-spacing:-.015em;margin-bottom:10px}
.section-head p{color:var(--ink-soft);font-size:1.05rem}
/* Hero */
.hero{padding:56px 0 46px}
.hero-grid{display:grid;grid-template-columns:1.02fr 1fr;gap:48px;align-items:center}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin-bottom:20px}
.hero-eyebrow::before{content:"";width:26px;height:2px;background:var(--teal);border-radius:2px}
.hero h1{font-size:clamp(2.5rem,5.4vw,4rem);font-weight:800;letter-spacing:-.02em;margin-bottom:18px}
.hero-points{font-family:"Sora",sans-serif;font-weight:600;font-size:clamp(1.05rem,2.2vw,1.28rem);margin-bottom:14px}
.hero-points b{color:var(--accent);font-weight:700}
.hero-cats{color:var(--ink-soft);font-size:1.05rem;font-weight:600;margin-bottom:28px}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.hero-price-note{font-weight:700;color:var(--ink-soft);font-size:.98rem}.hero-price-note strong{color:var(--ink);font-size:1.12rem}
.hero-media{position:relative}
.hero-frame{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);aspect-ratio:3/2.35}
.hero-frame img,.hero-frame video{width:100%;height:100%;object-fit:cover}.hero-frame video{position:absolute;inset:0}
.hero-badge{position:absolute;left:18px;bottom:18px;background:var(--price-bg);color:var(--price-ink);border-radius:var(--radius-md);padding:12px 18px;display:flex;align-items:baseline;gap:8px;box-shadow:var(--shadow)}
.hero-badge .amount{font-family:"Sora",sans-serif;font-weight:800;font-size:1.45rem;letter-spacing:-.02em}
.hero-badge .per{font-weight:700;color:var(--price-soft);font-size:.95rem}
.hero-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.hero-chips span{background:var(--bg-raised);border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-weight:700;font-size:.88rem;color:var(--ink-soft)}
@media (max-width:860px){.hero{padding:38px 0 30px}.hero-grid{grid-template-columns:1fr;gap:32px}.hero-frame{aspect-ratio:3/2}}
/* Marquee */
.channel-band{background:var(--band);color:var(--band-ink);padding:56px 0 48px;overflow:hidden}
.channel-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px 28px;margin-bottom:30px}
.channel-head h2{font-size:clamp(1.6rem,3.2vw,2.15rem);font-weight:700;letter-spacing:-.015em}
.channel-head p{color:var(--band-soft);font-weight:600}
.marquee{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 7%,#000 93%,transparent 100%)}
.marquee-track{display:flex;width:max-content;max-width:none;animation:marquee-scroll 30s linear infinite;will-change:transform}
.marquee:hover .marquee-track,.marquee:active .marquee-track,.marquee:focus-within .marquee-track,.marquee.is-paused .marquee-track{animation-play-state:paused}
@keyframes marquee-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.logo-set{list-style:none;margin:0;padding:0 16px 0 0;display:flex;gap:16px;flex:none;align-items:stretch}
.logo-tile{background:var(--tile);border-radius:var(--radius-md);width:208px;min-height:118px;padding:18px 16px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;flex:none}
.logo-tile .logo-box{height:62px;width:100%;display:flex;align-items:center;justify-content:center}
.logo-tile img{max-width:82%;max-height:52px;width:auto;height:auto;object-fit:contain}
.logo-tile img.logo-tall{max-height:62px}
.logo-tile .logo-name{font-size:.8rem;font-weight:700;letter-spacing:.04em;color:var(--tile-name);text-align:center;line-height:1.3}
.channel-note{margin-top:22px;color:var(--band-soft);font-size:.86rem;font-weight:500}
@media (max-width:560px){.logo-tile{width:168px;min-height:106px}.logo-set{gap:12px;padding-right:12px}}
@media (prefers-reduced-motion:reduce){.marquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.marquee-track{animation:none!important;width:auto}.logo-set--duplicate{display:none}.logo-set{padding-right:0}.media-video{display:none!important}}
/* Sports / panels / steps */
.sports-card{margin:0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line);background:var(--bg-raised);box-shadow:var(--shadow)}
.sports-media{position:relative;aspect-ratio:16/9}.sports-card img,.sports-card video{width:100%;height:100%;object-fit:cover;object-position:center 42%}.sports-card video{position:absolute;inset:0}
.sports-card figcaption{padding:14px 20px;font-family:"Sora",sans-serif;font-weight:700;font-size:1rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 14px}
.sports-card figcaption span{font-family:"Manrope",sans-serif;color:var(--ink-faint);font-weight:600;font-size:.92rem}
@media (max-width:560px){.sports-media{aspect-ratio:3/2}}
.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.panel{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px}
.panel h3{font-size:1.18rem;font-weight:700;margin-bottom:8px}.panel p{color:var(--ink-soft);font-size:.99rem}
.panel .panel-icon{width:46px;height:46px;border-radius:12px;background:var(--teal-soft);color:var(--teal);display:grid;place-items:center;margin-bottom:18px}
@media (max-width:700px){.feature-grid{grid-template-columns:1fr}}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.step{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px 24px}
.step-num{font-family:"Sora",sans-serif;font-weight:800;font-size:2rem;line-height:1;color:var(--accent);display:block;margin-bottom:14px}
.step h3{font-size:1.06rem;font-weight:700;margin-bottom:7px}.step p{color:var(--ink-soft);font-size:.96rem}
@media (max-width:960px){.steps{grid-template-columns:1fr 1fr}} @media (max-width:560px){.steps{grid-template-columns:1fr}}
/* Pricing teaser + pricing page */
.teaser{background:var(--bg-soft);border:1px solid var(--line);border-radius:22px;padding:30px;display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between}
.teaser h2{font-size:1.5rem;margin-bottom:6px}.teaser p{color:var(--ink-soft)}
.best-banner{background:linear-gradient(135deg,#9a3412,#ea580c 55%,#f97316);color:#fff;border-radius:22px;padding:28px;display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;box-shadow:var(--shadow);margin:28px 0 8px}
.best-banner .kicker{font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;opacity:.9}
.best-banner h2{font-size:clamp(1.45rem,3vw,2rem);margin:4px 0 6px}
.best-banner p{opacity:.92;max-width:52ch}
.best-banner .price-big{font-family:"Sora",sans-serif;font-weight:800;font-size:2.6rem;line-height:1;text-align:right}
.best-banner .price-big small{display:block;font-family:"Manrope",sans-serif;font-size:.9rem;font-weight:700;opacity:.9;margin-top:6px}
.best-banner .btn{background:#fff;color:#9a3412}.best-banner .btn:hover{background:#ffedd5;color:#7c2d12}
.best-banner .best-compare{display:block;margin:10px 0 0 auto;background:none;border:none;color:#fff;font-weight:700;font-size:.9rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:6px 2px;text-align:right}
.best-banner .best-compare:hover{color:#ffedd5}
.device-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0 22px;background:var(--bg-soft);border:1px solid var(--line);padding:6px;border-radius:999px;width:fit-content;max-width:100%}
.device-tabs button{border:none;background:transparent;cursor:pointer;padding:11px 20px;border-radius:999px;font-family:"Sora",sans-serif;font-weight:700;color:var(--ink-soft)}
.device-tabs button[aria-selected="true"]{background:var(--ink);color:var(--bg)}
.device-tabs button .tab-sub{display:block;font-family:"Manrope",sans-serif;font-size:.74rem;font-weight:700;opacity:.75}
.plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media (max-width:1020px){.plans-grid{grid-template-columns:1fr 1fr}} @media (max-width:560px){.plans-grid{grid-template-columns:1fr}}
.plan-card{background:var(--bg-raised);border:1.5px solid var(--line);border-radius:20px;padding:26px 22px;display:flex;flex-direction:column;position:relative}
.plan-card .duration{font-weight:800;letter-spacing:.1em;text-transform:uppercase;font-size:.78rem;color:var(--ink-faint);margin-bottom:12px}
.plan-card .total{font-family:"Sora",sans-serif;font-weight:800;font-size:2.5rem;line-height:1;letter-spacing:-.02em}
.plan-card .permo{color:var(--accent);font-weight:800;margin:8px 0 4px}
.plan-card .screens{color:var(--ink-soft);font-size:.94rem;margin-bottom:20px}
.plan-card .btn{margin-top:auto;justify-content:center;width:100%;padding:13px 18px;font-size:.97rem}
.plan-card.is-best{border-color:var(--best-border);background:var(--best-bg);box-shadow:0 16px 36px rgba(234,88,12,.22);border-width:2px}
.best-badge{position:absolute;top:-13px;left:18px;background:#ea580c;color:#fff;font-family:"Sora",sans-serif;font-weight:800;font-size:.74rem;letter-spacing:.1em;padding:6px 12px;border-radius:999px}
.pricing-points{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}
@media (max-width:760px){.pricing-points{grid-template-columns:1fr}}
.pricing-points .panel{padding:22px}
/* Channels page */
.channel-group{margin-bottom:36px}
.channel-group h2{font-size:1.35rem;margin-bottom:6px}
.channel-group>p{color:var(--ink-soft);margin-bottom:18px}
.logo-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media (max-width:900px){.logo-grid{grid-template-columns:repeat(3,1fr)}} @media (max-width:620px){.logo-grid{grid-template-columns:1fr 1fr}}
.logo-grid .logo-tile{width:auto;background:var(--bg-raised);border:1px solid var(--line)}
/* Devices / guide */
.device-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.panel-feature{background:var(--ink);color:var(--bg);border-color:var(--ink)}
@media (prefers-color-scheme:dark){.panel-feature{background:var(--bg-raised);color:var(--ink);border-color:var(--line)}}
.panel-feature p{color:inherit;opacity:.8}.panel-feature .panel-icon{background:var(--accent);color:var(--accent-ink)}
@media (max-width:700px){.device-grid{grid-template-columns:1fr}}
.guide-steps{list-style:none;margin:0;padding:0;display:grid;gap:14px;max-width:840px}
.guide-steps li{display:flex;gap:18px;background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px}
.guide-steps .n{flex:none;width:44px;height:44px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-family:"Sora",sans-serif;font-weight:800}
.guide-steps h3{font-size:1.08rem;margin-bottom:6px}.guide-steps p{color:var(--ink-soft)}
.note-box{background:var(--teal-soft);border-radius:var(--radius-lg);padding:24px;max-width:840px;margin-top:18px}
.note-box h3{margin-bottom:6px}.note-box p{color:var(--ink-soft)}
.guide-section{margin-bottom:44px;max-width:840px}
.guide-section:last-child{margin-bottom:0}
.guide-section h2{font-size:1.38rem;font-weight:700;margin-bottom:6px}
.guide-section>p{color:var(--ink-soft);margin-bottom:16px;max-width:62ch}
.guide-tag{display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);margin-bottom:8px}
/* FAQ */
.faq-band{background:var(--bg-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.faq-list{display:grid;gap:12px;max-width:820px}
.faq-item{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius-md);padding:4px 24px}
.faq-item summary{cursor:pointer;list-style:none;font-family:"Sora",sans-serif;font-weight:700;font-size:1.02rem;padding:18px 26px 18px 0;position:relative}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1.5rem;font-weight:600;color:var(--accent);line-height:1}
.faq-item[open ] summary::after{content:"−"}
.faq-item .faq-answer{padding:0 0 20px;color:var(--ink-soft);max-width:62ch}
.faq-item .faq-answer button.linklike{background:none;border:none;padding:0;color:var(--accent);font-weight:800;cursor:pointer;text-decoration:underline}
/* CTA / footer / about */
.cta-band{background:var(--ink);color:var(--bg);border-radius:26px;padding:52px 40px;text-align:center}
@media (prefers-color-scheme:dark){.cta-band{background:var(--bg-raised);color:var(--ink);border:1px solid var(--line)}}
.cta-band h2{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;letter-spacing:-.02em;margin-bottom:12px}
.cta-band p{opacity:.82;max-width:52ch;margin:0 auto 28px;font-size:1.05rem}
.cta-confirm{display:none;margin:20px auto 0;max-width:520px;align-items:center;justify-content:center;gap:9px;font-weight:700}
.cta-confirm.show{display:flex}.cta-confirm svg{flex:none;color:var(--teal)}
@media (max-width:560px){.cta-band{padding:40px 24px}}
.prose{max-width:720px}.prose p{color:var(--ink-soft);font-size:1.06rem;margin-bottom:16px}.prose strong{color:var(--ink)}
.empty-box{border:1.5px dashed var(--line);border-radius:22px;padding:56px 28px;text-align:center;color:var(--ink-faint);font-weight:600}
/* Blogs */
.blog-list{display:grid;gap:18px;max-width:840px}
.blog-card{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px}
.blog-card h2{font-size:1.35rem;font-weight:700;letter-spacing:-.015em;margin-bottom:8px}
.blog-card p{color:var(--ink-soft);margin-bottom:18px}
.blog-card .btn{padding:12px 22px;font-size:.97rem}
.blog-card-thumb{display:block;width:100%;height:auto;border-radius:12px;margin-bottom:18px}
.article-featured{display:block;width:100%;height:auto;border-radius:14px;margin-bottom:22px}
.blog-back{display:inline-flex;align-items:center;gap:7px;background:none;border:none;cursor:pointer;color:var(--accent);font-family:"Sora",sans-serif;font-weight:700;font-size:.95rem;padding:10px 2px;min-height:46px}
.blog-back:hover{color:var(--accent-strong)}
.article-body{max-width:760px}
.article-body h2{font-size:clamp(1.45rem,3vw,1.85rem);font-weight:700;letter-spacing:-.015em;margin:42px 0 12px}
.article-body h3{font-size:1.16rem;font-weight:700;margin:30px 0 8px}
.article-body p{color:var(--ink-soft);margin-bottom:16px}
.article-body ul,.article-body ol{color:var(--ink-soft);margin:0 0 16px;padding-left:24px}
.article-body li{margin-bottom:8px}
.article-body li:last-child{margin-bottom:0}
.article-body strong{color:var(--ink)}
.article-table-wrap{border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;margin:4px 0 22px;background:var(--bg-raised)}
.article-table{width:100%;border-collapse:collapse;font-size:.98rem}
.article-table th,.article-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line)}
.article-table thead th{background:var(--bg-soft);font-family:"Sora",sans-serif;font-size:.92rem}
.article-table tbody tr:last-child th,.article-table tbody tr:last-child td{border-bottom:none}
.article-table tbody th{font-weight:700;color:var(--ink)}
.article-table td{color:var(--ink-soft)}
.article-foot{margin-top:44px;display:flex;flex-wrap:wrap;gap:12px}
@media (max-width:560px){.blog-card{padding:22px}.article-table th,.article-table td{padding:9px 8px;font-size:.86rem}.article-body h2{margin-top:34px}}
footer{border-top:1px solid var(--line);padding:30px 0 96px;margin-top:10px}
.footer-links{display:flex;flex-wrap:wrap;gap:6px 8px;margin-bottom:16px}
.footer-links button{background:none;border:none;cursor:pointer;font-weight:700;font-size:.93rem;color:var(--ink-soft);padding:6px 10px;border-radius:999px}
.footer-links button:hover{background:var(--bg-soft);color:var(--ink)}
.footer-inner{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;justify-content:space-between;color:var(--ink-faint);font-size:.92rem;font-weight:600}
.footer-inner a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.follow-band{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:30px 26px;text-align:center}
.follow-band h2{margin:0 0 8px;font-size:1.55rem}
.follow-band p{margin:0 auto 20px;color:var(--ink-dim);max-width:520px}
.follow-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:center}
.tp-badge{display:inline-flex;align-items:center;gap:10px;background:#0d1526;border:1px solid var(--line);border-radius:12px;padding:9px 18px 9px 10px;color:#fff;font-weight:800;font-size:1.05rem;text-decoration:none}
.tp-starbox{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:#00b67a;border-radius:7px}
.tp-starbox svg{width:19px;height:19px;display:block}
.soc-tile{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:13px;text-decoration:none}
.soc-tile svg{width:26px;height:26px;display:block}
.soc-fb{background:#1877F2}
.soc-ig{background:#FF2E4D}
/* Mobile-first refinements — most visitors are on a phone */
html,body{overflow-x:clip}
.btn,.burger,.device-tabs button,.menu-panel button,.footer-links button{min-height:46px}
@media (max-width:560px){
  body{font-size:16.5px}
  .wrap{padding:0 16px}
  section{padding:40px 0}
  .page-head{padding:36px 0 4px}
  .page-head h1{font-size:1.85rem}
  .hero{padding:30px 0 26px}
  .hero .btn{width:100%;justify-content:center}
  .hero-actions{gap:12px}
  .hero-badge{left:12px;bottom:12px;padding:10px 14px}
  .hero-badge .amount{font-size:1.25rem}
  .device-tabs{display:grid;grid-template-columns:repeat(3,1fr);width:100%;border-radius:18px;gap:6px}
  .device-tabs button{padding:12px 4px;font-size:.92rem;line-height:1.25}
  .device-tabs button .tab-sub{font-size:.68rem}
  .best-banner{padding:22px;border-radius:18px}
  .best-banner .price-big{text-align:left;font-size:2.2rem}
  .best-banner .btn{width:100%;justify-content:center}
  .best-banner .best-compare{margin-left:0;text-align:left}
  .plan-card{padding:24px 20px}
  .plan-card .btn{width:100%}
  .teaser{padding:22px}
  .teaser .btn{width:100%;justify-content:center}
  .cta-band .btn{width:100%;justify-content:center}
  .guide-steps li{padding:20px 16px;gap:14px}
  .faq-item{padding:4px 18px}
  .footer-links button{padding:10px 12px}
  .menu-panel button{padding:15px 4px;font-size:1.02rem}
  .sports-card figcaption{padding:12px 16px}
  .panel{padding:22px}
}

/* ===== Home: streaming-style redesign (home page only) ===== */
[data-page="home"]{background:#0b0c0f;color:#f4efe8;--stream-line:#2b2e35;--stream-soft:#c9c2b4;--stream-accent:#ff9a62}
[data-page="home"]>section{padding:38px 0}
[data-page="home"]>.channel-band{padding:56px 0 48px}
.stream-top{background:#0b0c0f}
.carousel{position:relative;overflow:hidden;background:#000;height:clamp(470px,68vh,580px)}
.carousel-track{position:relative;height:100%}
.carousel .slide{position:absolute;inset:0;overflow:hidden;background:#101216;display:none}
.carousel .slide.is-active{display:block;animation:slide-fade .5s ease}
@keyframes slide-fade{from{opacity:.35}to{opacity:1}}
.slide-media{position:absolute;inset:0}
.slide-media img,.slide-media video{width:100%;height:100%;object-fit:cover;object-position:center 38%}
.slide-media video{position:absolute;inset:0}
.slide-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(5,6,8,.94) 0%,rgba(5,6,8,.55) 42%,rgba(5,6,8,.12) 72%,rgba(5,6,8,.28) 100%),linear-gradient(to right,rgba(5,6,8,.72),rgba(5,6,8,0) 62%)}
.slide-content{position:relative;z-index:2;height:100%;max-width:1120px;margin:0 auto;padding:0 20px 74px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}
.slide-kicker{font-weight:800;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--stream-accent);margin-bottom:12px}
.slide-content h1,.slide-content .slide-title{font-size:clamp(1.9rem,4.6vw,3.1rem);font-weight:800;letter-spacing:-.02em;max-width:16ch;color:#fff;margin-bottom:12px}
.slide-desc{color:#e8e2d6;font-size:1.06rem;font-weight:600;max-width:46ch;margin-bottom:18px}
.from-badge{display:inline-block;background:var(--accent);color:#fff;font-family:"Sora",sans-serif;font-weight:800;font-size:.95rem;border-radius:999px;padding:8px 16px;margin-bottom:18px}
.slide-actions{display:flex;flex-wrap:wrap;gap:12px}
.btn-trial{background:#f4efe8;color:#17130e}
.btn-trial:hover{background:#fff;color:#17130e}
.slide-content .cta-confirm{color:#f4efe8;text-align:left;justify-content:flex-start;margin:16px 0 0}
.slide--movies{background:radial-gradient(1100px 480px at 82% 8%,#3d2c17 0%,transparent 55%),radial-gradient(800px 420px at 8% 100%,#123330 0%,transparent 55%),#101216}
.slide-posterwall{position:absolute;top:34px;right:max(20px,calc((100% - 1120px)/2));display:grid;grid-template-columns:repeat(3,118px);gap:12px;transform:rotate(2deg);opacity:.95}
.mini-poster{aspect-ratio:2/3;border-radius:10px;border:1px solid rgba(255,255,255,.16);display:flex;align-items:flex-end;padding:10px;font-family:"Sora",sans-serif;font-weight:700;font-size:.78rem;color:#fff;background:#1d2026}
.mp-1{background:linear-gradient(165deg,#7c2d12,#1d2026 78%)}.mp-2{background:linear-gradient(165deg,#134e4a,#1d2026 78%)}.mp-3{background:linear-gradient(165deg,#713f12,#1d2026 78%)}.mp-4{background:linear-gradient(165deg,#3f3f46,#17181d 78%)}.mp-5{background:linear-gradient(165deg,#7f1d1d,#1d2026 78%)}.mp-6{background:linear-gradient(165deg,#365314,#1d2026 78%)}
.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(10,10,12,.55);color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(6px)}
.carousel-arrow:hover{background:rgba(10,10,12,.85)}
.carousel-prev{left:16px}.carousel-next{right:16px}
.carousel-dots{position:absolute;z-index:3;bottom:22px;left:50%;transform:translateX(-50%);display:flex;gap:8px}
.carousel-dots button{width:26px;height:5px;border-radius:99px;border:none;background:rgba(255,255,255,.35);cursor:pointer;padding:0}
.carousel-dots button[aria-current="true"]{background:#fff}
.carousel-pause{position:absolute;z-index:3;left:16px;bottom:14px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(10,10,12,.55);color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(6px)}
.carousel-pause:hover{background:rgba(10,10,12,.85)}
.carousel-pause[hidden]{display:none}
@media (max-width:700px){.carousel-pause{top:12px;bottom:auto;left:12px}}
@media (max-width:1024px){.carousel-arrow{top:auto;bottom:14px;transform:none;width:42px;height:42px}.carousel-prev{left:auto;right:64px}.carousel-next{right:14px}}
.genre-row{display:flex;flex-wrap:wrap;gap:10px;padding:20px 0 6px}
.genre-row button{background:#17191f;color:#f4efe8;border:1px solid var(--stream-line);border-radius:999px;padding:11px 20px;font-family:"Sora",sans-serif;font-weight:700;font-size:.95rem;cursor:pointer}
.genre-row button:hover{border-color:var(--stream-accent);color:var(--stream-accent)}
.rail-section{padding:26px 0 4px!important}
.rail-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}
.rail-head h2{font-size:clamp(1.35rem,2.8vw,1.8rem);font-weight:700;letter-spacing:-.015em;color:#f4efe8}
.rail-link{display:inline-flex;align-items:center;gap:7px;background:none;border:none;cursor:pointer;color:var(--stream-accent);font-family:"Sora",sans-serif;font-weight:700;font-size:.93rem;padding:8px 4px;white-space:nowrap}
.rail-link:hover{color:#ffb98c}
.rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 16px;scrollbar-width:thin;scrollbar-color:#3a3d44 transparent}
.poster-card,.device-card{position:relative;flex:0 0 176px;scroll-snap-align:start;border-radius:14px;border:1px solid var(--stream-line);color:#fff;cursor:pointer;text-align:left;padding:16px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;font:inherit;transition:transform .18s,border-color .18s}
.poster-card{aspect-ratio:2/3;background:#1a1c22}
.poster-card:hover,.device-card:hover{transform:translateY(-4px);border-color:var(--stream-accent)}
.poster-glow{position:absolute;inset:0;pointer-events:none}
.poster-meta{position:relative;display:flex;flex-direction:column;gap:3px}
.poster-title{font-family:"Sora",sans-serif;font-weight:700;font-size:1.04rem;line-height:1.25}
.poster-sub{font-size:.82rem;font-weight:600;color:rgba(255,255,255,.78);line-height:1.35}
.art-football{background:radial-gradient(circle at 80% 12%,rgba(74,222,128,.4),transparent 58%),linear-gradient(165deg,#166534,#0a2013 82%)}
.art-boxing{background:radial-gradient(circle at 80% 12%,rgba(248,113,113,.42),transparent 58%),linear-gradient(165deg,#7f1d1d,#20090a 82%)}
.art-racing{background:radial-gradient(circle at 80% 12%,rgba(251,146,60,.4),transparent 58%),linear-gradient(165deg,#9a3412,#221108 82%)}
.art-tennis{background:radial-gradient(circle at 80% 12%,rgba(163,230,53,.34),transparent 58%),linear-gradient(165deg,#3f6212,#16210a 82%)}
.art-golf{background:radial-gradient(circle at 80% 12%,rgba(110,231,183,.32),transparent 58%),linear-gradient(165deg,#065f46,#09241c 82%)}
.art-cricket{background:radial-gradient(circle at 80% 12%,rgba(252,211,77,.34),transparent 58%),linear-gradient(165deg,#854d0e,#241a08 82%)}
.art-movies{background:radial-gradient(circle at 80% 12%,rgba(251,191,36,.36),transparent 58%),linear-gradient(165deg,#92400e,#241505 82%)}
.art-series{background:radial-gradient(circle at 80% 12%,rgba(45,212,191,.34),transparent 58%),linear-gradient(165deg,#115e59,#082625 82%)}
.art-kids{background:radial-gradient(circle at 80% 12%,rgba(249,168,212,.36),transparent 58%),linear-gradient(165deg,#9d2460,#26091a 82%)}
.art-doc{background:radial-gradient(circle at 80% 12%,rgba(147,197,253,.32),transparent 58%),linear-gradient(165deg,#1e40af,#0a1226 82%)}
.art-news{background:radial-gradient(circle at 80% 12%,rgba(248,113,113,.34),transparent 58%),linear-gradient(165deg,#991b1b,#260b0b 82%)}
.art-ent{background:radial-gradient(circle at 80% 12%,rgba(253,224,71,.3),transparent 58%),linear-gradient(165deg,#713f12,#221a08 82%)}
.device-card{flex-basis:216px;aspect-ratio:16/10.5;background:#17191f;justify-content:space-between}
.device-card-icon{width:48px;height:48px;border-radius:12px;background:rgba(255,122,51,.16);color:#ff9a62;display:grid;place-items:center}
.rail-note{color:var(--stream-soft);font-size:.95rem;font-weight:600;padding-bottom:8px}
[data-page="home"] .teaser{background:#17191f;border-color:var(--stream-line);color:#f4efe8}
[data-page="home"] .teaser p{color:var(--stream-soft)}
[data-page="home"] .section-head p{color:var(--stream-soft)}
[data-page="home"] .step{background:#17191f;border-color:var(--stream-line)}
[data-page="home"] .step p{color:var(--stream-soft)}
[data-page="home"] .cta-band{background:#f4ede3;color:#1c1712}
@media (max-width:700px){
    .carousel{height:612px}
  .slide-content{padding:0 16px 66px}
  .slide-posterwall{grid-template-columns:repeat(3,72px);gap:9px;top:16px;right:12px;opacity:.85}
  .slide-posterwall .mp-4,.slide-posterwall .mp-5,.slide-posterwall .mp-6{display:none}
  .mini-poster{font-size:.68rem;padding:8px}
  .carousel-arrow{width:40px;height:40px;top:auto;bottom:12px;transform:none}
  .carousel-prev{left:auto;right:60px}
  .carousel-next{right:12px}
  .poster-card{flex-basis:140px}
  .device-card{flex-basis:186px}
  .genre-row button{padding:10px 16px;font-size:.9rem}
  .rail-head h2{font-size:1.3rem}
}
@media (prefers-reduced-motion:reduce){.carousel .slide.is-active{animation:none}.poster-card:hover,.device-card:hover{transform:none}}
/* SEO pack: home H1 bar, inline text links, crawlable price list */
.seo-home-head{padding:26px 20px 18px}
.seo-home-head h1{font-size:clamp(1.65rem,4vw,2.5rem);font-weight:800;letter-spacing:-.02em;color:#f4efe8;max-width:22ch}
.seo-home-head p{color:#c9c2b4;font-weight:600;margin-top:8px;max-width:62ch}
button.linklike{background:none;border:none;padding:0;color:var(--accent);font-weight:800;cursor:pointer;text-decoration:underline;font:inherit}
button.linklike:hover{color:var(--accent-strong)}
.install-seo-h2{font-size:clamp(1.3rem,3vw,1.7rem);font-weight:700;letter-spacing:-.015em;margin:18px 0 0;max-width:34ch}
.all-plans{background:var(--bg-raised);border:1px solid var(--line);border-radius:22px;padding:26px;margin-top:26px}
.all-plans h2{font-size:1.35rem;margin-bottom:6px}
.all-plans>p{color:var(--ink-soft);margin-bottom:16px}
.all-plans ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px 22px}
.all-plans li{font-weight:600;color:var(--ink-soft);padding:7px 0;border-bottom:1px solid var(--line)}
.all-plans li strong{color:var(--ink)}
@media (max-width:760px){.all-plans ul{grid-template-columns:1fr}}
.cta-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
@media (max-width:560px){.cta-actions .btn{width:100%;justify-content:center}}
/* Contact page */
.contact-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:18px;align-items:start}
.contact-wa{background:var(--ink);color:var(--bg);border-color:var(--ink)}
@media (prefers-color-scheme:dark){.contact-wa{background:var(--bg-raised);color:var(--ink);border-color:var(--line)}}
.contact-wa h2{font-size:1.35rem;margin-bottom:8px}
.contact-wa p{opacity:.85;margin-bottom:14px}
.contact-wa .wa-number{font-family:"Sora",sans-serif;font-weight:800;font-size:1.25rem;letter-spacing:.01em;opacity:1;margin-bottom:20px}
.contact-wa .btn{width:100%;justify-content:center}
.contact-hint{margin-top:18px;background:var(--teal-soft);border-radius:var(--radius-md);padding:16px 18px;font-weight:700;color:var(--ink)}
.contact-hint span{color:var(--teal)}
.contact-form-card h2{font-size:1.35rem;margin-bottom:6px}
.contact-form-card>p{color:var(--ink-soft);margin-bottom:20px}
.field{margin-bottom:16px}
.field label{display:block;font-family:"Sora",sans-serif;font-weight:700;font-size:.95rem;margin-bottom:7px}
.field label .optional{font-family:"Manrope",sans-serif;font-weight:600;color:var(--ink-faint);font-size:.86rem}
.field input,.field select,.field textarea{width:100%;background:var(--bg);border:1.5px solid var(--line);border-radius:12px;padding:13px 14px;font:inherit;color:var(--ink);line-height:1.45}
.field textarea{resize:vertical;min-height:128px}
.field input::placeholder,.field textarea::placeholder{color:var(--ink-faint)}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:3px solid var(--teal);outline-offset:2px}
.field-error{display:none;color:#b42318;font-weight:700;font-size:.92rem;margin-top:7px}
@media (prefers-color-scheme:dark){.field-error{color:#ff8a7a}}
.field-error.show{display:block}
.field.has-error textarea{border-color:#b42318}
.contact-form-card .btn{width:100%;justify-content:center}
.form-note{color:var(--ink-faint);font-size:.9rem;font-weight:600;text-align:center;margin-top:12px}
.contact-help{margin-top:36px}
.contact-help h2{font-size:1.35rem;margin-bottom:6px}
.contact-help>p{color:var(--ink-soft);margin-bottom:18px;max-width:62ch}
.help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.help-grid .panel{display:flex;flex-direction:column}
.help-grid .panel p{flex:1}
.help-grid .btn{margin-top:16px;justify-content:center;padding:12px 18px;font-size:.96rem}
@media (max-width:860px){.contact-layout{grid-template-columns:1fr}.help-grid{grid-template-columns:1fr}}
@media (max-width:560px){.contact-wa .btn,.contact-form-card .btn{width:100%}}
/* Resellers page */
.credit-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.credit-card{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px;display:flex;align-items:center;gap:20px}
.credit-card .credit-amount{font-family:"Sora",sans-serif;font-weight:800;font-size:2.5rem;line-height:1;letter-spacing:-.02em;white-space:nowrap}
.credit-card .credit-amount span{display:block;font-family:"Manrope",sans-serif;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin-top:7px;font-weight:800}
.credit-card .credit-arrow{font-size:1.5rem;color:var(--accent);font-weight:800;flex:none}
.credit-card h3{font-size:1.15rem;font-weight:700;margin-bottom:5px}
.credit-card div p{color:var(--ink-soft);font-size:.97rem}
@media (max-width:700px){.credit-cards{grid-template-columns:1fr}.credit-card{padding:22px}}
.packs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media (max-width:1020px){.packs-grid{grid-template-columns:1fr 1fr}} @media (max-width:560px){.packs-grid{grid-template-columns:1fr}}
.pack-card{background:var(--bg-raised);border:1.5px solid var(--line);border-radius:20px;padding:26px 22px;display:flex;flex-direction:column;position:relative}
.pack-card .pack-name{font-weight:800;letter-spacing:.1em;text-transform:uppercase;font-size:.78rem;color:var(--ink-faint);margin-bottom:12px}
.pack-card .pack-price{font-family:"Sora",sans-serif;font-weight:800;font-size:2.5rem;line-height:1;letter-spacing:-.02em}
.pack-card .pack-credits{color:var(--accent);font-weight:800;font-size:1.12rem;margin:10px 0 2px}
.pack-card .pack-per{color:var(--ink-soft);font-weight:700;font-size:.94rem;margin-bottom:18px}
.pack-list{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:9px}
.pack-list li{color:var(--ink-soft);font-size:.95rem;padding-left:24px;position:relative}
.pack-list li::before{content:"✓";position:absolute;left:0;top:0;color:var(--teal);font-weight:800}
.pack-list li strong{color:var(--ink)}
.pack-card .btn{margin-top:auto;justify-content:center;width:100%;padding:13px 18px;font-size:.97rem}
.pack-card.is-best{border-color:var(--best-border);background:var(--best-bg);box-shadow:0 16px 36px rgba(234,88,12,.22);border-width:2px}
.pack-card.is-premium{background:var(--band);color:var(--band-ink);border-color:var(--band)}
.pack-card.is-premium .pack-name{color:var(--band-soft)}
.pack-card.is-premium .pack-per{color:var(--band-soft)}
.pack-card.is-premium .pack-list li{color:var(--band-soft)}
.pack-card.is-premium .pack-list li strong{color:var(--band-ink)}
.pack-badge-premium{position:absolute;top:-13px;left:18px;background:#f5b81e;color:#241a02;font-family:"Sora",sans-serif;font-weight:800;font-size:.74rem;letter-spacing:.1em;padding:6px 12px;border-radius:999px}
.create-table{max-width:860px}
.steps-3{grid-template-columns:repeat(3,1fr)}
@media (max-width:860px){
  .steps.steps-3{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-padding-left:2px;padding:4px 2px 14px;margin:-4px -2px -14px;touch-action:pan-x pan-y}
  .steps.steps-3::-webkit-scrollbar{display:none;width:0;height:0}
  .steps.steps-3>.step{flex:0 0 82%;max-width:82%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}
}
.calc-tabs{margin:0}
@media (max-width:560px){.device-tabs.calc-tabs{grid-template-columns:1fr 1fr}}
.calc-yearly-row{display:flex;align-items:baseline;justify-content:space-between;gap:14px}
.calc-yearly-row output{font-family:"Sora",sans-serif;font-weight:800;font-size:1.5rem;color:var(--accent)}
.calc-card input[type="range"]{width:100%;accent-color:var(--accent);height:34px;cursor:pointer}
.calc-scale{display:flex;justify-content:space-between;color:var(--ink-faint);font-size:.85rem;font-weight:700;margin-top:2px}
.calc-results{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}
.calc-stat{background:var(--bg-soft);border-radius:var(--radius-md);padding:18px 12px;text-align:center}
.calc-stat-num{font-family:"Sora",sans-serif;font-weight:800;font-size:1.75rem;line-height:1.1}
.calc-stat-label{color:var(--ink-soft);font-weight:700;font-size:.85rem;margin-top:5px}
@media (max-width:700px){.calc-results{grid-template-columns:1fr 1fr}}
.calc-note{margin-top:18px;color:var(--ink-soft);font-weight:600}
.calc-note strong{color:var(--ink)}
.credits-by-devices{max-width:860px;margin-top:18px}
.credits-by-devices-caption{color:var(--ink-soft);font-size:.95rem;margin-top:10px;max-width:70ch}
.calc-device-tabs{margin:0}
.calc-monthly-row{display:flex;align-items:baseline;justify-content:space-between;gap:14px}
.calc-monthly-row output{font-family:"Sora",sans-serif;font-weight:800;font-size:1.5rem;color:var(--accent)}
.calc-rates{margin-top:14px;background:var(--teal-soft);border-radius:var(--radius-md);padding:13px 16px;font-weight:700;color:var(--ink);font-size:.95rem}
.calc-rates strong{color:var(--teal)}
.calc-stat.is-short{background:#fdf0e6;border:1.5px solid var(--best-border)}
@media (prefers-color-scheme:dark){.calc-stat.is-short{background:#2b1a0e}}
@media (max-width:560px){.device-tabs.calc-device-tabs{grid-template-columns:repeat(3,1fr)}.device-tabs.calc-device-tabs button{padding:11px 4px;font-size:.9rem}}
.contact-wa p{color:inherit}
.contact-wa .wa-number{color:inherit}
/* Floating WhatsApp button — all pages, bottom-left */
.whatsapp-float{position:fixed;left:18px;bottom:max(18px,env(safe-area-inset-bottom));z-index:90;display:inline-flex;align-items:center;gap:10px;text-decoration:none;-webkit-tap-highlight-color:transparent}
.whatsapp-float .wa-btn{width:58px;height:58px;flex:none;border-radius:50%;background:#202c33;border:1px solid rgba(255,255,255,.14);display:grid;place-items:center;box-shadow:0 10px 26px rgba(0,0,0,.35);transition:transform .18s,background .18s}
.whatsapp-float .wa-btn svg{width:31px;height:31px;fill:#fff;display:block}
.whatsapp-float .wa-label{background:#ffffff;color:#1c1712;font-family:"Sora",sans-serif;font-weight:700;font-size:.92rem;line-height:1.2;white-space:nowrap;padding:10px 14px;border-radius:10px;box-shadow:0 8px 22px rgba(0,0,0,.22)}
.whatsapp-float:hover .wa-btn{background:#2a3942;transform:translateY(-2px)}
.whatsapp-float:focus-visible{outline:3px solid var(--teal);outline-offset:3px;border-radius:999px}
@media (max-width:560px){
  .whatsapp-float{left:16px;bottom:max(16px,env(safe-area-inset-bottom));gap:8px}
  .whatsapp-float .wa-btn{width:54px;height:54px}
  .whatsapp-float .wa-btn svg{width:29px;height:29px}
  .whatsapp-float .wa-label{display:none}
}
@media (prefers-reduced-motion:reduce){.whatsapp-float .wa-btn{transition:none}.whatsapp-float:hover .wa-btn{transform:none}}