:root {
  --bg: #050a14;
  --bg-soft: #091323;
  --panel: #0d1a2f;
  --panel-2: #101f37;
  --panel-3: #132741;
  --text: #f5f8ff;
  --muted: #aebbd0;
  --line: rgba(180, 201, 231, .15);
  --blue: #2878ff;
  --blue-2: #54a1ff;
  --accent: #d8ed38;
  --accent-2: #8bd94d;
  --danger: #ff6b7d;
  --success: #5ee49d;
  --shadow: 0 22px 60px rgba(0, 0, 0, .33);
  --radius: 22px;
  --max: 1180px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--text);
  background:
    radial-gradient(circle at 78% 2%, rgba(40, 120, 255, .17), transparent 32rem),
    radial-gradient(circle at 8% 28%, rgba(139, 217, 77, .08), transparent 28rem),
    var(--bg);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button, input, select, textarea { font: inherit; }
button, a, input, select, textarea { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid rgba(216, 237, 56, .8); outline-offset: 3px; }
.container { width: min(calc(100% - 36px), var(--max)); margin-inline: auto; }
.skip-link { position: fixed; top: -80px; left: 20px; z-index: 1000; background: var(--accent); color: #08101e; padding: 12px 16px; border-radius: 10px; font-weight: 800; }
.skip-link:focus { top: 20px; }
.site-header { position: sticky; top: 0; z-index: 100; background: rgba(5, 10, 20, .84); backdrop-filter: blur(18px); border-bottom: 1px solid transparent; transition: .2s ease; }
.site-header.scrolled { border-color: var(--line); box-shadow: 0 12px 38px rgba(0,0,0,.26); }
.nav-wrap { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { flex: 0 0 auto; display: inline-flex; align-items: center; }
.brand img { width: 215px; height: auto; }
.primary-nav { display: flex; align-items: center; gap: 8px; }
.primary-nav a { color: #dce6f5; padding: 10px 12px; border-radius: 10px; font-size: .95rem; font-weight: 700; }
.primary-nav a:hover, .primary-nav a[aria-current="page"] { color: var(--text); background: rgba(255,255,255,.065); }
.nav-actions { display: flex; align-items: center; gap: 10px; }
.menu-button { display: none; border: 1px solid var(--line); background: var(--panel); color: var(--text); border-radius: 12px; width: 46px; height: 46px; align-items: center; justify-content: center; cursor: pointer; }
.menu-button span, .menu-button::before, .menu-button::after { width: 22px; height: 2px; background: currentColor; display: block; content: ""; transition: .2s ease; }
.menu-button span { margin: 5px 0; }
.menu-button[aria-expanded="true"] span { opacity: 0; }
.menu-button[aria-expanded="true"]::before { transform: translateY(7px) rotate(45deg); }
.menu-button[aria-expanded="true"]::after { transform: translateY(-7px) rotate(-45deg); }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 48px; padding: 0 20px; border: 1px solid transparent; border-radius: 13px; font-weight: 850; letter-spacing: -.01em; cursor: pointer; transition: transform .16s ease, background .16s ease, border-color .16s ease; }
.btn:hover { transform: translateY(-2px); }
.btn-primary { background: linear-gradient(135deg, var(--accent), var(--accent-2)); color: #07111f; box-shadow: 0 10px 30px rgba(139,217,77,.18); }
.btn-secondary { border-color: var(--line); background: rgba(255,255,255,.045); color: var(--text); }
.btn-blue { background: linear-gradient(135deg, var(--blue), var(--blue-2)); color: white; }
.btn-small { min-height: 42px; padding: 0 16px; font-size: .92rem; }
.eyebrow { display: inline-flex; align-items: center; gap: 8px; padding: 7px 11px; border: 1px solid rgba(216,237,56,.24); border-radius: 999px; color: #e9f7a0; background: rgba(216,237,56,.07); font-size: .79rem; font-weight: 850; text-transform: uppercase; letter-spacing: .08em; }
.eyebrow::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 18px var(--accent); }
h1, h2, h3 { margin: 0; line-height: 1.08; letter-spacing: -.035em; }
h1 { font-size: clamp(2.7rem, 7vw, 5.75rem); max-width: 900px; }
h2 { font-size: clamp(2rem, 4vw, 3.55rem); }
h3 { font-size: 1.25rem; }
p { margin: 0; }
.lead { font-size: clamp(1.04rem, 2vw, 1.24rem); color: var(--muted); max-width: 720px; }
.section { padding: 94px 0; }
.section-tight { padding: 64px 0; }
.section-head { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 38px; }
.section-copy { max-width: 720px; }
.section-copy .eyebrow { margin-bottom: 16px; }
.section-copy p { color: var(--muted); margin-top: 15px; }
.hero { position: relative; overflow: hidden; min-height: 730px; display: grid; align-items: center; padding: 110px 0 86px; }
.hero::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(84,161,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(84,161,255,.05) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(to bottom, black, transparent 86%); pointer-events: none; }
.hero::after { content: ""; position: absolute; width: 520px; height: 520px; border: 1px solid rgba(84,161,255,.12); border-radius: 50%; right: -160px; top: 30px; box-shadow: 0 0 0 80px rgba(40,120,255,.03), 0 0 0 170px rgba(40,120,255,.02); }
.hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(330px, .85fr); align-items: center; gap: 66px; }
.hero-copy .eyebrow { margin-bottom: 22px; }
.hero-copy h1 span { color: transparent; background: linear-gradient(90deg, #fff 0%, #dbe9ff 38%, var(--accent) 98%); -webkit-background-clip: text; background-clip: text; }
.hero-copy .lead { margin-top: 26px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.score-card { position: relative; background: linear-gradient(145deg, rgba(16,31,55,.96), rgba(7,16,31,.94)); border: 1px solid var(--line); border-radius: 28px; box-shadow: var(--shadow); overflow: hidden; }
.score-card::before { content: ""; position: absolute; inset: 0 0 auto; height: 4px; background: linear-gradient(90deg, var(--blue), var(--accent)); }
.score-top { padding: 25px 26px 20px; border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.live-badge { display: inline-flex; gap: 8px; align-items: center; font-size: .8rem; font-weight: 900; color: #ffd9df; }
.live-badge::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--danger); box-shadow: 0 0 14px var(--danger); animation: pulse 1.7s infinite; }
@keyframes pulse { 50% { opacity: .4; } }
.score-time { color: var(--muted); font-size: .86rem; }
.score-main { padding: 28px 26px; }
.score-title { font-size: 1.3rem; font-weight: 900; }
.score-sub { color: var(--muted); font-size: .9rem; margin-top: 5px; }
.stat-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 24px; }
.stat { background: rgba(255,255,255,.04); border: 1px solid var(--line); border-radius: 16px; padding: 17px; }
.stat strong { display: block; font-size: 1.55rem; line-height: 1; color: var(--accent); }
.stat span { display: block; color: var(--muted); font-size: .81rem; margin-top: 8px; }
.score-footer { padding: 18px 26px 26px; }
.trial-mini { display: flex; align-items: center; justify-content: space-between; gap: 18px; background: rgba(40,120,255,.1); border: 1px solid rgba(84,161,255,.19); border-radius: 16px; padding: 16px; }
.trial-mini strong { display: block; }
.trial-mini span { display: block; color: var(--muted); font-size: .84rem; }

/* v0.2: Old-site inspired 3D media carousel */
.media-carousel-section {
  position: relative;
  overflow: hidden;
  padding: 34px 0 38px;
  background:
    radial-gradient(circle at 12% 58%, rgba(44, 204, 172, .18), transparent 34rem),
    radial-gradient(circle at 88% 44%, rgba(224, 118, 48, .12), transparent 30rem),
    rgba(255,255,255,.012);
  border-top: 1px solid rgba(180, 201, 231, .07);
}
.media-carousel { position: relative; width: min(100%, 1480px); margin: 0 auto; padding: 0 72px 34px; }
.carousel-stage { position: relative; height: 430px; perspective: 1200px; transform-style: preserve-3d; }
.carousel-slide {
  position: absolute;
  inset: 0 auto auto 50%;
  width: 250px;
  aspect-ratio: 420 / 690;
  margin: 0;
  border-radius: 24px;
  overflow: hidden;
  background: transparent;
  box-shadow: 0 28px 66px rgba(0,0,0,.46);
  opacity: 0;
  pointer-events: none;
  transform: translateX(-50%) scale(.7);
  transition: transform .62s cubic-bezier(.2,.75,.2,1), opacity .42s ease, filter .42s ease;
  will-change: transform, opacity;
}
.carousel-slide img { width: 100%; height: 100%; object-fit: cover; background: transparent; border-radius: inherit; clip-path: inset(0 round 24px); }
.carousel-slide.is-active { z-index: 5; opacity: 1; pointer-events: auto; transform: translateX(-50%) translateZ(80px) scale(1.03); filter: brightness(1); }
.carousel-slide.is-prev { z-index: 4; opacity: .92; transform: translateX(calc(-50% - 340px)) rotateY(16deg) scale(.91); filter: brightness(.78); }
.carousel-slide.is-next { z-index: 4; opacity: .92; transform: translateX(calc(-50% + 340px)) rotateY(-16deg) scale(.91); filter: brightness(.78); }
.carousel-slide.is-far-prev { z-index: 3; opacity: .62; transform: translateX(calc(-50% - 575px)) rotateY(28deg) scale(.74); filter: brightness(.62); }
.carousel-slide.is-far-next { z-index: 3; opacity: .62; transform: translateX(calc(-50% + 575px)) rotateY(-28deg) scale(.74); filter: brightness(.62); }
.carousel-dots { display: flex; justify-content: center; gap: 8px; margin-top: 16px; }
.carousel-dot { width: 11px; height: 11px; padding: 0; border: 0; border-radius: 50%; background: rgba(255,255,255,.72); cursor: pointer; transition: transform .18s ease, background .18s ease; }
.carousel-dot.active { background: var(--blue-2); transform: scale(1.08); }
.carousel-arrow { position: absolute; z-index: 10; top: 42%; width: 46px; height: 46px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--text); background: rgba(5,10,20,.72); backdrop-filter: blur(8px); font-size: 2rem; line-height: 1; cursor: pointer; }
.carousel-arrow:hover { border-color: rgba(84,161,255,.5); background: rgba(16,31,55,.95); }
.carousel-arrow-prev { left: 24px; }
.carousel-arrow-next { right: 24px; }

.trust-strip { border-block: 1px solid var(--line); background: rgba(255,255,255,.018); }
.trust-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.trust-item { min-height: 112px; padding: 22px 24px; display: flex; align-items: center; gap: 16px; border-right: 1px solid var(--line); }
.trust-item:last-child { border-right: 0; }
.trust-item img { flex: 0 0 48px; width: 48px; height: 48px; object-fit: contain; object-position: center; background: transparent; }
.trust-item strong { display: block; font-size: .96rem; }
.trust-item span { display: block; color: var(--muted); font-size: .79rem; margin-top: 3px; }
.cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.card { position: relative; padding: 28px; border-radius: var(--radius); border: 1px solid var(--line); background: linear-gradient(150deg, rgba(16,31,55,.82), rgba(8,18,33,.86)); box-shadow: 0 16px 50px rgba(0,0,0,.16); }
.card p { color: var(--muted); margin-top: 10px; }
.icon-shell { display: grid; place-items: center; width: 62px; height: 62px; border-radius: 18px; background: rgba(216,237,56,.07); border: 1px solid rgba(216,237,56,.15); margin-bottom: 22px; }
.icon-shell img { width: 46px; height: 46px; object-fit: contain; object-position: center; background: transparent; }
.steps { counter-reset: steps; display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.step { counter-increment: steps; position: relative; padding: 27px 22px; border-radius: var(--radius); background: var(--panel); border: 1px solid var(--line); }
.step::before { content: "0" counter(steps); display: block; color: var(--accent); font-size: .8rem; font-weight: 900; letter-spacing: .12em; margin-bottom: 18px; }
.step p { color: var(--muted); margin-top: 9px; font-size: .93rem; }
.band { background: linear-gradient(135deg, rgba(40,120,255,.14), rgba(216,237,56,.055)); border-block: 1px solid var(--line); }
.devices { display: grid; grid-template-columns: 1fr 1.3fr; gap: 55px; align-items: center; }
.device-stage { min-height: 390px; position: relative; display: grid; place-items: center; }
.device-stage::before, .device-stage::after { content: ""; position: absolute; border-radius: 50%; }
.device-stage::before { width: 330px; height: 330px; background: radial-gradient(circle, rgba(40,120,255,.23), rgba(40,120,255,.01) 70%); }
.device-stage::after { width: 235px; height: 235px; border: 1px solid rgba(216,237,56,.18); box-shadow: 0 0 0 46px rgba(216,237,56,.025); }
.device-stage img { position: relative; z-index: 1; width: 230px; height: 230px; object-fit: contain; object-position: center; margin: 0 auto; background: transparent; }
.check-list { list-style: none; margin: 26px 0 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.check-list li { display: flex; gap: 10px; align-items: flex-start; color: #d9e4f4; }
.check-list li::before { content: "✓"; flex: 0 0 auto; width: 23px; height: 23px; display: grid; place-items: center; border-radius: 7px; background: rgba(94,228,157,.11); color: var(--success); font-size: .78rem; font-weight: 900; }
.pricing-controls { margin: 0 auto 34px; max-width: 760px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 12px; }
.control-group { display: inline-flex; align-items: center; gap: 10px; background: var(--panel); border: 1px solid var(--line); padding: 7px; border-radius: 14px; }
.control-label { color: var(--muted); font-size: .86rem; padding-left: 8px; }
.segmented { display: inline-flex; gap: 4px; }
.segmented button { border: 0; min-width: 58px; background: transparent; color: var(--muted); padding: 9px 12px; border-radius: 9px; font-weight: 850; cursor: pointer; }
.segmented button.active { background: var(--blue); color: white; }
.connection-select { color: var(--text); border: 0; outline: 0; background: transparent; padding: 9px 10px 9px 4px; font-weight: 850; cursor: pointer; }
.connection-select option { color: #0b1220; }
.pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; align-items: stretch; }
.price-card { position: relative; display: flex; flex-direction: column; padding: 30px; border-radius: 24px; background: linear-gradient(150deg, rgba(16,31,55,.94), rgba(7,16,31,.95)); border: 1px solid var(--line); }
.price-card.featured { border-color: rgba(216,237,56,.4); box-shadow: 0 26px 70px rgba(0,0,0,.26); transform: translateY(-8px); }
.price-badge { position: absolute; top: 0; right: 22px; transform: translateY(-50%); background: var(--accent); color: #06101e; border-radius: 999px; padding: 7px 11px; font-size: .74rem; font-weight: 950; text-transform: uppercase; letter-spacing: .05em; }
.price-title { color: var(--muted); font-size: .9rem; font-weight: 800; }
.price { display: flex; align-items: flex-end; gap: 7px; margin-top: 14px; }
.price strong { font-size: 3.15rem; line-height: .9; }
.price span { color: var(--muted); font-size: .88rem; }
.crypto-price { color: #dff6a6; background: rgba(216,237,56,.07); border: 1px solid rgba(216,237,56,.14); border-radius: 12px; padding: 11px 13px; margin-top: 18px; font-size: .88rem; }
.crypto-price strong { color: var(--accent); }
.price-list { list-style: none; padding: 0; margin: 24px 0; display: grid; gap: 10px; }
.price-list li { display: flex; gap: 9px; color: #dce6f5; font-size: .92rem; }
.price-list li::before { content: "✓"; color: var(--success); font-weight: 900; }
.price-card .btn { margin-top: auto; }
.price-footnote { max-width: 820px; margin: 25px auto 0; text-align: center; color: #8fa0ba; font-size: .84rem; }
.faq-list { display: grid; gap: 12px; max-width: 900px; margin: 0 auto; }
.faq-item { border: 1px solid var(--line); background: var(--panel); border-radius: 16px; overflow: hidden; }
.faq-question { width: 100%; color: var(--text); background: transparent; border: 0; text-align: left; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 20px 22px; font-weight: 850; cursor: pointer; }
.faq-question::after { content: "+"; color: var(--accent); font-size: 1.4rem; transition: transform .18s ease; }
.faq-question[aria-expanded="true"]::after { transform: rotate(45deg); }
.faq-answer { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .22s ease; }
.faq-answer > div { overflow: hidden; }
.faq-question[aria-expanded="true"] + .faq-answer { grid-template-rows: 1fr; }
.faq-answer p { padding: 0 22px 21px; color: var(--muted); }
.cta { position: relative; overflow: hidden; border: 1px solid var(--line); border-radius: 28px; padding: 52px; background: linear-gradient(125deg, rgba(40,120,255,.23), rgba(16,31,55,.9) 52%, rgba(216,237,56,.08)); }
.cta::after { content: ""; position: absolute; width: 280px; height: 280px; border-radius: 50%; right: -100px; bottom: -130px; border: 1px solid rgba(216,237,56,.15); box-shadow: 0 0 0 50px rgba(216,237,56,.025), 0 0 0 100px rgba(216,237,56,.018); }
.cta-content { position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: center; gap: 40px; }
.cta p { color: #c7d3e5; margin-top: 13px; max-width: 680px; }
.site-footer { border-top: 1px solid var(--line); padding: 62px 0 28px; background: #030812; }
.footer-grid { display: grid; grid-template-columns: 1.35fr repeat(3, .75fr); gap: 45px; }
.footer-brand img { width: 210px; }
.footer-brand p { color: var(--muted); max-width: 380px; margin-top: 18px; }
.footer-col strong { display: block; margin-bottom: 14px; }
.footer-col a { display: block; color: var(--muted); padding: 5px 0; font-size: .9rem; }
.footer-col a:hover { color: var(--text); }
.footer-bottom { border-top: 1px solid var(--line); margin-top: 40px; padding-top: 22px; display: flex; justify-content: space-between; gap: 20px; color: #75869f; font-size: .82rem; }
.page-hero { padding: 92px 0 64px; border-bottom: 1px solid var(--line); }
.page-hero h1 { font-size: clamp(2.55rem, 6vw, 4.8rem); }
.page-hero .lead { margin-top: 20px; }
.breadcrumbs { color: #8798b2; font-size: .85rem; margin-bottom: 20px; }
.breadcrumbs a:hover { color: var(--text); }
.content-grid { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 42px; align-items: start; }
.prose { color: #dce5f3; }
.prose h2 { font-size: clamp(1.7rem, 3vw, 2.35rem); margin: 44px 0 15px; }
.prose h2:first-child { margin-top: 0; }
.prose h3 { margin: 28px 0 11px; }
.prose p { color: var(--muted); margin: 0 0 16px; }
.prose ul, .prose ol { color: var(--muted); padding-left: 22px; }
.prose li { margin: 7px 0; }
.prose a { color: #9bc9ff; text-decoration: underline; text-underline-offset: 3px; }
.side-card { position: sticky; top: 105px; border: 1px solid var(--line); background: var(--panel); border-radius: 20px; padding: 23px; }
.side-card h3 { margin-bottom: 10px; }
.side-card p { color: var(--muted); font-size: .9rem; }
.side-card .btn { width: 100%; margin-top: 18px; }
.form-shell { max-width: 850px; margin: 0 auto; border: 1px solid var(--line); background: linear-gradient(145deg, rgba(16,31,55,.92), rgba(7,16,31,.93)); border-radius: 24px; padding: 34px; box-shadow: var(--shadow); }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px; }
.field { display: grid; gap: 8px; }
.field.full { grid-column: 1/-1; }
.field label { font-size: .86rem; font-weight: 800; color: #dbe5f5; }
.field input, .field select, .field textarea { width: 100%; color: var(--text); background: #07111f; border: 1px solid rgba(180,201,231,.21); border-radius: 12px; padding: 13px 14px; outline: none; }
.field textarea { min-height: 145px; resize: vertical; }
.field input:focus, .field select:focus, .field textarea:focus { border-color: var(--blue-2); box-shadow: 0 0 0 3px rgba(84,161,255,.12); }
.field option { color: #0b1220; }
.form-note { margin-top: 15px; color: #8798b2; font-size: .82rem; }
.form-actions { display: flex; align-items: center; gap: 16px; margin-top: 22px; }
.form-status { color: var(--success); font-weight: 750; }
.notice { border: 1px solid rgba(84,161,255,.2); background: rgba(40,120,255,.08); color: #cfe2ff; padding: 16px 18px; border-radius: 14px; margin-bottom: 22px; font-size: .9rem; }
.guide-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.guide-card { display: flex; flex-direction: column; min-height: 250px; padding: 26px; border: 1px solid var(--line); background: var(--panel); border-radius: 20px; transition: transform .16s ease, border-color .16s ease; }
.guide-card:hover { transform: translateY(-4px); border-color: rgba(84,161,255,.35); }
.guide-tag { color: var(--accent); text-transform: uppercase; letter-spacing: .08em; font-size: .72rem; font-weight: 900; }
.guide-card h3 { margin-top: 15px; }
.guide-card p { color: var(--muted); margin-top: 10px; }
.guide-card .arrow { margin-top: auto; padding-top: 20px; color: #9bc9ff; font-weight: 850; }
.table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 16px; }
table { width: 100%; border-collapse: collapse; min-width: 620px; }
th, td { padding: 15px 17px; border-bottom: 1px solid var(--line); text-align: left; }
th { background: rgba(255,255,255,.04); font-size: .82rem; color: #dbe5f5; }
td { color: var(--muted); font-size: .9rem; }
tr:last-child td { border-bottom: 0; }
.prototype-ribbon { background: #f3df39; color: #101624; text-align: center; font-size: .78rem; font-weight: 900; padding: 7px 15px; letter-spacing: .02em; }
.modal { position: fixed; inset: 0; z-index: 999; display: none; place-items: center; padding: 20px; background: rgba(1,5,12,.76); backdrop-filter: blur(8px); }
.modal.open { display: grid; }
.modal-card { width: min(100%, 480px); background: var(--panel-2); border: 1px solid var(--line); border-radius: 22px; padding: 30px; box-shadow: var(--shadow); }
.modal-card p { color: var(--muted); margin-top: 12px; }
.modal-card .btn { margin-top: 22px; }
@media (max-width: 1040px) {
  .primary-nav { position: fixed; inset: 86px 18px auto; display: none; flex-direction: column; align-items: stretch; background: #081321; border: 1px solid var(--line); border-radius: 18px; padding: 14px; box-shadow: var(--shadow); }
  .primary-nav.open { display: flex; }
  .primary-nav a { padding: 13px 14px; }
  .menu-button { display: inline-flex; }
  .nav-actions .btn { display: none; }
  .hero-grid { grid-template-columns: 1fr; }
  .hero-copy { max-width: 800px; }
  .score-card { max-width: 680px; }
  .trust-grid { grid-template-columns: repeat(2, 1fr); }
  .trust-item:nth-child(2) { border-right: 0; }
  .trust-item:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .cards, .pricing-grid, .guide-grid { grid-template-columns: repeat(2, 1fr); }
  .price-card.featured { transform: none; }
  .steps { grid-template-columns: repeat(2, 1fr); }
  .footer-grid { grid-template-columns: 1.3fr repeat(2, 1fr); }
  .footer-col:last-child { grid-column: 2; }
}
@media (max-width: 760px) {
  .container { width: min(calc(100% - 28px), var(--max)); }
  .prototype-ribbon { font-size: .7rem; }
  .nav-wrap { min-height: 70px; }
  .brand img { width: 177px; }
  .primary-nav { inset-top: 78px; }
  .hero { min-height: auto; padding: 82px 0 64px; }
  .hero-grid { gap: 38px; }
  .hero-actions .btn { width: 100%; }
  .score-top, .score-main, .score-footer { padding-inline: 20px; }
  .stat-grid { grid-template-columns: 1fr 1fr; }
  .trial-mini { align-items: flex-start; flex-direction: column; }
  .section { padding: 72px 0; }
  .section-tight { padding: 50px 0; }
  .section-head { align-items: flex-start; flex-direction: column; }
  .trust-grid, .cards, .pricing-grid, .guide-grid, .steps, .check-list { grid-template-columns: 1fr; }
  .trust-item { border-right: 0; border-bottom: 1px solid var(--line); }
  .trust-item:last-child { border-bottom: 0; }
  .devices { grid-template-columns: 1fr; gap: 22px; }
  .device-stage { min-height: 290px; }
  .device-stage::before { width: 280px; height: 280px; }
  .device-stage::after { width: 190px; height: 190px; }
  .device-stage img { width: 190px; height: 190px; }
  .pricing-controls { align-items: stretch; }
  .control-group { width: 100%; justify-content: space-between; }
  .cta { padding: 34px 26px; }
  .cta-content { align-items: flex-start; flex-direction: column; }
  .cta .btn { width: 100%; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
  .footer-brand { grid-column: 1/-1; }
  .footer-col:last-child { grid-column: auto; }
  .footer-bottom { flex-direction: column; }
  .content-grid { grid-template-columns: 1fr; }
  .side-card { position: static; }
  .form-shell { padding: 24px 19px; }
  .form-grid { grid-template-columns: 1fr; }
  .field.full { grid-column: auto; }
  .form-actions { align-items: stretch; flex-direction: column; }
  .form-actions .btn { width: 100%; }
}
@media (max-width: 430px) {
  h1 { font-size: 2.55rem; }
  .stat-grid { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-col:last-child { grid-column: auto; }
}

@media (max-width: 1120px) {
  .carousel-stage { height: 380px; }
  .carousel-slide { width: 220px; }
  .carousel-slide.is-prev { transform: translateX(calc(-50% - 260px)) rotateY(16deg) scale(.89); }
  .carousel-slide.is-next { transform: translateX(calc(-50% + 260px)) rotateY(-16deg) scale(.89); }
  .carousel-slide.is-far-prev { transform: translateX(calc(-50% - 440px)) rotateY(26deg) scale(.7); }
  .carousel-slide.is-far-next { transform: translateX(calc(-50% + 440px)) rotateY(-26deg) scale(.7); }
}
@media (max-width: 760px) {
  .media-carousel-section { padding: 24px 0 28px; }
  .media-carousel { padding: 0 18px 26px; }
  .carousel-stage { height: 330px; }
  .carousel-slide { width: 190px; border-radius: 19px; }
  .carousel-slide.is-active { transform: translateX(-50%) scale(1); }
  .carousel-slide.is-prev { opacity: .72; transform: translateX(calc(-50% - 170px)) rotateY(14deg) scale(.76); }
  .carousel-slide.is-next { opacity: .72; transform: translateX(calc(-50% + 170px)) rotateY(-14deg) scale(.76); }
  .carousel-slide.is-far-prev, .carousel-slide.is-far-next { opacity: 0; }
  .carousel-arrow { width: 40px; height: 40px; top: 40%; font-size: 1.65rem; }
  .carousel-arrow-prev { left: 10px; }
  .carousel-arrow-next { right: 10px; }
}
@media (max-width: 430px) {
  .carousel-stage { height: 300px; }
  .carousel-slide { width: 172px; }
  .carousel-slide.is-prev { transform: translateX(calc(-50% - 140px)) rotateY(14deg) scale(.72); }
  .carousel-slide.is-next { transform: translateX(calc(-50% + 140px)) rotateY(-14deg) scale(.72); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}


/* v0.3: interactive poster carousel and channel-logo carousel */
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
.media-carousel { cursor: pointer; }
.media-carousel.is-user-paused .carousel-dot.active { box-shadow: 0 0 0 4px rgba(216,237,56,.14); }
.channel-carousel-section { overflow: hidden; padding: 22px 0 30px; border-bottom: 1px solid rgba(180,201,231,.08); background: linear-gradient(180deg, rgba(255,255,255,.012), rgba(7,15,27,.72)); }
.channel-carousel { position: relative; width: 100%; overflow: hidden; outline: none; -webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent); mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent); }
.channel-carousel-track { width: max-content; display: flex; align-items: center; gap: 18px; padding: 8px 9px; animation: channel-scroll 42s linear infinite; will-change: transform; }
.channel-carousel:hover .channel-carousel-track, .channel-carousel:focus .channel-carousel-track, .channel-carousel.is-paused .channel-carousel-track { animation-play-state: paused; }
.channel-logo-card { flex: 0 0 188px; height: 88px; display: grid; place-items: center; padding: 13px 18px; border: 1px solid rgba(180,201,231,.15); border-radius: 17px; background: linear-gradient(145deg, rgba(255,255,255,.95), rgba(232,238,247,.90)); box-shadow: 0 12px 30px rgba(0,0,0,.18); }
.channel-logo-card img { display: block; width: 100%; height: 100%; object-fit: contain; }
@keyframes channel-scroll { from { transform: translateX(0); } to { transform: translateX(calc(-50% - 9px)); } }
.marketing-consent { display: flex; align-items: flex-start; gap: 11px; margin-top: 18px; color: #aebdd2; font-size: .83rem; line-height: 1.55; cursor: pointer; }
.marketing-consent input { flex: 0 0 auto; width: 18px; height: 18px; margin-top: 2px; accent-color: var(--accent); }
.marketing-consent strong { color: #dbe5f5; }
.footer-marketing-link { border: 0; padding: 0; color: #9bc9ff; background: transparent; font: inherit; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.marketing-popup { position: fixed; inset: 0; z-index: 1002; display: none; align-items: center; justify-content: center; padding: 20px; background: rgba(1,5,12,.76); backdrop-filter: blur(9px); }
.marketing-popup.open { display: flex; }
.marketing-popup-card { position: relative; width: min(100%, 520px); border: 1px solid var(--line); border-radius: 24px; padding: 31px; background: linear-gradient(145deg, rgba(16,31,55,.98), rgba(7,16,31,.99)); box-shadow: var(--shadow); }
.marketing-popup-card h2 { font-size: clamp(1.65rem,4vw,2.25rem); margin: 7px 0 10px; }
.marketing-popup-card p { color: var(--muted); }
.marketing-popup-close { position: absolute; top: 14px; right: 14px; width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 50%; background: rgba(255,255,255,.04); color: var(--text); font-size: 1.45rem; cursor: pointer; }
.marketing-popup-form { display: grid; grid-template-columns: 1fr auto; gap: 10px; margin-top: 22px; }
.marketing-popup-form input { min-width: 0; width: 100%; color: var(--text); background: #07111f; border: 1px solid rgba(180,201,231,.21); border-radius: 12px; padding: 13px 14px; outline: none; }
.marketing-popup-small { margin-top: 12px; font-size: .76rem; line-height: 1.5; color: #7f91ab !important; }
@media (max-width: 620px) {
  .channel-logo-card { flex-basis: 150px; height: 75px; padding: 11px 14px; }
  .channel-carousel-track { gap: 12px; animation-duration: 34s; }
  .marketing-popup-form { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) { .channel-carousel-track { animation: none; } }


/* v0.4: Popcorn-style poster rail, seamless channel loop and revised content */
.field select { color-scheme: dark; }
.field select option { color: #f5f8ff; background: #07111f; }

.movies-carousel-section {
  position: relative;
  overflow: hidden;
  padding: 34px 0 26px;
  border-top: 1px solid rgba(180,201,231,.07);
  background:
    radial-gradient(circle at 8% 50%, rgba(44,204,172,.15), transparent 32rem),
    radial-gradient(circle at 92% 44%, rgba(40,120,255,.14), transparent 31rem),
    rgba(255,255,255,.012);
}
.movies-carousel { position: relative; overflow: hidden; cursor: pointer; outline: none; -webkit-mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); }
.movies-carousel-track { display: flex; width: max-content; animation: movies-scroll-v05 70s linear infinite; animation-play-state: running; will-change: transform; }
.movies-carousel.is-paused .movies-carousel-track { animation-play-state: paused; }
.movies-carousel-set { display: flex; align-items: center; gap: 22px; padding-right: 22px; }
.movie-poster-card { flex: 0 0 220px; width: 220px; aspect-ratio: 2/3; margin: 0; border-radius: 24px; overflow: hidden; background: #0b1628; border: 1px solid rgba(180,201,231,.14); box-shadow: 0 20px 42px rgba(0,0,0,.34); transition: transform .24s ease, filter .24s ease; }
.movie-poster-card:nth-child(3n+2) { transform: translateY(12px); }
.movie-poster-card:nth-child(3n) { transform: translateY(-8px); }
.movie-poster-card img { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.movies-carousel.is-moving .movie-poster-card:hover { transform: translateY(-7px) scale(1.025); filter: brightness(1.06); }
.movies-carousel-hint { width: max-content; margin: 28px auto 0; padding: 7px 12px; border: 1px solid rgba(180,201,231,.14); border-radius: 999px; background: rgba(5,10,20,.7); color: #91a3bd; font-size: .76rem; letter-spacing: .03em; }
.movies-carousel.is-paused .movies-carousel-hint { color: #e9f7a0; border-color: rgba(216,237,56,.28); }
@keyframes movies-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }

.channel-carousel-track { display: flex; width: max-content; gap: 0; padding: 8px 0; animation: channel-scroll-v04 36s linear infinite; will-change: transform; }
.channel-carousel-set { display: flex; align-items: center; gap: 18px; padding-right: 18px; }
.channel-carousel.is-paused .channel-carousel-track { animation-play-state: paused; }
@keyframes channel-scroll-v04 { from { transform: translateX(0); } to { transform: translateX(-50%); } }

.plan-value-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.plan-value-card { padding: 29px; border: 1px solid var(--line); border-radius: 22px; background: linear-gradient(145deg,rgba(16,31,55,.92),rgba(7,16,31,.94)); }
.plan-value-card > span { display: inline-grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; margin-bottom: 20px; background: rgba(216,237,56,.09); border: 1px solid rgba(216,237,56,.25); color: var(--accent); font-weight: 900; }
.plan-value-card h3 { margin-bottom: 11px; }
.plan-value-card p { color: var(--muted); }

.feature-highlight-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; margin-bottom: 24px; }
.feature-highlight-card { position: relative; overflow: hidden; padding: 31px; border-radius: 24px; border: 1px solid rgba(216,237,56,.25); background: linear-gradient(145deg,rgba(20,42,58,.98),rgba(11,27,42,.97)); box-shadow: 0 22px 52px rgba(0,0,0,.2); }
.feature-highlight-card::after { content:""; position:absolute; width:170px; height:170px; border-radius:50%; right:-80px; top:-90px; background:rgba(139,217,77,.08); }
.feature-highlight-icon { width: 68px; height: 68px; display:grid; place-items:center; margin-bottom:22px; border-radius:18px; background:rgba(216,237,56,.06); border:1px solid rgba(216,237,56,.2); }
.feature-highlight-icon img { width: 50px; height: 50px; object-fit:contain; }
.feature-highlight-card h3 { font-size:1.35rem; margin-bottom:11px; }
.feature-highlight-card p { color:var(--muted); }
.feature-standard-cards { margin-top: 0; }
.service-story h2 { max-width: 800px; }
.service-story p { font-size: 1.03rem; line-height: 1.78; }
.service-story-card h3 { margin: 18px 0 13px; font-size: 1.55rem; }

@media (max-width: 1040px) {
  .plan-value-grid, .feature-highlight-grid { grid-template-columns: 1fr; }
  .movie-poster-card { flex-basis: 190px; width:190px; }
}
@media (max-width: 620px) {
  .movies-carousel-section { padding: 24px 0 20px; }
  .movies-carousel-set { gap: 14px; padding-right:14px; }
  .movie-poster-card { flex-basis: 150px; width:150px; border-radius:18px; }
  .movies-carousel-hint { margin-top:20px; }
  .channel-carousel-set { gap: 12px; padding-right:12px; }
  .channel-carousel-track { animation-duration: 30s; }
}
@media (prefers-reduced-motion: reduce) {
  .movies-carousel-track, .channel-carousel-track { animation: none !important; }
}


/* v0.9 refinements */
.card, .feature-highlight-card, .step { display:flex; flex-direction:column; height:100%; }
.cards, .feature-highlight-grid, .steps { align-items:stretch; }
.feature-highlight-card p, .card p, .step p { margin-bottom:0; }
.primary-nav { gap: 6px; flex-wrap: wrap; }

.movies-carousel-track, .channel-carousel-track { animation-play-state: running; }
.movies-carousel.is-paused .movies-carousel-track, .channel-carousel.is-paused .channel-carousel-track { animation-play-state: paused; }
.movies-carousel { cursor: pointer; }
.movies-carousel .movie-poster-card:hover { filter: brightness(1.04); }
.movies-carousel-hint { display:none !important; }
.channel-carousel { cursor:pointer; }
.channel-carousel-track { --loop-distance: -50%; animation: channel-scroll-v05 34s linear infinite; }
.movies-carousel-track { --loop-distance: -50%; animation: movies-scroll-v05 70s linear infinite; }
.channel-carousel-set, .movies-carousel-set { padding-right: 0; }
@keyframes channel-scroll-v05 { from { transform: translateX(0); } to { transform: translateX(var(--loop-distance)); } }
@keyframes movies-scroll-v05 { from { transform: translateX(0); } to { transform: translateX(var(--loop-distance)); } }

.channel-carousel:hover .channel-carousel-track, .channel-carousel:focus .channel-carousel-track { animation-play-state: running; }


/* v0.9 device logo showcase */
.device-logo-showcase { margin-top: 34px; }
.device-logo-grid { display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 18px; }
.device-logo-card { background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,251,255,0.95)); border-radius: 18px; min-height: 144px; padding: 16px 14px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; box-shadow: 0 8px 26px rgba(0,0,0,0.18); }
.device-logo-card img { max-width: 100%; width: 190px; height: 72px; object-fit: contain; display:block; }
.device-logo-card span { font-weight: 800; font-size: 0.95rem; color: #0e1b33; text-align:center; }
@media (max-width: 980px) { .device-logo-grid { grid-template-columns: repeat(3, minmax(0,1fr)); } }
@media (max-width: 700px) { .device-logo-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } .device-logo-card { min-height: 132px; } .device-logo-card img { width: 150px; height: 64px; } }


/* v0.9 uniform features and stronger pricing conversion sections */
.feature-uniform-grid { align-items: stretch; }
.feature-uniform-grid .card { min-height: 288px; }
.feature-uniform-grid .card h3 { font-size: 1.22rem; line-height: 1.25; }
.feature-uniform-grid .card p { margin-top: 12px; }
.pricing-story-card { display: flex; flex-direction: column; align-self: stretch; }
.story-price { display: flex; flex-direction: column; gap: 2px; margin: 24px 0 18px; padding: 17px 18px; border-radius: 15px; background: rgba(216,237,56,.07); border: 1px solid rgba(216,237,56,.18); }
.story-price strong { color: var(--accent); font-size: 1.65rem; line-height: 1; }
.story-price span { color: var(--muted); font-size: .8rem; }
.story-actions { display: grid; gap: 10px; margin-top: auto; }
.story-actions .btn { width: 100%; }
.hero-benefits { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.hero-benefits span { padding: 9px 13px; border: 1px solid rgba(216,237,56,.2); border-radius: 999px; color: #e7f4ad; background: rgba(216,237,56,.055); font-size: .82rem; font-weight: 800; }
.plan-choice-grid .plan-value-card { display: flex; flex-direction: column; min-height: 300px; }
.plan-choice-grid .plan-value-card p { margin-bottom: 22px; }
.plan-choice-grid .plan-value-card a { margin-top: auto; color: var(--accent); font-weight: 850; text-underline-offset: 4px; }
.plan-choice-grid .featured-choice { border-color: rgba(216,237,56,.38); box-shadow: 0 24px 60px rgba(0,0,0,.22); }
.plan-perks-strip { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin-top: 22px; }
.plan-perks-strip span { padding: 16px 18px; border-radius: 15px; text-align: center; color: var(--muted); background: rgba(255,255,255,.025); border: 1px solid var(--line); font-size: .86rem; }
.plan-perks-strip strong { display: block; color: var(--text); margin-bottom: 3px; }
@media (max-width: 1040px) { .plan-perks-strip { grid-template-columns: 1fr; } }
@media (max-width: 760px) { .feature-uniform-grid .card { min-height: 0; } }


/* v0.9 corrected features page layout */
.equal-feature-grid { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 22px; align-items: stretch; }
.equal-feature-card { position:relative; display:flex; flex-direction:column; min-height: 286px; padding: 30px; border-radius: var(--radius); border: 1px solid var(--line); background: linear-gradient(150deg, rgba(16,31,55,.82), rgba(8,18,33,.86)); box-shadow: 0 16px 50px rgba(0,0,0,.16); }
.equal-feature-card h3 { margin: 22px 0 12px; font-size: 1.22rem; line-height: 1.2; }
.equal-feature-card p { margin: 0; color: var(--muted); }
.feature-pricing-cta { display:grid; grid-template-columns: minmax(0,1fr) auto; gap: 28px; align-items:center; padding: 28px 30px; border-radius: var(--radius); border:1px solid var(--line); background: linear-gradient(150deg, rgba(16,31,55,.88), rgba(8,18,33,.92)); box-shadow: 0 16px 50px rgba(0,0,0,.16); }
.feature-pricing-copy h2 { margin: 10px 0 12px; }
.feature-pricing-copy p { margin: 0; max-width: 760px; }
.feature-pricing-points { display:flex; flex-wrap:wrap; gap:10px; margin-top: 18px; }
.feature-pricing-points span { padding: 9px 13px; border: 1px solid rgba(216,237,56,.2); border-radius: 999px; color: #e7f4ad; background: rgba(216,237,56,.055); font-size: .82rem; font-weight: 800; }
.feature-pricing-actions { display:grid; gap:12px; min-width: 210px; }
.feature-pricing-actions .btn { width:100%; }
@media (max-width: 1040px) { .equal-feature-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 860px) { .feature-pricing-cta { grid-template-columns: 1fr; } .feature-pricing-actions { min-width: 0; grid-template-columns: 1fr 1fr; } }
@media (max-width: 760px) { .equal-feature-grid { grid-template-columns: 1fr; } .equal-feature-card { min-height: 0; } }
@media (max-width: 540px) { .feature-pricing-actions { grid-template-columns: 1fr; } }

/* v1.0 refinements */
h1 { font-size: clamp(2.35rem, 6vw, 5rem); max-width: 860px; }
h2 { font-size: clamp(1.8rem, 3.7vw, 3.15rem); }
.hero { min-height: 680px; padding: 96px 0 80px; }
.hero-copy h1 { font-size: clamp(2.7rem, 5.5vw, 4.75rem); max-width: 760px; }
.page-hero h1 { font-size: clamp(2.35rem, 5vw, 4rem); max-width: 880px; }
.lead { font-size: clamp(1rem, 1.8vw, 1.18rem); }

.live-badge { color: #dff9d1; }
.live-badge::before { background: var(--accent-2); box-shadow: 0 0 16px var(--accent-2), 0 0 28px rgba(139,217,77,.38); }
.score-title { font-size: 1.38rem; }
.score-sub { margin-top: 6px; }
.stat { background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.03)); }
.stat strong { font-size: 1.12rem; line-height: 1.2; color: var(--accent); }
.stat span { font-size: .84rem; margin-top: 7px; }

.equal-feature-grid { align-items: stretch; }
.equal-feature-card {
  min-height: 292px;
  background: linear-gradient(150deg, rgba(16,31,55,.88), rgba(8,18,33,.9));
  border: 1px solid rgba(180,201,231,.14);
  box-shadow: 0 16px 50px rgba(0,0,0,.16);
}
.equal-feature-card h3 { font-size: 1.14rem; }
.equal-feature-card p { margin-top: 0; line-height: 1.65; }

.single-column-story { display: block !important; }
.single-column-story .service-story { max-width: 980px; }
.compact-pricing-cta {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 24px;
  align-items: center;
  margin-top: 34px;
  padding: 26px 28px;
  border-radius: var(--radius);
  border: 1px solid var(--line);
  background: linear-gradient(150deg, rgba(16,31,55,.82), rgba(8,18,33,.88));
}
.compact-pricing-cta h3 { margin: 12px 0 10px; font-size: 1.55rem; }
.compact-pricing-cta p { color: var(--muted); }
.compact-pricing-actions { display: grid; gap: 12px; min-width: 205px; }
.compact-pricing-actions .btn { width: 100%; }
.feature-pricing-cta.compact-mode { padding: 26px 30px; }
.feature-pricing-cta.compact-mode h2 { font-size: clamp(1.55rem, 3vw, 2.15rem); }

.movies-carousel, .channel-carousel { cursor: pointer; }
.channel-carousel-section { padding: 22px 0 28px; }
.channel-carousel-track, .movies-carousel-track { animation-play-state: running; }
.channel-carousel.is-paused .channel-carousel-track, .movies-carousel.is-paused .movies-carousel-track { animation-play-state: paused; }

.device-logos-merged { margin-top: 34px; }
.device-logos-copy { max-width: 880px; margin-bottom: 22px; }
.device-logos-copy .eyebrow { margin-bottom: 14px; }
.device-logos-copy h3 { margin-bottom: 10px; font-size: 1.5rem; }
.device-logo-grid { display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 18px; margin-top: 0; }
.device-logo-card {
  min-height: 140px;
  padding: 18px 16px;
  border-radius: 18px;
  border: 1px solid rgba(180,201,231,.14);
  background: linear-gradient(160deg, rgba(18,31,50,.92), rgba(11,20,35,.96));
  box-shadow: 0 10px 28px rgba(0,0,0,.16);
}
.device-logo-card img { width: 180px; height: 68px; object-fit: contain; filter: drop-shadow(0 4px 12px rgba(0,0,0,.25)); }
.device-logo-card span { color: var(--text); font-weight: 800; font-size: 0.94rem; }

.home-packages-section .section-copy { max-width: 880px; }
.package-teaser-grid { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; }
.package-teaser-card {
  padding: 28px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: linear-gradient(150deg, rgba(16,31,55,.88), rgba(8,18,33,.92));
  box-shadow: 0 16px 50px rgba(0,0,0,.16);
}
.package-teaser-card span {
  display: inline-flex;
  padding: 7px 11px;
  border-radius: 999px;
  font-size: .8rem;
  font-weight: 850;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #e9f7a0;
  background: rgba(216,237,56,.07);
  border: 1px solid rgba(216,237,56,.22);
}
.package-teaser-card h3 { margin: 18px 0 10px; font-size: 1.4rem; }
.package-teaser-card p { color: var(--muted); }
.package-teaser-card.featured { border-color: rgba(216,237,56,.35); box-shadow: 0 22px 60px rgba(0,0,0,.2); }
.package-teaser-actions { display:flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin-top: 28px; }

.plan-perks-strip { display:none !important; }
.plan-guide-section .section-copy { max-width: 860px; }

@media (max-width: 1040px) {
  .package-teaser-grid, .device-logo-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 860px) {
  .compact-pricing-cta, .feature-pricing-cta.compact-mode { grid-template-columns: 1fr; }
  .compact-pricing-actions, .feature-pricing-actions { min-width: 0; grid-template-columns: 1fr 1fr; }
}
@media (max-width: 700px) {
  .device-logo-grid, .package-teaser-grid { grid-template-columns: 1fr; }
  .device-logo-card img { width: 160px; height: 64px; }
}
@media (max-width: 540px) {
  .compact-pricing-actions, .feature-pricing-actions { grid-template-columns: 1fr; }
  .hero { min-height: 0; padding-top: 84px; }
}


/* v1.1 polish pass */
h1 { font-size: clamp(2.05rem, 5.2vw, 4.45rem); }
h2 { font-size: clamp(1.7rem, 3.3vw, 2.8rem); }
.hero { min-height: 0; padding: 90px 0 76px; }
.hero-copy h1 { font-size: clamp(2.35rem, 5vw, 4.15rem); max-width: 840px; }
.page-hero h1 { font-size: clamp(2.05rem, 4.4vw, 3.45rem); max-width: 920px; }
.hero-copy .lead, .page-hero .lead { max-width: 860px; }
.hero-benefits { margin-top: 22px; }
.score-card { max-width: 540px; border-radius: 26px; }
.score-top { display:flex; justify-content:space-between; align-items:center; padding: 20px 26px; border-bottom:1px solid rgba(180,201,231,.12); }
.score-main { padding: 26px; }
.stat-grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; margin-top: 24px; }
.stat { min-height: 120px; padding: 18px 16px; border-radius: 18px; }
.score-footer { padding: 0 26px 26px; }
.trial-mini { display:grid; grid-template-columns: minmax(0,1fr) auto; align-items:center; gap:18px; padding:18px 20px; border-radius:20px; background:rgba(40,120,255,.08); border:1px solid rgba(84,161,255,.16); }
.trial-mini span { color: var(--muted); display:block; margin-top:4px; }
.channel-carousel-section { padding: 20px 0 26px; background: linear-gradient(180deg, rgba(255,255,255,.01), rgba(7,15,27,.75)); }
.channel-carousel { cursor:pointer; }
.channel-carousel-track { gap: 0; animation: channel-scroll-v11 34s linear infinite !important; }
.channel-carousel-set { gap: 16px; padding-right: 16px; }
.channel-logo-card { flex: 0 0 184px; height: 84px; padding: 12px 16px; border-radius: 18px; border: 1px solid rgba(180,201,231,.12); background: linear-gradient(160deg, rgba(16,31,55,.96), rgba(10,20,35,.98)); box-shadow: 0 10px 28px rgba(0,0,0,.18); }
.channel-logo-card img { filter: drop-shadow(0 3px 10px rgba(0,0,0,.18)); }
@keyframes channel-scroll-v11 { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.movies-carousel-track { animation-duration: 62s !important; }
.device-platforms-section { padding-top: 72px; }
.device-platforms-simple { border: 1px solid var(--line); border-radius: 28px; padding: 34px; background: linear-gradient(150deg, rgba(16,31,55,.7), rgba(8,18,33,.9)); box-shadow: 0 16px 50px rgba(0,0,0,.16); }
.device-platforms-copy { max-width: 820px; margin: 0 auto; text-align: center; }
.device-platforms-copy h2 { margin: 12px auto 12px; max-width: 800px; }
.device-platforms-copy p { max-width: 860px; margin: 0 auto; color: var(--muted); }
.device-platforms-actions { margin-top: 24px; }
.device-logo-row { margin-top: 28px; display: grid; grid-template-columns: repeat(7, minmax(0,1fr)); gap: 14px; align-items: stretch; }
.device-logo-card { min-height: 122px; padding: 16px 12px; border-radius: 18px; border: 1px solid rgba(180,201,231,.14); background: linear-gradient(160deg, rgba(18,31,50,.9), rgba(11,20,35,.96)); box-shadow: 0 10px 28px rgba(0,0,0,.16); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; }
.device-logo-card img { width: 130px; height: 50px; object-fit: contain; filter: drop-shadow(0 4px 12px rgba(0,0,0,.2)); }
.device-logo-card span { color: var(--text); font-weight: 800; font-size: .92rem; text-align:center; }
.home-packages-copy h2 { max-width: 940px; margin-left:auto; margin-right:auto; }
.home-packages-copy p { max-width: 860px; margin-left:auto; margin-right:auto; }
.package-teaser-card h3 { font-size: 1.3rem; line-height:1.2; }
.package-teaser-card p { line-height:1.65; }
@media (max-width: 1180px) { .device-logo-row { grid-template-columns: repeat(4, minmax(0,1fr)); } }
@media (max-width: 980px) { .hero-grid { grid-template-columns: 1fr; } .score-card { max-width: 680px; } .device-logo-row { grid-template-columns: repeat(3, minmax(0,1fr)); } }
@media (max-width: 760px) { .stat-grid { grid-template-columns: 1fr; } .trial-mini { grid-template-columns: 1fr; } .device-platforms-simple { padding: 26px 20px; } .device-logo-row { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 520px) { .device-logo-row { grid-template-columns: 1fr; } .channel-logo-card { flex-basis: 150px; height: 76px; } }


/* v1.4 content, forms and mobile audit refinements */
.centered-service-story-section .container { max-width: 1180px; }
.centered-service-story { max-width: 1040px !important; margin: 0 auto; text-align: center; }
.centered-service-story h2 { max-width: 900px; margin-left: auto; margin-right: auto; }
.centered-service-story p { max-width: 980px; margin-left: auto; margin-right: auto; }
.centered-service-story .compact-pricing-cta { text-align: left; }
.honeypot-field { position:absolute !important; overflow:hidden !important; clip:rect(0 0 0 0) !important; height:1px !important; width:1px !important; margin:-1px !important; padding:0 !important; border:0 !important; }
.form-actions button[disabled], [data-plisio-checkout][disabled] { opacity:.65; cursor:wait; }
.form-status { display:block; color:#a8bad2; font-size:.86rem; margin-top:10px; }
.form-status.is-error { color:#ff9aa8; }
.form-status.is-success { color:#bff58c; }
@media (max-width: 760px) {
  .centered-service-story { text-align:left; }
  .centered-service-story .compact-pricing-cta { padding:22px 18px; }
  .score-title { font-size:1.22rem; }
  .stat strong { font-size:1rem; }
}

/* v1.4 final mobile hardening */
html, body { max-width: 100%; overflow-x: hidden; }
@media screen and (max-width: 1040px) {
  .hero-grid { grid-template-columns: minmax(0, 1fr) !important; }
  .score-card { width: 100%; max-width: 700px; }
  .primary-nav { display: none; }
  .primary-nav.open { display: flex; }
  .menu-button { display: inline-flex; }
}
@media screen and (max-width: 760px) {
  .hero, .page-hero { padding-top: 68px; }
  .hero-copy h1, .page-hero h1 { font-size: clamp(2rem, 11vw, 3rem); line-height: 1.04; }
  .hero-copy .lead, .page-hero .lead { font-size: 1rem; line-height: 1.65; }
  .hero-grid, .content-grid, .pricing-grid, .cards, .steps, .equal-feature-grid, .package-teaser-grid, .plan-value-grid { grid-template-columns: minmax(0, 1fr) !important; }
  .score-card, .price-card, .equal-feature-card, .package-teaser-card, .plan-value-card { width: 100%; min-width: 0; }
  .score-top { gap: 12px; flex-wrap: wrap; }
  .stat-grid { grid-template-columns: minmax(0, 1fr) !important; }
  .trial-mini { grid-template-columns: minmax(0, 1fr) !important; }
  .device-logo-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .device-logo-card { min-width: 0; }
  .device-logo-card img { max-width: 100%; }
  .footer-grid { grid-template-columns: minmax(0, 1fr) !important; }
  .footer-brand, .footer-col { grid-column: auto !important; min-width: 0; }
  .marketing-popup-card { max-height: calc(100vh - 28px); overflow-y: auto; }
}
@media screen and (max-width: 430px) {
  .container { width: min(calc(100% - 22px), var(--max)); }
  .brand img { width: 158px; }
  .device-logo-row { grid-template-columns: minmax(0, 1fr); }
  .btn { width: 100%; }
  .hero-actions, .package-teaser-actions { display: grid; grid-template-columns: minmax(0, 1fr); }
}


/* v1.4 site-wide button consistency */
.btn,
a.btn,
button.btn,
.btn:link,
.btn:visited,
.btn:hover,
.btn:focus,
.btn:focus-visible,
.btn:active,
.prose a.btn,
.prose a.btn:hover,
.prose a.btn:focus,
.prose a.btn:visited {
  text-decoration: none !important;
  text-underline-offset: 0 !important;
}

/* Standard buttons stay dark/black unless deliberately highlighted. */
.btn,
.btn-secondary,
a.btn-secondary,
button.btn-secondary {
  background: #090f19;
  border-color: rgba(180,201,231,.20);
  color: #f7f9ff !important;
}

.btn:hover,
.btn-secondary:hover,
a.btn-secondary:hover,
button.btn-secondary:hover,
.btn:focus-visible,
.btn-secondary:focus-visible {
  background: #121c2b;
  border-color: rgba(216,237,56,.34);
  color: #ffffff !important;
  text-decoration: none !important;
}

/* Primary call-to-action buttons remain bright with black text. */
.btn-primary,
a.btn-primary,
button.btn-primary,
.prose a.btn-primary,
.btn-primary:link,
.btn-primary:visited,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
  border-color: transparent;
  color: #05080d !important;
  text-decoration: none !important;
}

/* Blue buttons are intentional secondary highlights. */
.btn-blue,
a.btn-blue,
button.btn-blue,
.btn-blue:link,
.btn-blue:visited,
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active {
  background: linear-gradient(135deg, var(--blue), var(--blue-2));
  color: #ffffff !important;
  text-decoration: none !important;
}

/* Other actual button controls must never receive link underlines. */
button,
button:hover,
button:focus,
button:active,
.menu-button,
.faq-question,
.footer-marketing-link,
.marketing-popup-close {
  text-decoration: none !important;
}

.footer-marketing-link {
  color: #c4d2e6;
}
.footer-marketing-link:hover,
.footer-marketing-link:focus-visible {
  color: var(--accent);
}


/* v1.4 internet speed and buffering guide */
.speed-guide-hero .container { max-width: 1160px; }
.speed-guide-hero h1 { max-width: 1040px; }
.speed-guide-hero .lead { max-width: 940px; }
.speed-answer-section { padding-top: 48px; }
.speed-answer-card { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr); gap:30px; align-items:start; padding:34px; border:1px solid rgba(216,237,56,.22); border-radius:28px; background:linear-gradient(145deg,rgba(18,38,54,.98),rgba(9,22,38,.96)); box-shadow:0 22px 58px rgba(0,0,0,.2); }
.speed-answer-card h2 { margin:14px 0 14px; max-width:800px; }
.speed-answer-card p { color:var(--muted); }
.speed-answer-points { display:grid; gap:12px; }
.speed-answer-points div { padding:17px 18px; border-radius:17px; border:1px solid var(--line); background:rgba(255,255,255,.025); }
.speed-answer-points strong,.speed-answer-points span { display:block; }
.speed-answer-points strong { color:var(--accent); margin-bottom:4px; }
.speed-answer-points span { color:var(--muted); font-size:.88rem; line-height:1.5; }
.speed-section-heading { max-width:900px; margin-bottom:32px; }
.speed-table-wrap,.result-table-wrap { overflow-x:auto; border:1px solid var(--line); border-radius:22px; background:rgba(8,18,32,.82); }
.speed-table,.result-table { width:100%; border-collapse:collapse; min-width:760px; }
.speed-table th,.speed-table td,.result-table th,.result-table td { padding:19px 20px; text-align:left; border-bottom:1px solid var(--line); vertical-align:top; }
.speed-table thead th,.result-table thead th { color:var(--text); background:rgba(255,255,255,.035); font-size:.82rem; text-transform:uppercase; letter-spacing:.055em; }
.speed-table tbody tr:last-child td,.result-table tbody tr:last-child td { border-bottom:0; }
.speed-table td { color:var(--muted); }
.speed-table td:nth-child(2) { color:var(--accent); font-weight:900; white-space:nowrap; }
.speed-table td strong,.speed-table td span { display:block; }
.speed-table td strong { color:var(--text); }
.speed-table td span { font-size:.78rem; margin-top:3px; }
.guide-note { margin-top:18px; padding:16px 18px; border-left:3px solid var(--accent); border-radius:0 14px 14px 0; background:rgba(216,237,56,.045); color:var(--muted); }
.guide-note strong { color:var(--text); }
.bandwidth-cards,.data-usage-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.bandwidth-cards article,.data-usage-grid article { padding:25px 22px; border:1px solid var(--line); border-radius:21px; background:linear-gradient(150deg,rgba(16,31,55,.86),rgba(8,18,33,.9)); }
.bandwidth-cards span,.data-usage-grid strong,.data-usage-grid span { display:block; }
.bandwidth-cards span { color:var(--muted); font-size:.84rem; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }
.bandwidth-cards strong { display:block; margin:13px 0 10px; color:var(--accent); font-size:1.65rem; }
.bandwidth-cards p,.data-usage-grid p { color:var(--muted); font-size:.9rem; }
.data-usage-grid strong { color:var(--text); font-size:1.2rem; }
.data-usage-grid span { margin:10px 0; color:var(--accent); font-weight:850; }
.formula-card { display:flex; align-items:center; gap:10px; margin-top:18px; padding:17px 20px; border-radius:16px; border:1px solid rgba(216,237,56,.2); background:rgba(216,237,56,.05); }
.formula-card strong { color:var(--accent); white-space:nowrap; }
.formula-card span { color:var(--muted); }
.diagnostic-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px; }
.diagnostic-grid article { padding:25px; border:1px solid var(--line); border-radius:21px; background:linear-gradient(150deg,rgba(16,31,55,.84),rgba(8,18,33,.9)); }
.diagnostic-grid h3 { margin-bottom:10px; font-size:1.15rem; }
.diagnostic-grid p { color:var(--muted); }
.network-comparison { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.network-card { padding:27px; border:1px solid var(--line); border-radius:23px; background:linear-gradient(150deg,rgba(16,31,55,.84),rgba(8,18,33,.9)); }
.network-card.preferred { border-color:rgba(216,237,56,.32); }
.network-card > span { display:inline-flex; padding:7px 10px; border-radius:999px; border:1px solid rgba(216,237,56,.2); color:#e8f59c; background:rgba(216,237,56,.055); font-size:.72rem; font-weight:900; letter-spacing:.04em; text-transform:uppercase; }
.network-card h3 { margin:18px 0 14px; }
.network-card ul,.router-tips ul { list-style:none; display:grid; gap:11px; }
.network-card li,.router-tips li { position:relative; padding-left:24px; color:var(--muted); }
.network-card li::before,.router-tips li::before { content:'✓'; position:absolute; left:0; color:#48ee9b; font-weight:900; }
.router-tips { margin-top:20px; padding:26px; border:1px solid var(--line); border-radius:22px; background:rgba(255,255,255,.022); }
.router-tips h3 { margin-bottom:16px; }
.buffering-steps { counter-reset:buffersteps; display:grid; gap:14px; list-style:none; margin:0; padding:0; }
.buffering-steps > li { counter-increment:buffersteps; display:grid; grid-template-columns:60px minmax(0,1fr); gap:20px; align-items:start; padding:22px 24px; border:1px solid var(--line); border-radius:20px; background:linear-gradient(150deg,rgba(16,31,55,.82),rgba(8,18,33,.88)); }
.buffering-steps > li::before { content:counter(buffersteps,decimal-leading-zero); display:grid; place-items:center; width:48px; height:48px; border-radius:50%; border:1px solid rgba(216,237,56,.25); background:rgba(216,237,56,.075); color:var(--accent); font-weight:900; }
.buffering-steps h3 { margin:1px 0 7px; font-size:1.12rem; }
.buffering-steps p { color:var(--muted); }
.result-table td:first-child { color:var(--text); font-weight:750; width:39%; }
.result-table td:last-child { color:var(--muted); }
.speed-support-grid { align-items:start; }
.speed-support-grid .prose { max-width:860px; }
.speed-support-grid .prose h2 { margin-top:32px; font-size:clamp(1.45rem,2.5vw,2rem); }
.speed-support-grid .prose h2:first-of-type { margin-top:12px; }
.speed-side-card { position:sticky; top:110px; display:grid; gap:12px; }
.speed-side-card h3 { margin:5px 0 0; }
.speed-side-card p { color:var(--muted); margin-bottom:8px; }
.speed-side-card .btn { width:100%; }
.speed-faq-list { max-width:980px; margin:0 auto; }
@media (max-width:1080px) {
  .bandwidth-cards,.data-usage-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .diagnostic-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:900px) {
  .speed-answer-card { grid-template-columns:1fr; }
  .network-comparison { grid-template-columns:1fr; }
  .speed-side-card { position:static; }
}
@media (max-width:680px) {
  .speed-guide-hero { padding-top:72px; }
  .speed-answer-card { padding:25px 20px; border-radius:22px; }
  .bandwidth-cards,.data-usage-grid,.diagnostic-grid { grid-template-columns:1fr; }
  .formula-card { align-items:flex-start; flex-direction:column; }
  .buffering-steps > li { grid-template-columns:1fr; gap:12px; padding:20px; }
  .speed-table th,.speed-table td,.result-table th,.result-table td { padding:15px 14px; }
}


/* v1.6 trusted external references */
.external-source-note {
  margin-top: 14px;
  color: var(--muted);
  font-size: .96rem;
  line-height: 1.65;
}
.external-source-note a {
  color: #dff47a;
  font-weight: 800;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.external-source-note a:hover,
.external-source-note a:focus-visible {
  color: #f1ffad;
  text-decoration-thickness: 2px;
}
.router-tips .external-source-note {
  margin: 18px 0 0;
  padding-top: 16px;
  border-top: 1px solid rgba(180,201,231,.12);
}
.speed-test-tool {
  padding: 15px 17px;
  border-radius: 14px;
  border: 1px solid rgba(216,237,56,.18);
  background: rgba(216,237,56,.045);
}


/* v1.6 — site-wide trial modal, compact contact form and guide trust/usability updates */
body.modal-open { overflow: hidden; }
.trial-request-modal { position:fixed; inset:0; z-index:1100; display:none; align-items:center; justify-content:center; padding:20px; background:rgba(1,6,13,.84); backdrop-filter:blur(10px); }
.trial-request-modal.open { display:flex; }
.trial-modal-dialog { position:relative; width:min(100%,650px); max-height:calc(100vh - 40px); overflow:auto; padding:34px; border:1px solid rgba(180,201,231,.22); border-radius:28px; background:linear-gradient(155deg,rgba(15,30,52,.99),rgba(6,15,28,.99)); box-shadow:0 34px 100px rgba(0,0,0,.55); }
.trial-modal-dialog::before { content:""; position:absolute; inset:0 0 auto; height:4px; border-radius:28px 28px 0 0; background:linear-gradient(90deg,var(--accent),var(--accent-2)); }
.trial-modal-close { position:absolute; top:18px; right:18px; display:grid; place-items:center; width:44px; height:44px; border:1px solid rgba(180,201,231,.22); border-radius:50%; background:#101b2a; color:#fff; font-size:1.8rem; line-height:1; cursor:pointer; }
.trial-modal-close:hover,.trial-modal-close:focus-visible { background:#19283b; border-color:rgba(216,237,56,.38); }
.trial-modal-form-wrap h2 { max-width:520px; margin:14px 54px 12px 0; font-size:clamp(2rem,5vw,3.1rem); }
.trial-modal-intro { max-width:560px; margin-bottom:24px; color:var(--muted); }
.trial-modal-fields { display:grid; gap:17px; }
.trial-modal-fields .field label,.contact-compact-card .field label { color:var(--accent); font-size:.9rem; }
.trial-modal-fields .field input,.trial-modal-fields .field select,.contact-compact-card .field input,.contact-compact-card .field textarea { min-height:56px; border-radius:16px; background:rgba(255,255,255,.055); border-color:rgba(180,201,231,.2); }
.trial-modal-fields .field select { color-scheme:dark; }
.trial-modal-fields .field option { color:#101722; background:#fff; }
.trial-modal-actions { display:grid; gap:9px; margin-top:22px; }
.trial-modal-actions .btn { width:100%; min-height:56px; }
.compact-consent { margin-top:18px; padding:15px 16px; border:1px solid rgba(216,237,56,.17); border-radius:15px; background:rgba(216,237,56,.035); }
.compact-consent a { color:#e4f676; text-decoration:underline; text-underline-offset:3px; }
.form-success-panel { display:grid; justify-items:start; gap:13px; padding:28px; border:1px solid rgba(72,238,155,.25); border-radius:22px; background:rgba(72,238,155,.045); }
.form-success-panel[hidden] { display:none; }
.form-success-panel h2 { margin:0; }
.form-success-panel p { max-width:650px; color:var(--muted); }
.form-success-panel .btn { margin-top:4px; }
.success-icon { display:grid; place-items:center; width:54px; height:54px; border-radius:50%; background:rgba(72,238,155,.12); border:1px solid rgba(72,238,155,.35); color:#48ee9b; font-size:1.55rem; font-weight:900; }
.preview-success-note { margin-top:8px!important; padding:12px 14px; border-radius:12px; background:rgba(84,161,255,.08); border:1px solid rgba(84,161,255,.18); color:#bcd8ff!important; font-size:.86rem; }
.trial-process-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.trial-process-grid article { padding:25px; border:1px solid var(--line); border-radius:20px; background:linear-gradient(150deg,rgba(16,31,55,.82),rgba(8,18,33,.88)); }
.trial-process-grid article>span { color:var(--accent); font-weight:900; letter-spacing:.08em; }
.trial-process-grid h2 { margin:14px 0 8px; font-size:1.25rem; }
.trial-process-grid p { color:var(--muted); }
.contact-compact-section { padding-top:50px; }
.contact-compact-card { display:grid; grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr); gap:40px; align-items:start; padding:36px; border:1px solid var(--line); border-radius:28px; background:linear-gradient(150deg,rgba(16,31,55,.82),rgba(8,18,33,.92)); box-shadow:var(--shadow); }
.contact-compact-copy h2 { margin:14px 0 12px; }
.contact-compact-copy>p { color:var(--muted); }
.contact-response-note { display:grid; gap:5px; margin-top:26px; padding:17px 18px; border-left:3px solid var(--accent); border-radius:0 14px 14px 0; background:rgba(216,237,56,.04); }
.contact-response-note strong { color:var(--text); }
.contact-response-note span { color:var(--muted); font-size:.88rem; }
.compact-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.compact-form-grid .full { grid-column:1/-1; }
.contact-compact-card textarea { min-height:150px; }
.contact-form-actions { display:grid; gap:9px; margin-top:20px; }
.contact-form-actions .btn { width:100%; min-height:54px; }
.form-status { min-height:20px; color:var(--muted); font-size:.84rem; }
.form-status.is-error { color:#ff9c9c; }
.form-status.is-success { color:#7ff3b4; }
.guide-updated { margin-top:22px; color:#91a5bf; font-size:.86rem; }
.guide-updated span { color:var(--text); font-weight:800; }
.guide-contents-section { padding-top:22px; }
.guide-contents { padding:27px 28px; border:1px solid var(--line); border-radius:22px; background:rgba(255,255,255,.022); }
.guide-contents h2 { margin:12px 0 18px; font-size:clamp(1.45rem,2.5vw,2rem); }
.guide-contents-links { display:flex; flex-wrap:wrap; gap:10px; }
.guide-contents-links a { padding:10px 13px; border:1px solid rgba(180,201,231,.17); border-radius:999px; color:#dce8f8; background:#091321; font-size:.84rem; font-weight:750; text-decoration:none; }
.guide-contents-links a:hover,.guide-contents-links a:focus-visible { color:#071019; background:var(--accent); border-color:var(--accent); }
.connection-infographic { margin-top:26px; padding:27px; border:1px solid rgba(216,237,56,.22); border-radius:24px; background:radial-gradient(circle at 50% 0,rgba(216,237,56,.07),transparent 42%),linear-gradient(150deg,rgba(16,31,55,.88),rgba(8,18,33,.94)); }
.connection-infographic-head { max-width:760px; }
.connection-infographic-head h3 { margin:12px 0 22px; font-size:1.35rem; }
.connection-flow { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:12px; }
.connection-flow-card { display:grid; gap:5px; min-height:150px; align-content:center; padding:20px; text-align:center; border:1px solid var(--line); border-radius:18px; background:rgba(4,12,23,.7); }
.connection-flow-card span { color:var(--muted); font-size:.8rem; font-weight:850; text-transform:uppercase; letter-spacing:.05em; }
.connection-flow-card strong { color:var(--accent); font-size:1.8rem; }
.connection-flow-card small { color:#9fb0c8; line-height:1.45; }
.connection-arrow { color:var(--accent); font-size:1.8rem; font-weight:900; }
.connection-flow-footer { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:15px; }
.connection-flow-footer span { padding:9px 10px; border-radius:12px; text-align:center; color:#b7c5d9; background:rgba(255,255,255,.025); font-size:.78rem; }
.speed-methodology-card { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:35px; padding:32px; border:1px solid var(--line); border-radius:26px; background:linear-gradient(150deg,rgba(16,31,55,.8),rgba(8,18,33,.92)); }
.speed-methodology-card h2 { margin:12px 0 12px; }
.speed-methodology-card p { color:var(--muted); }
.methodology-points { display:grid; gap:12px; }
.methodology-points article { padding:17px 18px; border:1px solid rgba(180,201,231,.13); border-radius:16px; background:rgba(255,255,255,.02); }
.methodology-points strong,.methodology-points span { display:block; }
.methodology-points strong { color:var(--accent); margin-bottom:4px; }
.methodology-points span { color:var(--muted); font-size:.88rem; line-height:1.55; }
.footer-marketing-link { min-height:44px; padding:10px 12px!important; border-radius:10px; display:inline-flex; align-items:center; justify-content:center; }
.footer-marketing-link:hover,.footer-marketing-link:focus-visible { background:rgba(216,237,56,.06); }
@media (max-width:900px) {
  .contact-compact-card,.speed-methodology-card { grid-template-columns:1fr; }
  .trial-process-grid { grid-template-columns:1fr; }
  .connection-flow { grid-template-columns:1fr; }
  .connection-arrow { transform:rotate(90deg); justify-self:center; }
  .connection-flow-footer { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:680px) {
  .trial-request-modal { padding:10px; align-items:flex-end; }
  .trial-modal-dialog { width:100%; max-height:94vh; padding:27px 18px 22px; border-radius:24px 24px 0 0; }
  .trial-modal-dialog::before { border-radius:24px 24px 0 0; }
  .trial-modal-close { top:13px; right:13px; }
  .trial-modal-form-wrap h2 { margin-right:46px; }
  .compact-form-grid { grid-template-columns:1fr; }
  .contact-compact-card { padding:25px 19px; gap:28px; }
  .guide-contents { padding:23px 19px; }
  .guide-contents-links { display:grid; grid-template-columns:1fr; }
  .guide-contents-links a { border-radius:13px; }
  .connection-infographic { padding:22px 17px; }
  .connection-flow-footer { grid-template-columns:1fr; }
  .speed-methodology-card { padding:25px 20px; }
}

#recommended-speeds,#multiple-streams,#data-usage,#buffering-causes,#network-connection,#buffering-checklist,#test-results,#speed-testing,#speed-faq { scroll-margin-top: 110px; }


/* v1.7 FAQ + policy update */
.faq-intro-card { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,460px); gap:28px; align-items:center; padding:28px; border:1px solid var(--line); border-radius:var(--radius); background:linear-gradient(150deg, rgba(16,31,55,.84), rgba(8,18,33,.9)); box-shadow:0 16px 50px rgba(0,0,0,.16); }
.faq-intro-card h2 { margin:10px 0 10px; font-size:clamp(1.65rem,3vw,2.25rem); }
.faq-intro-card p { color:var(--muted); margin:0; }
.faq-category-nav { display:flex; flex-wrap:wrap; gap:10px; justify-content:flex-end; }
.faq-category-nav a { display:inline-flex; align-items:center; min-height:44px; padding:10px 14px; border:1px solid rgba(216,237,56,.22); border-radius:999px; background:rgba(216,237,56,.055); color:#e9f7a0; font-weight:850; text-decoration:none; font-size:.9rem; }
.faq-category-nav a:hover, .faq-category-nav a:focus { background:rgba(216,237,56,.12); color:#ffffff; text-decoration:none; }
.faq-section { scroll-margin-top:120px; }
.faq-section .section-copy { max-width:900px; margin:0 auto 22px; }
.faq-section .section-copy h2 { margin-top:10px; font-size:clamp(1.55rem,3vw,2.25rem); }
.faq-answer p a, .policy-panel a { color:var(--accent); font-weight:850; }
.policy-panel { max-width:960px; margin:0 auto; padding:34px; border:1px solid var(--line); border-radius:var(--radius); background:linear-gradient(150deg, rgba(16,31,55,.64), rgba(8,18,33,.86)); box-shadow:0 16px 50px rgba(0,0,0,.16); }
.policy-panel h2 { margin-top:30px; font-size:1.22rem; }
.policy-panel p { color:var(--muted); }
.policy-panel p strong { color:var(--text); }
@media (max-width: 860px) { .faq-intro-card { grid-template-columns:1fr; } .faq-category-nav { justify-content:flex-start; } .policy-panel { padding:26px 20px; } }


/* v2.0 — pillar IPTV troubleshooting guide */
.troubleshooting-hero h1 { max-width: 1080px; }
.troubleshooting-hero .lead { max-width: 970px; }
.troubleshooting-answer-section { padding-top: 48px; }
.troubleshooting-answer-card { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:32px; padding:34px; border:1px solid rgba(216,237,56,.22); border-radius:28px; background:linear-gradient(145deg,rgba(18,38,54,.98),rgba(9,22,38,.96)); box-shadow:0 22px 58px rgba(0,0,0,.2); }
.troubleshooting-answer-card h2 { margin:14px 0; }
.troubleshooting-answer-card p { color:var(--muted); }
.troubleshooting-scope-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.troubleshooting-scope-grid article { padding:17px 18px; border:1px solid var(--line); border-radius:17px; background:rgba(255,255,255,.025); }
.troubleshooting-scope-grid article:last-child { grid-column:1/-1; }
.troubleshooting-scope-grid strong,.troubleshooting-scope-grid span { display:block; }
.troubleshooting-scope-grid strong { color:var(--accent); margin-bottom:5px; }
.troubleshooting-scope-grid span { color:var(--muted); font-size:.87rem; line-height:1.5; }
.troubleshooting-quick-list { counter-reset:quickfix; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; padding:0; margin:0; list-style:none; }
.troubleshooting-quick-list li { counter-increment:quickfix; position:relative; padding:26px 23px 24px; border:1px solid var(--line); border-radius:21px; background:linear-gradient(150deg,rgba(16,31,55,.84),rgba(8,18,33,.9)); }
.troubleshooting-quick-list li::before { content:"0" counter(quickfix); display:block; margin-bottom:17px; color:var(--accent); font-size:.8rem; font-weight:900; letter-spacing:.12em; }
.troubleshooting-quick-list h3 { margin:0 0 10px; font-size:1.12rem; }
.troubleshooting-quick-list p { margin:0; color:var(--muted); }
.troubleshooting-problem-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.troubleshooting-problem-grid article { display:flex; flex-direction:column; min-height:310px; padding:26px; border:1px solid var(--line); border-radius:21px; background:linear-gradient(150deg,rgba(16,31,55,.84),rgba(8,18,33,.91)); }
.troubleshooting-problem-grid article>span { color:var(--accent); font-weight:900; letter-spacing:.1em; font-size:.78rem; }
.troubleshooting-problem-grid h3 { margin:17px 0 12px; font-size:1.22rem; }
.troubleshooting-problem-grid p { color:var(--muted); margin:0 0 13px; }
.troubleshooting-problem-grid p:last-child { margin-bottom:0; }
.troubleshooting-problem-grid strong { color:var(--text); }
.troubleshooting-problem-grid a { color:#9bc9ff; text-underline-offset:3px; }
.troubleshooting-diagnostic-grid { grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:54px; row-gap:30px; align-items:start; }
.troubleshooting-diagnostic-grid li { min-height:0; align-self:start; }
.troubleshooting-diagnostic-grid h3 { margin-top:0; }
@media (max-width:900px) { .troubleshooting-diagnostic-grid { row-gap:24px; } }
.troubleshooting-content-grid { align-items:start; }
.troubleshooting-side-card { position:sticky; top:110px; display:grid; gap:12px; }
.troubleshooting-side-card .btn { width:100%; }
.troubleshooting-network-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.troubleshooting-network-grid article { padding:25px 23px; border:1px solid var(--line); border-radius:21px; background:linear-gradient(150deg,rgba(16,31,55,.82),rgba(8,18,33,.9)); }
.troubleshooting-network-grid h3 { margin:0 0 11px; }
.troubleshooting-network-grid p { color:var(--muted); margin:0; }
.device-fix-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.device-fix-grid article { padding:28px; border:1px solid var(--line); border-radius:23px; background:linear-gradient(150deg,rgba(16,31,55,.84),rgba(8,18,33,.92)); }
.device-fix-grid article>span { color:var(--accent); font-size:.78rem; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
.device-fix-grid h3 { margin:15px 0 13px; }
.device-fix-grid ul { margin:0; padding-left:20px; color:var(--muted); }
.device-fix-grid li { margin:8px 0; }
.device-fix-grid .external-source-note { margin-top:18px; }
.troubleshooting-methodology-section { padding:36px 0 70px; }
#quick-checks,#common-problems,#diagnostic-process,#login-playlist,#network-routing,#device-fixes,#test-results,#support-checklist,#troubleshooting-faq { scroll-margin-top:110px; }
@media (max-width:1080px) {
  .troubleshooting-answer-card { grid-template-columns:1fr; }
  .troubleshooting-quick-list,.troubleshooting-problem-grid,.troubleshooting-network-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:900px) {
  .troubleshooting-side-card { position:static; }
  .device-fix-grid,.troubleshooting-diagnostic-grid { grid-template-columns:1fr; }
}
@media (max-width:680px) {
  .troubleshooting-answer-card { padding:25px 20px; border-radius:22px; }
  .troubleshooting-scope-grid,.troubleshooting-quick-list,.troubleshooting-problem-grid,.troubleshooting-network-grid { grid-template-columns:1fr; }
  .troubleshooting-scope-grid article:last-child { grid-column:auto; }
  .troubleshooting-problem-grid article { min-height:0; }
  .device-fix-grid article { padding:24px 20px; }
}


/* v2.0 IPTV-specific troubleshooting refinements */
.source-note { margin:18px 0 0; color:var(--muted); font-size:.86rem; line-height:1.65; }
.source-note a { color:#9bc9ff; text-underline-offset:3px; }
#technical-references { scroll-margin-top:110px; }
#technical-references .methodology-points article a { display:block; text-decoration:none; }
#technical-references .methodology-points article a strong { color:#9bc9ff; }
#technical-references .methodology-points article span { display:block; margin-top:5px; color:var(--muted); font-size:.87rem; line-height:1.55; }


/* v2.2 — M3U, EPG and Xtream Codes foundation guide */
.setup-guide-hero h1 { max-width:1080px; }
.setup-guide-hero .lead { max-width:980px; }
.setup-answer-section { padding-top:48px; }
.setup-answer-card { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:32px; align-items:start; padding:34px; border:1px solid rgba(216,237,56,.22); border-radius:28px; background:linear-gradient(145deg,rgba(18,38,54,.98),rgba(9,22,38,.96)); box-shadow:0 22px 58px rgba(0,0,0,.2); }
.setup-answer-card h2 { margin:14px 0; }
.setup-answer-card p { color:var(--muted); }
.setup-answer-card strong { color:var(--text); }
.setup-transition { margin-top:18px; padding-top:17px; border-top:1px solid rgba(180,201,231,.13); }
.setup-format-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.setup-format-grid article { padding:18px; border:1px solid var(--line); border-radius:17px; background:rgba(255,255,255,.025); }
.setup-format-grid strong,.setup-format-grid span { display:block; }
.setup-format-grid strong { color:var(--accent); margin-bottom:5px; }
.setup-format-grid span { color:var(--muted); font-size:.88rem; line-height:1.5; }
.setup-section-heading { max-width:950px; margin-bottom:32px; }
.setup-method-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.setup-method-card { padding:28px 25px; border:1px solid var(--line); border-radius:23px; background:linear-gradient(150deg,rgba(16,31,55,.84),rgba(8,18,33,.92)); }
.setup-method-card.preferred { border-color:rgba(216,237,56,.32); }
.setup-method-card>span { display:inline-flex; padding:7px 10px; border:1px solid rgba(216,237,56,.2); border-radius:999px; background:rgba(216,237,56,.055); color:#e8f59c; font-size:.72rem; font-weight:900; letter-spacing:.05em; text-transform:uppercase; }
.setup-method-card h3 { margin:18px 0 12px; }
.setup-method-card p { color:var(--muted); }
.credential-mini { display:grid; gap:8px; margin:18px 0; }
.credential-mini code,.credential-panel code,.code-example code { display:block; overflow-wrap:anywhere; word-break:break-word; padding:11px 12px; border:1px solid rgba(180,201,231,.14); border-radius:11px; background:#06101d; color:#cfe2ff; font-size:.8rem; line-height:1.55; }
.setup-table-wrap { overflow-x:auto; border:1px solid var(--line); border-radius:22px; background:rgba(8,18,32,.82); }
.setup-table { width:100%; min-width:900px; border-collapse:collapse; }
.setup-table th,.setup-table td { padding:19px 20px; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; }
.setup-table thead th { background:rgba(255,255,255,.035); color:var(--text); font-size:.8rem; letter-spacing:.055em; text-transform:uppercase; }
.setup-table tbody tr:last-child td { border-bottom:0; }
.setup-table td { color:var(--muted); }
.setup-table td:first-child { width:20%; color:var(--text); }
.setup-choice-callout { display:grid; grid-template-columns:210px 1fr; gap:22px; margin-top:20px; padding:22px 24px; border:1px solid rgba(216,237,56,.2); border-radius:18px; background:rgba(216,237,56,.045); }
.setup-choice-callout strong { color:var(--accent); }
.setup-choice-callout p { margin:0; color:var(--muted); }
.setup-content-grid { align-items:start; }
.setup-side-card { position:sticky; top:110px; display:grid; gap:12px; }
.setup-side-card .btn { width:100%; }
.setup-side-card ul { padding-left:20px; color:var(--muted); }
.setup-side-card li { margin:7px 0; }
.credential-panel { display:grid; gap:7px; margin:4px 0 8px; }
.credential-panel span { color:var(--accent); font-size:.77rem; font-weight:900; letter-spacing:.05em; text-transform:uppercase; }
.setup-steps { counter-reset:setupstep; display:grid; gap:14px; margin:22px 0 30px!important; padding:0!important; list-style:none; }
.setup-steps>li { counter-increment:setupstep; display:grid; grid-template-columns:54px minmax(0,1fr); gap:18px; align-items:start; padding:21px 22px; border:1px solid var(--line); border-radius:19px; background:linear-gradient(150deg,rgba(16,31,55,.8),rgba(8,18,33,.88)); }
.setup-steps>li::before { content:counter(setupstep,decimal-leading-zero); display:grid; place-items:center; width:44px; height:44px; border:1px solid rgba(216,237,56,.25); border-radius:50%; background:rgba(216,237,56,.075); color:var(--accent); font-weight:900; }
.setup-steps h3 { margin:1px 0 7px!important; font-size:1.08rem; }
.setup-steps p { margin:0!important; }
.code-example { margin:16px 0 18px; }
.setup-epg-flow { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.setup-epg-flow article { padding:25px 22px; border:1px solid var(--line); border-radius:21px; background:linear-gradient(150deg,rgba(16,31,55,.84),rgba(8,18,33,.9)); }
.setup-epg-flow article>span { color:var(--accent); font-size:.78rem; font-weight:900; letter-spacing:.1em; }
.setup-epg-flow h3 { margin:15px 0 10px; font-size:1.1rem; }
.setup-epg-flow p { margin:0; color:var(--muted); }
.setup-epg-details { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:20px; }
.setup-epg-details>div { padding:24px; border:1px solid rgba(180,201,231,.13); border-radius:19px; background:rgba(255,255,255,.022); }
.setup-epg-details h3 { margin:0 0 11px; }
.setup-epg-details p { margin:0; color:var(--muted); }
.format-explainer-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.format-explainer-grid article { padding:26px 23px; border:1px solid var(--line); border-radius:22px; background:linear-gradient(150deg,rgba(16,31,55,.82),rgba(8,18,33,.9)); }
.format-explainer-grid article>span { display:inline-flex; padding:7px 10px; border-radius:999px; background:rgba(216,237,56,.07); color:var(--accent); font-size:.77rem; font-weight:900; letter-spacing:.05em; }
.format-explainer-grid h3 { margin:17px 0 11px; font-size:1.08rem; }
.format-explainer-grid p { margin:0; color:var(--muted); }
.setup-error-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.setup-error-grid article { padding:26px; border:1px solid var(--line); border-radius:21px; background:linear-gradient(150deg,rgba(16,31,55,.82),rgba(8,18,33,.9)); }
.setup-error-grid article>span { color:var(--accent); font-size:.75rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.setup-error-grid h3 { margin:14px 0 10px; }
.setup-error-grid p { margin:0; color:var(--muted); }
.setup-error-grid a { color:#9bc9ff; text-underline-offset:3px; }
.setup-next-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.setup-next-grid a { display:flex; flex-direction:column; min-height:235px; padding:25px 22px; border:1px solid var(--line); border-radius:21px; background:linear-gradient(150deg,rgba(16,31,55,.84),rgba(8,18,33,.9)); text-decoration:none; }
.setup-next-grid a:hover,.setup-next-grid a:focus-visible { transform:translateY(-2px); border-color:rgba(216,237,56,.3); }
.setup-next-grid span { color:var(--accent); font-size:.75rem; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.setup-next-grid h3 { margin:16px 0 10px; }
.setup-next-grid p { color:var(--muted); }
.setup-next-grid strong { margin-top:auto; color:#9bc9ff; }
.setup-future-note { margin-top:18px; padding:18px 20px; border-left:3px solid var(--accent); border-radius:0 14px 14px 0; background:rgba(216,237,56,.045); color:var(--muted); }
.setup-future-note strong { color:var(--text); }
.setup-references-section { padding-top:36px; }
#identify-details,#compare-methods,#xtream-setup,#m3u-setup,#epg-setup,#formats-explained,#common-errors,#security,#next-guides,#technical-references,#setup-faq { scroll-margin-top:110px; }
@media (max-width:1080px) {
  .setup-answer-card { grid-template-columns:1fr; }
  .setup-method-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .setup-method-card:last-child { grid-column:1/-1; }
  .setup-epg-flow,.format-explainer-grid,.setup-next-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:900px) {
  .setup-side-card { position:static; }
  .setup-epg-details { grid-template-columns:1fr; }
  .setup-choice-callout { grid-template-columns:1fr; gap:8px; }
}
@media (max-width:680px) {
  .setup-answer-card { padding:25px 20px; border-radius:22px; }
  .setup-format-grid,.setup-method-grid,.setup-epg-flow,.format-explainer-grid,.setup-error-grid,.setup-next-grid { grid-template-columns:1fr; }
  .setup-method-card:last-child { grid-column:auto; }
  .setup-steps>li { grid-template-columns:1fr; gap:11px; padding:20px; }
  .setup-table th,.setup-table td { padding:15px 14px; }
  .setup-next-grid a { min-height:0; }
}


/* v2.3: IPTV apps and setup hub */
#before-choosing,#quick-comparison,#app-library,#how-to-choose,#setup-guides,#safe-downloads,#apps-faq { scroll-margin-top:110px; }
.apps-guide-hero { background:radial-gradient(circle at 84% 24%,rgba(40,120,255,.16),transparent 31rem),radial-gradient(circle at 12% 80%,rgba(216,237,56,.07),transparent 28rem); }
.apps-answer-card,.safe-download-card { display:grid; grid-template-columns:minmax(0,1fr) minmax(370px,.9fr); gap:30px; align-items:center; padding:32px; border:1px solid var(--line); border-radius:var(--radius); background:linear-gradient(145deg,rgba(16,31,55,.9),rgba(7,16,31,.94)); box-shadow:0 18px 54px rgba(0,0,0,.18); }
.apps-answer-card h2,.safe-download-card h2 { margin:15px 0 14px; font-size:clamp(1.8rem,3.5vw,2.7rem); }
.apps-answer-card p,.safe-download-card p { color:var(--muted); }
.device-choice-grid,.safe-download-points { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.device-choice-grid article,.safe-download-points article { min-height:118px; padding:18px; border:1px solid var(--line); border-radius:16px; background:rgba(255,255,255,.035); }
.device-choice-grid strong,.safe-download-points strong { display:block; color:var(--text); line-height:1.25; }
.device-choice-grid span,.safe-download-points span { display:block; color:var(--muted); margin-top:7px; font-size:.88rem; line-height:1.45; }
.apps-section-heading { max-width:850px; margin-bottom:30px; }
.apps-table-wrap { border-radius:20px; }
.apps-table { min-width:1040px; }
.apps-table th:first-child,.apps-table td:first-child { width:210px; }
.apps-table td { vertical-align:top; line-height:1.5; }
.apps-table td a { color:#dff66a; }
.table-note { color:#8192ac; font-size:.84rem; margin-top:13px; }
.app-card-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.app-card { scroll-margin-top:110px; display:flex; flex-direction:column; padding:27px; border:1px solid var(--line); border-radius:22px; background:linear-gradient(150deg,rgba(16,31,55,.84),rgba(8,18,33,.92)); box-shadow:0 14px 38px rgba(0,0,0,.12); }
.app-card-top { display:flex; align-items:flex-start; gap:16px; }
.app-index { flex:0 0 46px; height:46px; display:grid; place-items:center; border:1px solid rgba(216,237,56,.22); border-radius:14px; background:rgba(216,237,56,.07); color:var(--accent); font-weight:950; }
.app-card h3 { margin-top:9px; font-size:clamp(1.35rem,2vw,1.7rem); }
.app-facts { display:grid; gap:0; margin:22px 0 18px; border:1px solid var(--line); border-radius:15px; overflow:hidden; }
.app-facts div { display:grid; grid-template-columns:118px 1fr; gap:14px; padding:12px 14px; border-bottom:1px solid var(--line); }
.app-facts div:last-child { border-bottom:0; }
.app-facts dt { color:#dce6f5; font-size:.8rem; font-weight:900; }
.app-facts dd { margin:0; color:var(--muted); font-size:.84rem; }
.app-card > p { color:var(--muted); margin-bottom:22px; }
.app-card-actions { display:flex; flex-wrap:wrap; gap:9px 15px; margin-top:auto; padding-top:4px; }
.app-official-link,.app-foundation-link { font-size:.86rem; font-weight:850; text-decoration:none; }
.app-official-link { color:var(--accent); }
.app-foundation-link { color:#9bc9ff; }
.apps-side-card ul { margin:17px 0 0; }
.compact-check-list { display:grid; gap:10px; padding:0; list-style:none; }
.compact-check-list li { position:relative; padding-left:20px; color:var(--muted); font-size:.9rem; }
.compact-check-list li::before { content:'✓'; position:absolute; left:0; color:var(--accent); font-weight:900; }
.selection-flow { list-style:none; padding:0; margin:30px 0 0; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; }
.selection-flow li { margin:0; }
.selection-flow li > div { height:100%; padding:22px 18px; border:1px solid var(--line); border-radius:18px; background:rgba(255,255,255,.03); }
.selection-flow span { color:var(--accent); font-size:.76rem; font-weight:950; letter-spacing:.08em; }
.selection-flow h3 { margin:12px 0 9px; font-size:1.07rem; }
.selection-flow p { color:var(--muted); font-size:.88rem; }
.expanded-guide-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.featured-guide-card { background:linear-gradient(145deg,rgba(40,120,255,.18),rgba(13,26,47,.96)); border-color:rgba(84,161,255,.28); }
.safe-download-card { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); }
@media (max-width:1050px) { .selection-flow { grid-template-columns:repeat(2,minmax(0,1fr)); } .selection-flow li:last-child { grid-column:1/-1; } .expanded-guide-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:860px) { .apps-answer-card,.safe-download-card { grid-template-columns:1fr; padding:26px 22px; } .app-card-grid { grid-template-columns:1fr; } }
@media (max-width:620px) { .device-choice-grid,.safe-download-points,.selection-flow,.expanded-guide-grid { grid-template-columns:1fr; } .selection-flow li:last-child { grid-column:auto; } .app-facts div { grid-template-columns:1fr; gap:4px; } .app-card { padding:22px 18px; } }


/* v2.4: downloadable IPTV setup PDF library */
#pdf-guides { scroll-margin-top:110px; }
.all-pdf-guides-card {
  margin-top:22px; padding:27px 30px; display:grid; grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);
  gap:26px; align-items:center; border:1px solid rgba(199,255,48,.28); border-radius:22px;
  background:linear-gradient(135deg,rgba(28,49,70,.92),rgba(12,25,43,.96)); box-shadow:0 18px 46px rgba(0,0,0,.18);
}
.all-pdf-guides-card h2 { margin:8px 0 9px; font-size:clamp(1.45rem,2.2vw,2rem); }
.all-pdf-guides-card p { margin:0; color:var(--muted); }
.all-pdf-actions { display:flex; flex-direction:column; align-items:stretch; gap:10px; }
.all-pdf-actions .btn { width:100%; text-align:center; }
.all-pdf-actions span { color:var(--muted); font-size:.86rem; line-height:1.45; text-align:center; }
.app-downloads { margin:2px 0 17px; padding:15px; border:1px solid rgba(199,255,48,.22); border-radius:15px; background:rgba(5,14,26,.45); }
.app-downloads-title { margin:0 0 10px !important; color:var(--text) !important; font-size:.82rem; line-height:1.2; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.app-pdf-links { display:flex; flex-wrap:wrap; gap:8px; }
.app-pdf-link { display:inline-flex; align-items:center; min-height:38px; padding:9px 12px; border:1px solid rgba(199,255,48,.34); border-radius:10px; background:rgba(199,255,48,.08); color:var(--text); font-size:.85rem; font-weight:750; line-height:1.2; text-decoration:none !important; }
.app-pdf-link::before { content:'PDF'; display:inline-flex; align-items:center; justify-content:center; margin-right:8px; padding:3px 5px; border-radius:5px; background:var(--accent); color:#08111d; font-size:.62rem; font-weight:900; letter-spacing:.04em; }
.app-pdf-link:hover,.app-pdf-link:focus-visible { background:rgba(199,255,48,.17); border-color:var(--accent); color:#fff; transform:translateY(-1px); }
@media (max-width:760px) { .all-pdf-guides-card { grid-template-columns:1fr; padding:23px 20px; } .all-pdf-actions span { text-align:left; } }
@media (max-width:480px) { .app-pdf-links { flex-direction:column; } .app-pdf-link { width:100%; } }


/* v2.5: device-organised app library and end-of-library login option */
.apps-intro-single { grid-template-columns:minmax(0,1fr) !important; }
.device-app-jump { display:flex; flex-wrap:wrap; gap:10px; margin:2px 0 38px; padding:17px; border:1px solid var(--line); border-radius:18px; background:rgba(255,255,255,.025); }
.device-app-jump a { display:inline-flex; align-items:center; min-height:42px; padding:9px 14px; border:1px solid rgba(139,191,255,.24); border-radius:999px; color:#dcecff; background:rgba(49,119,202,.08); font-size:.84rem; font-weight:850; text-decoration:none !important; }
.device-app-jump a:hover,.device-app-jump a:focus-visible { border-color:#8bbfff; background:rgba(49,119,202,.17); color:#fff; transform:translateY(-1px); }
.device-app-section { scroll-margin-top:110px; margin-top:42px; padding-top:37px; border-top:1px solid var(--line); }
.device-app-section:first-of-type { margin-top:0; }
.device-app-heading { display:flex; justify-content:space-between; gap:26px; align-items:flex-end; margin-bottom:22px; }
.device-app-heading > div { max-width:850px; }
.device-app-heading h3 { margin:11px 0 10px; font-size:clamp(1.65rem,3vw,2.35rem); }
.device-app-heading p { margin:0; color:var(--muted); }
.device-app-count { flex:0 0 auto; display:inline-flex; align-items:center; min-height:37px; padding:8px 12px; border:1px solid rgba(216,237,56,.24); border-radius:999px; background:rgba(216,237,56,.07); color:var(--accent); font-size:.78rem; font-weight:900; white-space:nowrap; }
.device-app-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.device-app-card { scroll-margin-top:110px; display:flex; flex-direction:column; min-height:100%; padding:22px; border:1px solid var(--line); border-radius:20px; background:linear-gradient(150deg,rgba(16,31,55,.84),rgba(8,18,33,.94)); box-shadow:0 13px 34px rgba(0,0,0,.11); }
.device-app-card-top { display:flex; align-items:flex-start; gap:13px; }
.device-app-card h4 { margin:7px 0 0; color:var(--text); font-size:1.22rem; line-height:1.25; }
.device-app-card .app-index { flex-basis:40px; height:40px; border-radius:12px; font-size:.82rem; }
.device-app-reason { margin:17px 0 15px; color:var(--muted); font-size:.9rem; line-height:1.58; }
.device-app-meta { margin-bottom:15px; padding:12px 13px; border:1px solid rgba(139,191,255,.15); border-radius:13px; background:rgba(3,12,24,.36); }
.device-app-meta span { display:block; color:var(--muted); font-size:.8rem; line-height:1.45; }
.device-app-meta strong { color:#dce6f5; }
.device-app-downloads { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:14px; }
.device-app-actions { display:flex; flex-wrap:wrap; gap:8px 13px; margin-top:auto; padding-top:4px; }
.device-app-actions .app-official-link { font-size:.8rem; line-height:1.35; }
.login-format-option { scroll-margin-top:110px; margin-top:48px; padding:30px; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto; gap:27px; align-items:center; border:1px solid rgba(216,237,56,.30); border-radius:24px; background:linear-gradient(135deg,rgba(18,39,66,.96),rgba(9,23,42,.98)); box-shadow:0 18px 48px rgba(0,0,0,.17); }
.login-format-option h3 { margin:10px 0 10px; font-size:clamp(1.45rem,2.3vw,2rem); }
.login-format-option p { margin:0; color:var(--muted); }
.login-format-points { display:grid; gap:10px; }
.login-format-points div { position:relative; padding:12px 12px 12px 35px; border:1px solid rgba(255,255,255,.07); border-radius:13px; background:rgba(255,255,255,.025); }
.login-format-points div::before { content:'✓'; position:absolute; left:13px; top:12px; color:var(--accent); font-weight:950; }
.login-format-points strong,.login-format-points span { display:block; }
.login-format-points strong { color:var(--text); font-size:.84rem; }
.login-format-points span { margin-top:3px; color:var(--muted); font-size:.77rem; line-height:1.4; }
.login-format-option .btn { min-width:205px; text-align:center; }
@media (max-width:1100px) { .device-app-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .login-format-option { grid-template-columns:1fr 1fr; } .login-format-option .btn { grid-column:1/-1; width:100%; } }
@media (max-width:760px) { .device-app-heading { align-items:flex-start; flex-direction:column; gap:12px; } .device-app-grid { grid-template-columns:1fr; } .device-app-jump { padding:14px; } .device-app-jump a { width:100%; border-radius:13px; } .login-format-option { grid-template-columns:1fr; padding:24px 20px; } .login-format-option .btn { grid-column:auto; } }
@media (max-width:480px) { .device-app-card { padding:20px 17px; } .device-app-downloads { flex-direction:column; } .device-app-downloads .app-pdf-link { width:100%; } }


/* v2.7 Firestick and Fire TV SEO pillar */
.fire-guide-hero .lead{max-width:980px}.fire-answer-section{padding-top:48px}.fire-answer-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:30px;align-items:center;padding:34px;border:1px solid rgba(216,237,56,.22);border-radius:28px;background:linear-gradient(145deg,rgba(18,38,54,.98),rgba(9,22,38,.96));box-shadow:0 22px 58px rgba(0,0,0,.2)}.fire-answer-card h2{margin:14px 0}.fire-answer-card p{color:var(--muted)}.fire-os-grid{display:grid;gap:12px}.fire-os-grid article{padding:18px;border:1px solid rgba(139,191,255,.16);border-radius:16px;background:rgba(5,15,29,.48)}.fire-os-grid strong,.fire-os-grid span{display:block}.fire-os-grid strong{color:var(--text);font-size:1rem}.fire-os-grid span{margin-top:7px;color:var(--muted);font-size:.88rem;line-height:1.5}.wide-copy{max-width:980px;margin:0 auto 28px}.wide-copy h2{margin:12px 0}.wide-copy p{color:var(--muted)}.fire-platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.fire-platform-grid article{padding:28px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(150deg,rgba(16,31,55,.84),rgba(8,18,33,.92))}.fire-platform-grid h3{margin:14px 0 10px}.fire-platform-grid p,.fire-platform-grid ul{color:var(--muted)}.fire-platform-grid ul{padding-left:20px}.fire-platform-grid li{margin:8px 0}.fire-app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.fire-app-grid article{display:flex;flex-direction:column;padding:23px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(150deg,rgba(16,31,55,.84),rgba(8,18,33,.94))}.fire-app-grid h3{margin:13px 0 10px}.fire-app-grid p{color:var(--muted);font-size:.92rem}.fire-app-actions{display:flex;flex-direction:column;align-items:flex-start;gap:9px;margin-top:auto;padding-top:14px}.fire-app-actions a{color:#9bc9ff;font-weight:800;font-size:.83rem;text-underline-offset:3px}.fire-app-actions a[download]{display:inline-flex;padding:8px 11px;border:1px solid rgba(216,237,56,.24);border-radius:10px;color:#e9f7a0;background:rgba(216,237,56,.06);text-decoration:none}.installation-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.installation-paths article{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;padding:28px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.025)}.path-number{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;background:var(--accent);color:#06101b;font-weight:950}.installation-paths h3{margin:4px 0 12px}.installation-paths ol{padding-left:20px;color:var(--muted)}.installation-paths li{margin:9px 0}.installation-paths p{color:var(--muted)}.fire-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;list-style:none;padding:0;counter-reset:firestep}.fire-steps li{counter-increment:firestep;position:relative;padding:21px 20px 21px 62px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}.fire-steps li:before{content:counter(firestep);position:absolute;left:18px;top:20px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:var(--accent);color:#06101b;font-weight:950}.fire-steps strong,.fire-steps span{display:block}.fire-steps span{margin-top:7px;color:var(--muted);font-size:.9rem;line-height:1.5}.m3u-fire-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.m3u-fire-grid article{padding:22px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(150deg,rgba(16,31,55,.84),rgba(8,18,33,.92))}.m3u-fire-grid article>span{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:rgba(216,237,56,.12);color:var(--accent);font-weight:950}.m3u-fire-grid h3{margin:14px 0 9px}.m3u-fire-grid p{color:var(--muted);font-size:.9rem}.fire-diagnostic-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;list-style:none;padding:0;counter-reset:diag}.fire-diagnostic-list li{counter-increment:diag;position:relative;padding:19px 19px 19px 58px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.025)}.fire-diagnostic-list li:before{content:counter(diag);position:absolute;left:17px;top:18px;color:var(--accent);font-size:1.05rem;font-weight:950}.fire-diagnostic-list strong,.fire-diagnostic-list span{display:block}.fire-diagnostic-list span{margin-top:6px;color:var(--muted);font-size:.88rem;line-height:1.5}.fire-result-table-wrap{margin-top:25px;overflow-x:auto}.fire-result-table-wrap .comparison-table{min-width:720px}.fire-download-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.fire-download-grid a{display:flex;flex-direction:column;min-height:105px;padding:18px;border:1px solid rgba(216,237,56,.18);border-radius:16px;background:rgba(216,237,56,.04);text-decoration:none}.fire-download-grid strong{color:var(--text)}.fire-download-grid span{margin-top:7px;color:var(--muted);font-size:.83rem}.fire-download-grid a:hover,.fire-download-grid a:focus-visible{border-color:var(--accent);transform:translateY(-2px)}.center-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px}.methodology-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:28px;padding:30px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(150deg,rgba(16,31,55,.84),rgba(8,18,33,.92))}.methodology-card h2{margin:13px 0}.methodology-card p{color:var(--muted)}.methodology-links{display:grid;gap:10px}.methodology-links a{display:block;padding:12px 14px;border:1px solid rgba(139,191,255,.16);border-radius:12px;color:#9bc9ff;background:rgba(5,15,29,.42);font-size:.84rem;font-weight:800;text-decoration:none}.methodology-links a:hover,.methodology-links a:focus-visible{border-color:#9bc9ff;color:#fff}.final-cta{text-align:center;max-width:980px;margin:auto;padding:38px;border:1px solid rgba(216,237,56,.22);border-radius:26px;background:linear-gradient(145deg,rgba(18,38,54,.98),rgba(9,22,38,.96))}.final-cta h2{margin:14px auto;max-width:780px}.final-cta p{max-width:720px;margin:0 auto;color:var(--muted)}.final-cta .hero-actions{justify-content:center;margin-top:24px}
@media(max-width:1050px){.fire-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.m3u-fire-grid,.fire-download-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fire-answer-card,.methodology-card{grid-template-columns:1fr}}
@media(max-width:760px){.fire-platform-grid,.installation-paths,.fire-steps,.fire-diagnostic-list{grid-template-columns:1fr}.fire-app-grid{grid-template-columns:1fr}.installation-paths article{grid-template-columns:42px minmax(0,1fr);padding:23px 19px}.fire-answer-card{padding:25px 20px}.methodology-card{padding:24px 20px}.final-cta{padding:29px 20px}}
@media(max-width:520px){.m3u-fire-grid,.fire-download-grid{grid-template-columns:1fr}.center-actions{flex-direction:column}.center-actions .btn{width:100%}}


/* v3.0 Smart TV page polish and consistent guide-link behaviour */
.smart-login-panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:26px;align-items:stretch;margin-top:28px;padding:28px;border:1px solid rgba(216,237,56,.22);border-radius:24px;background:linear-gradient(145deg,rgba(18,38,54,.98),rgba(8,20,35,.98));box-shadow:0 20px 52px rgba(0,0,0,.18)}
.smart-login-copy{display:flex;flex-direction:column;justify-content:center}.smart-login-copy h3{margin:14px 0 10px;font-size:clamp(1.35rem,2vw,1.8rem)}.smart-login-copy p{margin:0;color:var(--muted)}
.smart-login-help{display:inline-flex;align-items:center;margin-top:20px;padding:13px 15px;border:1px solid rgba(139,191,255,.2);border-radius:13px;color:#9bc9ff;background:rgba(5,15,29,.42);font-weight:800;text-decoration:none}.smart-login-help:hover,.smart-login-help:focus-visible{border-color:#9bc9ff;color:#fff}
.smart-login-code{display:flex;flex-direction:column;justify-content:center;padding:22px;border:1px solid rgba(139,191,255,.16);border-radius:18px;background:rgba(3,12,24,.62)}.smart-login-code pre{margin:18px 0 12px;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#050d18;overflow-x:auto}.smart-login-code code{font-size:.88rem;line-height:1.75;color:#f4f8ff}.smart-login-code small{color:var(--muted);line-height:1.5}
.smart-download-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px;margin:0 auto}.smart-download-grid a{min-height:132px;justify-content:center;padding:22px}.smart-download-grid + .center-actions{margin-top:30px}
@media(max-width:820px){.smart-login-panel{grid-template-columns:1fr;padding:24px 20px}.smart-login-code{padding:18px}.smart-download-grid{grid-template-columns:1fr;max-width:620px}}

/* v3.1 site-wide QA: mobile containment, semantic section spacing and accessible table regions */
.features-grid-intro{max-width:880px;margin:0 auto 32px;text-align:center}.features-grid-intro h2{margin:13px 0 10px}.features-grid-intro p{margin:0;color:var(--muted)}
.smart-login-panel>*{min-width:0}.smart-login-copy,.smart-login-code{min-width:0}.smart-login-help{max-width:100%;white-space:normal;overflow-wrap:anywhere}.smart-login-code pre{width:100%;max-width:100%;min-width:0}.smart-login-code code{display:block;min-width:max-content}
.apps-table-wrap:focus-visible,.speed-table-wrap:focus-visible,.result-table-wrap:focus-visible,.setup-table-wrap:focus-visible,.fire-result-table-wrap:focus-visible{outline:3px solid rgba(216,237,56,.78);outline-offset:4px}
@media(max-width:560px){.smart-login-panel{padding:20px 14px}.smart-login-code{padding:14px}.smart-login-code pre{padding:14px;font-size:.78rem}.smart-login-help{display:flex;width:100%}}


/* v3.2: Android TV and Google TV SEO pillar */
.android-guide-hero .lead{max-width:1010px}.android-cert-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.android-cert-grid article{display:flex;flex-direction:column;padding:25px;border:1px solid var(--line);border-radius:21px;background:linear-gradient(150deg,rgba(16,31,55,.86),rgba(8,18,33,.94))}.android-cert-grid h3{margin:14px 0 10px}.android-cert-grid p{color:var(--muted)}.android-cert-grid strong{margin-top:auto;padding-top:12px;color:var(--accent)}.android-cert-grid article>span:last-child{margin-top:6px;color:var(--muted);font-size:.88rem;line-height:1.5}.android-source-note{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px;padding:24px 26px;border:1px solid rgba(216,237,56,.2);border-radius:20px;background:rgba(216,237,56,.04)}.android-source-note h3{margin:11px 0 8px}.android-source-note p{margin:0;color:var(--muted)}.android-source-note .btn{flex:0 0 auto}.android-app-grid article{min-height:100%}.android-app-grid .device-app-meta{margin-top:auto;padding-top:12px}.android-app-grid .fire-app-actions{margin-top:12px}.android-app-grid .fire-app-actions a[download]{display:inline-flex;padding:8px 11px;border:1px solid rgba(216,237,56,.24);border-radius:10px;color:#e9f7a0;background:rgba(216,237,56,.06);text-decoration:none}.android-login-panel{margin-top:28px}.android-test-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-note{max-width:980px;margin-left:auto;margin-right:auto}.android-download-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.android-download-grid a{min-height:116px}.fire-platform-grid article>a{display:inline-flex;margin-top:8px;color:#9bc9ff;font-weight:800;text-decoration:none}.fire-platform-grid article>a:hover,.fire-platform-grid article>a:focus-visible{color:#fff}.android-cert-grid,.android-app-grid,.android-test-steps,.android-download-grid,#device-check,#choose-app,#install-app,#login-format,#first-test,#optimise,#diagnose,#android-downloads,#android-tv-faq{scroll-margin-top:110px}@media(max-width:1050px){.android-cert-grid{grid-template-columns:1fr}.android-test-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.android-download-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.android-source-note{align-items:flex-start;flex-direction:column;padding:22px 19px}.android-source-note .btn{width:100%}.android-test-steps{grid-template-columns:1fr}}@media(max-width:520px){.android-download-grid{grid-template-columns:1fr}}


/* Windows PC and laptop guide v3.4 */
.windows-guide-hero .lead{max-width:1030px}.windows-check-grid article{min-height:100%}.windows-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.windows-app-grid article{min-height:100%}.windows-app-grid .device-app-meta{margin-top:auto;padding-top:12px}.windows-app-grid .device-app-meta strong,.windows-app-grid .device-app-meta span{display:block}.windows-app-grid .device-app-meta strong{color:var(--accent);font-size:.86rem}.windows-app-grid .device-app-meta span{margin-top:5px;color:var(--muted);font-size:.86rem;line-height:1.5}.windows-table-wrap{margin-top:28px}.windows-install-paths article{min-height:100%}.windows-login-grid{margin-bottom:24px}.windows-login-example{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}.windows-login-example>div{padding:22px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(150deg,rgba(16,31,55,.84),rgba(8,18,33,.92))}.windows-login-example pre{max-width:100%;margin:16px 0 0;padding:18px;overflow-x:auto;border:1px solid rgba(139,191,255,.16);border-radius:13px;background:#06101b;color:#eaf2ff;font-size:.84rem;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.windows-privacy-note{margin-top:24px}.windows-test-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.windows-optimise-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.windows-optimise-grid article{min-height:100%}.windows-diagnostic-list{grid-template-columns:repeat(2,minmax(0,1fr))}.windows-download-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.windows-check-grid,.windows-app-grid,.windows-install-paths,.windows-login-grid,.windows-test-steps,.windows-optimise-grid,.windows-diagnostic-list,.windows-download-grid,#windows-check,#choose-windows-app,#install-windows-app,#windows-login,#windows-first-test,#windows-optimise,#windows-diagnose,#windows-downloads,#windows-faq{scroll-margin-top:110px}
@media(max-width:1050px){.windows-download-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.windows-test-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.windows-app-grid,.windows-login-example,.windows-optimise-grid,.windows-diagnostic-list{grid-template-columns:1fr}.windows-test-steps{grid-template-columns:1fr}.windows-login-example pre{font-size:.78rem}.windows-table-wrap{margin-left:-2px;margin-right:-2px}}
@media(max-width:520px){.windows-download-grid{grid-template-columns:1fr}.windows-login-example>div{padding:18px 15px}.windows-login-example pre{padding:14px;font-size:.73rem}}

/* v3.6.3 secure form confirmation-state hotfix */
form [aria-invalid="true"] {
  border-color: #ff9c9c !important;
  box-shadow: 0 0 0 3px rgba(255, 156, 156, .14);
}
.marketing-popup-form .form-status {
  grid-column: 1 / -1;
  margin-top: 0;
}
button[disabled] {
  cursor: wait;
  opacity: .72;
}

/* v3.8 — secure Plisio checkout */
.checkout-modal { position:fixed; inset:0; z-index:1120; display:none; align-items:center; justify-content:center; padding:20px; background:rgba(1,6,13,.86); backdrop-filter:blur(10px); }
.checkout-modal.open { display:flex; }
.checkout-modal-dialog { position:relative; width:min(100%,720px); max-height:calc(100vh - 40px); overflow:auto; padding:34px; border:1px solid rgba(180,201,231,.22); border-radius:28px; background:linear-gradient(155deg,rgba(15,30,52,.99),rgba(6,15,28,.99)); box-shadow:0 34px 100px rgba(0,0,0,.58); }
.checkout-modal-dialog::before { content:""; position:absolute; inset:0 0 auto; height:4px; border-radius:28px 28px 0 0; background:linear-gradient(90deg,var(--accent),var(--accent-2)); }
.checkout-modal-close { position:absolute; top:18px; right:18px; display:grid; place-items:center; width:44px; height:44px; border:1px solid rgba(180,201,231,.22); border-radius:50%; background:#101b2a; color:#fff; font-size:1.8rem; line-height:1; cursor:pointer; }
.checkout-modal-close:hover,.checkout-modal-close:focus-visible { background:#19283b; border-color:rgba(216,237,56,.38); }
.checkout-modal-dialog h2 { max-width:560px; margin:14px 54px 12px 0; font-size:clamp(2rem,5vw,3rem); }
.checkout-modal-intro { max-width:620px; margin-bottom:22px; color:var(--muted); }
.checkout-summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:0 0 22px; }
.checkout-summary > div { display:flex; justify-content:space-between; gap:14px; padding:13px 15px; border:1px solid rgba(180,201,231,.16); border-radius:14px; background:rgba(255,255,255,.035); }
.checkout-summary span { color:var(--muted); font-size:.9rem; }
.checkout-summary strong { color:#fff; text-align:right; }
.checkout-summary .checkout-discount { border-color:rgba(216,237,56,.28); background:rgba(216,237,56,.07); }
.checkout-summary .checkout-discount strong { color:var(--accent); }
.checkout-fields { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.checkout-fields .field label { color:var(--accent); font-size:.9rem; }
.checkout-fields .field input { min-height:56px; border-radius:16px; background:rgba(255,255,255,.055); border-color:rgba(180,201,231,.2); }
.checkout-terms { margin-top:18px; }
.checkout-policy-note { margin:18px 0 0;color:var(--muted);font-size:.92rem;line-height:1.55; }
.checkout-policy-note a { color:var(--lime);text-decoration:underline;text-underline-offset:3px; }
.checkout-actions { display:grid; grid-template-columns:1.25fr .75fr; gap:12px; margin-top:20px; }
.checkout-actions .btn { width:100%; min-height:54px; }
.checkout-status { display:block; margin-top:10px; }
.checkout-security-note { margin:18px 0 0; color:#8fa2bd; font-size:.84rem; }
@media (max-width:680px) {
  .checkout-modal { padding:10px; align-items:flex-end; }
  .checkout-modal-dialog { width:100%; max-height:94vh; padding:27px 18px 22px; border-radius:24px 24px 0 0; }
  .checkout-modal-dialog::before { border-radius:24px 24px 0 0; }
  .checkout-modal-close { top:13px; right:13px; }
  .checkout-modal-dialog h2 { margin-right:46px; }
  .checkout-summary,.checkout-fields,.checkout-actions { grid-template-columns:1fr; }
  .checkout-summary > div { padding:12px 13px; }
}
.payment-order-reference { display:inline-block; margin:18px 0 0; padding:10px 14px; border:1px solid rgba(216,237,56,.25); border-radius:12px; background:rgba(216,237,56,.07); color:var(--accent); font-weight:800; }