/* Contemporary homepage pass: retain every message while reducing competition. */
.home-clean {
  --home-shell: min(1320px, calc(100% - 56px));
  background: #040b16;
}

.home-clean.cinematic-site {
  background-color: #040b16;
  background-image:
    radial-gradient(circle at 8% 8%, rgba(22, 213, 255, .07), transparent 27%),
    radial-gradient(circle at 92% 18%, rgba(255, 32, 156, .06), transparent 29%);
}

.home-clean.cinematic-site main::before { opacity: .38; }
.home-clean.cinematic-site :is(h1, h2) { text-shadow: none; }

/* Navigation */
.home-clean .home-header {
  background: rgba(3, 10, 22, .94);
  border-color: rgba(255, 255, 255, .07);
  box-shadow: 0 10px 35px rgba(0, 0, 0, .18);
}

.home-clean .home-nav { min-height: 72px; gap: 22px; }
.home-clean .home-links { gap: 21px; }
.home-clean .home-links a { font-size: 10px; letter-spacing: .075em; }
.home-clean .home-links .web-player-nav { padding: 7px 10px; background: rgba(19, 41, 63, .64); box-shadow: none; }
.home-clean .header-chat small,
.home-clean .cms-access small { display: none; }
.home-clean .cms-access { min-height: 42px; padding: 6px 10px; box-shadow: none; }
.home-clean .header-actions .btn { min-height: 42px; }

/* Compact conversion bar */
.home-clean .top-offer-ribbon {
  border-color: rgba(22, 213, 255, .2);
  background: linear-gradient(105deg, #092137, #101126 52%, #281027);
  box-shadow: none;
}

.home-clean .top-offer-inner {
  min-height: 78px;
  grid-template-columns: minmax(300px, 1fr) minmax(195px, .52fr) minmax(135px, .34fr) minmax(185px, .46fr);
  gap: 10px;
  padding-block: 10px;
}

.home-clean .top-offer-copy {
  display: grid;
  grid-template-columns: max-content max-content;
  justify-content: start;
  align-items: end;
  gap: 2px 9px;
  white-space: normal;
}

.home-clean .top-offer-copy span,
.home-clean .top-offer-copy strong { font-size: clamp(28px, 2.55vw, 39px); line-height: .9; }
.home-clean .top-offer-copy b {
  grid-column: 1 / -1;
  justify-self: start;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  font-size: 8px;
  letter-spacing: .13em;
}

.home-clean :is(.top-download, .top-reseller, .top-code) {
  width: 100%;
  min-width: 0;
  min-height: 52px;
  border-radius: 12px;
  box-shadow: none;
}

.home-clean .top-download { padding: 9px 16px; }
.home-clean .top-download span { font-size: 15px; }
.home-clean .top-download small { font-size: 7px; }
.home-clean .top-reseller { padding: 9px 12px; font-size: 9px; background: rgba(5, 16, 32, .46); }
.home-clean .top-code { padding: 7px 12px; background: rgba(8, 20, 38, .62); }
.home-clean .top-code strong { font-size: 20px; }
.home-clean .top-code span { display: none; }

/* Calm, editorial hero */
.home-clean .conversion-hero,
.home-clean .hero-carousel { min-height: 650px; }
.home-clean .conversion-hero { background: #040c19; }
.home-clean .conversion-hero::after { display: none; }
.home-clean .conversion-hero::before { opacity: .42; }
.home-clean .hero-entertainment::before {
  background:
    linear-gradient(90deg, rgba(3, 10, 23, .91) 0%, rgba(3, 10, 23, .72) 43%, rgba(3, 10, 23, .38) 74%, rgba(3, 10, 23, .66) 100%),
    linear-gradient(180deg, rgba(3, 10, 23, .25), rgba(3, 10, 23, .86) 96%);
}
.home-clean .hero-entertainment::after { opacity: .32; }
.home-clean .hero-scene { filter: saturate(1.12) contrast(1.05); transition-duration: 2.2s; }
.home-clean .hero-scene.is-visible { opacity: .52; }
.home-clean .hero-carousel { padding: 52px 0 76px; }
.home-clean .slides { min-height: 520px; }
.home-clean .carousel-slide {
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: clamp(42px, 6vw, 88px);
  align-items: center;
  padding-top: 0;
  min-width: 0;
  transition: opacity .72s ease, transform .72s cubic-bezier(.2,.78,.2,1), visibility .72s ease;
  transform: translate3d(28px, 0, 0) scale(.985);
}
.home-clean .carousel-slide.is-active { transform: none; }
.home-clean .slide-copy { display: block; min-width: 0; max-width: 570px; overflow: visible; }
.home-clean .slide-copy h1 {
  max-width: 570px;
  margin: 0;
  padding: .06em 0 .12em;
  font-size: clamp(49px, 4.6vw, 70px);
  line-height: 1.025;
  letter-spacing: -.052em;
  overflow: visible;
}
.home-clean .slide-copy h1 span { margin-top: 5px; padding-bottom: .06em; }
.home-clean .slide-copy > p { max-width: 530px; margin-top: 22px; font-size: 17px; line-height: 1.55; }
.home-clean .slide-actions { margin-top: 25px; }
.home-clean .slide-actions :is(.btn, .cta-with-note) { min-height: 54px; border-radius: 12px; box-shadow: none; }
.home-clean .trust-line { margin-top: 18px; color: #8fa4bb; font-size: 8px; }
.home-clean .slide-visual { min-height: 435px; }
.home-clean .tv-stage,
.home-clean .multi-device .tv-stage,
.home-clean .service-visual .tv-stage {
  inset: 35px 0 36px;
  padding: 8px;
  border-color: rgba(22, 213, 255, .25);
  border-radius: 22px;
  box-shadow: 0 30px 70px rgba(0, 0, 0, .43);
  transform: none;
}
.home-clean .tv-stage img { border-radius: 15px; }
.home-clean .tv-stage { animation: home-tv-float 6.4s ease-in-out infinite; }
.home-clean :is(.performance-chip, .support-chat-card, .setup-complete) { animation: home-chip-float 4.8s ease-in-out infinite; }
.home-clean .setup-complete { animation-delay: -2.1s; }
.home-clean .support-chat-card { animation-delay: -1.2s; }
@keyframes home-tv-float { 50% { transform: translateY(-8px) perspective(1200px) rotateY(1deg); box-shadow: 0 38px 82px rgba(0,0,0,.49), 0 0 42px rgba(22,213,255,.14); } }
@keyframes home-chip-float { 50% { transform: translateY(-7px); box-shadow: 0 22px 48px rgba(0,0,0,.42), 0 0 25px rgba(22,213,255,.13); } }
.home-clean .carousel-controls { bottom: 25px; gap: 10px; justify-content: flex-start; }
.home-clean .arrow { width: 38px; height: 38px; border-color: rgba(255, 255, 255, .11); background: rgba(7, 18, 36, .55); font-size: 23px; }
.home-clean .progress-tabs { gap: 7px; }
.home-clean .progress-tab { width: 30px; height: 4px; }
.home-clean .progress-tab[aria-selected="true"]::after { animation: hero-progress 12s linear; }

/* Keep the requested angled rail, make it informational rather than dominant. */
.home-clean .slanted-info-ticker { background: linear-gradient(90deg, #063a59 0%, #111330 44%, #4b103f 100%); }
.home-clean .slanted-ticker-set span { color: #d8e8f8; }
.home-clean .slanted-ticker-set span b { color: var(--home-yellow); }

/* Offers and pricing: same facts, calmer hierarchy. */
.home-clean .home-offers { padding: 78px 0; background: #070d1b; }
.home-clean .offer-kicker { color: #8ca0b8; }
.home-clean .offer-shout h2 { margin: 20px 0 15px; font-size: clamp(52px, 6.2vw, 88px); letter-spacing: -.06em; }
.home-clean .offer-shout h2 strong { margin-top: 0; color: var(--home-yellow); }
.home-clean .offer-shout > p { color: #aabbd0; font-size: 18px; font-weight: 650; }
.home-clean .offer-actions { margin: 26px 0 32px; }
.home-clean :is(.offer-primary, .offer-secondary) { min-height: 54px; border-radius: 12px; }
.home-clean .offer-primary { background: var(--home-yellow); }
.home-clean .home-offer-grid { gap: 12px; }
.home-clean .offer-card {
  min-height: 190px;
  padding: 23px;
  border-color: rgba(255, 255, 255, .09);
  border-radius: 17px;
  background: #0c1627;
  box-shadow: none;
}
.home-clean .offer-card.strongest { border-color: rgba(255, 212, 59, .35); background: #12192a; }
.home-clean .offer-card h3 { margin-top: 25px; font-size: 20px; }

.home-clean .home-pricing { padding: 80px 0; background: #050c18; }
.home-clean .home-pricing-head { margin-bottom: 29px; }
.home-clean .home-pricing-head h2 { font-size: clamp(42px, 4.7vw, 64px); }
.home-clean .home-price-grid { gap: 12px; }
.home-clean .home-price-card {
  border-color: rgba(255, 255, 255, .09);
  border-radius: 18px;
  background: #0b172a;
  box-shadow: none;
}
.home-clean .home-price-card.thailand { background: #151728; }
/* Product sections */
.home-clean :is(.feature-section, .devices-section, .support-section, .reseller-promo) { padding-block: 80px; }
.home-clean .feature-section { background: #07101e; }
.home-clean .section-heading { margin-bottom: 36px; }
.home-clean .genre-ribbon { gap: 10px; margin-bottom: 22px; }
.home-clean .genre-card { min-height: 158px; border-radius: 16px; }
.home-clean .genre-card strong { margin-top: 70px; }
.home-clean .feature-grid { gap: 12px; }
.home-clean .feature-grid article {
  min-height: 185px;
  padding: 25px;
  border-color: rgba(255, 255, 255, .09);
  border-radius: 17px;
  background: #0b1728;
  box-shadow: none;
}
.home-clean .feature-grid article::after { display: none; }
.home-clean .devices-section { background: #060e1b; }
.home-clean .devices-section::before { opacity: .32; }
.home-clean .devices-copy h2 { font-size: clamp(51px, 5vw, 74px); }
.home-clean .platform-soon { gap: 9px; margin-top: 28px; }
.home-clean .platform-soon > :is(div, .platform-live) { min-height: 82px; border-radius: 13px; box-shadow: none; }
.home-clean .android-stage { border-radius: 23px; box-shadow: 0 28px 64px rgba(0, 0, 0, .36); }
.home-clean .support-section { padding-bottom: 18px; background: #040b16; }
.home-clean .reseller-promo { padding-top: 0; background: #040b16; }
.home-clean :is(.support-card, .reseller-card) {
  padding: 38px 42px;
  border-color: rgba(255, 255, 255, .1);
  border-radius: 20px;
  background: #0a1526;
  box-shadow: none;
}
.home-clean :is(.support-card, .reseller-card) .btn { min-height: 54px; border-radius: 12px; }

@media (max-width: 1350px) and (min-width: 1121px) {
  .home-clean .top-offer-inner {
    grid-template-columns: minmax(270px, 1fr) minmax(180px, .52fr) minmax(125px, .34fr) minmax(170px, .46fr);
  }
  .home-clean .top-offer-copy { grid-column: auto; justify-content: start; }
  .home-clean .top-offer-copy span,
  .home-clean .top-offer-copy strong { font-size: clamp(27px, 2.45vw, 34px); }
}

@media (max-width: 1120px) {
  .home-clean .top-offer-inner { grid-template-columns: 1fr 1fr 1fr; }
  .home-clean .top-offer-copy { grid-column: 1 / -1; justify-content: center; }
  .home-clean .top-offer-copy b { justify-self: center; }
  .home-clean .carousel-slide { grid-template-columns: 1fr 1.05fr; gap: 30px; }
}

@media (max-width: 820px) {
  .home-clean { --home-shell: min(100% - 30px, 1320px); }
  .home-clean .home-nav { min-height: 68px; }
  .home-clean .conversion-hero,
  .home-clean .hero-carousel { min-height: 790px; }
  .home-clean .hero-carousel { padding-top: 40px; }
  .home-clean .slides { min-height: 675px; }
  .home-clean .carousel-slide { grid-template-columns: 1fr; gap: 18px; align-content: start; }
  .home-clean .slide-copy { max-width: 680px; }
  .home-clean .slide-copy h1 { font-size: clamp(43px, 9.5vw, 62px); }
  .home-clean .slide-visual { min-height: 300px; }
  .home-clean .tv-stage,
  .home-clean .multi-device .tv-stage,
  .home-clean .service-visual .tv-stage { inset: 18px 7% 20px; }
  .home-clean .carousel-controls { justify-content: center; }
}

@media (max-width: 700px) {
  .home-clean .top-offer-inner { grid-template-columns: 1fr 1fr; }
  .home-clean .top-offer-copy,
  .home-clean .top-download { grid-column: 1 / -1; }
  .home-clean .top-offer-copy { justify-content: center; text-align: center; }
  .home-clean .top-offer-copy b { justify-self: center; }
  .home-clean .top-reseller { display: inline-flex; }
  .home-clean .offer-shout h2 { display: flex; white-space: normal; }
  .home-clean .offer-shout h2 strong { margin: 0; }
}

@media (max-width: 560px) {
  .home-clean .header-actions .cms-access { display: none; }
  .home-clean .conversion-hero,
  .home-clean .hero-carousel { min-height: 735px; }
  .home-clean .slides { min-height: 625px; }
  .home-clean .hero-carousel { padding-top: 32px; }
  .home-clean .slide-copy h1 { font-size: clamp(39px, 12vw, 53px); }
  .home-clean .slide-copy > p { font-size: 14px; }
  .home-clean .slide-visual { min-height: 245px; }
  .home-clean .tv-stage,
  .home-clean .multi-device .tv-stage,
  .home-clean .service-visual .tv-stage { inset: 14px 0 16px; }
  .home-clean .offer-shout h2 { display: block; font-size: clamp(54px, 19vw, 76px); }
  .home-clean .offer-shout h2 strong { display: block; }
  .home-clean :is(.feature-section, .devices-section, .home-offers, .home-pricing) { padding-block: 64px; }
  .home-clean :is(.support-card, .reseller-card) { padding: 28px 23px; }
}

@media (prefers-reduced-motion: reduce) {
  .home-clean .hero-scene,
  .home-clean .carousel-slide { transition: none; }
  .home-clean .tv-stage,
  .home-clean :is(.performance-chip, .support-chat-card, .setup-complete) { animation: none; }
}