/* Shared public-site colour and motion layer; player and portals are excluded. */
:root { --navy:#214661; --panel:#24536f; --panel2:#394e78; --muted:#d4e4f2; --line:rgba(169,224,255,.45); }
body { background:#214c70; }
body:not(.home-clean) main > section { background-image:radial-gradient(ellipse at top left,#33c9e52b,transparent 65%); }
.home-clean .home-header { background:rgba(25,62,88,.97); }
.home-clean .conversion-hero { background:radial-gradient(ellipse at 10% 30%,#238db8aa,transparent 65%),radial-gradient(ellipse at 90% 30%,#aa50ae80,transparent 65%),#234c70; }
.home-clean .home-footer { background:#224763; }
.home-clean .home-price-card { background:linear-gradient(145deg,#326f8e,#4c4f82); border-color:#9bc6e1; }
.home-clean .restored-content details { background:#275571; border-color:#97bad3; }
.home-clean :is(.offer-primary,.top-download) { animation:vivid-cta 4s ease-in-out infinite; }
body main { background:linear-gradient(135deg,#23567b,#393562 55%,#653a72); }
body main > section { background-color:#244a69; }
body main > section:nth-of-type(even) { background-color:#39436c; }
.home-clean .restored-content,.home-clean .feature-section,.home-clean .devices-section { background:radial-gradient(ellipse at 0 0,#2b8baa77,transparent 60%),linear-gradient(120deg,#255475,#49375f); }
.home-clean .home-offers,.home-clean .home-pricing { background:linear-gradient(120deg,#245c77,#414577 60%,#71386c); }
.home-clean .offer-shout { background:radial-gradient(ellipse at 10% 50%,#16add88a,transparent 65%),linear-gradient(110deg,#154e77,#592d75); border-color:#ef97ff; }
.home-clean .restored-benefits a { position:relative; isolation:isolate; container-type:inline-size; overflow:hidden; padding-top:172px; background:#24506a; border-color:#9bc5de; box-shadow:0 16px 36px #0b16352b; transition:transform .25s,box-shadow .25s; }
.home-clean .restored-benefits a::before { content:""; position:absolute; z-index:-1; inset:0 0 auto; height:148px; background-image:url('/th/assets/living/entertainment-atlas-v1.webp'); background-size:400% 400%; background-position:0 0; animation:vivid-art 12s ease-in-out infinite alternate; }
.home-clean .restored-benefits a:nth-child(2)::before { background-position:33.333% 33.333%; animation-delay:-4s; }
.home-clean .restored-benefits a:nth-child(3)::before { background-position:66.667% 66.667%; animation-delay:-8s; }
.home-clean .restored-benefits:not(.bonus-tiers) a:nth-child(1)::before { background-position:100% 100%; }
.home-clean .restored-benefits:not(.bonus-tiers) a:nth-child(2)::before { background-position:33.333% 66.667%; }
.home-clean .restored-benefits a::before { height:auto; aspect-ratio:1; clip-path:inset(0 0 calc(100% - 148px) 0); }
.home-clean .restored-benefits strong { font-size:26px; color:#fff17b; }
.home-clean .restored-benefits a:hover { transform:translateY(-7px); box-shadow:0 18px 40px #111b5266,0 0 22px #64dfff55; }
.home-clean .onboarding-step { background:linear-gradient(140deg,#276a86,#4b3b73); border-color:#82d8ed; }
.home-clean .onboarding-step > b { animation:step-bob 4s ease-in-out infinite; }
.home-clean .onboarding-step:nth-child(2) > b { animation-delay:-1.3s; }
.home-clean .onboarding-step:nth-child(3) > b { animation-delay:-2.6s; }
.home-clean .guide-grid article { background:linear-gradient(140deg,#246180,#413967); border-color:#9bbad9; }
.home-clean .feature-grid article,.home-clean .support-card,.home-clean .reseller-card { background:linear-gradient(130deg,#245b78,#593d72); border-color:#8cafd0; }
.home-clean .genre-card.boxsets { background-position:center,100% 66.667%; }
.setup-demo { min-height:260px; display:grid; place-content:center; gap:18px; padding:28px; margin:0 0 22px; border-radius:16px; background:radial-gradient(ellipse at top,#00b7df55,transparent 70%),linear-gradient(130deg,#102b55,#521b67); border:1px solid #71f0ff; text-align:center; }
.setup-demo > span { color:#bdfaff; font-size:12px; letter-spacing:.15em; }
.setup-demo strong { color:#fff; font-size:clamp(25px,3vw,38px); }
.setup-demo-code { display:flex; justify-content:center; flex-wrap:wrap; gap:7px; }
.setup-demo-code i { font-style:normal; display:grid; place-items:center; width:30px; height:44px; border:1px solid #96eaff; border-radius:7px; color:#fff; background:#2385a655; animation:setup-key 3s ease-in-out infinite; }
.setup-demo-code i:nth-child(2n) { animation-delay:.4s; }
.setup-demo-code i:nth-child(3n) { animation-delay:.8s; }
.setup-demo small { color:#e5e8ff; }
.geo-controls { display:grid; gap:8px; margin-top:14px; }
.geo-controls label,.geo-status { font-size:12px; color:#dcecf9; }
.geo-controls select { width:100%; min-height:42px; border:1px solid #9cc7df; border-radius:8px; padding:8px; background:#15324e; color:#fff; }
@keyframes vivid-art { to { transform:scale(1.08); } }
@keyframes vivid-cta { 50% { box-shadow:0 5px 30px #ffe84a60; } }
@keyframes step-bob { 50% { transform:translateY(-5px); text-shadow:0 0 22px #39dcff; } }
@keyframes setup-key { 50% { transform:translateY(-5px); background:#9846b966; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; scroll-behavior:auto!important; } }
.motion-paused *,.motion-paused *::before,.motion-paused *::after { animation-play-state:paused!important; }