:root{
  --ink:#071b2c;
  --ink-2:#0b2b43;
  --ink-3:#103950;
  --brand:#36b1cc;
  --brand-2:#8fd3e2;
  --logo-navy:#37486e;
  --white:#f7f9fb;
  --paper:#eef3f6;
  --text:#13263d;
  --muted:#607286;
  --line:rgba(26,61,83,.16);
  --shadow:0 24px 70px rgba(7,27,44,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--text);background:#f5f7f9;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.container{width:min(1240px,calc(100% - 64px));margin:0 auto}
.site-header{position:fixed;inset:0 0 auto;z-index:50;background:linear-gradient(180deg,rgba(4,17,28,.92),rgba(4,17,28,.65),transparent);backdrop-filter:blur(8px)}
.nav-shell{height:86px;display:flex;align-items:center;gap:28px}
.brand{display:inline-flex;flex-direction:column;min-width:245px;line-height:1}
.brand-name{font-size:27px;font-weight:800;letter-spacing:.5px;color:white}
.brand-line{display:block;width:43px;height:3px;background:var(--brand);margin:7px 0 5px}
.brand-sub{font-size:8px;letter-spacing:.8px;color:rgba(255,255,255,.8)}
.nav-links{display:flex;gap:24px;margin-left:auto;align-items:center}
.nav-links a{font-size:13px;color:rgba(255,255,255,.88);transition:.25s}
.nav-links a:hover{color:var(--brand-2)}
.nav-cta{border:1px solid rgba(54,177,204,.75);padding:13px 18px;font-size:11px;font-weight:800;color:white;letter-spacing:.25px;box-shadow:inset 0 0 20px rgba(54,177,204,.05);transition:.25s}
.nav-cta:hover{background:var(--brand);color:#052130}
.menu-toggle{display:none;margin-left:auto;background:none;border:0;color:white;font-size:25px}
.hero{min-height:820px;position:relative;display:flex;align-items:center;color:white;overflow:hidden;background:var(--ink)}
.hero-bg{position:absolute;inset:0;background:url('assets/hero-j40-clean.png') center center/cover no-repeat;filter:none}
.hero-sheen{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,17,29,.96) 0%,rgba(2,17,29,.84) 30%,rgba(2,17,29,.38) 56%,rgba(2,17,29,.08) 82%),linear-gradient(180deg,rgba(4,17,28,.26),rgba(4,17,28,.02) 50%,rgba(4,17,28,.72))}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center;padding-top:50px;padding-bottom:90px}
.hero-copy{max-width:680px}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;color:#69d4e5;margin-bottom:18px}.eyebrow.dark{color:#168fa7}.eyebrow+ h2{margin-top:0}
.hero h1{font-size:70px;line-height:.98;letter-spacing:-2.4px;margin:0 0 24px;font-weight:780;text-wrap:balance}.hero h1 span{color:#e9f8fb}
.hero-copy>p{font-size:21px;line-height:1.5;max-width:640px;color:rgba(255,255,255,.88);margin:0 0 20px}
.hero-signature{font-size:13px;color:rgba(255,255,255,.75)}
.hero-actions{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 24px;border-radius:4px;font-size:13px;font-weight:800;transition:.25s}
.btn-primary{background:linear-gradient(135deg,#54d4e4,#24b9cf);color:#062231;box-shadow:0 12px 34px rgba(54,177,204,.22)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 45px rgba(54,177,204,.34)}
.btn-ghost{border:1px solid rgba(143,211,226,.8);color:white;background:rgba(3,26,41,.18)}
.btn-ghost:hover{background:rgba(54,177,204,.12)}
.btn-outline-dark{border:1px solid #1b6e85;color:#0d4253;background:white}
.hero-side{align-self:end;justify-self:end;padding-bottom:95px;text-align:left}
.hero-tag{font-size:16px;line-height:1.6;letter-spacing:1.2px;color:rgba(255,255,255,.65);border-left:3px solid var(--brand);padding-left:18px;margin-bottom:70px}
.hero-model{font-size:46px;font-weight:800}.hero-model span{display:block;font-size:11px;font-weight:700;letter-spacing:1.7px;color:#83d5e1;margin-top:8px}
.hero-benefits{position:absolute;left:0;right:0;bottom:0;z-index:3;background:linear-gradient(90deg,rgba(5,32,50,.96),rgba(9,49,68,.93));border-top:1px solid rgba(117,210,225,.18)}
.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.benefits-grid>div{display:flex;align-items:center;gap:16px;padding:24px 22px;border-right:1px solid rgba(255,255,255,.12)}
.benefits-grid>div:last-child{border-right:0}.benefits-grid b{font-size:22px;color:var(--brand);font-weight:800}.benefits-grid span{display:flex;flex-direction:column;gap:5px}.benefits-grid strong{font-size:12px}.benefits-grid small{font-size:10px;color:rgba(255,255,255,.58)}
.section{padding:92px 0}.products{background:linear-gradient(180deg,#f8fafb,#edf2f5)}
.section-head{margin-bottom:36px}.section-head.split{display:grid;grid-template-columns:1fr .7fr;gap:60px;align-items:end}.section-head h2,.family-copy h2,.operational h2,.future-cta h2{font-size:46px;line-height:1.02;letter-spacing:-1.6px;margin:0;color:#09254a}.section-head h2 span,.family-copy h2 span,.operational h2 span{color:#0f6d82}.section-head p{font-size:15px;line-height:1.65;color:#617387;max-width:520px;margin:0 0 5px auto}
.product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.product-card{background:linear-gradient(180deg,#fff,#f6f8fa);border:1px solid rgba(13,68,88,.08);box-shadow:0 16px 46px rgba(13,46,68,.08);overflow:hidden;transition:.3s;min-width:0}.product-card:hover{transform:translateY(-5px);box-shadow:0 22px 60px rgba(13,46,68,.14)}
.product-visual{height:260px;display:flex;align-items:center;justify-content:center;padding:22px;background:radial-gradient(circle at 50% 40%,#ffffff 0,#f6f8fa 68%,#eef2f5 100%);overflow:hidden}.product-visual img{max-height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(20,42,58,.14))}.product-visual.duo{gap:0}.product-visual.duo img:first-child{width:52%;margin-right:-20px}.product-visual.duo img:last-child{width:46%;margin-left:-15px}
.product-meta{padding:22px 22px 26px}.product-meta>span{font-size:9px;letter-spacing:1.45px;font-weight:800;color:#1592a9}.product-meta h3{font-size:25px;margin:8px 0;color:#09254a}.product-meta p{font-size:13px;line-height:1.5;color:#617387;min-height:78px}.product-meta a{font-size:12px;font-weight:800;color:#1089a0}
.dark-band{background:radial-gradient(circle at 78% 15%,rgba(54,177,204,.12),transparent 35%),linear-gradient(135deg,#061a2b,#0b2f46 62%,#092333);color:white;position:relative;overflow:hidden}.dark-band:after{content:"";position:absolute;inset:auto -10% -45% 35%;height:420px;background:radial-gradient(ellipse at center,rgba(54,177,204,.13),transparent 65%);transform:rotate(-9deg)}
.section-head.light h2{color:white}.section-head.light p{color:rgba(255,255,255,.7)}
.service-row{display:grid;grid-template-columns:repeat(6,1fr);position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.12);margin-top:42px}.service-item{padding:34px 24px;border-right:1px solid rgba(255,255,255,.1);min-height:180px}.service-item:last-child{border-right:0}.service-item b{display:block;font-size:12px;color:#6dd8e7;margin-bottom:26px}.service-item strong{display:block;font-size:14px;line-height:1.35}.service-item small{display:block;margin-top:10px;font-size:10px;line-height:1.45;color:rgba(255,255,255,.55)}
.family-showcase{background:linear-gradient(180deg,#e9edf2,#f7f8fa);padding:0;overflow:hidden}.family-grid{display:grid;grid-template-columns:.44fr .56fr;align-items:center;min-height:510px}.family-copy{padding:78px 30px 78px 0}.family-copy p{font-size:15px;line-height:1.65;color:#617387;max-width:440px;margin:22px 0 26px}.family-visual{height:510px;overflow:hidden;position:relative}.family-visual:before{content:"";position:absolute;left:0;top:0;bottom:0;width:180px;background:linear-gradient(90deg,#f3f5f7,transparent);z-index:1}.family-visual img{width:100%;height:100%;object-fit:cover;object-position:center}
.scenarios{background:linear-gradient(180deg,#071c2d,#0a2a3f);color:white}.slider{position:relative}.slides{position:relative;height:560px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.25)}.slide{position:absolute;inset:0;opacity:0;transform:scale(1.02);transition:opacity .65s ease,transform .9s ease}.slide.active{opacity:1;transform:scale(1)}.slide img{width:100%;height:100%;object-fit:cover}.slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,23,36,.93),rgba(3,23,36,.42) 46%,rgba(3,23,36,.05) 75%),linear-gradient(180deg,transparent 55%,rgba(2,18,29,.42))}.slide-caption{position:absolute;z-index:2;left:58px;bottom:56px;max-width:470px}.slide-caption span{font-size:10px;letter-spacing:2px;font-weight:800;color:#70d9e8}.slide-caption h3{font-size:38px;line-height:1.06;margin:10px 0 12px}.slide-caption p{font-size:14px;line-height:1.55;color:rgba(255,255,255,.72)}.slide-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(3,23,36,.55);color:white;font-size:28px;cursor:pointer}.slide-arrow.prev{left:18px}.slide-arrow.next{right:18px}.slider-dots{display:flex;justify-content:center;gap:10px;margin-top:24px}.slider-dots button{width:32px;height:3px;border:0;background:rgba(255,255,255,.2);padding:0;cursor:pointer}.slider-dots button.active{background:#56cfe0}
.operational{background:white}.operational-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.operational-copy>p{font-size:16px;line-height:1.72;color:#5f7185;margin:0 0 28px}.ops-points{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.ops-points>div{border:1px solid #d9e4ea;padding:18px 18px;background:#f8fafb}.ops-points strong{display:block;font-size:12px;color:#128fa7;letter-spacing:1px}.ops-points span{display:block;font-size:12px;margin-top:8px;color:#31485c}
.future-cta{position:relative;overflow:hidden;background:#04131f;min-height:500px;color:white;display:flex;align-items:center;border-top:1px solid rgba(94,204,224,.12)}.future-cta .container{position:relative;z-index:4}.future-grid{display:grid;grid-template-columns:1fr .45fr;gap:40px;align-items:center;padding:95px 0}.future-copy{max-width:600px}.future-cta h2{font-size:52px;color:white;margin:0 0 18px}.future-copy p{font-size:15px;line-height:1.65;color:rgba(255,255,255,.7)}.future-note{justify-self:end;border-left:3px solid var(--brand);padding-left:20px;font-size:13px;line-height:1.75;letter-spacing:1.5px;color:rgba(255,255,255,.65)}
.stars{position:absolute;inset:0;background-image:radial-gradient(circle at 15% 22%,rgba(255,255,255,.55) 0 1px,transparent 1.2px),radial-gradient(circle at 32% 36%,rgba(255,255,255,.28) 0 1px,transparent 1.2px),radial-gradient(circle at 73% 13%,rgba(255,255,255,.33) 0 1px,transparent 1.2px),radial-gradient(circle at 86% 29%,rgba(255,255,255,.42) 0 1px,transparent 1.2px);background-size:260px 240px,320px 280px,350px 310px,420px 360px;opacity:.35}.planet{
position:absolute;
width:min(760px,54vw);
aspect-ratio:270/134;
right:0;
bottom:0;
background:url('assets/footer-earth-exact.png') right bottom/100% 100% no-repeat;
border:0;
border-radius:0;
box-shadow:none;
opacity:1
}
.planet:before,.planet:after{display:none}
.footer{background:#03101a;color:white;border-top:1px solid rgba(255,255,255,.12);padding:38px 0 20px}.footer-grid{display:grid;grid-template-columns:1.1fr 1.4fr 1fr;gap:40px;align-items:start}.footer-brand .brand-name{font-size:22px}.footer-links{display:flex;flex-wrap:wrap;gap:12px 18px;padding-top:4px}.footer-links a{font-size:11px;color:rgba(255,255,255,.65)}.footer-contact{display:flex;flex-direction:column;gap:7px;font-size:11px;color:rgba(255,255,255,.68)}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.08);padding-top:18px;margin-top:28px;font-size:10px;color:rgba(255,255,255,.45)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}
@media(max-width:1100px){.nav-links{display:none}.menu-toggle{display:block}.nav-cta{display:none}.hero h1{font-size:58px}.product-grid{grid-template-columns:repeat(2,1fr)}.product-grid .product-card:last-child{grid-column:span 2}.service-row{grid-template-columns:repeat(3,1fr)}.family-grid{grid-template-columns:1fr}.family-copy{padding-right:0}.family-visual{height:420px}.operational-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-contact{grid-column:span 2}.hero-side{display:none}}
@media(max-width:760px){.container{width:min(100% - 34px,1240px)}.nav-shell{height:72px}.brand{min-width:auto}.brand-name{font-size:22px}.brand-sub{font-size:6px}.hero{min-height:760px}.hero-grid{grid-template-columns:1fr;padding-top:90px;padding-bottom:135px}.hero h1{font-size:46px}.hero-copy>p{font-size:17px}.benefits-grid{grid-template-columns:1fr 1fr}.benefits-grid>div{padding:14px 12px}.benefits-grid small{display:none}.section{padding:66px 0}.section-head.split{grid-template-columns:1fr;gap:18px}.section-head h2,.family-copy h2,.operational h2,.future-cta h2{font-size:36px}.section-head p{margin:0}.product-grid{grid-template-columns:1fr}.product-grid .product-card:last-child{grid-column:auto}.product-visual{height:290px}.service-row{grid-template-columns:1fr 1fr}.service-item{min-height:150px;padding:24px 18px}.family-grid{min-height:auto}.family-visual{height:320px}.family-visual:before{display:none}.slides{height:520px}.slide-caption{left:28px;right:28px;bottom:38px}.slide-caption h3{font-size:32px}.future-grid{grid-template-columns:1fr;padding:78px 0}.future-note{justify-self:start}.planet{width:min(680px,80vw);height:auto;right:-130px;bottom:0}.footer-grid{grid-template-columns:1fr}.footer-contact{grid-column:auto}.footer-bottom{gap:10px;flex-direction:column}.ops-points{grid-template-columns:1fr}.hero-model{font-size:36px}}


/* =========================================================
   FINAL MOBILE POLISH — production pass
   ========================================================= */

/* Prevent accidental horizontal overflow on narrow screens */
html,body{max-width:100%;overflow-x:hidden}
button,a{-webkit-tap-highlight-color:transparent}
img{height:auto}

/* Mobile navigation */
@media(max-width:1100px){
  .site-header{background:rgba(4,17,28,.96);backdrop-filter:blur(14px)}
  .nav-shell{position:relative}
  .menu-toggle{
    display:flex;align-items:center;justify-content:center;
    width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.14);
    border-radius:4px;cursor:pointer;line-height:1
  }
  .nav-links{
    display:none;position:absolute;top:calc(100% + 1px);left:0;right:0;
    margin:0;padding:12px 17px 18px;gap:0;flex-direction:column;align-items:stretch;
    background:rgba(4,17,28,.985);border-top:1px solid rgba(255,255,255,.08);
    box-shadow:0 22px 45px rgba(0,0,0,.25)
  }
  .nav-links.open{display:flex}
  .nav-links a{
    display:flex;align-items:center;min-height:48px;padding:0 4px;
    border-bottom:1px solid rgba(255,255,255,.07);font-size:13px
  }
  .nav-links a:last-child{border-bottom:0}
  .site-header.menu-open{background:rgba(4,17,28,.995)}
}

/* Touch devices should not rely on hover */
@media(hover:none){
  .product-card:hover,.btn-primary:hover{transform:none}
}

/* Phone layout */
@media(max-width:760px){
  body{font-size:15px}
  .container{width:calc(100% - 34px)}
  .nav-shell{height:70px;gap:12px}
  .brand-name{font-size:21px;letter-spacing:.25px}
  .brand-line{width:36px;height:2px;margin:5px 0 4px}
  .brand-sub{font-size:5.8px;letter-spacing:.55px}
  .menu-toggle{width:42px;height:42px;font-size:22px}

  .hero-actions{gap:10px;margin-top:24px}
  .hero-actions .btn{width:100%;min-height:50px;padding:0 18px;text-align:center}
  .btn{font-size:12px}

  .eyebrow{font-size:10px;letter-spacing:1.55px;margin-bottom:14px}
  .hero h1,.deep-hero h1,.ov-hero h1{overflow-wrap:anywhere}
  .hero-copy>p,.deep-hero-copy>p,.ov-hero p{line-height:1.58}

  .benefits-grid>div{min-height:76px}
  .benefits-grid b{font-size:18px}
  .benefits-grid strong{font-size:10px;line-height:1.3}

  .product-meta p{min-height:0}
  .product-card{box-shadow:0 12px 36px rgba(13,46,68,.08)}
  .product-visual{height:260px}

  .service-row{gap:0}
  .service-item{padding:22px 15px;min-height:145px}
  .service-item b{margin-bottom:18px}
  .service-item strong{font-size:12px}
  .service-item small{font-size:9px}

  .slides{height:480px;border-radius:0}
  .slide-caption{left:22px;right:22px;bottom:30px}
  .slide-caption h3{font-size:29px}
  .slide-caption p{font-size:12px}
  .slide-arrow{width:40px;height:40px;font-size:23px}
  .slide-arrow.prev{left:10px}.slide-arrow.next{right:10px}

  .future-cta{min-height:520px}
  .future-grid{padding:72px 0 105px}
  .future-copy p{font-size:13px}
  .future-note{font-size:11px}
  .planet{opacity:.82}

  .footer{padding-top:32px}
  .footer-grid{gap:26px}
  .footer-links{gap:14px 18px}
  .footer-links a{font-size:12px;min-height:28px;display:inline-flex;align-items:center}
  .footer-contact{font-size:12px;line-height:1.5}
}

/* Extra-small phones */
@media(max-width:430px){
  .container{width:calc(100% - 28px)}
  .hero{min-height:790px}
  .hero-grid{padding-top:96px;padding-bottom:152px}
  .hero h1{font-size:40px;letter-spacing:-1.5px}
  .hero-copy>p{font-size:15px}
  .benefits-grid>div{padding:12px 9px;gap:9px}
  .benefits-grid b{font-size:16px}
  .section-head h2,.family-copy h2,.operational h2,.future-cta h2{font-size:33px}
  .service-row{grid-template-columns:1fr}
  .service-item{min-height:0;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}
  .family-visual{height:270px}
  .slides{height:440px}
  .slide-caption h3{font-size:27px}
  .planet{width:620px;height:auto;right:-280px;bottom:0}
}

/* Very narrow phones */
@media(max-width:370px){
  .brand-sub{display:none}
  .hero h1{font-size:36px}
  .benefits-grid{grid-template-columns:1fr}
  .hero{min-height:900px}
  .hero-grid{padding-bottom:280px}
  .slides{height:420px}
}


@media(max-width:760px){
  .planet{width:660px!important;height:auto!important;right:-300px!important;bottom:0!important;opacity:1!important}
}
@media(max-width:430px){
  .planet{width:570px!important;height:auto!important;right:-285px!important;bottom:0!important}
}

/* Exact approved footer planet visual extracted from the supplied reference */
.future-cta::before{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(90deg,#04131f 0%,rgba(4,19,31,.98) 31%,rgba(4,19,31,.72) 48%,rgba(4,19,31,.12) 72%),
    url("assets/footer-planet-reference.jpg") right center/auto 100% no-repeat;
  z-index:0;
}
.future-cta .stars,.future-cta .planet{display:none!important}
.future-cta .container{position:relative;z-index:2}
@media(max-width:760px){
  .future-cta::before{
    background:
      linear-gradient(180deg,rgba(4,19,31,.98) 0%,rgba(4,19,31,.86) 48%,rgba(4,19,31,.18) 100%),
      url("assets/footer-planet-reference.jpg") 72% bottom/auto 68% no-repeat;
  }
}



/* EXACT footer moon from approved reference */
.future-cta{
  position:relative;
  overflow:hidden;
  background:#031523;
  min-height:390px;
}
.future-cta::after{
  content:"";
  position:absolute;
  z-index:1;
  top:0;
  right:0;
  bottom:0;
  width:72%;
  background-image:url('assets/footer-moon-reference.jpg');
  background-repeat:no-repeat;
  background-position:right bottom;
  background-size:auto 100%;
  pointer-events:none;
}
.future-cta::before{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  background:linear-gradient(90deg,#031523 0%,#031523 35%,rgba(3,21,35,.96) 43%,rgba(3,21,35,.45) 56%,transparent 72%);
  pointer-events:none;
}
.future-cta .container{position:relative;z-index:4}
.future-cta .stars,.future-cta .planet{display:none!important}
.future-cta .future-note{display:none!important}
@media(max-width:760px){
  .future-cta{min-height:500px}
  .future-cta::after{
    width:100%;
    height:58%;
    top:auto;
    background-size:auto 100%;
    background-position:right bottom;
  }
  .future-cta::before{
    background:linear-gradient(180deg,#031523 0%,#031523 45%,rgba(3,21,35,.62) 68%,rgba(3,21,35,.08) 100%);
  }
  .future-grid{padding:70px 0 205px!important}
}

/* =========================================================
   V6 CONFIRMED REVISION PASS
   ========================================================= */
.hero-bg{
  background-image:url('assets/home-hero-v7.jpg')!important;
  background-position:center center!important;
  background-size:cover!important;
  filter:none!important;
}

/* Larger product renders on a consistent grey stage */
.product-visual{
  height:300px!important;
  padding:8px!important;
  background:#dfe3e6!important;
}
.product-visual img{
  max-height:108%!important;
  max-width:108%!important;
  transform:scale(1.08);
  transform-origin:center center;
}
.product-card.model-j20 .product-visual img{transform:scale(1.14)}
.product-card.model-j30-j30s .product-visual img{transform:scale(1.10)}
.product-card.model-j36 .product-visual img{transform:scale(1.10)}
.product-card.model-j40 .product-visual img{transform:scale(1.12)}
.product-card.model-j140 .product-visual img{transform:scale(1.08)}
.product-meta>span{
  display:block;
  min-height:28px;
  line-height:1.35;
}
.product-meta h3{
  font-size:22px!important;
  min-height:29px;
  line-height:1.15;
  margin:6px 0 10px!important;
}

/* Show the complete family, including J36 */
.family-visual{
  background:linear-gradient(180deg,#e7eaee,#f6f7f9);
}
.family-visual:before{display:none!important}
.family-visual img{
  object-fit:contain!important;
  object-position:center center!important;
  padding:0!important;
}

/* Crisp footer planet/sun; all text remains live HTML, never baked into image */
.future-cta{
  background:#031522!important;
  min-height:500px!important;
}
.future-cta::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  z-index:1!important;
  background-image:url('assets/footer-planet-crisp-v7.jpg')!important;
  background-repeat:no-repeat!important;
  background-position:center bottom!important;
  background-size:cover!important;
  pointer-events:none!important;
  opacity:1!important;
}
.future-cta::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  background:linear-gradient(90deg,rgba(3,21,34,.98) 0%,rgba(3,21,34,.94) 28%,rgba(3,21,34,.68) 45%,rgba(3,21,34,.18) 66%,rgba(3,21,34,.02) 100%)!important;
  pointer-events:none!important;
}
.future-cta .stars,.future-cta .planet{display:none!important}
.future-cta .container{position:relative!important;z-index:4!important}
.future-cta .future-note{
  display:block!important;
  position:relative!important;
  z-index:5!important;
  justify-self:end!important;
  color:#eaf9fc!important;
  font-weight:700!important;
  font-size:13px!important;
  line-height:1.75!important;
  letter-spacing:1.8px!important;
  text-shadow:0 1px 8px rgba(0,0,0,.65)!important;
  border-left:0!important;
  border-bottom:3px solid #52d5e7!important;
  padding:0 0 13px 0!important;
  min-width:170px;
}

@media(max-width:760px){
  .product-visual{height:300px!important}
  .product-meta>span{min-height:0}
  .product-meta h3{min-height:0}
  .future-cta::after{background-position:65% bottom!important;background-size:auto 100%!important}
  .future-cta::before{background:linear-gradient(180deg,rgba(3,21,34,.98) 0%,rgba(3,21,34,.93) 45%,rgba(3,21,34,.45) 68%,rgba(3,21,34,.05) 100%)!important}
  .future-grid{padding:76px 0 120px!important}
  .future-cta .future-note{justify-self:start!important;margin-top:16px!important;font-size:11px!important}
}


/* =========================================================
   V7 MOBILE = DESKTOP CONTENT SYNC
   Fresh asset names prevent stale mobile cache.
   ========================================================= */
@media(max-width:760px){
  .future-cta::after{
    background-image:url('assets/footer-planet-crisp-v7-mobile.jpg')!important;
    background-position:center bottom!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
  }
  .family-visual img,
  .family-image img{
    object-fit:contain!important;
    object-position:center center!important;
    width:100%!important;
    height:100%!important;
  }
}
.language-switch{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:13px;font-weight:700;letter-spacing:.08em;color:rgba(255,255,255,.5)}
.language-switch a{color:rgba(255,255,255,.65);text-decoration:none;padding:8px 2px}
.language-switch a[aria-current="page"],.language-switch a:hover{color:#fff}
@media(min-width:1101px){.nav-shell{gap:18px}.nav-links{gap:16px}}
@media(max-width:1100px){.language-switch{margin-left:0}.menu-toggle{margin-left:auto}}
@media(max-width:430px){.language-switch{font-size:12px;gap:5px}}

.language-switch a{display:inline-flex;align-items:center;gap:5px}
.language-switch img{display:block;width:22px;height:15px;object-fit:cover;border:1px solid rgba(255,255,255,.42);border-radius:2px;flex:none}
@media(max-width:430px){.language-switch a{gap:3px}.language-switch img{width:19px;height:13px}}