/* ============================================================
   MegaTV 2026 — Aurora Premium
   Design system: obsidian + logo spectrum, Bricolage/Instrument
   ============================================================ */

/* ===== TOKENS ===== */
:root {
  /* logo spectrum (sampled from the brand triangle) */
  --brand-indigo:#5b63d6;
  --brand-blue:#3f9ae6;
  --brand-teal:#1fa8a0;
  --brand-green:#5fbf5a;
  --brand-gold:#f2b43c;
  --brand-orange:#f4904a;
  --brand-coral:#ee6a54;
  --brand-magenta:#d8497f;

  --grad-spectrum: linear-gradient(110deg,#3f9ae6 0%,#1fa8a0 19%,#5fbf5a 35%,#f2b43c 55%,#ee6a54 76%,#d8497f 100%);
  --grad-soft: linear-gradient(135deg,#5b63d6,#d8497f);
  --grad-warm: linear-gradient(120deg,#f2b43c,#ee6a54,#d8497f);
  --grad-cool: linear-gradient(120deg,#3f9ae6,#1fa8a0,#5fbf5a);

  /* surfaces — dark default */
  --c-bg:#06070a;
  --c-bg2:#0a0c11;
  --c-bg3:#0e1118;
  --c-text:#eef1f7;
  --c-text2:rgba(238,241,247,0.60);
  --c-text3:rgba(238,241,247,0.33);
  --c-border:rgba(255,255,255,0.07);
  --c-border2:rgba(255,255,255,0.13);
  --c-surface:rgba(255,255,255,0.035);
  --c-surface2:rgba(255,255,255,0.06);

  --r-sm:14px;
  --r-md:20px;
  --r-lg:28px;
  --r-xl:38px;
  --r-2xl:52px;

  --blur-glass: blur(20px) saturate(165%);
  --shadow-card: 0 30px 70px -28px rgba(0,0,0,0.85), 0 1px 0 rgba(255,255,255,0.06) inset;
  --shadow-float: 0 50px 120px -40px rgba(0,0,0,0.9);

  --font-display:"Plus Jakarta Sans","Noto Sans","Noto Sans SC","Noto Sans Arabic","Noto Sans Devanagari","Noto Sans Bengali",system-ui,-apple-system,sans-serif;
  --font-body:"Plus Jakarta Sans","Noto Sans","Noto Sans SC","Noto Sans Arabic","Noto Sans Devanagari","Noto Sans Bengali",system-ui,-apple-system,sans-serif;
  --mega-ink:#10191C;
  --mega-charcoal:#2C444C;
  --mega-air:#507C8B;
  --mega-platinum:#F1F0F4;
  --band-slant:clamp(72px,6vw,104px);
  --band-teal:linear-gradient(90deg,#163038 0%,#2C444C 46%,#5a8494 100%);
  --band-review:linear-gradient(90deg,#3d6878 0%,#507C8B 48%,#6e9eac 100%);

  --ease: cubic-bezier(0.16,1,0.3,1);
  --transition: 0.45s var(--ease);

  /* motion knobs (driven by Tweaks) */
  --reveal-y: 42px;
  --reveal-scale: 0.965;
  --reveal-blur: 10px;
  --reveal-dur: 0.95s;

  /* Liquid Glass (web approximation — promo landing only) */
  --lg-blur: blur(26px) saturate(185%) contrast(1.05);
  --lg-specular: rgba(255,255,255,0.38);
  --lg-inner: rgba(255,255,255,0.1);
  --lg-shadow: 0 32px 88px -36px rgba(0,0,0,0.88), inset 0 1px 0 rgba(255,255,255,0.1);
}

[data-theme="light"]{
  --c-bg:#eef0f6;
  --c-bg2:#e6e9f2;
  --c-bg3:#dfe3ee;
  --c-text:#0a0c12;
  --c-text2:rgba(10,12,18,0.62);
  --c-text3:rgba(10,12,18,0.40);
  --c-border:rgba(10,12,18,0.09);
  --c-border2:rgba(10,12,18,0.16);
  --c-surface:rgba(255,255,255,0.6);
  --c-surface2:rgba(255,255,255,0.85);
  --shadow-card: 0 30px 60px -30px rgba(20,24,40,0.4), 0 1px 0 rgba(255,255,255,0.8) inset;
  --shadow-float: 0 50px 110px -45px rgba(30,36,60,0.4);
}

/* ===== LIQUID GLASS (promo landing — web approximation) ===== */
.promo-lg{
  position:relative;isolation:isolate;overflow:hidden;
  backdrop-filter:var(--lg-blur);-webkit-backdrop-filter:var(--lg-blur);
  box-shadow:var(--lg-shadow);
}
.promo-lg::before{
  content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(circle at 18% 0%,rgba(255,255,255,0.24),transparent 38%),linear-gradient(125deg,rgba(255,255,255,0.1),transparent 44%);
  opacity:0.9;
}
.promo-lg::after{
  content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  padding:1px;background:linear-gradient(145deg,rgba(255,255,255,0.32),rgba(63,154,230,0.16) 40%,rgba(216,73,127,0.14) 70%,rgba(255,255,255,0.1));
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask-composite:exclude;-webkit-mask-composite:xor;opacity:0.7;
}
@keyframes promo-lg-shimmer{
  0%{transform:translateX(-120%) skewX(-12deg);opacity:0}
  18%{opacity:0.5}
  100%{transform:translateX(220%) skewX(-12deg);opacity:0}
}

/* ===== RESET ===== */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
html,body,button,input,select,textarea{font-family:var(--font-body);}
body{
  background:#10191C;
  color:var(--c-text);
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  transition:background 0.5s,color 0.5s;
}
body[data-theme="light"]{background:#eef0f6;}
img{display:block;max-width:100%;}
a{text-decoration:none;color:inherit;}
button{border:none;background:none;cursor:pointer;font-family:inherit;color:inherit;}
::selection{background:rgba(216,73,127,0.3);color:#fff;}

/* ===== AMBIENT BACKDROP ===== */
.backdrop{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none;}
.aurora{position:absolute;border-radius:50%;filter:blur(90px);opacity:0.22;mix-blend-mode:screen;will-change:transform;}
[data-theme="light"] .aurora{opacity:0.34;mix-blend-mode:multiply;}
.aurora.a1{width:60vw;height:60vw;background:radial-gradient(circle,rgba(63,154,230,0.55),transparent 65%);top:-22vw;left:-12vw;}
.aurora.a2{width:55vw;height:55vw;background:radial-gradient(circle,rgba(216,73,127,0.45),transparent 65%);top:30vh;right:-18vw;}
.aurora.a3{width:48vw;height:48vw;background:radial-gradient(circle,rgba(31,168,160,0.4),transparent 65%);top:120vh;left:25vw;}
.aurora.a4{width:50vw;height:50vw;background:radial-gradient(circle,rgba(242,180,60,0.32),transparent 65%);top:210vh;right:0vw;}
[data-bg="obsidian"] .aurora{opacity:0.22;}
.grid-veil{
  position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(var(--c-border) 1px,transparent 1px),linear-gradient(90deg,var(--c-border) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:radial-gradient(ellipse 90% 60% at 50% 0%,#000 0%,transparent 60%);
  mask-image:radial-gradient(ellipse 90% 60% at 50% 0%,#000 0%,transparent 60%);
  opacity:0.6;
}
body::after{
  content:'';position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:0.5;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");
}
[data-grain="off"] body::after{display:none;}

::-webkit-scrollbar{width:7px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:var(--c-border2);border-radius:99px;}

/* ===== SHARED ===== */
.wrap{max-width:1240px;margin:0 auto;}
section{padding:clamp(80px,11vh,150px) clamp(20px,5vw,80px);position:relative;}
.spectrum-text{
  background:var(--grad-spectrum);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
}
.eyebrow{
  display:inline-flex;align-items:center;gap:9px;
  font-family:var(--font-body);
  font-size:12.5px;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;
  margin-bottom:18px;
}
.eyebrow::before{content:'';width:22px;height:2px;border-radius:2px;background:var(--grad-spectrum);}
.eyebrow span{background:var(--grad-spectrum);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.section-title{
  font-family:var(--font-display);
  font-size:clamp(28px,2.2vw,34px);font-weight:500;line-height:1.2;letter-spacing:0;
  margin-bottom:18px;text-wrap:balance;
}
.section-sub{font-size:clamp(16px,1.5vw,19px);color:var(--c-text2);font-weight:400;line-height:1.6;max-width:540px;}
.center{text-align:center;}
.center .eyebrow{justify-content:center;}
.center .section-sub{margin-left:auto;margin-right:auto;}

/* ===== NAV ===== */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  height:70px;padding:0 clamp(18px,5vw,72px);
  display:flex;align-items:center;justify-content:space-between;
  background:color-mix(in srgb,var(--c-bg) 58%,transparent);
  backdrop-filter:var(--lg-blur);-webkit-backdrop-filter:var(--lg-blur);
  border-bottom:1px solid transparent;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.06);
  transition:border-color 0.4s,background 0.4s,height 0.4s,box-shadow 0.4s;
}
.nav.scrolled{border-color:var(--c-border);}
.nav-logo{display:flex;align-items:center;height:100%;}
.nav-logo img{height:30px;width:auto;filter:drop-shadow(0 2px 12px rgba(0,0,0,0.4));}
[data-theme="light"] .nav-logo img{filter:none;}
/* logo theme swap */
.logo-light{display:none;}
[data-theme="light"] .logo-dark{display:none;}
[data-theme="light"] .logo-light{display:block;}
.nav-right{display:flex;align-items:center;gap:10px;}
.nav-links{display:flex;align-items:center;gap:4px;margin-right:6px;}
.nav-link{
  font-size:14px;font-weight:500;color:var(--c-text2);
  padding:8px 14px;border-radius:99px;transition:color 0.25s,background 0.25s;
}
.nav-link:hover{color:var(--c-text);background:var(--c-surface2);}
.icon-btn{
  position:relative;isolation:isolate;overflow:hidden;
  width:38px;height:38px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:var(--c-surface);border:1px solid var(--c-border);color:var(--c-text2);
  backdrop-filter:blur(16px) saturate(170%);-webkit-backdrop-filter:blur(16px) saturate(170%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
  transition:var(--transition);
}
.icon-btn:hover{color:var(--c-text);background:var(--c-surface2);border-color:var(--c-border2);}
.lang-badge{
  font-size:12px;font-weight:700;letter-spacing:0.05em;
  padding:8px 12px;border-radius:99px;
  background:var(--c-surface);border:1px solid var(--c-border);color:var(--c-text2);
  transition:var(--transition);
}
.lang-badge:hover{background:var(--c-surface2);color:var(--c-text);}

/* spectrum CTA */
.btn-spectrum{
  position:relative;display:inline-flex;align-items:center;gap:9px;isolation:isolate;overflow:hidden;
  padding:11px 22px;border-radius:99px;font-weight:600;font-size:14px;color:#fff;
  background:var(--grad-spectrum);background-size:180% 100%;background-position:0% 50%;
  box-shadow:0 8px 30px -8px rgba(216,73,127,0.55),0 1px 0 rgba(255,255,255,0.28) inset;
  transition:transform 0.4s var(--ease),background-position 0.6s var(--ease),box-shadow 0.4s var(--ease);
}
.btn-spectrum::after{
  content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,0.35) 50%,transparent 62%);
  transform:translateX(-120%) skewX(-12deg);pointer-events:none;
}
.btn-spectrum:hover::after{animation:promo-lg-shimmer 0.85s var(--ease);}
.btn-spectrum:active{transform:translateY(0) scale(0.985);}
.btn-spectrum:hover{transform:translateY(-2px);background-position:100% 50%;box-shadow:0 14px 40px -10px rgba(216,73,127,0.7);}
.btn-spectrum.lg{padding:16px 30px;font-size:16px;font-weight:700;}
.btn-ghost{
  position:relative;isolation:isolate;overflow:hidden;
  display:inline-flex;align-items:center;gap:9px;
  padding:11px 22px;border-radius:99px;font-weight:600;font-size:14px;color:var(--c-text);
  background:var(--c-surface);border:1px solid var(--c-border2);
  backdrop-filter:blur(18px) saturate(170%);-webkit-backdrop-filter:blur(18px) saturate(170%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
  transition:var(--transition);
}
.btn-ghost:active{transform:translateY(0) scale(0.985);}
.btn-ghost:hover{background:var(--c-surface2);transform:translateY(-2px);}
.btn-ghost.lg{padding:15px 28px;font-size:16px;}

/* ===== HERO ===== */
.hero{
  min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  padding-top:clamp(120px,16vh,180px);text-align:center;overflow:hidden;
}
.hero-badge{
  display:inline-flex;align-items:center;gap:9px;
  padding:8px 16px 8px 12px;border-radius:99px;
  background:var(--c-surface);border:1px solid var(--c-border2);backdrop-filter:blur(10px);
  font-size:12.5px;font-weight:500;color:var(--c-text2);margin-bottom:26px;
}
.hero-badge .dot{width:7px;height:7px;border-radius:50%;background:var(--grad-spectrum);box-shadow:0 0 10px rgba(216,73,127,0.8);}
.hero-title{
  font-family:var(--font-display);
  font-size:clamp(40px,7vw,82px);font-weight:700;line-height:0.98;letter-spacing:-0.045em;
  margin-bottom:22px;
}
.hero-title span{display:block;white-space:nowrap;}
.hero-sub{font-size:clamp(16px,1.8vw,20px);color:var(--c-text2);font-weight:400;line-height:1.55;max-width:560px;margin:0 auto 36px;}
.hero-ctas{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:clamp(64px,10vh,120px);}

/* device cluster */
.hero-stage{
  position:relative;width:100%;max-width:980px;margin:0 auto;
  height:clamp(360px,52vh,560px);
  perspective:1600px;perspective-origin:50% 30%;
}
.hero-3d{position:absolute;inset:0;transform-style:preserve-3d;transition:transform 0.4s var(--ease);}
.device{
  position:absolute;bottom:0;left:50%;
  border-radius:38px;overflow:visible;
  will-change:transform;
  transition:transform 0.6s var(--ease),filter 0.6s var(--ease);
}
.device img{
  width:100%;height:auto;display:block;border-radius:38px;
  box-shadow:0 2px 0 rgba(255,255,255,0.08) inset;
  -webkit-box-reflect:below 8px linear-gradient(transparent 62%,rgba(0,0,0,0.18));
}
[data-reflect="off"] .device img{-webkit-box-reflect:none;}
.device::after{ /* spectrum under-glow */
  content:'';position:absolute;left:8%;right:8%;bottom:-6%;height:40%;border-radius:50%;
  background:var(--grad-spectrum);filter:blur(46px);opacity:0.4;z-index:-1;
}
.device.center{width:clamp(180px,19vw,234px);transform:translate(-50%,0) translateY(var(--py,0px)) rotateX(6deg);z-index:5;}
.device.left{width:clamp(150px,15vw,186px);transform:translate(calc(-50% - clamp(140px,16vw,216px)),26px) translateY(var(--py,0px)) rotateX(6deg) rotateY(24deg) rotateZ(-3deg);z-index:3;opacity:0.92;}
.device.right{width:clamp(150px,15vw,186px);transform:translate(calc(-50% + clamp(140px,16vw,216px)),26px) translateY(var(--py,0px)) rotateX(6deg) rotateY(-24deg) rotateZ(3deg);z-index:3;opacity:0.92;}
.device.left::after,.device.right::after{opacity:0.26;}

/* hero layout variants */
[data-hero="cascade"] .device.center{transform:translate(-50%,0) translateY(var(--py,0px)) rotateX(8deg) rotateY(-14deg) rotateZ(-2deg);}
[data-hero="cascade"] .device.left{transform:translate(calc(-50% - clamp(120px,14vw,196px)),52px) translateY(var(--py,0px)) rotateX(8deg) rotateY(-14deg) rotateZ(-2deg);z-index:4;opacity:0.8;}
[data-hero="cascade"] .device.right{transform:translate(calc(-50% + clamp(120px,14vw,196px)),-30px) translateY(var(--py,0px)) rotateX(8deg) rotateY(-14deg) rotateZ(-2deg);z-index:6;opacity:1;}
[data-hero="solo"] .device.left,[data-hero="solo"] .device.right{opacity:0;pointer-events:none;}
[data-hero="solo"] .device.center{width:clamp(196px,21vw,246px);transform:translate(-50%,0) translateY(var(--py,0px)) rotateX(4deg);}

.scroll-cue{
  position:absolute;bottom:18px;left:50%;transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--c-text3);font-size:11px;letter-spacing:0.18em;text-transform:uppercase;
}
.scroll-cue .mouse{width:22px;height:34px;border:1.5px solid var(--c-border2);border-radius:12px;position:relative;}
.scroll-cue .mouse::after{content:'';position:absolute;top:6px;left:50%;width:3px;height:6px;border-radius:2px;background:var(--c-text3);transform:translateX(-50%);animation:scrollwheel 1.6s infinite;}
@keyframes scrollwheel{0%{opacity:0;transform:translate(-50%,0);}40%{opacity:1;}80%,100%{opacity:0;transform:translate(-50%,10px);}}

/* ===== MARQUEE ===== */
.marquee{padding:18px 0;overflow:hidden;border-top:1px solid var(--c-border);border-bottom:1px solid var(--c-border);background:var(--c-bg2);}
.marquee-track{display:flex;width:max-content;animation:scroll-left 32s linear infinite;}
.marquee:hover .marquee-track{animation-play-state:paused;}
@keyframes scroll-left{to{transform:translateX(-50%);}}
.marquee-item{display:flex;align-items:center;gap:22px;padding:0 22px;white-space:nowrap;font-size:12.5px;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--c-text3);}
.marquee-item .d{width:5px;height:5px;border-radius:50%;background:var(--grad-spectrum);}

/* ===== PLATFORMS ===== */
.platforms{display:flex;align-items:center;justify-content:center;gap:clamp(14px,2vw,28px);flex-wrap:wrap;padding:46px clamp(20px,5vw,80px);}
.platforms .label{font-size:12.5px;color:var(--c-text3);font-weight:600;letter-spacing:0.05em;}
.pf-pill{display:flex;align-items:center;gap:9px;padding:10px 18px;border-radius:99px;background:var(--c-surface);border:1px solid var(--c-border2);font-size:14px;font-weight:600;color:var(--c-text2);transition:var(--transition);}
.pf-pill:hover{color:var(--c-text);background:var(--c-surface2);transform:translateY(-2px);}
.pf-pill svg{width:18px;height:18px;}

/* ===== FEATURES ===== */
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.feat-card{
  position:relative;overflow:hidden;isolation:isolate;
  background:color-mix(in srgb,var(--c-bg2) 72%,transparent);border:1px solid var(--c-border);border-radius:var(--r-lg);
  padding:34px;
  backdrop-filter:var(--lg-blur);-webkit-backdrop-filter:var(--lg-blur);
  box-shadow:var(--lg-shadow);
  transition:transform 0.4s var(--ease),border-color 0.4s,box-shadow 0.4s;
}
.feat-card::after{
  content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  padding:1px;background:linear-gradient(145deg,rgba(255,255,255,0.22),rgba(63,154,230,0.12) 45%,rgba(216,73,127,0.1));
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask-composite:exclude;-webkit-mask-composite:xor;opacity:0.65;
}
[data-theme="light"] .feat-card{background:var(--c-surface2);}
.feat-card::before{content:'';position:absolute;inset:0;background:var(--grad-spectrum);opacity:0;transition:opacity 0.4s;}
.feat-card:hover{border-color:var(--c-border2);box-shadow:var(--shadow-card);}
.feat-card:hover::before{opacity:0.04;}
.feat-card.large{grid-column:span 2;}
.feat-icon{
  width:50px;height:50px;border-radius:15px;
  display:flex;align-items:center;justify-content:center;margin-bottom:22px;
  background:var(--c-surface2);border:1px solid var(--c-border2);position:relative;z-index:1;color:var(--c-text);
}
.feat-icon svg{width:24px;height:24px;}
.feat-card.large .feat-icon{background:var(--grad-spectrum);border:none;color:#fff;box-shadow:0 8px 24px -8px rgba(216,73,127,0.6);}
.feat-title{font-family:var(--font-display);font-size:21px;font-weight:600;letter-spacing:-0.02em;margin-bottom:10px;position:relative;z-index:1;}
.feat-desc{font-size:14.5px;color:var(--c-text2);line-height:1.6;position:relative;z-index:1;}
.feat-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px;position:relative;z-index:1;}
.feat-tag{font-size:11px;font-weight:600;letter-spacing:0.03em;padding:4px 10px;border-radius:99px;background:var(--c-surface2);border:1px solid var(--c-border2);color:var(--c-text3);}

/* ===== SCREENSHOTS (phone marquee) ===== */
.screens{overflow:hidden;}
.screens-track-wrap{overflow:hidden;padding:48px 0 60px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);}
.screens-track{display:flex;gap:34px;width:max-content;align-items:center;animation:scroll-left 46s linear infinite;}
.screens:hover .screens-track{animation-play-state:paused;}
.shot{
  flex-shrink:0;width:clamp(180px,17vw,224px);border-radius:34px;position:relative;
  transition:transform 0.5s var(--ease);
}
.shot img{width:100%;border-radius:34px;box-shadow:var(--shadow-float),0 0 0 1px rgba(255,255,255,0.05) inset;-webkit-box-reflect:below 6px linear-gradient(transparent 66%,rgba(0,0,0,0.16));}
[data-reflect="off"] .shot img{-webkit-box-reflect:none;}
.shot:nth-child(even){transform:translateY(26px);}
.shot:nth-child(odd){transform:translateY(-12px);}
.shot:hover{transform:translateY(-20px) scale(1.04);z-index:2;}
.shot::after{content:'';position:absolute;left:10%;right:10%;bottom:2%;height:34%;border-radius:50%;background:var(--grad-spectrum);filter:blur(40px);opacity:0.22;z-index:-1;}

/* ===== TV SHOWCASE ===== */
.tv-wrap{max-width:980px;margin:48px auto 0;perspective:1500px;}
.tv-monitor{
  position:relative;transform:rotateX(7deg);transform-style:preserve-3d;
  transition:transform 0.7s var(--ease);
}
.tv-wrap:hover .tv-monitor{transform:rotateX(2deg);}
.tv-screen{
  position:relative;border-radius:18px;overflow:hidden;
  background:#000;border:1px solid var(--c-border2);
  box-shadow:var(--shadow-float),0 0 0 8px rgba(10,12,18,0.9),0 0 0 9px var(--c-border);
  aspect-ratio:16/9;
}
[data-theme="light"] .tv-screen{box-shadow:var(--shadow-float),0 0 0 8px #1a1d28,0 0 0 9px rgba(0,0,0,0.2);}
.tv-screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;transition:opacity 0.35s var(--ease);}
.tv-screen::before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,0.10),transparent 30%);}
.tv-glow{position:absolute;left:6%;right:6%;bottom:-7%;height:30%;border-radius:50%;background:var(--grad-spectrum);filter:blur(60px);opacity:0.38;z-index:-1;}
.tv-stand{width:120px;height:14px;margin:0 auto;background:linear-gradient(180deg,#1a1d28,#0d0f15);border-radius:0 0 8px 8px;box-shadow:0 8px 20px rgba(0,0,0,0.5);}
.tv-foot{width:200px;height:7px;margin:6px auto 0;border-radius:99px;background:#0d0f15;opacity:0.8;}
.tv-thumbs{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:40px;}
.tv-thumb{
  position:relative;width:128px;border-radius:12px;overflow:hidden;cursor:pointer;
  border:1px solid var(--c-border);opacity:0.5;transition:var(--transition);
}
.tv-thumb img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;}
.tv-thumb span{position:absolute;left:0;right:0;bottom:0;padding:14px 8px 6px;font-size:11px;font-weight:600;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,0.8));text-align:center;}
.tv-thumb:hover{opacity:0.85;transform:translateY(-3px);}
.tv-thumb.active{opacity:1;border-color:transparent;box-shadow:0 0 0 2px transparent;background:var(--grad-spectrum);padding:2px;}
.tv-thumb.active img{border-radius:10px;}

/* ===== PROFILES ===== */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,64px);align-items:center;}
.feature-list{list-style:none;display:flex;flex-direction:column;gap:14px;margin-top:30px;}
.feature-list li{display:flex;align-items:center;gap:13px;font-size:15px;color:var(--c-text2);}
.feature-list .chk{width:26px;height:26px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--brand-teal) 18%,transparent);border:1px solid color-mix(in srgb,var(--brand-teal) 35%,transparent);}
.feature-list .chk svg{width:13px;height:13px;color:var(--brand-teal);}
.profiles-visual{
  position:relative;overflow:hidden;border-radius:var(--r-2xl);padding:56px 40px;
  background:linear-gradient(150deg,#0c1320,#0c0f17 60%);border:1px solid var(--c-border2);
  box-shadow:var(--shadow-card);
}
[data-theme="light"] .profiles-visual{background:linear-gradient(150deg,#e6edfb,#eef0f7);}
.profiles-visual .pv-mark{position:absolute;top:-30px;right:-30px;width:180px;opacity:0.06;}
.profiles-visual h3{font-family:var(--font-display);font-weight:500;letter-spacing:0.36em;font-size:20px;text-align:center;margin-bottom:6px;}
.profiles-visual .who{text-align:center;font-size:14px;color:var(--c-text3);margin-bottom:40px;}
.profiles-row{display:flex;justify-content:center;align-items:flex-end;gap:clamp(16px,3vw,38px);flex-wrap:wrap;}
.profile-item{display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;transition:var(--transition);}
.profile-item:hover{transform:translateY(-6px);}
.profile-avatar{width:clamp(72px,8vw,96px);height:clamp(72px,8vw,96px);border-radius:24px;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:34px;border:2px solid var(--c-border2);transition:var(--transition);position:relative;}
.profile-item:hover .profile-avatar{border-color:transparent;box-shadow:0 0 0 2px var(--brand-magenta),0 14px 30px -10px rgba(216,73,127,0.5);}
.profile-avatar.color{font-family:var(--font-display);font-weight:700;color:#fff;font-size:30px;}
.profile-avatar.add{border-style:dashed;color:var(--c-text3);font-size:34px;background:var(--c-surface);}
.profile-name{font-size:13.5px;color:var(--c-text2);}
.profile-manage{display:block;margin:36px auto 0;padding:11px 28px;border-radius:99px;font-size:14px;font-weight:600;background:var(--c-surface2);border:1px solid var(--c-border2);color:var(--c-text2);transition:var(--transition);}
.profile-manage:hover{color:var(--c-text);background:var(--c-border2);}

/* ===== PRICING ===== */
.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1240px;margin:56px auto 0;}
.price-card{
  position:relative;overflow:hidden;text-align:left;isolation:isolate;
  padding:34px 28px;border-radius:var(--r-lg);
  background:color-mix(in srgb,var(--c-surface) 78%,transparent);border:1px solid var(--c-border2);
  backdrop-filter:var(--lg-blur);-webkit-backdrop-filter:var(--lg-blur);
  box-shadow:var(--lg-shadow);
  transition:transform 0.4s var(--ease),box-shadow 0.4s,border-color 0.4s;
}
.price-card::after{
  content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  padding:1px;background:linear-gradient(145deg,rgba(255,255,255,0.24),rgba(63,154,230,0.14) 50%,rgba(216,73,127,0.12));
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask-composite:exclude;-webkit-mask-composite:xor;opacity:0.6;
}
[data-theme="light"] .price-card{background:var(--c-surface2);}
.price-card:hover{box-shadow:var(--shadow-card);border-color:var(--c-border2);}
.price-card.featured{background:linear-gradient(165deg,color-mix(in srgb,var(--brand-indigo) 16%,var(--c-bg2)),var(--c-bg2));border-color:color-mix(in srgb,var(--brand-indigo) 40%,transparent);}
.price-card.featured::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad-spectrum);}
.price-badge{position:absolute;top:18px;right:18px;font-size:10.5px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;padding:5px 11px;border-radius:99px;background:var(--grad-spectrum);color:#fff;}
.price-plan{font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:var(--c-text2);margin-bottom:14px;}
.price-amount{font-family:var(--font-display);font-size:50px;font-weight:700;letter-spacing:-0.04em;line-height:1;margin-bottom:6px;}
.price-amount sup{font-size:22px;vertical-align:top;margin-top:6px;opacity:0.85;}
.price-amount span{font-size:16px;font-weight:400;color:var(--c-text2);}
.price-sub{font-size:13px;color:var(--c-text3);margin-bottom:24px;}
.price-divider{height:1px;background:var(--c-border);margin-bottom:22px;}
.price-features{list-style:none;display:flex;flex-direction:column;gap:11px;margin-bottom:28px;}
.price-features li{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:var(--c-text2);line-height:1.45;}
.price-features li::before{content:'';flex-shrink:0;width:18px;height:18px;margin-top:1px;border-radius:50%;background:color-mix(in srgb,var(--brand-teal) 16%,transparent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 24 24' fill='none' stroke='%231fa8a0' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/11px no-repeat;border:1px solid color-mix(in srgb,var(--brand-teal) 30%,transparent);}
.btn-price{width:100%;padding:13px 18px;border-radius:99px;font-size:14.5px;font-weight:700;transition:var(--transition);}
.btn-price-outline{background:var(--c-surface2);border:1px solid var(--c-border2);color:var(--c-text);}
.btn-price-outline:hover{background:var(--c-border2);}
.btn-price-gradient{background:var(--grad-spectrum);background-size:180% 100%;color:#fff;box-shadow:0 8px 26px -10px rgba(216,73,127,0.55);}
.btn-price-gradient:hover{transform:translateY(-2px);background-position:100% 50%;}
.pricing-note{margin-top:34px;text-align:center;font-size:13.5px;color:var(--c-text3);}

/* ===== ECOSYSTEME ===== */
.eco-logos{
  display:flex;flex-wrap:wrap;justify-content:center;gap:10px;
  margin-top:22px;
}
.eco-logo{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 14px;border-radius:999px;
  font-size:12.5px;font-weight:650;letter-spacing:0.01em;
  color:var(--c-text2);
  background:color-mix(in srgb,var(--c-bg2) 70%,transparent);
  border:1px solid var(--c-border);
  backdrop-filter:blur(10px);
}
.eco-logo svg{width:16px;height:16px;flex:0 0 auto;}
.eco-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  max-width:1100px;
  margin:0 auto;
}
.eco-card{
  position:relative;isolation:isolate;overflow:hidden;
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
  gap:14px;align-items:stretch;
  min-height:200px;padding:18px;
  border-radius:var(--r-lg);
  text-decoration:none;color:inherit;
  background:color-mix(in srgb,var(--c-bg2) 72%,transparent);
  border:1px solid var(--c-border);
  backdrop-filter:var(--lg-blur);-webkit-backdrop-filter:var(--lg-blur);
  box-shadow:var(--lg-shadow);
  transition:transform 0.4s var(--ease),border-color 0.3s,box-shadow 0.3s;
}
.eco-card::after{
  content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  padding:1px;background:linear-gradient(145deg,rgba(255,255,255,0.28),rgba(63,154,230,0.14) 45%,rgba(216,73,127,0.12));
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask-composite:exclude;-webkit-mask-composite:xor;opacity:0.65;
}
.eco-card:hover{transform:translateY(-4px);border-color:var(--c-border2);box-shadow:var(--shadow-card);}
.eco-card--wide{grid-column:1 / -1;grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);min-height:220px;}
.eco-card__preview{
  position:relative;border-radius:20px;overflow:hidden;min-height:160px;
  background:linear-gradient(160deg,#0c1018,#080a10);
  border:1px solid var(--c-border);
}
.eco-card__preview--mark{
  display:grid;place-items:center;
  background:radial-gradient(circle at 40% 30%,rgba(63,154,230,0.22),transparent 55%),linear-gradient(160deg,#0c1018,#080a10);
}
.eco-card__preview--mark img{width:72px;height:72px;object-fit:contain;opacity:0.92;filter:drop-shadow(0 12px 28px rgba(0,0,0,0.45));}
.eco-card__shot{position:absolute;border-radius:14px;box-shadow:0 18px 40px -18px rgba(0,0,0,0.85);object-fit:cover;background:#111;}
.eco-card__shot--back{width:68%;left:8%;top:18%;transform:rotate(-6deg);opacity:0.72;}
.eco-card__shot--front{width:52%;right:8%;bottom:10%;transform:rotate(5deg);z-index:2;}
.eco-card__shot--wide{width:78%;left:8%;top:16%;border-radius:12px;transform:rotate(-3deg);opacity:0.8;}
.eco-card--wide .eco-card__shot--back{width:42%;left:10%;top:16%;}
.eco-card--wide .eco-card__shot--front{width:34%;right:12%;}
.eco-card__icon{
  position:absolute;left:28px;top:28px;z-index:3;
  width:42px;height:42px;border-radius:14px;
  display:grid;place-items:center;
  background:var(--c-surface2);border:1px solid var(--c-border2);color:var(--c-text);
  backdrop-filter:blur(10px);
}
.eco-card__icon svg{width:22px;height:22px;}
.eco-card__icon--android{background:linear-gradient(145deg,#3ddc84,#1fa86a);border:none;color:#062016;}
.eco-card__body{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:10px 8px 10px 4px;}
.eco-card__label{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-0.03em;margin-bottom:8px;}
.eco-card__hint{font-size:14.5px;color:var(--c-text2);line-height:1.55;margin:0 0 16px;}
.eco-card__cta{font-size:13.5px;font-weight:700;color:var(--brand-gold);}
.eco-card--discover{background:linear-gradient(165deg,color-mix(in srgb,var(--brand-blue) 12%,var(--c-bg2)),var(--c-bg2));}
.eco-card--auth{background:linear-gradient(165deg,color-mix(in srgb,var(--brand-indigo) 14%,var(--c-bg2)),var(--c-bg2));}
.eco-card--companion{background:linear-gradient(165deg,color-mix(in srgb,var(--brand-gold) 12%,var(--c-bg2)),var(--c-bg2));}
.eco-card--web{background:linear-gradient(165deg,color-mix(in srgb,var(--brand-magenta) 12%,var(--c-bg2)),var(--c-bg2));}
.eco-card--android{background:linear-gradient(165deg,color-mix(in srgb,#3ddc84 10%,var(--c-bg2)),var(--c-bg2));}
.eco-card--android .eco-card__cta{color:#5fbf5a;}
.eco-card--web .eco-card__cta{color:var(--brand-magenta);}
.eco-card--auth .eco-card__cta{color:#8b93f0;}
.eco-card--discover .eco-card__cta{color:var(--brand-blue);}
@media(max-width:900px){
  .eco-grid{grid-template-columns:1fr;}
  .eco-card,.eco-card--wide{grid-template-columns:1fr;min-height:0;}
  .eco-card__preview{min-height:180px;}
}

/* ===== ACCOUNT ===== */
.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:52px;}
.account-panel{background:var(--c-surface);border:1px solid var(--c-border2);border-radius:var(--r-lg);padding:36px;backdrop-filter:blur(16px);transition:var(--transition);}
[data-theme="light"] .account-panel{background:var(--c-surface2);}
.account-panel:hover{box-shadow:var(--shadow-card);}
.account-panel-title{font-family:var(--font-display);font-size:21px;font-weight:600;letter-spacing:-0.02em;margin-bottom:8px;}
.account-panel-sub{font-size:13.5px;color:var(--c-text2);margin-bottom:26px;line-height:1.5;}
#login-form{display:flex;flex-direction:column;gap:14px;}
.field{display:flex;flex-direction:column;gap:7px;}
.field label{font-size:13px;font-weight:600;color:var(--c-text2);}
.field input{padding:13px 16px;border-radius:12px;background:var(--c-bg2);border:1px solid var(--c-border2);color:var(--c-text);font-family:var(--font-body);font-size:15px;outline:none;transition:border-color 0.2s,box-shadow 0.2s;}
[data-theme="light"] .field input{background:#fff;}
.field input:focus{border-color:color-mix(in srgb,var(--brand-indigo) 60%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-indigo) 16%,transparent);}
.field input::placeholder{color:var(--c-text3);}
#login-status{font-size:13px;font-weight:600;padding:12px 16px;border-radius:12px;display:none;}
.status-error{background:rgba(239,68,68,0.12);border:1px solid rgba(239,68,68,0.3);color:#fca5a5;}
.status-success{background:rgba(31,168,160,0.14);border:1px solid rgba(31,168,160,0.35);color:#6ee7df;}
.user-panel{display:none;}
.user-avatar-row{display:flex;align-items:center;gap:15px;margin-bottom:24px;}
.user-avatar-img{width:54px;height:54px;border-radius:50%;background:var(--grad-spectrum);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:20px;font-weight:700;color:#fff;}
.user-name{font-family:var(--font-display);font-size:19px;font-weight:600;}
.user-email{font-size:13px;color:var(--c-text2);}
.devices-list,.profiles-manage-list{display:flex;flex-direction:column;gap:10px;}
.section-label{font-size:12px;font-weight:700;color:var(--c-text3);margin-bottom:12px;letter-spacing:0.07em;text-transform:uppercase;}
.device-row,.profile-row{display:flex;align-items:center;gap:12px;padding:12px 15px;border-radius:12px;background:var(--c-bg2);border:1px solid var(--c-border);}
[data-theme="light"] .device-row,[data-theme="light"] .profile-row{background:rgba(0,0,0,0.03);}
.device-icon{font-size:19px;flex-shrink:0;}
.device-info{flex:1;}
.device-name{font-size:14px;font-weight:600;}
.device-detail{font-size:12px;color:var(--c-text3);}
.device-status{width:8px;height:8px;border-radius:50%;background:var(--brand-teal);flex-shrink:0;box-shadow:0 0 8px var(--brand-teal);}
.device-status.inactive{background:var(--c-text3);box-shadow:none;}
.profile-row-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:14px;}
.profile-row-name{flex:1;font-size:14px;font-weight:600;}
.profile-row-badge{font-size:11px;font-weight:600;padding:3px 9px;border-radius:99px;background:var(--c-surface2);color:var(--c-text3);}

/* ===== LEGAL + FOOTER ===== */
.legal{
  position:relative;z-index:12;
  width:100%;
  padding:52px clamp(20px,5vw,80px) 8px;
  border-top:none;text-align:center;
  background:var(--mega-ink);
}
.legal.reveal,
.screen-picker-wrap.reveal,
#pricing.reveal{opacity:1;transform:none;filter:none;}
.legal p{font-size:12px;color:var(--c-text3);line-height:1.7;max-width:720px;margin:0 auto;}
footer{padding:60px clamp(20px,5vw,80px) 42px;border-top:1px solid var(--c-border);}
.footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;flex-wrap:wrap;margin-bottom:44px;}
.footer-brand{max-width:300px;}
.footer-brand img{height:28px;margin-bottom:14px;}
.footer-brand p{font-size:14px;color:var(--c-text2);line-height:1.6;}
.footer-col-title{font-size:12px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--c-text3);margin-bottom:16px;}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:11px;}
.footer-col a{font-size:14px;color:var(--c-text2);transition:color 0.2s;}
.footer-col a:hover{color:var(--c-text);}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;padding-top:24px;border-top:1px solid var(--c-border);}
.footer-bottom span{font-size:13px;color:var(--c-text3);}
.footer-heart{background:var(--grad-spectrum);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}

/* ===== REVEAL (GTA-style) ===== */
.reveal{opacity:0;transform:translateY(var(--reveal-y)) scale(var(--reveal-scale));filter:blur(var(--reveal-blur));transition:opacity var(--reveal-dur) var(--ease),transform var(--reveal-dur) var(--ease),filter var(--reveal-dur) var(--ease);will-change:opacity,transform,filter;}
.reveal.in{opacity:1;transform:none;filter:none;}
/* staggered children */
.reveal[data-stagger] > *{opacity:0;transform:translateY(30px) scale(0.98);filter:blur(6px);transition:opacity 0.75s var(--ease),transform 0.75s var(--ease),filter 0.75s var(--ease);}
.reveal[data-stagger].in > *{opacity:1;transform:none;filter:none;}
.reveal[data-stagger].in > *:nth-child(1){transition-delay:0.04s;}
.reveal[data-stagger].in > *:nth-child(2){transition-delay:0.12s;}
.reveal[data-stagger].in > *:nth-child(3){transition-delay:0.20s;}
.reveal[data-stagger].in > *:nth-child(4){transition-delay:0.28s;}
.reveal[data-stagger].in > *:nth-child(5){transition-delay:0.36s;}
.reveal[data-stagger].in > *:nth-child(6){transition-delay:0.44s;}
[data-motion="subtle"] .reveal[data-stagger] > *{transform:translateY(16px);filter:none;transition-duration:0.5s;}
[data-motion="subtle"]{--reveal-y:22px;--reveal-scale:1;--reveal-blur:0px;--reveal-dur:0.6s;}
@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1!important;transform:none!important;filter:none!important;}
  .aurora,.marquee-track,.screens-track{animation:none!important;}
  html{scroll-behavior:auto;}
}

/* ===== RESPONSIVE ===== */
@media(max-width:980px){
  .features-grid{grid-template-columns:1fr 1fr;}
  .feat-card.large{grid-column:span 2;}
  .pricing-grid{grid-template-columns:1fr 1fr;}
  .nav-links{display:none;}
}
@media(max-width:760px){
  .split{grid-template-columns:1fr;}
  .account-grid{grid-template-columns:1fr;}
  .device.left,.device.right{display:none;}
  .hero-stage{height:auto;min-height:420px;}
}
@media(max-width:560px){
  .features-grid{grid-template-columns:1fr;}
  .feat-card.large{grid-column:span 1;}
  .pricing-grid{grid-template-columns:1fr;}
  .footer-top{gap:28px;}
}

/* ============================================================
   NUVIO-STYLE FLOATING PILL NAV (ISO MEGAFLOATINGNAV)
   ============================================================ */
/* ===== FLOATING PILL NAVBAR (ISO NUVIO PJ 2 & PJ 3) ===== */
.floating-nav-wrap{
  position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:1000;
  max-width:calc(100vw - 20px);width:max-content;pointer-events:none;
}
.floating-nav{
  pointer-events:auto;
  display:flex;align-items:center;gap:8px;
  padding:8px 16px;border-radius:9999px;
  background:rgba(14,16,24,0.92);
  backdrop-filter:blur(30px) saturate(200%);
  -webkit-backdrop-filter:blur(30px) saturate(200%);
  border:1px solid rgba(255,255,255,0.14);
  box-shadow:0 18px 50px rgba(0,0,0,0.65);
  transition:all 0.2s var(--ease);
}
[data-theme="light"] .floating-nav{
  background:rgba(255,255,255,0.94);
  border-color:rgba(0,0,0,0.10);
  box-shadow:0 12px 35px rgba(0,0,0,0.14);
}
.floating-brand{
  display:flex;align-items:center;gap:8px;padding:0 6px 0 2px;
  font-weight:800;font-size:17.5px;letter-spacing:-0.02em;color:#fff;text-decoration:none;
  transition:opacity 0.2s ease;
}
.floating-brand:hover{opacity:0.9;}
[data-theme="light"] .floating-brand{color:#0f172a;}
.floating-brand img{
  width:28px;height:28px;min-width:28px;min-height:28px;
  object-fit:contain;background:transparent;display:block;
}
.floating-links{display:flex;align-items:center;gap:4px;}
.floating-link{
  font-size:14.5px;font-weight:700;padding:8px 18px;border-radius:9999px;
  color:rgba(255,255,255,0.75);text-decoration:none;transition:all 0.2s var(--ease);
}
[data-theme="light"] .floating-link{color:rgba(15,23,42,0.72);}
.floating-link:hover{color:#fff;background:rgba(255,255,255,0.08);}
[data-theme="light"] .floating-link:hover{color:#0f172a;background:rgba(0,0,0,0.05);}
.floating-link.active{
  background:#fff;color:#000;font-weight:800;box-shadow:0 2px 10px rgba(0,0,0,0.25);
}
[data-theme="light"] .floating-link.active{
  background:#0f172a;color:#fff;
}
.floating-link.link-premium{
  background:var(--grad-spectrum);-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;font-weight:800;
}
.floating-link.link-premium:hover{
  opacity:0.9;
}
.floating-right{
  display:flex;align-items:center;gap:8px;padding-left:8px;
  border-left:1px solid rgba(255,255,255,0.14);
}
[data-theme="light"] .floating-right{border-left-color:rgba(0,0,0,0.10);}

/* Language menu — full names, not the tiny native select */
.lang-selector-wrap,.lang-menu{position:relative;}
.lang-menu-btn{
  display:inline-flex;align-items:center;gap:6px;
  min-height:36px;padding:6px 10px;border-radius:999px;border:0;
  background:transparent;color:rgba(255,255,255,0.78);
  font-family:var(--font-body);font-size:13px;font-weight:700;cursor:pointer;
}
.lang-menu-btn:hover{color:#fff;background:rgba(255,255,255,0.08);}
.lang-menu-panel{
  display:none;
  position:absolute;top:calc(100% + 10px);right:0;z-index:80;
  width:min(240px,72vw);max-height:min(420px,70dvh);overflow:auto;
  padding:6px;border-radius:16px;
  background:#12161c;border:1px solid rgba(255,255,255,0.12);
  box-shadow:0 18px 40px rgba(0,0,0,0.45);
}
.lang-menu.is-open .lang-menu-panel{display:block;}
.lang-menu-panel[hidden]{display:none !important;}
.lang-option{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  width:100%;min-height:44px;padding:8px 12px;border:0;border-radius:12px;
  background:transparent;color:#F1F0F4;text-align:left;
  font-family:var(--font-body);font-size:15px;font-weight:650;cursor:pointer;
}
.lang-option:hover{background:rgba(255,255,255,0.08);}
.lang-option.is-active{background:#fff;color:#10191C;}
.lang-option small{font-size:11px;font-weight:700;letter-spacing:0.06em;opacity:0.55;}
.nav-sheet .lang-menu{width:100%;}
.nav-sheet .lang-menu-btn{width:100%;justify-content:space-between;min-height:44px;padding:8px 4px;}
.nav-sheet .lang-menu-panel{position:static;width:100%;margin-top:4px;box-shadow:none;}
.floating-lang-select{
  appearance:none;-webkit-appearance:none;
  background:transparent;border:none;
  color:rgba(255,255,255,0.55);border-radius:0;padding:4px 2px;
  font-family:var(--font-display);font-size:12px;font-weight:600;
  cursor:pointer;outline:none;transition:color 0.2s ease;
  box-shadow:none;
}
[data-theme="light"] .floating-lang-select{
  background:transparent;border:none;color:rgba(15,23,42,0.55);
}
[data-theme="light"] .floating-lang-select option{
  background:#ffffff;color:#0f172a;
}

.floating-theme-btn{display:none !important;}
.word-firetv{display:inline-flex;align-items:center;gap:8px;font-size:26px;font-weight:700;letter-spacing:-0.03em;}
.footer-socials a,.footer-socials .social-soon{
  display:inline-flex;align-items:center;justify-content:center;
  width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,0.08);
  color:rgba(255,255,255,0.8);transition:all 0.2s ease;text-decoration:none;
  border:0;padding:0;cursor:pointer;position:relative;font:inherit;
}
.social-soon .soon-pop{
  position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);
  padding:6px 10px;border-radius:999px;background:#fff;color:#10191C;
  font-family:var(--font-body);font-size:12px;font-weight:700;white-space:nowrap;
  box-shadow:0 10px 24px rgba(0,0,0,0.35);pointer-events:none;
}
.social-soon .soon-pop::after{
  content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);
  border:5px solid transparent;border-top-color:#fff;
}
.social-soon .soon-pop[hidden]{display:none !important;}
.floating-theme-btn:hover{color:#fff;background:rgba(255,255,255,0.1);}
[data-theme="light"] .floating-theme-btn{color:rgba(15,23,42,0.6);}
[data-theme="light"] .floating-theme-btn:hover{color:#0f172a;background:rgba(0,0,0,0.06);}

.floating-profile-btn{
  display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:9999px;
  font-size:14px;font-weight:700;color:#fff;background:rgba(255,255,255,0.12);
  border:1px solid rgba(255,255,255,0.14);text-decoration:none;transition:all 0.2s ease;
  cursor:pointer;
}
.floating-profile-btn:hover{background:rgba(255,255,255,0.2);color:#fff;}
[data-theme="light"] .floating-profile-btn{color:#0f172a;background:rgba(0,0,0,0.06);border-color:rgba(0,0,0,0.08);}
[data-theme="light"] .floating-profile-btn:hover{background:rgba(0,0,0,0.12);}

/* ===== RICH GLASS PROFILE POPUP DROPDOWN (ISO REQUIREMENT 1) ===== */
.promo-profile-dropdown{
  position:absolute;top:calc(100% + 12px);right:0;width:260px;
  background:rgba(14,17,26,0.96);
  backdrop-filter:blur(36px) saturate(200%);
  -webkit-backdrop-filter:blur(36px) saturate(200%);
  border:1px solid rgba(255,255,255,0.14);
  border-radius:20px;
  padding:14px;
  box-shadow:0 24px 60px rgba(0,0,0,0.85), 0 0 25px rgba(63,154,230,0.18);
  opacity:0;pointer-events:none;transform:translateY(10px) scale(0.96);
  transition:all 0.22s cubic-bezier(0.16,1,0.3,1);
  z-index:2000;
}
.promo-profile-dropdown.open{
  opacity:1;pointer-events:auto;transform:translateY(0) scale(1);
}
[data-theme="light"] .promo-profile-dropdown{
  background:rgba(255,255,255,0.96);
  border-color:rgba(0,0,0,0.12);
  box-shadow:0 18px 45px rgba(0,0,0,0.15);
}
.dropdown-header{
  display:flex;align-items:center;gap:12px;padding:4px 6px 10px;
}
.dropdown-avatar-slot{
  width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
}
.dropdown-avatar-slot img{
  width:100%;height:100%;object-fit:cover;
}
.dropdown-user-info{overflow:hidden;}
.dropdown-name{
  font-family:var(--font-display);font-size:14.5px;font-weight:700;
  color:#ffffff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
[data-theme="light"] .dropdown-name{color:#0f172a;}
.dropdown-email{
  font-size:12px;color:rgba(255,255,255,0.55);white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;
}
[data-theme="light"] .dropdown-email{color:rgba(15,23,42,0.55);}
.dropdown-divider{
  height:1px;background:rgba(255,255,255,0.10);margin:6px 0;
}
[data-theme="light"] .dropdown-divider{background:rgba(0,0,0,0.08);}
.dropdown-menu{display:flex;flex-direction:column;gap:3px;}
.dropdown-item{
  display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;
  font-size:13.5px;font-weight:600;color:rgba(255,255,255,0.82);text-decoration:none;
  transition:all 0.18s ease;background:transparent;border:none;cursor:pointer;width:100%;text-align:left;
}
.dropdown-item:hover{
  background:rgba(255,255,255,0.09);color:#ffffff;transform:translateX(3px);
}
[data-theme="light"] .dropdown-item{color:rgba(15,23,42,0.8);}
[data-theme="light"] .dropdown-item:hover{background:rgba(0,0,0,0.06);color:#0f172a;}
.dropdown-logout{color:#f87171 !important;}
.dropdown-logout:hover{background:rgba(239,68,68,0.12) !important;color:#fca5a5 !important;}

/* Mobile Responsive Navbar Rules (ISO PJ 4) */
@media(max-width:640px){
  .floating-nav-wrap{top:12px;max-width:calc(100vw - 16px);}
  .floating-nav{padding:5px 8px;gap:3px;}
  .floating-brand span{display:none;}
  .floating-brand{padding:0 2px;}
  .floating-brand img{width:26px;height:26px;min-width:26px;min-height:26px;}
  .floating-links{gap:2px;}
  .floating-link{padding:6px 10px;font-size:12.5px;}
  .floating-right{padding-left:5px;gap:4px;}
  .floating-lang-select{padding:4px 8px;font-size:11px;}
  .floating-theme-btn{width:30px;height:30px;padding:6px;}
  .floating-profile-btn{padding:5px 10px;font-size:12.5px;gap:4px;}
  .promo-profile-dropdown{width:230px;right:-10px;}
}
@media(max-width:440px){
  .floating-link{padding:5px 8px;font-size:12px;}
  .floating-profile-btn .login-text{display:none;}
}

/* Platform Ribbon (ISO PJ 1) */
.platform-ribbon{
  display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:18px;
  margin-top:95px;margin-bottom:20px;padding:0 20px;
}
.platform-tag{
  display:inline-flex;align-items:center;gap:6px;
  font-size:12px;font-weight:500;color:rgba(255,255,255,0.55);
}
[data-theme="light"] .platform-tag{color:rgba(0,0,0,0.55);}
.platform-tag svg{width:13px;height:13px;opacity:0.8;}

/* Pick Your Screen — full-bleed light band (Nuvio), card stays dark */
.screen-picker-wrap{max-width:none;width:100%;margin:0 auto;padding:60px 20px;}
.screen-picker-tabs{
  display:inline-flex;padding:5px;border-radius:9999px;
  background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);
  margin-top:28px;margin-bottom:34px;
}
.screen-tab-btn{
  padding:8px 22px;border-radius:9999px;font-size:13px;font-weight:600;
  color:rgba(255,255,255,0.7);transition:all 0.2s var(--ease);
}
.screen-tab-btn.active{
  background:#fff;color:#000;box-shadow:0 4px 14px rgba(0,0,0,0.3);
}
[data-theme="light"] .screen-tab-btn.active{background:#000;color:#fff;}

.screen-card{
  border-radius:32px;background:#10121a;border:1px solid rgba(255,255,255,0.08);
  box-shadow:0 30px 80px -20px rgba(0,0,0,0.8);
  padding:clamp(28px,4vw,56px);display:grid;grid-template-columns:1fr;gap:28px;align-items:center;
}
@media(max-width:820px){
  .screen-card{grid-template-columns:1fr;gap:32px;}
}
.screen-card__title{font-size:clamp(24px,3vw,34px);font-weight:700;color:#fff;margin-bottom:12px;letter-spacing:-0.02em;}
.screen-card__sub{font-size:15px;color:rgba(255,255,255,0.65);line-height:1.6;margin-bottom:28px;}
.screen-card__logos{
  display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:26px;
}
.platform-brand-badge{
  display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:9999px;
  background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);
  font-size:12.5px;font-weight:700;color:rgba(255,255,255,0.9);
  backdrop-filter:blur(10px);transition:all 0.2s ease;
}
.platform-brand-badge:hover{
  background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.2);transform:translateY(-1px);
}
.platform-brand-badge svg{flex-shrink:0;}
.screen-card__ctas{display:flex;flex-wrap:wrap;gap:12px;}
.screen-card__preview{
  position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:4px 0 0;border-radius:0;background:none;min-height:0;
}
.page-chips{display:flex;gap:18px;margin-bottom:14px;}
.page-chip{
  background:none;border:none;padding:0;cursor:pointer;
  font-size:13px;font-weight:600;color:rgba(255,255,255,0.45);
}
.page-chip.active{color:#fff;}
.page-chip:hover{color:#fff;}
.device-set{position:relative;width:min(920px,100%);margin:0 auto;}
.device-shot{width:100%;height:auto;display:block;}
.device-frame{position:relative;z-index:2;width:100%;height:auto;display:block;pointer-events:none;}
.dev-shot{position:absolute;z-index:1;object-fit:fill;object-position:center;display:block;max-width:none;}
.dev-tv{left:16.15%;top:13.55%;width:78.15%;height:64.55%;}
.dev-tablet{left:3.7%;top:51.55%;width:20.3%;height:40%;border-radius:7px;}
.dev-phone{left:23.85%;top:64.15%;width:10.7%;height:32.15%;border-radius:11px;}
.screen-mockup-frame{
  transition:all 0.3s cubic-bezier(0.16,1,0.3,1);
  display:flex;align-items:center;justify-content:center;margin:0 auto;
}
.screen-mockup-frame.mode-phone{
  max-width:240px;max-height:460px;width:100%;
  border-radius:38px;border:5px solid #1c202d;
  box-shadow:0 24px 60px rgba(0,0,0,0.7), 0 0 35px rgba(63,154,230,0.18);
  overflow:hidden;position:relative;background:#05070a;
}
.screen-mockup-frame.mode-tv{
  max-width:460px;max-height:270px;width:100%;
  border-radius:16px;border:4px solid #161a25;
  box-shadow:0 25px 65px rgba(0,0,0,0.85), 0 0 50px rgba(129,140,248,0.25);
  overflow:hidden;position:relative;background:#05070a;
}
.screen-mockup-frame.mode-web{
  max-width:460px;max-height:280px;width:100%;
  border-radius:16px;border:2px solid rgba(255,255,255,0.14);
  box-shadow:0 25px 65px rgba(0,0,0,0.85), 0 0 40px rgba(56,189,248,0.2);
  overflow:hidden;position:relative;background:#05070a;
}
.screen-mockup-frame img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:opacity 0.2s ease;
}

/* Flagship Features Grid */
.flagship-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-top:40px;
}
.flagship-card{
  border-radius:24px;background:#10131b;border:1px solid rgba(255,255,255,0.07);
  padding:32px;transition:all 0.3s var(--ease);
}
.flagship-card:hover{
  border-color:rgba(255,255,255,0.18);transform:translateY(-4px);
  box-shadow:0 24px 60px -15px rgba(0,0,0,0.7);
}
.flagship-badge{
  display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:9999px;
  font-size:11px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;margin-bottom:18px;
}
.flagship-title{font-size:20px;font-weight:700;color:#fff;margin-bottom:10px;}
.flagship-desc{font-size:14px;color:rgba(255,255,255,0.6);line-height:1.6;}

.feat-studio{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(240px,0.72fr);
  gap:22px;align-items:stretch;
  max-width:1120px;margin:8px auto 0;
}
.feat-stage{
  position:relative;overflow:hidden;
  min-height:520px;border-radius:28px;
  background:
    radial-gradient(ellipse 70% 60% at 28% 42%, rgba(80,124,139,0.35), transparent 68%),
    #152226;
  border:1px solid rgba(241,240,244,0.08);
  padding:36px 32px;
}
.feat-panel{display:none;height:100%;align-items:center;gap:28px;}
.feat-panel.is-on{display:grid;grid-template-columns:minmax(220px,46%) minmax(0,1fr);}
.feat-phones{display:flex;align-items:flex-end;justify-content:center;width:100%;}
.feat-phones img{width:58%;height:auto;display:block;filter:drop-shadow(0 22px 18px rgba(0,0,0,0.45));}
.feat-phones .phone-match{width:50%;margin-left:-18%;}
.feat-copy{text-align:left;min-width:0;}
.feat-kicker{
  margin:0 0 10px;font-size:13px;font-weight:600;letter-spacing:0.04em;
  text-transform:uppercase;color:#8ec4d2;
}
.feat-copy h3{
  margin:0 0 12px;font-family:var(--font-display);
  font-size:clamp(26px,2.4vw,34px);font-weight:600;line-height:1.15;color:#fff;
}
.feat-copy p{margin:0;max-width:36ch;font-size:16px;line-height:1.7;color:rgba(241,240,244,0.82);}
.feat-phone{display:flex;justify-content:center;}
.feat-phone-3d{
  width:min(210px,42vw);aspect-ratio:9/19.2;padding:9px;
  border-radius:34px;
  background:linear-gradient(165deg,#3a3d42 0%,#121416 38%,#0a0c0e 100%);
  box-shadow:
    0 28px 40px -18px rgba(0,0,0,0.75),
    inset 0 0 0 1px rgba(255,255,255,0.16),
    inset 0 1px 0 rgba(255,255,255,0.28);
  transform:perspective(900px) rotateY(-16deg) rotateX(7deg);
  transform-origin:center center;
}
.feat-phone-3d img{
  width:100%;height:100%;object-fit:cover;display:block;border-radius:26px;
}
.feat-art{
  width:min(250px,100%);min-height:280px;margin:0 auto;
  display:flex;align-items:center;justify-content:center;position:relative;
}
.feat-cast{
  display:flex;align-items:center;justify-content:center;gap:8px;width:100%;
}
.feat-mini{
  width:72px;height:120px;border-radius:16px;padding:5px;
  background:linear-gradient(160deg,#2c3036,#0c0e10);
  box-shadow:0 16px 24px -14px rgba(0,0,0,0.8), inset 0 0 0 1px rgba(255,255,255,0.14);
}
.feat-mini span{display:block;height:100%;border-radius:12px;background:linear-gradient(180deg,#1a333c,#507C8B);}
.feat-mini.tv{width:128px;height:84px;border-radius:12px;}
.feat-mini.tv span{border-radius:8px;background:linear-gradient(160deg,#10191C,#2C444C 60%,#8ec4d2);}
.feat-cast-link{
  width:36px;height:2px;background:linear-gradient(90deg,#8ec4d2,#F1F0F4);
  position:relative;
}
.feat-cast-link::after{
  content:'';position:absolute;right:-1px;top:-4px;
  border:5px solid transparent;border-left:7px solid #F1F0F4;
}
.feat-sources,.feat-hdr,.feat-cloud{flex-direction:column;gap:12px;width:100%;}
.feat-chip{
  display:flex;align-items:center;justify-content:center;
  min-height:48px;padding:10px 16px;border-radius:14px;
  background:rgba(241,240,244,0.06);border:1px solid rgba(241,240,244,0.12);
  color:#F1F0F4;font-weight:600;font-size:15px;letter-spacing:0.02em;
}
.feat-hdr-mark{
  font-family:var(--font-display);font-weight:700;letter-spacing:0.08em;
  font-size:28px;color:#F1F0F4;
}
.feat-hdr-mark.soft{font-size:18px;font-weight:600;letter-spacing:0.14em;color:#8ec4d2;}
.feat-cloud-icon{width:72px;height:52px;color:#8ec4d2;}
.feat-profile{
  display:flex;align-items:center;gap:12px;
  padding:12px 14px;border-radius:16px;width:100%;
  background:rgba(16,25,28,0.72);border:1px solid rgba(241,240,244,0.1);
}
.feat-avatar{
  width:40px;height:40px;border-radius:50%;flex:0 0 auto;
  background:linear-gradient(135deg,#507C8B,#d8497f);
}
.feat-profile strong{display:block;font-size:14px;color:#fff;}
.feat-profile small{color:rgba(241,240,244,0.62);font-size:12px;}
.feat-rail{display:flex;flex-direction:column;gap:8px;}
.feat-rail-btn{
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;
  width:100%;min-height:64px;padding:12px 16px;text-align:left;
  border-radius:16px;border:1px solid rgba(241,240,244,0.1);
  background:rgba(241,240,244,0.03);color:#F1F0F4;
  font-family:var(--font-body);cursor:pointer;
}
.feat-rail-kicker{font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:#8ec4d2;}
.feat-rail-name{font-size:15px;font-weight:600;line-height:1.3;}
.feat-rail-desc{display:none;}
.feat-rail-btn.is-on{background:#F1F0F4;border-color:#F1F0F4;color:#10191C;}
.feat-rail-btn.is-on .feat-rail-kicker{color:#507C8B;}
.feat-rail-btn:hover{border-color:rgba(241,240,244,0.28);}
@media(max-width:860px){
  .feat-studio{grid-template-columns:1fr;gap:12px;}
  .feat-stage{min-height:0;padding:16px 14px 12px;overflow:visible;}
  .feat-panel.is-on{grid-template-columns:1fr;justify-items:center;text-align:center;}
  .feat-copy{display:none;}
  .feat-phones{position:relative;height:214px;width:100%;align-items:flex-end;}
  .feat-phones img{
    position:absolute;bottom:0;width:auto;height:206px;max-width:46%;
    object-fit:contain;object-position:bottom center;
  }
  .feat-phones .phone-social{left:8%;z-index:1;}
  .feat-phones .phone-match{right:6%;left:auto;margin:0;height:188px;width:auto;z-index:2;}
  .feat-art{min-height:168px;width:min(100%,280px);}
  .feat-phone-3d{width:min(132px,38vw);transform:perspective(900px) rotateY(-12deg) rotateX(6deg);}
  .feat-rail{
    flex-direction:row;align-items:stretch;gap:8px;
    overflow-x:auto;padding:2px 2px 6px;
    scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;
  }
  .feat-rail-btn{
    flex:0 0 52px;width:52px;min-height:52px;height:52px;padding:0;
    align-items:center;justify-content:center;overflow:hidden;
    scroll-snap-align:center;border-radius:16px;
  }
  .feat-rail-btn::before{
    content:"";width:22px;height:22px;flex:0 0 auto;
    background:currentColor;
    -webkit-mask:var(--feat-icon) center / contain no-repeat;
    mask:var(--feat-icon) center / contain no-repeat;
  }
  .feat-rail-btn[data-feat-btn="1"]{--feat-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='8' cy='8' r='3' fill='black'/%3E%3Ccircle cx='16.2' cy='9' r='2.3' fill='black'/%3E%3Cpath d='M2.6 19.2c.5-3 2.7-4.6 5.4-4.6s4.9 1.6 5.4 4.6' fill='black'/%3E%3Cpath d='M13.2 15.2c1.5-.6 3.2-.5 4.6.7 1 .9 1.7 2.1 2 3.5' fill='black'/%3E%3C/svg%3E");}
  .feat-rail-btn[data-feat-btn="2"]{--feat-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='4' width='18' height='12' rx='2' fill='black'/%3E%3Crect x='10' y='18' width='4' height='2' fill='black'/%3E%3Cpath d='M8 17h8v2H8z' fill='black'/%3E%3C/svg%3E");}
  .feat-rail-btn[data-feat-btn="3"]{--feat-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 8l8-4 8 4-8 4-8-4z' fill='black'/%3E%3Cpath d='M4 12l8 4 8-4' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M4 16l8 4 8-4' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");}
  .feat-rail-btn[data-feat-btn="4"]{--feat-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='8' cy='8' r='3.2' fill='black'/%3E%3Ccircle cx='16' cy='9' r='3' fill='black'/%3E%3Ccircle cx='12' cy='16' r='3.2' fill='black'/%3E%3C/svg%3E");}
  .feat-rail-btn[data-feat-btn="5"]{--feat-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 6.5v11l9-5.5-9-5.5z' fill='black'/%3E%3C/svg%3E");}
  .feat-rail-btn[data-feat-btn="6"]{--feat-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 18h10a4 4 0 0 0 .4-8 5.5 5.5 0 0 0-10.6-1.4A3.8 3.8 0 0 0 7 18z' fill='black'/%3E%3C/svg%3E");}
  .feat-rail-kicker,.feat-rail-name,.feat-rail-desc{display:none;}
  .feat-rail-btn.is-on{
    flex:0 0 min(232px,70vw);width:min(232px,70vw);height:auto;min-height:72px;
    padding:10px 12px;display:grid;
    grid-template-columns:26px minmax(0,1fr);
    grid-template-areas:"icon kicker" "icon name" "icon desc";
    align-items:center;column-gap:8px;row-gap:1px;justify-content:stretch;
  }
  .feat-rail-btn.is-on::before{grid-area:icon;}
  .feat-rail-btn.is-on .feat-rail-kicker,
  .feat-rail-btn.is-on .feat-rail-name,
  .feat-rail-btn.is-on .feat-rail-desc{display:block;text-align:left;min-width:0;}
  .feat-rail-btn.is-on .feat-rail-kicker{grid-area:kicker;font-size:10px;}
  .feat-rail-btn.is-on .feat-rail-name{grid-area:name;font-size:13px;line-height:1.25;}
  .feat-rail-btn.is-on .feat-rail-desc{
    grid-area:desc;font-size:12px;font-weight:500;line-height:1.35;opacity:0.82;
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
  }
}

/* ============================================================
   STREMIO-INSPIRED FULL-SCREEN PROMO HERO (EXACT 1:1 WITH MEDIA_1791272277685)
   ============================================================ */
.stremio-hero{
  min-height:0;display:block;
  padding:92px clamp(28px,4.5vw,72px) 0;
  position:relative;z-index:auto;overflow:visible;
  background:
    radial-gradient(ellipse 42% 36% at 100% -8%, rgba(168,206,216,0.22), transparent 58%),
    #10191C;
}
.stremio-hero::after{
  content:'';position:absolute;z-index:0;pointer-events:none;
  width:min(640px,48vw);height:320px;right:-12%;top:-120px;
  background:radial-gradient(ellipse at 78% 0%, rgba(176,214,222,0.28), rgba(80,124,139,0.08) 46%, transparent 72%);
  filter:blur(36px);
}
.stremio-hero-inner{
  max-width:1280px;margin:0 auto;width:100%;
  display:grid;grid-template-columns:minmax(320px,560px) minmax(0,1fr);
  gap:8px;align-items:center;min-height:0;
  position:relative;
}
@media(max-width:1020px){
  .stremio-hero-inner{grid-template-columns:1fr;gap:36px;text-align:center;}
}
.stremio-hero-content{
  position:relative;z-index:2;text-align:left;
  max-width:560px;padding:8px 0 28px;
}
@media(max-width:1020px){
  .stremio-hero-content{text-align:center;margin:0 auto;}
}
.stremio-title{
  font-family:"Plus Jakarta Sans",var(--font-display);font-size:clamp(36px,2.25vw,43px);font-weight:600;
  line-height:1.11;letter-spacing:0.03em;color:#ffffff;margin:0 0 12px;
}
[data-theme="light"] .stremio-title{color:#0f172a;}
.stremio-sub{
  font-family:"Plus Jakarta Sans",var(--font-body);font-size:19px;font-weight:300;
  color:rgba(255,255,255,0.92);line-height:1.42;letter-spacing:0.03em;max-width:540px;margin:0 0 22px;
}
.stremio-kicker{
  font-family:"Plus Jakarta Sans",var(--font-body);
  font-size:11px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;
  color:rgba(255,255,255,0.48);margin:0 0 14px;
}
@media(max-width:1020px){
  .stremio-sub{margin-left:auto;margin-right:auto;}
}
[data-theme="light"] .stremio-sub{color:rgba(15,23,42,0.72);}
.stremio-ctas{
  display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:6px;
}
@media(max-width:1020px){
  .stremio-ctas{justify-content:center;}
}
.btn-megatv-spectrum{
  position:relative;overflow:hidden;isolation:isolate;
  display:inline-flex;align-items:center;gap:8px;padding:14px 32px;min-height:55px;border-radius:30px;
  background:linear-gradient(100deg,#3f9ae6 0%,#1fa8a0 20%,#5fbf5a 40%,#f2b43c 60%,#ee6a54 80%,#d8497f 100%) !important;
  color:#ffffff !important;font-weight:600;font-size:16px;letter-spacing:0.025em;text-decoration:none;
  box-shadow:0 10px 24px -10px rgba(63,154,230,0.7) !important;
  text-shadow:0 1px 1px rgba(0,0,0,0.25);
  border:1px solid rgba(255,255,255,0.28);
  transition:transform 0.25s var(--ease), box-shadow 0.25s var(--ease);
}
.btn-megatv-spectrum::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,0.45) 50%,transparent 65%);
  transform:translateX(-140%) skewX(-14deg);pointer-events:none;
}
.btn-megatv-spectrum:hover::after{
  animation:promo-lg-shimmer 0.85s var(--ease);
}
.btn-megatv-spectrum:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 36px -14px rgba(0,0,0,0.6) !important;
}
.btn-stremio-outline{
  display:inline-flex;align-items:center;gap:8px;padding:16px 32px;min-height:55px;border-radius:30px;
  background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.20);
  color:#fff;font-weight:500;font-size:16px;text-decoration:none;
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  transition:all 0.2s ease;
}
.btn-stremio-outline:hover{
  background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.35);transform:translateY(-2px);
}
[data-theme="light"] .btn-stremio-outline{
  background:rgba(0,0,0,0.04);border-color:rgba(0,0,0,0.15);color:#0f172a;
}
[data-theme="light"] .btn-stremio-outline:hover{
  background:rgba(0,0,0,0.08);border-color:rgba(0,0,0,0.25);
}

/* Fan: back posters sit under the band and stay soft; front posters stay sharp above it */
.stremio-fan-stage{
  position:relative;height:420px;z-index:auto;
  margin:0 -8px -150px 36px;pointer-events:none;
  left:128px;top:118px;
}
.stremio-fan-cards{position:relative;width:100%;height:100%;}
.fan-card{
  position:absolute;width:148px;height:222px;border-radius:18px;overflow:hidden;
  background:#141820;
  box-shadow:
    0 0 22px rgba(168,220,232,0.28),
    0 22px 40px -16px rgba(0,0,0,0.65),
    0 0 0 1px rgba(255,255,255,0.28);
}
.fan-c,.fan-d,.fan-e,.fan-f{
  box-shadow:
    0 0 42px rgba(210,242,248,0.85),
    0 22px 40px -16px rgba(0,0,0,0.65),
    0 0 0 1px rgba(255,255,255,0.42);
}
.fan-card img{width:100%;height:100%;object-fit:cover;display:block;}
.fan-a{left:40px;top:62px;transform:rotate(-16deg);z-index:1;filter:blur(3px);opacity:0.72;}
.fan-b{left:150px;top:28px;transform:rotate(-8deg);z-index:1;filter:blur(2.2px);opacity:0.8;}
.fan-c{left:300px;top:8px;transform:rotate(4deg);z-index:4;}
.fan-d{left:410px;top:0;width:156px;height:234px;transform:rotate(10deg);z-index:4;}
.fan-e{left:530px;top:14px;transform:rotate(15deg);z-index:4;}
.fan-f{left:640px;top:36px;transform:rotate(19deg);z-index:4;}
.hero-phone{
  position:absolute;z-index:20;width:214px;
  left:calc(56% + 122px);top:152px;right:auto;pointer-events:none;
}
.hero-phone img{
  width:100%;height:auto;display:block;
  filter:drop-shadow(0 28px 22px rgba(0,0,0,0.42));
}
@media(max-width:1200px){
  .stremio-hero-inner{display:flex;flex-direction:column;align-items:stretch;}
  .stremio-hero-content{order:1;z-index:6;max-width:none;width:100%;text-align:center;padding-bottom:4px;}
  .stremio-sub,.stremio-ctas{margin-left:auto;margin-right:auto;}
  .stremio-ctas{justify-content:center;}
  .stremio-fan-stage{order:2;left:0;top:0;height:360px;width:100%;margin:18px 0 36px;}
  .hero-phone{width:118px;left:50%;right:auto;top:auto;bottom:52px;transform:translateX(-50%);z-index:6;}
  .phone-contour{display:none;}
  .fan-card{width:96px;height:144px;}
  .fan-a{left:4px;top:70px;}
  .fan-b{left:52px;top:36px;}
  .fan-c{left:150px;top:18px;}
  .fan-d{left:230px;top:8px;width:104px;height:156px;}
  .fan-e{left:310px;top:22px;}
  .fan-f{display:none;}
  .stremio-banner-editorial{margin-left:0;width:auto;max-width:52ch;}
  .stremio-banner-platforms-matrix{margin-left:0;width:auto;}
}

/* ============================================================
   CHROMATIC AURORA SHOWCASE BANNER (EXACT STREMIO SLANTED ANGLE ISO PJ 2)
   ============================================================ */
.stremio-feature-banner{
  position:relative;z-index:2;isolation:isolate;
  width:100%;
  margin-top:88px;
  padding:168px clamp(24px,4vw,64px) calc(var(--band-slant) + 72px);
  min-height:calc(100svh - 300px);
  background:var(--band-teal);
  overflow:visible;
}
@media(max-width:980px){
  .stremio-feature-banner{
    margin-top:0;
    padding:96px clamp(20px,5vw,40px) calc(var(--band-slant) + 56px);
  }
}
.stremio-banner-inner{
  max-width:1180px;margin:0 auto;position:relative;z-index:6;
  display:grid;grid-template-columns:0.78fr minmax(340px,0.78fr);gap:28px;align-items:center;
}
@media(max-width:980px){
  .stremio-banner-inner{grid-template-columns:1fr;gap:40px;}
}
.stremio-banner-mockup{
  display:flex;justify-content:center;align-items:center;
  margin-top:18px;
  position:relative;z-index:20;
}
@media(max-width:980px){
  .stremio-banner-mockup{margin-top:-60px;}
}
.chromatic-tv-wrapper{
  perspective:1400px;width:148%;max-width:none;margin-left:-4%;
}
.chromatic-tv-img{
  width:100%;height:auto;display:block;border-radius:18px;
  transform:perspective(1400px) rotateY(16deg) rotateX(3deg);
  filter:drop-shadow(0 40px 70px rgba(0,0,0,0.55));
  transition:transform 0.4s var(--ease);
}
.chromatic-tv-img:hover{
  transform:scale(1.02);
}
.stremio-banner-text{color:#ffffff;padding-left:8px;margin-top:8px;}
.stremio-banner-editorial{
  font-family:"Plus Jakarta Sans",var(--font-body);
  font-size:18px;color:#ffffff;
  font-weight:400;line-height:1.8;letter-spacing:0.028em;
  max-width:none;width:min(560px,46vw);margin:0 0 25px 64px;
  text-shadow:none;
}
.phone-contour{
  float:left;width:336px;height:72px;
  shape-outside:polygon(0 0,100% 0,100% 48%,96% 66%,82% 82%,58% 94%,28% 100%,0 86%);
  shape-margin:14px;
}
.stremio-banner-platforms-matrix{
  display:flex;flex-direction:column;align-items:flex-start;
  width:min(560px,46vw);margin-left:64px;
}
.stremio-banner-platforms-matrix::before{
  content:var(--platforms-label, "Disponible sur");
  display:block;
  margin:0 0 6px;
  font-size:14px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;
  color:#ffffff;
}
.stremio-platform-row{
  display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;
  gap:8px 18px;width:100%;
}
.stremio-platform-item{
  display:inline-flex;align-items:center;gap:8px;
  min-height:42px;
  font-size:16px;font-weight:300;color:#ffffff;
  text-shadow:none;
}
.stremio-platform-item svg{color:#ffffff;opacity:0.95;width:22px;height:22px;flex:0 0 auto;}
.firetv-wordmark{display:block;height:34px;width:auto;}
.firetv-platform{gap:0;}
.word-firetv{display:inline-flex;align-items:center;line-height:0;}
.nuvio-wordmarks .firetv-wordmark{height:36px;}
.screen-card-mark{margin-top:18px;}
.screen-card-mark[hidden]{display:none !important;}
.stremio-brand-name{
  font-family:var(--font-display);font-weight:800;font-size:17px;
  letter-spacing:0.12em;color:#ffffff;text-shadow:0 1px 3px rgba(0,0,0,0.25);
}

/* ============================================================
   ANGULAR SLANTED SECTION CUTS & HARMONIOUS CHROMATIC BLENDS
   ============================================================ */
.slanted-divider{
  display:none; /* Replaced by genuine polygonal section cuts */
}

.screen-picker-wrap{
  position:relative;z-index:3;isolation:isolate;
  margin-top:0;
  max-width:none;
  width:100%;
  padding:calc(var(--band-slant) + 72px) clamp(20px,5vw,40px) calc(var(--band-slant) + 88px);
  clip-path:none;
  background:var(--mega-platinum);
  color:#10191C;
  border-top:none;
  overflow:visible;
}
.screen-picker-wrap .section-title{color:#10191C;}
.screen-picker-wrap .section-sub{color:#2C444C;max-width:560px;}
.screen-picker-wrap .screen-picker-tabs{
  background:#ffffff;border:1px solid rgba(16,25,28,0.08);
  box-shadow:0 8px 24px -16px rgba(16,25,28,0.35);
}
.screen-picker-wrap .screen-tab-btn{color:#2C444C;}
.screen-picker-wrap .screen-tab-btn.active{background:#10191C;color:#F1F0F4;}
.screen-picker-wrap .nuvio-tabs{
  display:inline-flex;align-items:center;gap:2px;padding:4px;
  background:#fff;border-radius:999px;
  box-shadow:0 10px 28px -18px rgba(16,25,28,0.45);
  margin:28px auto 22px;
}
.nuvio-tab{
  display:inline-flex;align-items:center;gap:8px;
  border:0;background:transparent;cursor:pointer;
  color:#2C444C;font-weight:600;font-size:14px;
  padding:8px 16px;border-radius:999px;
}
.nuvio-tab svg{width:16px;height:16px;}
.nuvio-tab.active{background:#10191C;color:#F1F0F4;}
.nuvio-card{
  max-width:1080px;margin:0 auto;
  background:#10191C;color:#F1F0F4;
  border-radius:28px;padding:clamp(28px,4vw,52px);
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
  gap:36px;align-items:center;text-align:left;
  box-shadow:0 30px 70px -36px rgba(16,25,28,0.55);
}
.nuvio-card h3{font-size:clamp(24px,2vw,30px);font-weight:600;letter-spacing:0;margin:0 0 12px;line-height:1.2;}
.nuvio-card p{margin:0;color:rgba(241,240,244,0.9);font-size:16px;line-height:1.8;letter-spacing:0.02em;max-width:42ch;}
.nuvio-card-actions{display:flex;flex-direction:column;align-items:center;gap:22px;}
.nuvio-marks{display:flex;align-items:center;justify-content:center;gap:28px;min-height:72px;}
.nuvio-marks svg{width:64px;height:64px;}
.nuvio-wordmarks{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap;}
.word-androidtv{font-size:28px;font-weight:500;letter-spacing:-0.03em;}
.word-androidtv b{font-weight:800;}
.word-googletv{display:inline-flex;align-items:center;gap:8px;font-size:26px;font-weight:600;}
.nuvio-ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;}
.btn-play-soon,.btn-apk,.btn-soon-pill{
  display:inline-flex;align-items:center;gap:10px;
  border-radius:999px;text-decoration:none;color:#F1F0F4;
}
.btn-play-soon{
  background:#0a0c0e;border:1px solid rgba(255,255,255,0.14);
  padding:8px 16px 8px 10px;cursor:default;
}
.btn-play-soon small{display:block;font-size:9px;letter-spacing:0.08em;text-transform:uppercase;opacity:0.7;font-weight:600;}
.btn-play-soon strong{display:block;font-size:15px;font-weight:700;line-height:1.1;}
.btn-apk{
  border:1px solid rgba(255,255,255,0.28);
  padding:14px 22px;min-height:48px;font-weight:600;font-size:16px;
}
.btn-apk:hover{background:rgba(255,255,255,0.06);}
.fire-apk-row{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;}
.downloader-code{
  display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;
  min-height:48px;padding:8px 16px;border-radius:16px;
  background:rgba(241,240,244,0.08);
  border:1px solid rgba(142,196,210,0.45);
  color:#F1F0F4;
}
.downloader-code small{
  font-size:10px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:#8ec4d2;
}
.downloader-code strong{
  font-family:var(--font-display);font-size:20px;font-weight:800;letter-spacing:0.12em;line-height:1.1;
}
.btn-soon-pill{
  border:1px solid rgba(255,255,255,0.16);
  background:rgba(255,255,255,0.04);
  color:rgba(241,240,244,0.55);
  padding:10px 16px;font-size:13.5px;font-weight:600;cursor:default;
}
.screens-band{
  position:relative;z-index:4;isolation:isolate;
  color:#F1F0F4;
  width:100%;
  margin-top:0;
  padding:calc(var(--band-slant) + 88px) clamp(24px,5vw,64px) calc(var(--band-slant) + 72px);
  clip-path:none;
  background:
    radial-gradient(ellipse 62% 78% at 74% 46%, rgba(80,124,139,0.42), transparent 64%),
    radial-gradient(ellipse 36% 48% at 12% 18%, rgba(44,68,76,0.85), transparent 70%),
    var(--mega-ink);
  overflow:visible;
}
.screens-band-inner{
  max-width:1180px;margin:0 auto;
  display:grid;grid-template-columns:minmax(260px,0.72fr) minmax(0,1.2fr);
  gap:clamp(24px,4vw,56px);align-items:center;
}
.screens-kicker{
  margin:0 0 12px;font-size:12px;font-weight:700;letter-spacing:0.16em;
  text-transform:uppercase;color:#8ec4d2;
}
.screens-copy h2{
  margin:0 0 14px;font-family:"Plus Jakarta Sans",var(--font-display);
  font-size:clamp(26px,2vw,30px);font-weight:600;letter-spacing:0;line-height:1.2;
}
.screens-copy p{
  margin:0;max-width:42ch;color:rgba(241,240,244,0.9);font-size:16px;line-height:1.8;letter-spacing:0.02em;
}
.screens-band .page-chips{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 0;}
.screens-band .page-chip{
  border:1px solid rgba(241,240,244,0.18);background:transparent;color:rgba(241,240,244,0.72);
  border-radius:999px;padding:8px 16px;font-size:13.5px;font-weight:600;cursor:pointer;
}
.screens-band .page-chip.active{background:#ffffff;color:#10191C;border-color:#ffffff;}
.screens-band .page-chip:hover{color:#ffffff;}
.screens-band .page-chip.active:hover{color:#10191C;}
.screens-visual{position:relative;overflow:visible;width:100%;}
.screens-visual::before{
  content:'';position:absolute;z-index:0;pointer-events:none;
  inset:2% -2% 8% 2%;
  background:radial-gradient(ellipse at 62% 40%, rgba(186,228,236,0.9), rgba(80,124,139,0.35) 42%, transparent 70%);
  filter:blur(22px);
}
.screens-band .device-shot{
  position:relative;z-index:1;width:100%;max-width:100%;height:auto;display:block;
  margin:0;object-fit:contain;object-position:center;
  filter:
    drop-shadow(0 0 10px rgba(210,240,246,0.55))
    drop-shadow(0 18px 28px rgba(0,0,0,0.45));
}
@media(max-width:860px){
  .screens-band-inner{grid-template-columns:1fr;}
  .screens-copy{text-align:center;}
  .screens-copy p{margin:0 auto;}
  .screens-band .page-chips{justify-content:center;}
}
@media(max-width:800px){
  .nuvio-card{grid-template-columns:1fr;text-align:center;}
  .nuvio-card p{margin:0 auto;}
  .screen-card-mark .firetv-wordmark{margin-left:auto;margin-right:auto;}
}
#features{
  position:relative;z-index:5;isolation:isolate;
  margin-top:0;
  padding-top:calc(var(--band-slant) + 72px);
  padding-bottom:calc(var(--band-slant) + 56px);
  clip-path:none;
  overflow:visible;
  background:#ffffff;
  color:#10191C;
}
#features .section-title{color:#10191C;}
#features .section-sub{color:#2C444C;}
#features .feat-rail-btn{
  background:#ffffff;color:#10191C;
  border:1px solid rgba(16,25,28,0.1);
  box-shadow:0 10px 24px -18px rgba(16,25,28,0.45);
}
#features .feat-rail-kicker{color:#507C8B;}
#features .feat-rail-btn.is-on{background:#10191C;border-color:#10191C;color:#F1F0F4;}
#features .feat-rail-btn.is-on .feat-rail-kicker{color:#8ec4d2;}
#features .feat-rail-btn:hover{border-color:rgba(16,25,28,0.28);}
[data-screen-label="TV Showcase"]{
  position:relative;z-index:6;isolation:isolate;
  margin-top:0;
  padding-top:clamp(72px,7vw,100px);
  padding-bottom:calc(var(--band-slant) + 48px);
  overflow:visible;
  background:#10191C;
  color:#F1F0F4;
}
[data-screen-label="TV Showcase"] .section-title{color:#F1F0F4;}
#pricing{
  position:relative;z-index:8;isolation:isolate;
  width:100%;
  overflow:visible;
  padding-top:calc(var(--band-slant) + 72px);
  padding-bottom:calc(var(--band-slant) + 72px);
  background:#ffffff;
  color:#10191C;
}
#pricing .section-title{color:#10191C;}
#pricing .section-sub{color:#2C444C;}
#pricing .price-card{
  background:linear-gradient(165deg,#243e48,#2C444C 58%,#1b333b);
  color:#F1F0F4;
  border:1px solid rgba(142,196,210,0.38);
  backdrop-filter:none;-webkit-backdrop-filter:none;
  box-shadow:0 22px 44px -26px rgba(16,25,28,0.55);
}
#pricing .price-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:4px;
  background:#507C8B;
}
#pricing .price-card:nth-child(1){
  background:linear-gradient(180deg,#ffffff,#e4eef1);
  color:#10191C;
  border-color:rgba(80,124,139,0.5);
}
#pricing .price-card:nth-child(1)::before{background:#507C8B;}
#pricing .price-card:nth-child(2)::before{background:linear-gradient(90deg,#3f9ae6,#1fa8a0);}
#pricing .price-card.featured{
  background:linear-gradient(165deg,#10191C,#163038 68%,#2C444C);
  border-color:rgba(80,124,139,0.55);
  box-shadow:0 26px 50px -22px rgba(16,25,28,0.6);
}
#pricing .price-card.featured::before{height:4px;background:var(--grad-spectrum);}
#pricing .price-card:nth-child(4){
  background:linear-gradient(165deg,#3d6878,#507C8B 52%,#2C444C);
}
#pricing .price-card:nth-child(4)::before{background:linear-gradient(90deg,#f2b43c,#ee6a54,#d8497f);}
#pricing .price-plan,
#pricing .price-features li,
#pricing .price-amount,
#pricing .price-amount span{color:#F1F0F4;}
#pricing .price-sub{color:rgba(241,240,244,0.78);}
#pricing .price-divider{background:rgba(241,240,244,0.18);}
#pricing .price-card:nth-child(1) .price-plan,
#pricing .price-card:nth-child(1) .price-features li,
#pricing .price-card:nth-child(1) .price-amount,
#pricing .price-card:nth-child(1) .price-amount span{color:#10191C;}
#pricing .price-card:nth-child(1) .price-sub{color:#2C444C;}
#pricing .price-card:nth-child(1) .price-divider{background:rgba(16,25,28,0.12);}
#pricing .btn-price-outline{
  background:transparent;color:#F1F0F4;border-color:rgba(241,240,244,0.55);
}
#pricing .btn-price-outline:hover{background:rgba(241,240,244,0.12);}
#pricing .price-card:nth-child(1) .btn-price-outline{
  background:#10191C;color:#F1F0F4;border-color:#10191C;
}
#pricing .price-card:nth-child(1) .btn-price-outline:hover{background:#2C444C;}
@media(max-width:720px){
  #pricing .pricing-grid{
    display:grid !important;
    grid-template-columns:minmax(0,330px) !important;
    justify-content:center;
    gap:0 !important;
    margin-top:28px;
    padding:18px 8px 8px;
  }
  #pricing .price-card{
    grid-area:1 / 1;
    width:min(100%,310px);
    justify-self:center;
    padding:22px 18px 18px;
    cursor:pointer;
    transition:transform 0.45s var(--ease), box-shadow 0.45s var(--ease);
  }
  #pricing .price-amount{font-size:42px;}
  #pricing .price-features{gap:8px;margin-bottom:16px;}
  #pricing .price-sub{margin-bottom:14px;}
  #pricing .price-card:nth-child(1){transform:rotate(-7deg) translate(-14px,12px);z-index:1;}
  #pricing .price-card:nth-child(2){transform:rotate(-2.5deg) translate(-6px,6px);z-index:2;}
  #pricing .price-card:nth-child(3){transform:rotate(3deg) translate(8px,7px);z-index:2;}
  #pricing .price-card:nth-child(4){transform:rotate(7deg) translate(14px,14px);z-index:1;}
  #pricing .price-card.is-front{
    z-index:5;
    transform:translateY(-8px) rotate(0deg);
    box-shadow:0 28px 54px -22px rgba(16,25,28,0.58);
  }
}

/* ============================================================
   COOKIE CONSENT FLOATING BANNER (ISO PJ 3)
   ============================================================ */
.cookie-consent-bar{
  position:fixed;bottom:108px;left:24px;max-width:440px;width:calc(100vw - 48px);
  z-index:9999;opacity:0;pointer-events:none;transform:translateY(25px);
  transition:all 0.35s cubic-bezier(0.16,1,0.3,1);
}
.cookie-consent-bar.visible{
  transform:translateY(0);opacity:1;pointer-events:auto;
}
.cookie-consent-content{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:12px 18px;border-radius:20px;
  background:rgba(14,17,26,0.95);color:#ffffff;
  border:1px solid rgba(255,255,255,0.14);
  backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);
  box-shadow:0 20px 50px rgba(0,0,0,0.85), 0 0 30px rgba(63,154,230,0.2);
}
@media(max-width:640px){
  .cookie-consent-bar{
    bottom:80px;left:12px;right:12px;width:calc(100vw - 24px);max-width:none;
  }
  .cookie-consent-content{
    border-radius:18px;padding:12px 14px;gap:10px;
  }
}
.cookie-icon-wrap{
  width:32px;height:32px;border-radius:50%;background:rgba(63,154,230,0.15);
  display:flex;align-items:center;justify-content:center;shrink:0;
}
.cookie-text{
  font-size:13px;font-weight:600;color:rgba(255,255,255,0.85);line-height:1.45;
}
.cookie-link{
  color:#38bdf8;text-decoration:underline;font-weight:700;
}
.btn-cookie-accept{
  background:var(--grad-spectrum);color:#ffffff;font-size:13px;font-weight:800;
  padding:8px 18px;border-radius:9999px;border:none;cursor:pointer;white-space:nowrap;
  box-shadow:0 4px 15px rgba(63,154,230,0.35);
  transition:transform 0.2s ease, box-shadow 0.2s ease;
}
.btn-cookie-accept:hover{
  transform:scale(1.04);box-shadow:0 6px 20px rgba(63,154,230,0.5);
}

/* ============================================================
   STICKY FLOATING "OBTENIR MEGATV" BUTTON (ISO PJ 3)
   ============================================================ */
.sticky-download-bar{
  position:fixed;left:0;right:0;bottom:0;z-index:90;
  display:flex;align-items:center;justify-content:center;
  padding:16px 24px calc(16px + env(safe-area-inset-bottom));
  border-radius:0;
  background:linear-gradient(180deg, rgba(16,25,28,0.08), rgba(16,25,28,0.55));
  border-top:1px solid rgba(255,255,255,0.14);
  backdrop-filter:blur(22px) saturate(160%);
  -webkit-backdrop-filter:blur(22px) saturate(160%);
  box-shadow:0 -18px 40px rgba(0,0,0,0.28);
  transition:opacity 0.35s var(--ease), transform 0.35s var(--ease);
}
.sticky-download-bar.is-away{
  opacity:0;pointer-events:none;transform:translateY(18px);
}
.sticky-scroll-sentinel{
  position:absolute;top:0;left:0;width:1px;height:12px;pointer-events:none;
}
.btn-sticky-get{
  position:relative;overflow:hidden;isolation:isolate;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:58px;padding:16px 42px;
  border-radius:9999px;
  background-image:linear-gradient(100deg,#3f9ae6 0%,#1fa8a0 16%,#5fbf5a 33%,#f2b43c 50%,#ee6a54 67%,#d8497f 84%,#3f9ae6 100%) !important;
  background-size:220% 100% !important;
  background-position:0% 50%;
  animation:mega-spectrum-flow 5.5s linear infinite;
  color:#ffffff !important;font-weight:800;font-size:18px;letter-spacing:0.01em;
  text-decoration:none;
  box-shadow:0 10px 28px -12px rgba(63,154,230,0.65) !important;
  text-shadow:0 1px 1px rgba(0,0,0,0.25);
  border:1px solid rgba(255,255,255,0.32);
}
.btn-sticky-get svg{display:none;}
.btn-sticky-get::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,0.38) 50%,transparent 65%);
  transform:translateX(-140%) skewX(-14deg);pointer-events:none;
  animation:promo-lg-shimmer 2.8s var(--ease) infinite;
}
.btn-sticky-get:hover{
  transform:translateY(-1px);
}
@keyframes mega-spectrum-flow{
  0%{background-position:0% 50%}
  100%{background-position:100% 50%}
}
@media (prefers-reduced-motion: reduce){
  .btn-sticky-get,.btn-sticky-get::after{animation:none;}
}
.stremio-review-banner{
  position:relative;z-index:10;isolation:isolate;
  width:100%;
  margin-top:0;
  padding:calc(var(--band-slant) + 64px) clamp(24px,5vw,80px) calc(var(--band-slant) + 80px);
  background:var(--band-review);
  color:#F1F0F4;
  overflow:visible;
}
.stremio-review-inner{
  position:relative;z-index:1;
  max-width:1380px;margin:0 auto;
  display:grid;grid-template-columns:0.8fr 1.3fr 1fr;gap:48px;align-items:center;
}
/* Diagonal cap: same color as the section, so each band is the real background. */
.stremio-feature-banner::before,
.screen-picker-wrap::before,
.screens-band::before,
#features::before,
[data-screen-label="TV Showcase"]::before,
#pricing::before,
.stremio-review-banner::before,
.legal::before{
  content:'';position:absolute;z-index:-1;pointer-events:none;
  left:0;right:0;
  top:calc(var(--band-slant) * -1);
  height:calc(var(--band-slant) + 2px);
  background:inherit;
  clip-path:polygon(0 calc(100% - 2px), 100% 0, 100% 100%);
}
.screens-band::before{background:var(--mega-ink);}
@media(max-width:980px){
  .stremio-review-inner{grid-template-columns:1fr;gap:36px;text-align:center;}
}
.review-score-col{display:flex;flex-direction:column;gap:6px;}
@media(max-width:980px){
  .review-score-col{align-items:center;}
}
.review-store-label{font-size:13px;font-weight:600;opacity:0.85;letter-spacing:0.02em;}
.review-score-number{font-family:var(--font-display);font-size:64px;font-weight:800;line-height:1;}
.review-stars{display:flex;align-items:center;gap:4px;}
.review-count{font-size:13px;font-weight:600;opacity:0.8;margin-top:4px;}

.review-quote-col{
  border-left:1px solid rgba(255,255,255,0.2);
  border-right:1px solid rgba(255,255,255,0.2);
  padding:0 36px;
}
@media(max-width:980px){
  .review-quote-col{border:none;padding:0;}
}
.review-author{font-family:var(--font-display);font-size:16px;font-weight:700;margin-bottom:8px;}
.review-date{font-size:12px;font-weight:400;opacity:0.75;margin-left:6px;}
.review-text{font-size:15px;line-height:1.6;opacity:0.92;}

.review-cta-col{display:flex;flex-direction:column;gap:14px;}
@media(max-width:980px){
  .review-cta-col{align-items:center;}
}
.review-join-title{font-family:var(--font-display);font-size:18px;font-weight:700;}
.btn-review-white{
  display:inline-flex;align-items:center;justify-content:center;
  padding:14px 28px;border-radius:9999px;background:#F1F0F4;color:#10191C;
  font-family:var(--font-display);font-weight:800;font-size:15px;
  text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,0.25);
  transition:all 0.2s ease;
}
.btn-review-white:hover{
  transform:translateY(-2px);background:#f8fafc;
}
.btn-review-playstore{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:10px 22px;border-radius:9999px;background:#181c28;color:#ffffff;
  border:1px solid rgba(255,255,255,0.18);text-decoration:none;
  transition:all 0.2s ease;width:max-content;
}
@media(max-width:980px){
  .btn-review-playstore{margin:0 auto;}
}
.btn-review-playstore:hover{
  background:#202536;transform:translateY(-2px);
}

/* ============================================================
   STREMIO-STYLE FOOTER WITH 3 COLS & SOCIAL LINKS (ISO PJ 3)
   ============================================================ */
.stremio-footer{
  position:relative;z-index:12;
  width:100%;
  background:var(--mega-ink);border-top:1px solid rgba(241,240,244,0.08);
  padding:36px clamp(20px,5vw,72px) calc(120px + env(safe-area-inset-bottom));color:#fff;
}
[data-theme="light"] .stremio-footer{
  background:#f8fafc;border-top-color:rgba(0,0,0,0.08);color:#0f172a;
}
.stremio-footer-top{
  max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3, 1fr) 1.2fr;
  gap:40px;margin-bottom:48px;
}
@media(max-width:860px){
  .stremio-footer-top{grid-template-columns:1fr 1fr;gap:32px;}
}
@media(max-width:520px){
  .stremio-footer-top{grid-template-columns:1fr;gap:28px;}
}
.footer-col-title{
  font-size:11px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;
  color:rgba(255,255,255,0.45);margin-bottom:16px;
}
[data-theme="light"] .footer-col-title{color:rgba(15,23,42,0.5);}
.stremio-footer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;}
.stremio-footer ul a{
  font-size:13.5px;color:rgba(255,255,255,0.7);text-decoration:none;transition:color 0.2s;
}
[data-theme="light"] .stremio-footer ul a{color:rgba(15,23,42,0.7);}
.stremio-footer ul a:hover{color:#fff;}
[data-theme="light"] .stremio-footer ul a:hover{color:#0f172a;}
.footer-social-wrap{
  display:flex;flex-direction:column;align-items:flex-start;gap:16px;
}
.footer-socials{
  display:flex;align-items:center;gap:14px;
}
.footer-socials a{
  display:inline-flex;align-items:center;justify-content:center;
  width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,0.08);
  color:rgba(255,255,255,0.8);transition:all 0.2s ease;text-decoration:none;
}
.footer-socials a:hover,.footer-socials .social-soon:hover{
  background:rgba(255,255,255,0.2);color:#fff;transform:translateY(-2px);
}
[data-theme="light"] .footer-socials a{
  background:rgba(0,0,0,0.06);color:rgba(15,23,42,0.8);
}
[data-theme="light"] .footer-socials a:hover{
  background:rgba(0,0,0,0.12);color:#0f172a;
}
.footer-badges{display:flex;flex-wrap:wrap;gap:8px;}
.footer-badge-item{
  font-size:11px;font-weight:600;padding:4px 10px;border-radius:9999px;
  background:rgba(255,255,255,0.06);color:rgba(255,255,255,0.6);border:1px solid rgba(255,255,255,0.08);
}
[data-theme="light"] .footer-badge-item{
  background:rgba(0,0,0,0.04);color:rgba(15,23,42,0.6);border-color:rgba(0,0,0,0.08);
}
.stremio-footer-bottom{
  max-width:1200px;margin:0 auto;padding-top:24px;border-top:1px solid rgba(255,255,255,0.07);
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;
  font-size:12.5px;color:rgba(255,255,255,0.45);
}
[data-theme="light"] .stremio-footer-bottom{
  border-top-color:rgba(0,0,0,0.06);color:rgba(15,23,42,0.5);
}

/* ============================================================
   MOBILE — Stremio hero + Nuvio nav / downloads
   ============================================================ */
html,body{max-width:100%;overflow-x:clip;}
.nav-burger{
  display:none;width:44px;height:44px;border-radius:999px;flex-shrink:0;
  align-items:center;justify-content:center;color:#fff;background:transparent;
}
.nav-burger-close{display:none;}
.floating-nav-wrap.is-open .nav-burger-icon{display:none;}
.floating-nav-wrap.is-open .nav-burger-close{display:block;}
.nav-sheet[hidden],.nav-sheet-link[hidden],.nav-sheet-account[hidden]{display:none !important;}
.nav-sheet{
  margin-top:8px;padding:8px;border-radius:22px;
  background:rgba(12,16,20,0.96);
  border:1px solid rgba(255,255,255,0.12);
  box-shadow:0 24px 60px rgba(0,0,0,0.55);
  display:flex;flex-direction:column;gap:4px;
  max-height:min(70dvh,560px);overflow:auto;
  pointer-events:auto;
}
[data-theme="light"] .nav-sheet{
  background:rgba(255,255,255,0.98);border-color:rgba(16,25,28,0.08);
}
.nav-sheet-link{
  display:flex;align-items:center;min-height:48px;padding:0 16px;border-radius:14px;
  font-size:16px;font-weight:700;color:rgba(241,240,244,0.88);text-decoration:none;
  width:100%;text-align:left;background:transparent;
}
.nav-sheet-link.active{background:#fff;color:#10191C;}
.nav-sheet-link.premium{
  background:var(--grad-spectrum);-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
}
.nav-sheet-link.active.premium{-webkit-text-fill-color:#10191C;background:none;color:#10191C;}
[data-theme="light"] .nav-sheet-link{color:#2C444C;}
[data-theme="light"] .nav-sheet-link.active{background:#10191C;color:#F1F0F4;}
.nav-sheet-divider{height:1px;margin:6px 8px;background:rgba(255,255,255,0.1);}
[data-theme="light"] .nav-sheet-divider{background:rgba(16,25,28,0.08);}
.nav-sheet-row{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  min-height:48px;padding:0 16px;color:rgba(241,240,244,0.8);font-weight:650;font-size:15px;
}
[data-theme="light"] .nav-sheet-row{color:#2C444C;}
.nav-sheet-select{
  appearance:none;-webkit-appearance:none;background:rgba(255,255,255,0.08);
  color:#fff;border:1px solid rgba(255,255,255,0.14);border-radius:999px;
  min-height:36px;padding:0 14px;font-weight:700;
}
[data-theme="light"] .nav-sheet-select{background:#fff;color:#10191C;border-color:rgba(16,25,28,0.12);}
.nav-sheet-account{display:flex;flex-direction:column;gap:4px;padding-top:4px;}
.nav-sheet-account[hidden]{display:none !important;}
.nav-sheet-profile{
  display:flex;align-items:center;gap:12px;padding:8px 12px 12px;
}
.nav-sheet-profile img,.nav-sheet-avatar{
  width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0;
}
.nav-sheet-avatar{
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#3f9ae6,#d8497f);color:#fff;font-weight:800;
}
.nav-sheet-profile strong{display:block;font-size:15px;}
.nav-sheet-profile span{display:block;font-size:12px;opacity:0.65;font-weight:600;}
.nav-sheet-logout{color:#f87171 !important;}

@media (max-width:919px){
  .floating-nav-wrap{
    top:10px;left:12px;right:12px;transform:none;
    width:auto;max-width:none;
  }
  .floating-nav{
    width:100%;justify-content:space-between;gap:8px;
    padding:6px 8px 6px 12px;border-radius:22px;
  }
  .floating-links,.floating-right{display:none;}
  .floating-brand span{display:inline;font-size:18px;}
  .nav-burger{display:inline-flex;}
  .promo-profile-dropdown{display:none;}
}

@media (max-width:1200px){
  .stremio-hero{
    overflow:hidden;
    padding:104px 20px 28px;
    background:
      radial-gradient(ellipse 80% 42% at 50% 72%, rgba(80,124,139,0.28), transparent 62%),
      #10191C;
  }
  .stremio-hero-inner{
    display:flex;flex-direction:column;align-items:stretch;
    width:min(100%,460px);margin:0 auto;gap:0;
  }
  .stremio-hero-content{display:contents;}
  .stremio-title{
    order:1;text-align:left;max-width:11ch;margin:0 0 12px;
    font-size:clamp(32px,8.6vw,40px);font-weight:600;line-height:1.12;letter-spacing:0.01em;
  }
  .stremio-sub{
    order:2;text-align:left;margin:0;max-width:34ch;
    font-size:16px;line-height:1.45;
  }
  .stremio-kicker{display:none;}
  .stremio-fan-stage{
    order:4;position:relative;left:0;top:0;
    width:100%;height:min(300px,72vw);margin:8px 0 0;overflow:visible;
  }
  .stremio-fan-stage::before{
    content:'';position:absolute;z-index:0;pointer-events:none;
    left:8%;right:8%;top:18%;bottom:-8%;
    background:radial-gradient(ellipse at 50% 60%, rgba(186,228,236,0.45), rgba(80,124,139,0.12) 46%, transparent 72%);
    filter:blur(16px);
  }
  .fan-card{
    width:36%;height:auto;aspect-ratio:2/3;border-radius:16px;
    filter:none;opacity:1;
  }
  .fan-a{left:-2%;top:26%;transform:rotate(-18deg);z-index:1;}
  .fan-b{left:10%;top:8%;transform:rotate(-10deg);z-index:2;}
  .fan-c{left:30%;top:0;transform:rotate(-1deg);z-index:3;width:38%;}
  .fan-d{left:50%;top:2%;width:38%;height:auto;transform:rotate(10deg);z-index:3;}
  .fan-e{left:68%;top:14%;transform:rotate(17deg);z-index:2;}
  .fan-f{display:block;left:82%;top:28%;width:30%;transform:rotate(24deg);z-index:1;opacity:0.92;}
  .hero-phone{
    order:5;position:relative;z-index:8;
    width:min(176px,48vw);left:auto;right:auto;top:auto;bottom:auto;
    margin:-228px auto 0;transform:none;align-self:center;
  }
  .hero-phone img{filter:drop-shadow(0 22px 18px rgba(0,0,0,0.45));}
  .stremio-hero{padding-bottom:calc(var(--band-slant) + 18px);}
  .stremio-ctas{
    order:6;position:relative;z-index:6;
    flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;
    width:100%;gap:8px;margin:14px 0 0;
  }
  .btn-megatv-spectrum,.btn-stremio-outline{
    flex:1 1 0;width:auto;min-width:0;min-height:44px;justify-content:center;
    padding:10px 8px;font-size:clamp(11px,3vw,13.5px);
    white-space:nowrap;letter-spacing:0;
  }
  .btn-stremio-outline{
    background:transparent;border:1.5px solid rgba(255,255,255,0.72);
  }
}

@media (max-width:860px){
  .stremio-feature-banner{
    overflow:visible;
    padding:96px 20px calc(var(--band-slant) + 48px);
  }
  .stremio-banner-inner{gap:28px;}
  .stremio-banner-mockup{margin-top:0;}
  .chromatic-tv-wrapper{width:100%;max-width:100%;margin:0 auto;}
  .chromatic-tv-img{
    width:100%;max-width:100%;transform:none;border-radius:16px;
  }
  .stremio-banner-text{padding:0;margin:0;}
  .stremio-banner-editorial{
    width:100%;max-width:none;margin:0 0 22px;font-size:15.5px;line-height:1.6;
  }
  .phone-contour{display:none;}
  .stremio-banner-platforms-matrix{
    width:100%;margin:0;display:flex;flex-direction:column;align-items:center;
  }
  .stremio-banner-platforms-matrix::before{
    content:var(--platforms-label, "Disponible sur");
    display:block;width:100%;text-align:center;
    font-size:14px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;
    opacity:0.72;margin-bottom:16px;
  }
  .stremio-platform-row{justify-content:center;gap:16px 22px;}
  .stremio-platform-item{font-size:15px;}
  .stremio-platform-item svg{width:22px;height:22px;}
  .screen-picker-wrap{margin-top:0;padding-top:calc(var(--band-slant) + 56px);padding-bottom:calc(var(--band-slant) + 72px);overflow:visible;}
  .screens-band{
    overflow:visible;
    margin-top:0;
    padding:calc(var(--band-slant) + 72px) 20px 88px;
    clip-path:none;
  }
  .screens-visual{max-width:100%;overflow:visible;}
  .screens-band .device-shot{
    width:100%;max-width:100%;height:auto;margin:0;
  }
  .stremio-review-banner{overflow:visible;padding:calc(var(--band-slant) + 48px) 20px calc(var(--band-slant) + 64px);}
  .review-score-number{font-size:52px;}
  .btn-review-white,.btn-review-playstore{
    width:min(100%,320px);min-height:48px;margin:0 auto;
  }
  .flagship-grid{grid-template-columns:1fr;gap:16px;}
  .flagship-card{padding:22px 18px;}
  .flagship-card:hover{transform:none;}
  #features{padding-top:calc(var(--band-slant) + 28px);padding-bottom:calc(var(--band-slant) + 36px);}
  #features .reveal.center{margin-bottom:12px !important;}
  #features .eyebrow{margin-bottom:8px;}
  #features .section-title{font-size:26px;margin-bottom:8px;}
  #features .section-sub{font-size:14px;line-height:1.4;}
  section{padding-left:20px;padding-right:20px;}
  .screen-picker-wrap{padding-left:20px;padding-right:20px;}
  .tv-wrap{max-width:100%;}
  .tv-thumb{width:108px;}
  .stremio-footer{padding-bottom:calc(128px + env(safe-area-inset-bottom));}
}

@media (max-width:720px){
  .screen-picker-wrap{z-index:95;}
  .sticky-download-bar.is-away{opacity:0;pointer-events:none;transform:translateY(18px);}
  .screen-picker-wrap .nuvio-tabs{
    display:flex;flex-direction:column;align-items:stretch;
    width:min(100%,440px);border-radius:22px;padding:8px;gap:2px;
  }
  .nuvio-tab{
    width:100%;justify-content:flex-start;min-height:48px;
    padding:12px 16px;border-radius:14px;font-size:15.5px;
  }
  .nuvio-card{padding:22px 18px;border-radius:24px;gap:22px;}
  .nuvio-card h3{font-size:clamp(26px,7vw,34px);}
  .nuvio-marks svg{width:52px;height:52px;}
  .word-androidtv{font-size:22px;}
  .word-googletv{font-size:20px;}
  .nuvio-ctas{flex-direction:column;align-items:stretch;width:100%;}
  .btn-play-soon,.btn-apk,.btn-soon-pill{
    width:100%;justify-content:center;min-height:48px;
  }
  .fire-apk-row{width:100%;}
  .fire-apk-row .btn-apk{width:auto;flex:1 1 auto;}
  .downloader-code{align-items:center;}
  .sticky-download-bar{
    left:0;right:0;transform:none;width:auto;max-width:none;
    bottom:0;
    padding:12px 16px calc(12px + env(safe-area-inset-bottom));
    justify-content:center;
  }
  .btn-sticky-get{width:min(100%,420px);justify-content:center;min-height:54px;font-size:17px;}
  .cookie-consent-bar{
    left:12px;right:12px;width:auto;max-width:none;
    bottom:max(96px,calc(env(safe-area-inset-bottom) + 84px));
  }
}