/* ASIPTV landing page — reference-matched premium light layout. */
body[data-asiptv-web="landing"] {
  color-scheme: light;
  --lp-purple: #7734f4;
  --lp-purple-2: #8c48ff;
  --lp-purple-3: #5d1fd7;
  --lp-ink: #11101a;
  --lp-copy: #615f6d;
  --lp-soft: #8f8c99;
  --lp-line: #ece9f1;
  --lp-panel: #ffffff;
  --lp-footer: #0f1019;
  --lp-shadow: 0 18px 55px rgba(42, 28, 72, .09);
  margin: 0;
  background: #fff !important;
  color: var(--lp-ink) !important;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  overflow-x: hidden;
}
body[data-asiptv-web="landing"] * { box-sizing: border-box; }
body[data-asiptv-web="landing"] .landing-page {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background:
    radial-gradient(circle at 56% 8%, rgba(128, 73, 255, .055), transparent 23rem),
    #fff;
}
body[data-asiptv-web="landing"] a { color: inherit; }

/* Header */
body[data-asiptv-web="landing"] .landing-nav {
  width: min(calc(100% - 72px), 1290px);
  min-height: 86px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 180px 1fr auto;
  align-items: center;
  gap: 28px;
  position: relative;
  z-index: 30;
}
body[data-asiptv-web="landing"] .landing-brand {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}
body[data-asiptv-web="landing"] .landing-brand .asiptv-wordmark {
  display: block;
  width: auto !important;
  height: 28px !important;
  max-width: 145px !important;
  object-fit: contain;
}
body[data-asiptv-web="landing"] .landing-links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 33px;
}
body[data-asiptv-web="landing"] .landing-links a {
  color: #383642;
  text-decoration: none;
  font-size: 13px !important;
  font-weight: 650;
  letter-spacing: -.01em;
  transition: color 140ms ease;
}
body[data-asiptv-web="landing"] .landing-links a:hover { color: var(--lp-purple); }
body[data-asiptv-web="landing"] .landing-auth-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}
body[data-asiptv-web="landing"] .landing-login-action,
body[data-asiptv-web="landing"] .landing-signup-action {
  min-height: 42px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 22px !important;
  border-radius: 999px !important;
  text-decoration: none;
  font-size: 12px !important;
  font-weight: 750;
  white-space: nowrap;
}
body[data-asiptv-web="landing"] .landing-login-action {
  color: #27242f !important;
  border: 1px solid #e8e5ec !important;
  background: rgba(255,255,255,.85) !important;
  box-shadow: 0 6px 22px rgba(26,18,45,.035);
}
body[data-asiptv-web="landing"] .landing-signup-action {
  color: #fff !important;
  border: 0 !important;
  background: linear-gradient(135deg, #8c45ff, #6426df) !important;
  box-shadow: 0 10px 26px rgba(103, 43, 225, .23);
}

/* Hero */
body[data-asiptv-web="landing"] .landing-hero {
  width: min(calc(100% - 72px), 1290px);
  min-height: 610px;
  margin: 0 auto;
  padding: 48px 0 62px;
  display: grid;
  grid-template-columns: minmax(360px, .78fr) minmax(610px, 1.22fr);
  align-items: center;
  gap: 56px;
  position: relative;
}
body[data-asiptv-web="landing"] .landing-hero::before {
  content: "";
  position: absolute;
  top: 2%;
  left: 35%;
  width: 460px;
  height: 360px;
  pointer-events: none;
  background: linear-gradient(145deg, rgba(122,55,244,.055), transparent 56%);
  clip-path: polygon(0 34%, 50% 0, 100% 36%, 57% 100%);
  opacity: .8;
}
body[data-asiptv-web="landing"] .landing-hero-copy { position: relative; z-index: 3; padding-top: 5px; }
body[data-asiptv-web="landing"] .landing-kicker {
  display: inline-flex !important;
  align-items: center;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--lp-purple) !important;
  font-size: 10.5px !important;
  font-weight: 850 !important;
  line-height: 1.2;
  letter-spacing: .18em !important;
  text-transform: uppercase;
}
body[data-asiptv-web="landing"] .landing-kicker::before { display: none !important; }
body[data-asiptv-web="landing"] .landing-kicker.centered { display: flex !important; justify-content: center; }
body[data-asiptv-web="landing"] .landing-kicker.inverse { color: #eee0ff !important; }
body[data-asiptv-web="landing"] .landing-hero h1 {
  max-width: 570px;
  margin: 18px 0 18px !important;
  color: #121019 !important;
  font-size: clamp(58px, 5.3vw, 82px) !important;
  font-weight: 880 !important;
  line-height: .94 !important;
  letter-spacing: -.064em !important;
}
body[data-asiptv-web="landing"] .landing-hero h1 strong {
  color: var(--lp-purple);
  font: inherit;
}
body[data-asiptv-web="landing"] .landing-lede {
  max-width: 520px;
  margin: 0 !important;
  color: var(--lp-copy) !important;
  font-size: 15px !important;
  line-height: 1.58 !important;
  font-weight: 470;
}
body[data-asiptv-web="landing"] .landing-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 25px;
}
body[data-asiptv-web="landing"] .landing-primary-action,
body[data-asiptv-web="landing"] .landing-secondary-action,
body[data-asiptv-web="landing"] .banner-action {
  min-height: 48px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 24px !important;
  border-radius: 999px !important;
  text-decoration: none;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  transition: transform 160ms ease, box-shadow 160ms ease;
}
body[data-asiptv-web="landing"] .landing-primary-action {
  color: #fff !important;
  border: 0 !important;
  background: linear-gradient(135deg, #8d48ff, #6424db) !important;
  box-shadow: 0 12px 28px rgba(105, 43, 226, .24) !important;
}
body[data-asiptv-web="landing"] .landing-secondary-action {
  color: #2c2933 !important;
  border: 1px solid #e8e5ec !important;
  background: #fff !important;
  box-shadow: 0 8px 22px rgba(26,18,45,.04) !important;
}
body[data-asiptv-web="landing"] .landing-primary-action:hover,
body[data-asiptv-web="landing"] .landing-secondary-action:hover,
body[data-asiptv-web="landing"] .banner-action:hover { transform: translateY(-1px); }
body[data-asiptv-web="landing"] .landing-platform-block { margin-top: 29px; }
body[data-asiptv-web="landing"] .platform-label {
  display: block;
  margin-bottom: 11px;
  color: #aaa6b1 !important;
  font-size: 8.5px !important;
  font-weight: 850 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase;
}
body[data-asiptv-web="landing"] .landing-platform-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 22px;
  margin: 0 !important;
}
body[data-asiptv-web="landing"] .landing-platform-row span {
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #41404a !important;
  font-size: 11.5px !important;
  font-weight: 700;
}
body[data-asiptv-web="landing"] .landing-platform-row svg { width: 17px; height: 17px; color: #17141e; }

/* Hero TV */
body[data-asiptv-web="landing"] .hero-tv-wrap {
  min-height: 465px;
  position: relative;
  display: grid;
  place-items: center;
  z-index: 2;
}
body[data-asiptv-web="landing"] .hero-tv-glow {
  position: absolute;
  width: 90%;
  height: 72%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(129,61,244,.21), rgba(129,61,244,.08) 45%, transparent 72%);
  filter: blur(48px);
}
body[data-asiptv-web="landing"] .hero-tv {
  position: relative;
  z-index: 2;
  width: min(100%, 740px);
  aspect-ratio: 16 / 9.25;
  padding: 8px;
  border-radius: 5px;
  background: linear-gradient(145deg, #14131c, #030307);
  border: 1px solid #292731;
  box-shadow: 0 28px 65px rgba(16, 10, 32, .24), 0 7px 17px rgba(81, 46, 137, .12);
  transform: perspective(1300px) rotateY(-1.8deg) rotateX(.5deg);
}
body[data-asiptv-web="landing"] .hero-tv::after {
  content: "";
  position: absolute;
  inset: -5px;
  border-radius: 7px;
  pointer-events: none;
  border: 1px solid rgba(255,255,255,.10);
}
body[data-asiptv-web="landing"] .hero-tv-screen {
  height: 100%;
  display: grid;
  grid-template-columns: 122px 1fr;
  overflow: hidden;
  border-radius: 2px;
  background: #090811;
}
body[data-asiptv-web="landing"] .mock-side-nav {
  padding: 22px 13px;
  background: linear-gradient(180deg, #0b0911, #0c0a12);
  border-right: 1px solid rgba(255,255,255,.055);
}
body[data-asiptv-web="landing"] .mock-side-nav img {
  display: block;
  width: 72px;
  height: auto;
  margin: 0 0 24px 5px;
}
body[data-asiptv-web="landing"] .mock-nav {
  min-height: 32px;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 3px 0;
  padding: 0 9px;
  border-radius: 6px;
  color: rgba(255,255,255,.63);
  font-size: 8.5px;
  font-weight: 650;
}
body[data-asiptv-web="landing"] .mock-nav i {
  width: 9px;
  height: 9px;
  border: 1px solid currentColor;
  border-radius: 2px;
}
body[data-asiptv-web="landing"] .mock-nav.active {
  color: #fff;
  background: linear-gradient(90deg, #7933f1, #6624d8);
  box-shadow: 0 5px 14px rgba(111,42,234,.30);
}
body[data-asiptv-web="landing"] .mock-content { min-width: 0; position: relative; padding: 16px 17px 14px; }
body[data-asiptv-web="landing"] .mock-topline {
  height: 16px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  color: rgba(255,255,255,.72);
  font-size: 7px;
}
body[data-asiptv-web="landing"] .mock-topline span:first-child {
  width: 9px;
  height: 9px;
  border: 1px solid rgba(255,255,255,.7);
  border-radius: 50%;
}
body[data-asiptv-web="landing"] .mock-hero-art {
  height: 200px;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  background: #111 url('/auth/asiptv-alpine-journey-v1.png') center / cover no-repeat;
}
body[data-asiptv-web="landing"] .mock-hero-art::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(9,8,17,.96), rgba(9,8,17,.70) 38%, rgba(9,8,17,.14) 70%),
    linear-gradient(0deg, rgba(9,8,17,.45), transparent 45%);
}
body[data-asiptv-web="landing"] .mock-hero-copy {
  width: 50%;
  position: absolute;
  left: 23px;
  top: 40px;
  z-index: 2;
  color: #fff;
}
body[data-asiptv-web="landing"] .mock-hero-copy small { color: #b990ff; font-size: 7px; font-weight: 750; }
body[data-asiptv-web="landing"] .mock-hero-copy h3 { margin: 5px 0 5px; font-size: 22px; letter-spacing: -.045em; }
body[data-asiptv-web="landing"] .mock-hero-copy p { margin: 0 0 15px; color: rgba(255,255,255,.64); font-size: 7px; }
body[data-asiptv-web="landing"] .mock-hero-copy div { display: flex; gap: 8px; }
body[data-asiptv-web="landing"] .mock-hero-copy b,
body[data-asiptv-web="landing"] .mock-hero-copy div span {
  min-height: 26px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border-radius: 5px;
  font-size: 7px;
  font-weight: 750;
}
body[data-asiptv-web="landing"] .mock-hero-copy b { background: #7a31ef; }
body[data-asiptv-web="landing"] .mock-hero-copy div span { background: rgba(255,255,255,.10); }
body[data-asiptv-web="landing"] .mock-row-label { margin: 13px 0 7px; color: #fff; font-size: 8px; font-weight: 650; }
body[data-asiptv-web="landing"] .mock-thumb-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
body[data-asiptv-web="landing"] .mock-thumb-row .thumb {
  height: 70px;
  position: relative;
  display: flex;
  align-items: end;
  overflow: hidden;
  border-radius: 4px;
  padding: 7px;
  color: #fff;
  border: 1px solid rgba(255,255,255,.06);
}
body[data-asiptv-web="landing"] .mock-thumb-row b { position: relative; z-index: 2; font-size: 6.5px; text-shadow: 0 1px 2px #000; }
body[data-asiptv-web="landing"] .mock-thumb-row .thumb::after { content: ""; position: absolute; inset: 55% 0 0; background: linear-gradient(0deg, rgba(0,0,0,.72), transparent); }
body[data-asiptv-web="landing"] .t1 { background: url('/auth/asiptv-alpine-journey-v1.png') 72% 55% / cover no-repeat; }
body[data-asiptv-web="landing"] .t2 { background: url('/auth/asiptv-cinematic-city-v1.png') 76% 55% / cover no-repeat; }
body[data-asiptv-web="landing"] .t3 { background: url('/auth/asiptv-cinematic-city-v1.png') 45% 55% / cover no-repeat; }
body[data-asiptv-web="landing"] .t4 { background: url('/auth/asiptv-alpine-journey-v1.png') 42% 55% / cover no-repeat; }
body[data-asiptv-web="landing"] .hero-tv-stand {
  width: 53%;
  height: 14px;
  position: absolute;
  bottom: 10px;
  z-index: 1;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(28,21,38,.23), transparent 68%);
}

/* Four benefit strip */
body[data-asiptv-web="landing"] .landing-value-strip {
  width: min(calc(100% - 72px), 1290px);
  margin: 14px auto 0;
  padding: 20px 0 60px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
body[data-asiptv-web="landing"] .landing-value-strip article {
  min-height: 176px;
  padding: 18px 32px 8px;
  text-align: center;
  position: relative;
}
body[data-asiptv-web="landing"] .landing-value-strip article + article::before {
  content: "";
  position: absolute;
  left: 0;
  top: 20px;
  bottom: 18px;
  width: 1px;
  background: var(--lp-line);
}
body[data-asiptv-web="landing"] .value-icon {
  width: 58px;
  height: 58px;
  margin: 0 auto 14px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--lp-purple);
  background: #f5f1ff;
}
body[data-asiptv-web="landing"] .value-icon svg { width: 27px; height: 27px; }
body[data-asiptv-web="landing"] .landing-value-strip h3 { margin: 0 0 8px; color: var(--lp-ink); font-size: 15px; line-height: 1.2; letter-spacing: -.025em; }
body[data-asiptv-web="landing"] .landing-value-strip p { max-width: 220px; margin: 0 auto; color: var(--lp-copy); font-size: 12.5px; line-height: 1.5; }

/* Shared sections */
body[data-asiptv-web="landing"] .landing-section {
  width: min(calc(100% - 72px), 1290px);
  margin: 0 auto;
  padding: 92px 0;
}
body[data-asiptv-web="landing"] .landing-section-heading { max-width: 660px; }
body[data-asiptv-web="landing"] .landing-section-heading h2,
body[data-asiptv-web="landing"] .screenshots-heading h2,
body[data-asiptv-web="landing"] .setup-heading h2,
body[data-asiptv-web="landing"] .landing-faq-heading h2,
body[data-asiptv-web="landing"] .cross-device-copy h2 {
  margin: 14px 0 14px !important;
  color: var(--lp-ink) !important;
  font-size: clamp(40px, 4vw, 58px) !important;
  font-weight: 850 !important;
  line-height: 1.02 !important;
  letter-spacing: -.055em !important;
}
body[data-asiptv-web="landing"] .landing-section-heading p,
body[data-asiptv-web="landing"] .screenshots-heading p,
body[data-asiptv-web="landing"] .setup-heading p {
  max-width: 620px;
  margin: 0;
  color: var(--lp-copy) !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
}

/* TV-first section: deliberately no image */
body[data-asiptv-web="landing"] .tv-first-section { padding-top: 84px; padding-bottom: 105px; }
body[data-asiptv-web="landing"] .tv-first-grid {
  width: min(100%, 840px);
  margin: 58px 0 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 100px;
  row-gap: 60px;
}
body[data-asiptv-web="landing"] .tv-first-grid article {
  display: grid;
  grid-template-columns: 52px 1fr;
  align-items: start;
  gap: 18px;
}
body[data-asiptv-web="landing"] .tv-first-grid article > span {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  color: var(--lp-purple);
  background: transparent;
}
body[data-asiptv-web="landing"] .tv-first-grid svg { width: 34px; height: 34px; }
body[data-asiptv-web="landing"] .tv-first-grid .feature-badge {
  width: 38px;
  height: 32px;
  margin: 5px;
  border: 3px solid var(--lp-purple);
  border-radius: 4px;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
}
body[data-asiptv-web="landing"] .tv-first-grid h3 { margin: 1px 0 6px; color: var(--lp-ink); font-size: 18px; letter-spacing: -.028em; }
body[data-asiptv-web="landing"] .tv-first-grid p { max-width: 260px; margin: 0; color: var(--lp-copy); font-size: 14px; line-height: 1.48; }

/* Screenshot carousel */
body[data-asiptv-web="landing"] .screenshots-section { padding-top: 62px; padding-bottom: 76px; }
body[data-asiptv-web="landing"] .screenshots-heading { text-align: center; }
body[data-asiptv-web="landing"] .screenshots-heading h2 { margin-top: 10px !important; font-size: clamp(36px, 3.7vw, 52px) !important; }
body[data-asiptv-web="landing"] .screenshots-heading p { margin-inline: auto; }
body[data-asiptv-web="landing"] .showcase-carousel {
  margin-top: 34px;
  position: relative;
  min-height: 430px;
  touch-action: pan-y;
  user-select: none;
}
body[data-asiptv-web="landing"] .carousel-stage {
  min-height: 390px;
  position: relative;
  overflow: visible;
  perspective: 1200px;
}
body[data-asiptv-web="landing"] .showcase-card {
  width: 61%;
  max-width: 760px;
  aspect-ratio: 16/9;
  position: absolute;
  left: 50%;
  top: 10px;
  overflow: hidden;
  border-radius: 7px;
  background: #090811;
  border: 1px solid rgba(24,16,37,.25);
  box-shadow: 0 24px 54px rgba(23,15,37,.16);
  transition: transform 320ms ease, opacity 320ms ease, filter 320ms ease;
  transform-origin: center;
}
body[data-asiptv-web="landing"] .showcase-card.active { z-index: 5; opacity: 1; transform: translateX(-50%) scale(1); }
body[data-asiptv-web="landing"] .showcase-card.left { z-index: 3; opacity: .88; filter: saturate(.83); transform: translateX(-112%) translateY(18px) rotateY(24deg) scale(.84); }
body[data-asiptv-web="landing"] .showcase-card.right { z-index: 3; opacity: .88; filter: saturate(.83); transform: translateX(12%) translateY(18px) rotateY(-24deg) scale(.84); }
body[data-asiptv-web="landing"] .showcase-card.far { z-index: 1; opacity: 0; pointer-events: none; transform: translateX(-50%) scale(.65); }
body[data-asiptv-web="landing"] .authentic-app-screen { width:100%; height:100%; display:block; object-fit:cover; object-position:center; background:#000; }
@font-face { font-family:'ASIPTV Material Icons'; src:url('/auth/MaterialIcons-Regular.otf') format('opentype'); font-display:block; }
body[data-asiptv-web="landing"] .app-shot { --shot-accent:#c68aff; height:100%; position:relative; overflow:hidden; color:#f7f4fa; background:#05070b; font-family:Inter,ui-sans-serif,sans-serif; }
body[data-asiptv-web="landing"] .app-shot * { box-sizing:border-box; }
body[data-asiptv-web="landing"] .app-rail { width:44px; position:absolute; inset:0 auto 0 0; z-index:5; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:12px; padding:0 6px 0 10px; background:#03070d; border-right:1px solid rgba(17,24,37,.4); }
body[data-asiptv-web="landing"] .app-rail span { width:28px; height:20px; display:grid; place-items:center; color:rgba(255,255,255,.36); font-family:'ASIPTV Material Icons'; font-size:20px; font-weight:400; line-height:1; }
body[data-asiptv-web="landing"] .app-rail span.active { color:color-mix(in srgb,var(--shot-accent) 88%,transparent); }
body[data-asiptv-web="landing"] .app-top { position:absolute; z-index:4; top:20px; left:68px; right:25px; display:flex; align-items:center; gap:20px; color:rgba(255,255,255,.68); font-size:8px; }
body[data-asiptv-web="landing"] .app-top b { margin-right:auto; color:#fff; font-size:10px; letter-spacing:.12em; }
body[data-asiptv-web="landing"] .app-shot-live { background:linear-gradient(90deg,rgba(1,4,8,.96) 0%,rgba(1,4,8,.72) 45%,rgba(1,4,8,.24)),linear-gradient(0deg,rgba(1,4,8,.9),transparent 58%),url('/auth/asiptv-cinematic-city-v1.png') center/cover no-repeat; }
body[data-asiptv-web="landing"] .live-heading { position:absolute; z-index:2; left:68px; top:69px; }
body[data-asiptv-web="landing"] .live-heading small, body[data-asiptv-web="landing"] .catalogue-hero small, body[data-asiptv-web="landing"] .settings-content>small, body[data-asiptv-web="landing"] .search-heading small { color:var(--shot-accent); font-size:7px; font-weight:900; letter-spacing:.16em; }
body[data-asiptv-web="landing"] .live-heading h3 { margin:7px 0 5px; font-size:25px; letter-spacing:-.04em; }
body[data-asiptv-web="landing"] .live-heading p { margin:0; color:rgba(255,255,255,.67); font-size:8px; }
body[data-asiptv-web="landing"] .live-panels { width:58%; position:absolute; z-index:3; left:58px; bottom:20px; display:grid; grid-template-columns:.72fr 1.28fr; gap:7px; }
body[data-asiptv-web="landing"] .shot-panel { min-height:186px; display:flex; flex-direction:column; gap:4px; padding:11px; background:rgba(7,10,16,.93); border:1px solid rgba(255,255,255,.08); border-radius:10px; box-shadow:0 18px 40px rgba(0,0,0,.32); }
body[data-asiptv-web="landing"] .shot-panel small { margin-bottom:4px; color:rgba(255,255,255,.42); font-size:6px; letter-spacing:.14em; }
body[data-asiptv-web="landing"] .shot-panel span, body[data-asiptv-web="landing"] .shot-panel>b { min-height:27px; display:flex; align-items:center; padding:0 8px; border-radius:5px; color:rgba(255,255,255,.66); font-size:7px; font-style:normal; }
body[data-asiptv-web="landing"] .shot-panel .focused { color:#fff; border:1.5px solid var(--shot-accent); background:rgba(255,255,255,.08); }
body[data-asiptv-web="landing"] .shot-panel .playing { color:#fff; background:rgba(198,138,255,.14); border:1.5px solid var(--shot-accent); }
body[data-asiptv-web="landing"] .shot-panel em { margin-left:auto; color:#c98aff; font-size:5px; font-style:normal; font-weight:900; }
body[data-asiptv-web="landing"] .shot-panel .channel { min-height:48px; gap:8px; padding:5px 7px; }
body[data-asiptv-web="landing"] .channel>img { width:62px; height:36px; object-fit:contain; border-radius:8px; background:rgba(255,255,255,.06); }
body[data-asiptv-web="landing"] .channel>b { min-width:0; display:flex; flex-direction:column; gap:3px; color:#fff; font-size:7px; }
body[data-asiptv-web="landing"] .channel b small { margin:0; color:rgba(255,255,255,.42); font-size:5px; font-weight:500; letter-spacing:0; }
body[data-asiptv-web="landing"] .groups em { color:rgba(255,255,255,.38); }
body[data-asiptv-web="landing"] .now-panel { width:31%; position:absolute; z-index:3; right:18px; bottom:20px; display:flex; flex-direction:column; gap:5px; padding:15px 17px; border-radius:10px; background:linear-gradient(120deg,rgba(7,10,16,.96),rgba(7,10,16,.88)); border:1px solid rgba(255,255,255,.08); }
body[data-asiptv-web="landing"] .now-panel small { color:#bd7cff; font-size:6px; font-weight:900; }
body[data-asiptv-web="landing"] .now-panel b { font-size:9px; }
body[data-asiptv-web="landing"] .now-panel span { color:rgba(255,255,255,.5); font-size:6px; }
body[data-asiptv-web="landing"] .now-panel i { height:3px; margin:3px 0 7px; border-radius:3px; background:linear-gradient(90deg,var(--shot-accent) 62%,rgba(255,255,255,.13) 62%); }
body[data-asiptv-web="landing"] .app-shot-catalogue { background:linear-gradient(90deg,#030509 7%,rgba(3,5,9,.92) 32%,rgba(3,5,9,.2) 75%),linear-gradient(0deg,#030509 0%,transparent 58%),url('/auth/asiptv-alpine-journey-v1.png') center/cover no-repeat; }
body[data-asiptv-web="landing"] .shows-catalogue { background-image:linear-gradient(90deg,#030509 7%,rgba(3,5,9,.92) 32%,rgba(3,5,9,.2) 75%),linear-gradient(0deg,#030509 0%,transparent 58%),url('/auth/asiptv-cinematic-city-v1.png'); }
body[data-asiptv-web="landing"] .catalogue-hero { position:absolute; left:68px; top:70px; width:43%; }
body[data-asiptv-web="landing"] .catalogue-hero h3 { margin:7px 0 4px; font-size:30px; letter-spacing:-.05em; }
body[data-asiptv-web="landing"] .catalogue-hero p { margin:0 0 8px; color:rgba(255,255,255,.7); font-size:8px; font-weight:700; }
body[data-asiptv-web="landing"] .catalogue-hero .synopsis { max-width:300px; color:rgba(255,255,255,.58); font-weight:450; line-height:1.45; }
body[data-asiptv-web="landing"] .catalogue-row { position:absolute; z-index:3; left:68px; right:14px; bottom:13px; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
body[data-asiptv-web="landing"] .catalogue-row>b { position:absolute; left:0; bottom:154px; display:flex; align-items:center; gap:7px; font-size:9px; }
body[data-asiptv-web="landing"] .catalogue-row>b i { width:3px; height:22px; border-radius:2px; background:var(--shot-accent); }
body[data-asiptv-web="landing"] .catalogue-row>b small { color:#d4b896; font-size:5px; letter-spacing:.16em; }
body[data-asiptv-web="landing"] .poster { aspect-ratio:130/185; position:relative; overflow:hidden; border-radius:10px; background:#0c1018; border:1px solid rgba(255,255,255,.08); }
body[data-asiptv-web="landing"] .poster img { width:100%; height:100%; display:block; object-fit:cover; object-position:center top; filter:brightness(1.12) saturate(1.05); }
body[data-asiptv-web="landing"] .poster.focused { border:2px solid var(--shot-accent); box-shadow:0 0 0 2px rgba(198,138,255,.25),0 8px 24px rgba(0,0,0,.45); }
body[data-asiptv-web="landing"] .app-shot-search { padding:64px 24px 20px 68px; background:radial-gradient(circle at 75% 15%,rgba(126,52,211,.16),transparent 38%),#04060a; }
body[data-asiptv-web="landing"] .search-heading h3 { margin:5px 0 3px; font-size:25px; letter-spacing:-.03em; }
body[data-asiptv-web="landing"] .search-heading span { color:rgba(255,255,255,.48); font-size:7px; }
body[data-asiptv-web="landing"] .search-tabs { display:flex; gap:18px; margin:18px 0 10px; color:rgba(255,255,255,.4); font-size:7px; }
body[data-asiptv-web="landing"] .search-tabs .active { color:#fff; border-bottom:2px solid var(--shot-accent); padding-bottom:5px; }
body[data-asiptv-web="landing"] .search-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; }
body[data-asiptv-web="landing"] .result { min-width:0; height:132px; display:flex; flex-direction:column; gap:7px; align-items:stretch; padding:7px; overflow:hidden; border-radius:9px; background:#0b0f17; border:1px solid rgba(255,255,255,.08); }
body[data-asiptv-web="landing"] .result.focused { border:2px solid var(--shot-accent); background:rgba(168,85,247,.11); }
body[data-asiptv-web="landing"] .result-logo { width:100%; height:70px; flex:none; object-fit:contain; border-radius:7px; background:#080c13; }
body[data-asiptv-web="landing"] .result-poster { width:100%; height:70px; flex:none; object-fit:cover; object-position:center 28%; border-radius:7px; }
body[data-asiptv-web="landing"] .result span { min-width:0; display:flex; flex-direction:column; gap:2px; }
body[data-asiptv-web="landing"] .result small { color:#c286ff; font-size:5px; font-weight:900; }
body[data-asiptv-web="landing"] .result b { font-size:8px; }
body[data-asiptv-web="landing"] .result em { color:rgba(255,255,255,.48); font-size:6px; font-style:normal; }
body[data-asiptv-web="landing"] .app-shot-settings { display:grid; grid-template-columns:190px 1fr; background:radial-gradient(circle at 90% 10%,rgba(126,52,211,.12),transparent 38%),#05070b; }
body[data-asiptv-web="landing"] .settings-nav { display:flex; flex-direction:column; gap:4px; padding:23px 16px; background:#080a0f; border-right:1px solid rgba(255,255,255,.07); }
body[data-asiptv-web="landing"] .settings-nav img { width:74px; margin-bottom:18px; }
body[data-asiptv-web="landing"] .settings-nav small { margin:0 8px 6px; color:rgba(255,255,255,.34); font-size:6px; letter-spacing:.14em; }
body[data-asiptv-web="landing"] .settings-nav span { min-height:32px; display:flex; align-items:center; padding:0 10px; border-radius:6px; color:rgba(255,255,255,.55); font-size:7px; font-weight:700; }
body[data-asiptv-web="landing"] .settings-nav span.active { color:#fff; background:rgba(168,85,247,.16); box-shadow:inset 3px 0 var(--shot-accent); }
body[data-asiptv-web="landing"] .settings-content { padding:42px 36px; }
body[data-asiptv-web="landing"] .settings-content h3 { margin:7px 0 5px; font-size:26px; letter-spacing:-.04em; }
body[data-asiptv-web="landing"] .settings-content>p { margin:0 0 20px; color:rgba(255,255,255,.48); font-size:7px; }
body[data-asiptv-web="landing"] .setting-row { min-height:51px; display:flex; align-items:center; justify-content:space-between; margin:5px 0; padding:8px 13px; border-radius:7px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.05); }
body[data-asiptv-web="landing"] .setting-row.focused { border:2px solid var(--shot-accent); background:rgba(168,85,247,.09); }
body[data-asiptv-web="landing"] .setting-row span { display:flex; flex-direction:column; gap:3px; }
body[data-asiptv-web="landing"] .setting-row b { font-size:8px; }
body[data-asiptv-web="landing"] .setting-row em { color:rgba(255,255,255,.42); font-size:6px; font-style:normal; }
body[data-asiptv-web="landing"] .setting-row strong { color:#ce9aff; font-size:6px; letter-spacing:.08em; }
body[data-asiptv-web="landing"] .accent-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:8px; margin-top:22px; }
body[data-asiptv-web="landing"] .accent { min-height:74px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; color:#fff; border:1px solid rgba(255,255,255,.07); border-radius:8px; background:rgba(255,255,255,.04); cursor:pointer; }
body[data-asiptv-web="landing"] .accent.selected { border:2px solid var(--shot-accent); background:rgba(255,255,255,.08); }
body[data-asiptv-web="landing"] .accent i { width:22px; height:22px; border-radius:50%; background:#a855f7; }
body[data-asiptv-web="landing"] .accent.blue i { background:#38bdf8; } body[data-asiptv-web="landing"] .accent.amber i { background:#fbbf24; } body[data-asiptv-web="landing"] .accent.green i { background:#34d399; } body[data-asiptv-web="landing"] .accent.rose i { background:#fb7185; }
body[data-asiptv-web="landing"] .accent b { font-size:6px; }
body[data-asiptv-web="landing"] .theme-preview { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:26px; position:relative; }
body[data-asiptv-web="landing"] .theme-preview>small { position:absolute; top:-14px; color:rgba(255,255,255,.35); font-size:5px; }
body[data-asiptv-web="landing"] .preview-card { min-height:43px; display:grid; place-items:center; border-radius:6px; color:rgba(255,255,255,.55); background:rgba(255,255,255,.05); font-size:6px; font-weight:700; }
body[data-asiptv-web="landing"] .preview-card.active { color:#fff; border:2px solid var(--shot-accent); }
body[data-asiptv-web="landing"] .carousel-arrow {
  width: 46px;
  height: 46px;
  position: absolute;
  top: 46%;
  z-index: 10;
  display: grid;
  place-items: center;
  border: 1px solid #e8e3ef;
  border-radius: 50%;
  background: #fff;
  color: var(--lp-purple);
  font-size: 30px;
  line-height: 1;
  box-shadow: 0 9px 24px rgba(42,23,70,.10);
  cursor: pointer;
}
body[data-asiptv-web="landing"] .carousel-arrow.previous { left: 4px; }
body[data-asiptv-web="landing"] .carousel-arrow.next { right: 4px; }
body[data-asiptv-web="landing"] .carousel-dots { display: flex; justify-content: center; gap: 8px; margin-top: 5px; }
body[data-asiptv-web="landing"] .carousel-dots button {
  width: 9px;
  height: 9px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #ddd9e2;
  cursor: pointer;
}
body[data-asiptv-web="landing"] .carousel-dots button.active { background: var(--lp-purple); }

/* Setup */
body[data-asiptv-web="landing"] .setup-section { padding-top: 40px; padding-bottom: 80px; }
body[data-asiptv-web="landing"] .setup-heading { text-align: center; }
body[data-asiptv-web="landing"] .setup-heading h2 { margin-top: 10px !important; font-size: clamp(34px, 3.4vw, 48px) !important; }
body[data-asiptv-web="landing"] .setup-heading p { margin-inline: auto; }
body[data-asiptv-web="landing"] .setup-steps {
  margin-top: 42px;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 0;
}
body[data-asiptv-web="landing"] .setup-steps article {
  min-height: 130px;
  display: grid;
  grid-template-columns: 42px 48px 1fr;
  align-items: start;
  gap: 10px;
  position: relative;
  padding: 0 28px;
}
body[data-asiptv-web="landing"] .setup-steps article:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -4%;
  top: 25px;
  width: 30%;
  border-top: 2px dotted #bda6ee;
}
body[data-asiptv-web="landing"] .step-number {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--lp-purple);
  background: #f3edff;
  font-size: 16px;
  font-weight: 850;
}
body[data-asiptv-web="landing"] .step-icon { width: 42px; height: 42px; display: grid; place-items: center; color: #17151c; }
body[data-asiptv-web="landing"] .step-icon svg { width: 29px; height: 29px; }
body[data-asiptv-web="landing"] .setup-steps h3 { margin: 4px 0 5px; color: var(--lp-ink); font-size: 15px; letter-spacing: -.02em; }
body[data-asiptv-web="landing"] .setup-steps p { max-width: 200px; margin: 0; color: var(--lp-copy); font-size: 12.5px; line-height: 1.45; }

/* Cross-device purple banner */
body[data-asiptv-web="landing"] .cross-device-banner {
  width: min(calc(100% - 36px), 1380px);
  min-height: 360px;
  margin: 0 auto;
  padding: 46px 54px;
  display: grid;
  grid-template-columns: minmax(360px,.9fr) minmax(500px,1.1fr);
  align-items: center;
  gap: 50px;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  color: #fff;
  background:
    radial-gradient(circle at 86% 12%, rgba(198,161,255,.46), transparent 28rem),
    radial-gradient(circle at 72% 88%, rgba(135,58,255,.42), transparent 20rem),
    linear-gradient(115deg,#7330ea 0%,#5d20d4 45%,#7632ea 100%);
  box-shadow: 0 24px 60px rgba(82,31,174,.20);
}
body[data-asiptv-web="landing"] .cross-device-banner::before,
body[data-asiptv-web="landing"] .cross-device-banner::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  border: 60px solid rgba(255,255,255,.05);
}
body[data-asiptv-web="landing"] .cross-device-banner::before { width: 440px; height: 440px; right: -120px; top: -270px; }
body[data-asiptv-web="landing"] .cross-device-banner::after { width: 300px; height: 300px; right: 220px; bottom: -260px; }
body[data-asiptv-web="landing"] .cross-device-copy { position: relative; z-index: 3; }
body[data-asiptv-web="landing"] .cross-device-copy h2 {
  max-width: 570px;
  color: #fff !important;
  font-size: clamp(38px, 3.6vw, 53px) !important;
}
body[data-asiptv-web="landing"] .cross-device-copy p {
  max-width: 540px;
  margin: 0;
  color: rgba(255,255,255,.82);
  font-size: 14px;
  line-height: 1.55;
}
body[data-asiptv-web="landing"] .banner-action {
  margin-top: 25px;
  color: #30203c;
  background: #fff;
  box-shadow: 0 10px 26px rgba(31,14,64,.18);
}
body[data-asiptv-web="landing"] .device-composition { min-height: 255px; position: relative; z-index: 3; }
body[data-asiptv-web="landing"] .device-tv,
body[data-asiptv-web="landing"] .device-laptop,
body[data-asiptv-web="landing"] .device-tablet,
body[data-asiptv-web="landing"] .device-phone {
  position: absolute;
  display: grid;
  place-items: center;
  overflow: hidden;
  color: #bb8cff;
  font-weight: 900;
  letter-spacing: -.04em;
  border: 3px solid #191421;
  background: linear-gradient(90deg,rgba(8,7,14,.72),rgba(8,7,14,.08)), url('/auth/asiptv-cinematic-city-v1.png') center / cover no-repeat;
  box-shadow: 0 18px 36px rgba(25,10,50,.30);
}
body[data-asiptv-web="landing"] .device-tv { width: 54%; aspect-ratio: 16/9; right: 12%; top: 0; font-size: 20px; }
body[data-asiptv-web="landing"] .device-laptop,
body[data-asiptv-web="landing"] .device-tablet { background: linear-gradient(90deg,rgba(8,7,14,.65),rgba(8,7,14,.08)), url('/auth/asiptv-alpine-journey-v1.png') center / cover no-repeat; }
body[data-asiptv-web="landing"] .device-laptop { width: 38%; aspect-ratio: 16/10; left: 4%; bottom: 15px; border-radius: 7px; font-size: 14px; }
body[data-asiptv-web="landing"] .device-laptop::after { content:""; position:absolute; left:-8%; right:-8%; bottom:-8px; height:8px; background:#2a2330; border-radius:0 0 8px 8px; }
body[data-asiptv-web="landing"] .device-tablet { width: 24%; aspect-ratio: 4/3; right: 13%; bottom: 8px; border-radius: 7px; font-size: 11px; }
body[data-asiptv-web="landing"] .device-phone { width: 12%; aspect-ratio: 9/18; right: 0; bottom: 4px; border-radius: 11px; font-size: 7px; }
body[data-asiptv-web="landing"] .device-platform-caption {
  position: absolute;
  left: 16%;
  right: 0;
  bottom: -4px;
  display: flex;
  justify-content: center;
  gap: 24px;
  color: rgba(255,255,255,.82);
  font-size: 9px;
}

/* FAQ */
body[data-asiptv-web="landing"] .landing-faq-section { padding-top: 54px; padding-bottom: 78px; }
body[data-asiptv-web="landing"] .landing-faq-heading h2 { margin-top: 8px !important; font-size: clamp(30px, 3vw, 42px) !important; }
body[data-asiptv-web="landing"] .landing-faq-grid {
  max-width: none !important;
  margin-top: 25px;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
  background: transparent !important;
}
body[data-asiptv-web="landing"] .landing-faq-grid details {
  margin: 0 0 7px;
  padding: 0 !important;
  border: 1px solid #e8e6ec !important;
  border-radius: 6px;
  background: #fff !important;
  box-shadow: 0 3px 10px rgba(30,20,47,.018);
}
body[data-asiptv-web="landing"] .landing-faq-grid details + details { border-top: 1px solid #e8e6ec !important; }
body[data-asiptv-web="landing"] .landing-faq-grid summary {
  min-height: 46px;
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 46px 0 18px;
  cursor: pointer;
  list-style: none;
  color: #201e27 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}
body[data-asiptv-web="landing"] .landing-faq-grid summary::-webkit-details-marker { display: none; }
body[data-asiptv-web="landing"] .landing-faq-grid summary::after {
  content: "›";
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  color: #3b3743;
  font-size: 20px;
  transition: transform 140ms ease;
}
body[data-asiptv-web="landing"] .landing-faq-grid details[open] summary::after { transform: translateY(-50%) rotate(-90deg); }
body[data-asiptv-web="landing"] .landing-faq-grid details p {
  max-width: 900px;
  margin: 0 !important;
  padding: 0 18px 16px;
  color: var(--lp-copy) !important;
  font-size: 12.5px !important;
  line-height: 1.58 !important;
}

/* Footer */
body[data-asiptv-web="landing"] .landing-footer-wrap {
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(255,255,255,.62);
  background:
    radial-gradient(circle at 85% 100%, rgba(84,48,132,.17), transparent 24rem),
    var(--lp-footer) !important;
}
body[data-asiptv-web="landing"] .landing-footer {
  width: min(calc(100% - 72px), 1290px);
  min-height: 300px !important;
  margin: 0 auto;
  padding: 50px 0 38px !important;
  display: grid !important;
  grid-template-columns: 1.6fr .7fr .8fr .9fr !important;
  align-items: start !important;
  gap: 64px !important;
  border: 0 !important;
  color: rgba(255,255,255,.64) !important;
  font-size: 11px !important;
}
body[data-asiptv-web="landing"] .landing-footer .landing-brand .asiptv-wordmark { height: 26px !important; max-width: 135px !important; }
body[data-asiptv-web="landing"] .footer-brand-column p { max-width: 360px; margin: 15px 0 20px; color: rgba(255,255,255,.56); font-size: 11px; line-height: 1.55; }
body[data-asiptv-web="landing"] .footer-socials { display: flex; gap: 15px; margin-bottom: 54px; color: #fff; font-size: 13px; }
body[data-asiptv-web="landing"] .footer-socials span { min-width: 18px; text-align: center; opacity: .9; }
body[data-asiptv-web="landing"] .footer-brand-column small { color: rgba(255,255,255,.44); font-size: 10px; }
body[data-asiptv-web="landing"] .footer-column { display: grid; align-content: start; gap: 10px; }
body[data-asiptv-web="landing"] .footer-column h3 { margin: 2px 0 3px; color: #fff; font-size: 11px; font-weight: 750; }
body[data-asiptv-web="landing"] .footer-column a { color: rgba(255,255,255,.54); text-decoration: none; font-size: 10.5px; }
body[data-asiptv-web="landing"] .footer-column a:hover { color: #fff; }
body[data-asiptv-web="landing"] .footer-tagline { margin-top: 66px; color: rgba(255,255,255,.40); font-size: 9.5px; white-space: nowrap; }

/* Session/account chrome adaptation */
body[data-asiptv-web="landing"] .site-account-menu { justify-self: end; }
body[data-asiptv-web="landing"] .site-account-summary { min-height: 42px !important; border-radius: 999px !important; background: #fff !important; border-color: #e8e5ec !important; color: #28252f !important; }
body[data-asiptv-web="landing"] .site-account-panel { background: #fff !important; color: #28252f !important; }

@media (min-width: 1500px) {
  body[data-asiptv-web="landing"] .landing-nav,
  body[data-asiptv-web="landing"] .landing-hero,
  body[data-asiptv-web="landing"] .landing-value-strip,
  body[data-asiptv-web="landing"] .landing-section,
  body[data-asiptv-web="landing"] .landing-footer { width: min(calc(100% - 96px), 1360px); }
  body[data-asiptv-web="landing"] .landing-hero { min-height: 670px; }
  body[data-asiptv-web="landing"] .landing-lede { font-size: 16px !important; }
  body[data-asiptv-web="landing"] .landing-value-strip p { font-size: 13px; }
}

@media (max-width: 1120px) {
  body[data-asiptv-web="landing"] .landing-nav,
  body[data-asiptv-web="landing"] .landing-hero,
  body[data-asiptv-web="landing"] .landing-value-strip,
  body[data-asiptv-web="landing"] .landing-section,
  body[data-asiptv-web="landing"] .landing-footer { width: min(calc(100% - 48px), 1000px); }
  body[data-asiptv-web="landing"] .landing-nav { grid-template-columns: auto 1fr auto; }
  body[data-asiptv-web="landing"] .landing-links { gap: 20px; }
  body[data-asiptv-web="landing"] .landing-hero { grid-template-columns: 1fr; gap: 26px; padding-top: 48px; }
  body[data-asiptv-web="landing"] .landing-hero-copy { max-width: 720px; }
  body[data-asiptv-web="landing"] .hero-tv-wrap { min-height: 430px; }
  body[data-asiptv-web="landing"] .landing-value-strip { grid-template-columns: repeat(2,1fr); }
  body[data-asiptv-web="landing"] .landing-value-strip article:nth-child(3)::before { display: none; }
  body[data-asiptv-web="landing"] .landing-value-strip article { border-top: 1px solid transparent; }
  body[data-asiptv-web="landing"] .tv-first-grid { width: 100%; }
  body[data-asiptv-web="landing"] .showcase-card { width: 70%; }
  body[data-asiptv-web="landing"] .setup-steps article { padding-inline: 12px; }
  body[data-asiptv-web="landing"] .cross-device-banner { width: calc(100% - 24px); grid-template-columns: 1fr; gap: 28px; }
  body[data-asiptv-web="landing"] .device-composition { min-height: 300px; }
  body[data-asiptv-web="landing"] .landing-footer { grid-template-columns: 1.3fr .7fr .8fr .9fr !important; gap: 35px !important; }
}

@media (max-width: 820px) {
  body[data-asiptv-web="landing"] .landing-nav,
  body[data-asiptv-web="landing"] .landing-hero,
  body[data-asiptv-web="landing"] .landing-value-strip,
  body[data-asiptv-web="landing"] .landing-section,
  body[data-asiptv-web="landing"] .landing-footer { width: calc(100% - 32px); }
  body[data-asiptv-web="landing"] .landing-nav { min-height: 70px; grid-template-columns: auto 1fr; }
  body[data-asiptv-web="landing"] .landing-links { display: none; }
  body[data-asiptv-web="landing"] .landing-auth-actions,
  body[data-asiptv-web="landing"] .site-account-menu { justify-self: end; }
  body[data-asiptv-web="landing"] .landing-login-action { display: none; }
  body[data-asiptv-web="landing"] .landing-signup-action { min-height: 38px !important; padding-inline: 15px !important; }
  body[data-asiptv-web="landing"] .landing-brand .asiptv-wordmark { height: 24px !important; max-width: 125px !important; }
  body[data-asiptv-web="landing"] .landing-hero { padding: 42px 0 48px; }
  body[data-asiptv-web="landing"] .landing-hero h1 { font-size: clamp(48px, 13vw, 66px) !important; }
  body[data-asiptv-web="landing"] .landing-lede { font-size: 14px !important; }
  body[data-asiptv-web="landing"] .hero-tv-wrap { min-height: 330px; }
  body[data-asiptv-web="landing"] .hero-tv-screen { grid-template-columns: 88px 1fr; }
  body[data-asiptv-web="landing"] .mock-side-nav { padding: 14px 8px; }
  body[data-asiptv-web="landing"] .mock-side-nav img { width: 55px; margin-bottom: 14px; }
  body[data-asiptv-web="landing"] .mock-nav { min-height: 25px; padding-inline: 6px; font-size: 6.8px; }
  body[data-asiptv-web="landing"] .mock-hero-art { height: 150px; }
  body[data-asiptv-web="landing"] .mock-hero-copy { left: 15px; top: 30px; }
  body[data-asiptv-web="landing"] .mock-hero-copy h3 { font-size: 16px; }
  body[data-asiptv-web="landing"] .mock-thumb-row .thumb { height: 48px; }
  body[data-asiptv-web="landing"] .landing-value-strip { grid-template-columns: 1fr 1fr; padding-bottom: 35px; }
  body[data-asiptv-web="landing"] .landing-value-strip article { padding-inline: 15px; }
  body[data-asiptv-web="landing"] .landing-value-strip article + article::before { display: none; }
  body[data-asiptv-web="landing"] .tv-first-grid { grid-template-columns: 1fr; row-gap: 38px; margin-top: 42px; }
  body[data-asiptv-web="landing"] .landing-section { padding: 66px 0; }
  body[data-asiptv-web="landing"] .showcase-carousel { min-height: 330px; }
  body[data-asiptv-web="landing"] .carousel-stage { min-height: 295px; }
  body[data-asiptv-web="landing"] .showcase-card { width: 78%; }
  body[data-asiptv-web="landing"] .showcase-card.left { transform: translateX(-112%) translateY(12px) rotateY(20deg) scale(.75); }
  body[data-asiptv-web="landing"] .showcase-card.right { transform: translateX(12%) translateY(12px) rotateY(-20deg) scale(.75); }
  body[data-asiptv-web="landing"] .app-shot { transform:none; }
  body[data-asiptv-web="landing"] .setup-steps { grid-template-columns: 1fr; gap: 26px; }
  body[data-asiptv-web="landing"] .setup-steps article { max-width: 520px; margin: 0 auto; width: 100%; }
  body[data-asiptv-web="landing"] .setup-steps article::after { display: none; }
  body[data-asiptv-web="landing"] .cross-device-banner { padding: 38px 26px; }
  body[data-asiptv-web="landing"] .landing-footer { grid-template-columns: 1.4fr 1fr !important; gap: 36px 26px !important; }
  body[data-asiptv-web="landing"] .footer-socials { margin-bottom: 28px; }
  body[data-asiptv-web="landing"] .footer-tagline { margin-top: 25px; }
}

@media (max-width: 540px) {
  body[data-asiptv-web="landing"] .landing-nav,
  body[data-asiptv-web="landing"] .landing-hero,
  body[data-asiptv-web="landing"] .landing-value-strip,
  body[data-asiptv-web="landing"] .landing-section,
  body[data-asiptv-web="landing"] .landing-footer { width: calc(100% - 24px); }
  body[data-asiptv-web="landing"] .landing-hero h1 { font-size: 46px !important; }
  body[data-asiptv-web="landing"] .landing-actions { display: grid; }
  body[data-asiptv-web="landing"] .landing-primary-action,
  body[data-asiptv-web="landing"] .landing-secondary-action { width: 100%; }
  body[data-asiptv-web="landing"] .landing-platform-row { gap: 13px 16px; }
  body[data-asiptv-web="landing"] .hero-tv-wrap { min-height: 245px; }
  body[data-asiptv-web="landing"] .hero-tv-screen { grid-template-columns: 63px 1fr; }
  body[data-asiptv-web="landing"] .mock-side-nav { padding: 9px 5px; }
  body[data-asiptv-web="landing"] .mock-side-nav img { width: 42px; margin: 0 0 9px 3px; }
  body[data-asiptv-web="landing"] .mock-nav { min-height: 19px; margin: 1px 0; gap: 4px; font-size: 5px; }
  body[data-asiptv-web="landing"] .mock-nav i { width: 6px; height: 6px; }
  body[data-asiptv-web="landing"] .mock-content { padding: 7px; }
  body[data-asiptv-web="landing"] .mock-hero-art { height: 102px; }
  body[data-asiptv-web="landing"] .mock-hero-copy { left: 10px; top: 18px; }
  body[data-asiptv-web="landing"] .mock-hero-copy h3 { font-size: 11px; margin-block: 3px; }
  body[data-asiptv-web="landing"] .mock-hero-copy p { font-size: 5px; margin-bottom: 7px; }
  body[data-asiptv-web="landing"] .mock-hero-copy small { font-size: 5px; }
  body[data-asiptv-web="landing"] .mock-hero-copy b,
  body[data-asiptv-web="landing"] .mock-hero-copy div span { min-height: 17px; padding-inline: 5px; font-size: 5px; }
  body[data-asiptv-web="landing"] .mock-row-label { margin: 5px 0 4px; font-size: 5px; }
  body[data-asiptv-web="landing"] .mock-thumb-row { gap: 3px; }
  body[data-asiptv-web="landing"] .mock-thumb-row .thumb { height: 31px; padding: 3px; }
  body[data-asiptv-web="landing"] .mock-thumb-row b { font-size: 4px; }
  body[data-asiptv-web="landing"] .landing-value-strip { grid-template-columns: 1fr; }
  body[data-asiptv-web="landing"] .landing-value-strip article { min-height: 150px; }
  body[data-asiptv-web="landing"] .landing-section-heading h2,
  body[data-asiptv-web="landing"] .screenshots-heading h2,
  body[data-asiptv-web="landing"] .setup-heading h2,
  body[data-asiptv-web="landing"] .landing-faq-heading h2,
  body[data-asiptv-web="landing"] .cross-device-copy h2 { font-size: 36px !important; }
  body[data-asiptv-web="landing"] .showcase-carousel { min-height: 255px; margin-top: 25px; }
  body[data-asiptv-web="landing"] .carousel-stage { min-height: 225px; }
  body[data-asiptv-web="landing"] .showcase-card { width: 86%; }
  body[data-asiptv-web="landing"] .showcase-card.left { transform: translateX(-116%) translateY(10px) rotateY(15deg) scale(.60); }
  body[data-asiptv-web="landing"] .showcase-card.right { transform: translateX(16%) translateY(10px) rotateY(-15deg) scale(.60); }
  body[data-asiptv-web="landing"] .carousel-arrow { width: 36px; height: 36px; font-size: 24px; }
  body[data-asiptv-web="landing"] .app-shot { width:760px; height:427px; transform:scale(.43); transform-origin:top left; }
  body[data-asiptv-web="landing"] .cross-device-banner { width: calc(100% - 12px); border-radius: 6px; }
  body[data-asiptv-web="landing"] .device-composition { min-height: 210px; }
  body[data-asiptv-web="landing"] .device-platform-caption { display: none; }
  body[data-asiptv-web="landing"] .landing-footer { grid-template-columns: 1fr !important; }
}

@media (prefers-reduced-motion: reduce) {
  body[data-asiptv-web="landing"] .showcase-card,
  body[data-asiptv-web="landing"] .landing-primary-action,
  body[data-asiptv-web="landing"] .landing-secondary-action,
  body[data-asiptv-web="landing"] .banner-action { transition: none !important; }
}