/* Galaxy Modzz — Home V2
   Brand: PlayStation blue -> electric cyan -> Xbox green
   Scoped exclusively to the customer Home page.
*/

body[data-page="home"]{
  --gm-ps:#0070d1;
  --gm-cyan:#29b5ff;
  --gm-xbox:#28d782;
  --gm-night:#02070b;
  --gm-panel:#06141d;
  --gm-line:#16445d;
  background:
    radial-gradient(circle at 82% 4%,rgba(0,112,209,.17),transparent 28%),
    radial-gradient(circle at 12% 78%,rgba(40,215,130,.08),transparent 30%),
    #03080d;
}

/* HERO */
body[data-page="home"] .hero-shell{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-bottom:1px solid #14506b;
  background:
    radial-gradient(circle at 78% 32%,rgba(0,112,209,.28),transparent 28%),
    radial-gradient(circle at 82% 82%,rgba(40,215,130,.16),transparent 28%),
    linear-gradient(115deg,#02070b 0%,#04111a 48%,#061a18 100%);
}

body[data-page="home"] .hero-shell::after{
  content:none;
  position:absolute;
  z-index:-1;
  left:38%;
  right:-12%;
  bottom:-150px;
  height:250px;
  background:linear-gradient(
    90deg,
    rgba(0,112,209,.34),
    rgba(41,181,255,.28),
    rgba(40,215,130,.27)
  );
  filter:blur(80px);
  transform:rotate(-5deg);
  pointer-events:none;
}

body[data-page="home"] .hero{
  position:relative;
  display:block;
  min-height:680px;
  padding:0;
}

body[data-page="home"] .hero-panel{
  position:absolute;
  inset:0;
  z-index:0;
  min-height:0;
  padding:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  overflow:hidden;
}

body[data-page="home"] .hero-panel::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(
      90deg,
      rgba(2,7,11,.99) 0%,
      rgba(2,7,11,.94) 27%,
      rgba(2,7,11,.72) 47%,
      rgba(2,7,11,.18) 76%,
      rgba(2,7,11,.48) 100%
    ),
    linear-gradient(
      0deg,
      rgba(2,7,11,.92) 0%,
      transparent 38%,
      rgba(2,7,11,.30) 100%
    );
}

body[data-page="home"] .hero-panel::after{
  content:"";
  position:absolute;
  z-index:1;
  left:35%;
  right:-10%;
  bottom:-15%;
  height:38%;
  pointer-events:none;
  background:linear-gradient(
    100deg,
    rgba(0,112,209,.42),
    rgba(41,181,255,.24),
    rgba(40,215,130,.32)
  );
  filter:blur(50px);
  transform:skewX(-16deg);
}

body[data-page="home"] .hero-media{
  position:absolute;
  inset:0;
  z-index:0;
}

body[data-page="home"] .hero-media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

body[data-page="home"] .hero-media-overlay{
  position:absolute;
  inset:0;
  background:#02070b;
  opacity:var(--hero-overlay,.42);
}

body[data-page="home"] .hero-panel .panel-top,
body[data-page="home"] .hero-panel .panel-bottom,
body[data-page="home"] .hero-panel .orbit{
  display:none;
}

body[data-page="home"] .hero-copy{
  position:relative;
  z-index:2;
  width:min(54%,650px);
  min-height:680px;
  padding:82px 24px 58px 0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-shadow:0 4px 28px rgba(0,0,0,.82);
}

body[data-page="home"] .hero-copy .eyebrow{
  width:max-content;
  max-width:100%;
  margin-bottom:20px;
  padding:8px 12px;
  border:1px solid rgba(41,181,255,.25);
  border-radius:999px;
  background:rgba(3,16,24,.62);
  backdrop-filter:blur(10px);
  color:#72d2ff;
}

body[data-page="home"] .hero-copy .line{
  background:linear-gradient(90deg,var(--gm-ps),var(--gm-cyan));
  box-shadow:0 0 14px rgba(41,181,255,.6);
}

body[data-page="home"] #hero-title{
  overflow-wrap:anywhere;
  max-width:640px;
  margin-bottom:18px;
  font-size:clamp(4.4rem,7.6vw,7.4rem);
  line-height:.91;
  letter-spacing:-.075em;
  text-transform:uppercase;
  text-wrap:balance;
  text-shadow:0 10px 40px rgba(0,0,0,.75);
}

body[data-page="home"] #hero-title span{
  filter:drop-shadow(0 0 22px rgba(41,181,255,.18));
}

body[data-page="home"] .hero-sub{
  max-width:500px;
  margin-bottom:10px;
  color:#edf7fc;
  font-size:1.18rem;
}

body[data-page="home"] .service-line{
  max-width:580px;
  color:#9fb8c7;
  line-height:1.8;
}

body[data-page="home"] .service-line b{
  color:var(--gm-cyan);
}

/* CTA */
body[data-page="home"] .actions{
  margin-top:28px;
  gap:10px;
}

body[data-page="home"] .actions .button{
  min-height:52px;
  padding-inline:22px;
  border-radius:10px;
  backdrop-filter:blur(10px);
}

body[data-page="home"] .actions .primary{
  color:#fff;
  border-color:#199de0;
  background:linear-gradient(
    105deg,
    var(--gm-ps),
    var(--gm-cyan) 54%,
    var(--gm-xbox)
  );
  box-shadow:
    0 12px 32px rgba(0,112,209,.24),
    0 0 28px rgba(41,181,255,.10);
}

body[data-page="home"] .actions .primary:hover{
  background:linear-gradient(
    105deg,
    #087de4,
    #45c4ff 54%,
    #35e48e
  );
}

/* PLATFORM SELECTOR */
body[data-page="home"] .hero-platforms{
  width:min(530px,100%);
  margin-top:20px;
  border:1px solid #1b506b;
  border-radius:13px;
  overflow:hidden;
  background:rgba(3,16,24,.82);
  box-shadow:0 16px 40px rgba(0,0,0,.42);
  backdrop-filter:blur(14px);
}

body[data-page="home"] .platform-card{
  min-height:70px;
  transition:background .18s ease,transform .18s ease;
}

body[data-page="home"] .platform-card:hover{
  background:rgba(255,255,255,.035);
}

body[data-page="home"] .playstation-card{
  color:#61bdff;
}

body[data-page="home"] .xbox-card{
  color:#55e793;
}

body[data-page="home"] .playstation-card .platform-icon{
  background:rgba(0,112,209,.20);
  border:1px solid rgba(41,181,255,.25);
}

body[data-page="home"] .xbox-card .platform-icon{
  background:rgba(40,215,130,.15);
  border:1px solid rgba(40,215,130,.25);
}

/* BENEFIT STRIP */
body[data-page="home"] .benefits{
  position:relative;
  z-index:3;
  gap:10px;
  padding-block:14px;
  border:0;
}

body[data-page="home"] .benefits>div{
  min-height:100px;
  padding:20px 18px 20px 62px!important;
  border:1px solid #173f55!important;
  border-radius:12px!important;
  background:
    linear-gradient(145deg,rgba(8,31,45,.96),rgba(5,16,23,.96));
  box-shadow:0 12px 30px rgba(0,0,0,.20);
}

body[data-page="home"] .benefits>div::before{
  background:linear-gradient(135deg,var(--gm-ps),var(--gm-cyan));
}

body[data-page="home"] .benefits>div:nth-child(2)::before,
body[data-page="home"] .benefits>div:nth-child(4)::before{
  background:linear-gradient(135deg,var(--gm-cyan),var(--gm-xbox));
}

body[data-page="home"] .benefits strong{
  color:#f3f9fc;
}

/* HOME SECTIONS */
body[data-page="home"] .section-heading{
  border-bottom:1px solid #17394c;
}

body[data-page="home"] .product-card,
body[data-page="home"] .gallery-item,
body[data-page="home"] .steps article,
body[data-page="home"] .faq-section details{
  background:
    linear-gradient(150deg,rgba(8,27,39,.98),rgba(4,13,19,.98));
  border-color:#183f54;
}

body[data-page="home"] .product-card:hover,
body[data-page="home"] .gallery-item:hover{
  border-color:#29b5ff;
  box-shadow:
    0 22px 50px rgba(0,0,0,.46),
    0 0 30px rgba(0,112,209,.10);
}

body[data-page="home"] .contact-section{
  border-color:#1c536c;
  background:
    radial-gradient(circle at 90% 20%,rgba(0,112,209,.25),transparent 35%),
    radial-gradient(circle at 15% 90%,rgba(40,215,130,.12),transparent 32%),
    linear-gradient(110deg,#061a27,#061216 65%);
}

/* TABLET */
@media(max-width:1000px){
  body[data-page="home"] .hero-copy{
    width:min(62%,590px);
  }

  body[data-page="home"] #hero-title{
    font-size:clamp(3.8rem,8.5vw,6rem);
  }
}

/* MOBILE */
@media(max-width:800px){
  body[data-page="home"] .hero{
    min-height:740px;
  }

  body[data-page="home"] .hero-panel::before{
    background:
      linear-gradient(
        180deg,
        rgba(2,7,11,.16) 0%,
        rgba(2,7,11,.28) 31%,
        rgba(2,7,11,.88) 60%,
        #02070b 100%
      ),
      linear-gradient(
        90deg,
        rgba(2,7,11,.58),
        transparent 80%
      );
  }

  body[data-page="home"] .hero-copy{
    width:100%;
    min-height:740px;
    margin:0;
    padding:280px 4px 34px;
    justify-content:flex-end;
  }

  body[data-page="home"] #hero-title{
    font-size:clamp(3.35rem,15vw,5.4rem);
    line-height:.91;
  }

  body[data-page="home"] .hero-sub{
    font-size:1rem;
  }

  body[data-page="home"] .hero-platforms{
    margin-top:16px;
  }

  body[data-page="home"] .benefits{
    grid-template-columns:1fr 1fr;
  }
}

/* SMALL MOBILE */
@media(max-width:480px){
  body[data-page="home"] .hero{
    min-height:720px;
  }

  body[data-page="home"] .hero-copy{
    min-height:720px;
    padding-top:245px;
  }

  body[data-page="home"] .hero-copy .eyebrow{
    font-size:.59rem;
    letter-spacing:.09em;
  }

  body[data-page="home"] #hero-title{
    font-size:clamp(3rem,15vw,4.55rem);
  }

  body[data-page="home"] .actions{
    width:100%;
  }

  body[data-page="home"] .actions .button{
    flex:1;
    min-width:0;
    padding-inline:10px;
  }

  body[data-page="home"] .platform-card{
    padding:9px;
    gap:7px;
  }

  body[data-page="home"] .platform-card strong{
    font-size:.82rem;
  }

  body[data-page="home"] .platform-card small{
    font-size:.62rem;
  }

  body[data-page="home"] .benefits{
    gap:7px;
  }

  body[data-page="home"] .benefits>div{
    min-height:108px;
    padding:16px 10px 16px 50px!important;
  }
}


/* HOME V2 HEADLINE BRAND GRADIENTS */
body[data-page="home"][data-headline-gradient="BLUE_GREEN"] #hero-title{
  background:linear-gradient(90deg,var(--gm-ps,#0070d1) 0%,var(--gm-cyan,#29b5ff) 52%,var(--gm-xbox,#28d782) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
}
body[data-page="home"][data-headline-gradient="BLUE_WHITE"] #hero-title{
  background:linear-gradient(90deg,var(--gm-ps,#0070d1) 0%,var(--gm-cyan,#29b5ff) 52%,#f5f9ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
}
body[data-page="home"][data-headline-gradient="GREEN_BLUE"] #hero-title{
  background:linear-gradient(90deg,var(--gm-xbox,#28d782) 0%,var(--gm-cyan,#29b5ff) 52%,var(--gm-ps,#0070d1) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
}


/* HOME V2 SOCIAL ICONS */
body[data-page="home"] .contact-links .social-link-label{
  display:inline-flex;
  align-items:center;
  gap:10px;
}
body[data-page="home"] .contact-links .social-icon{
  width:24px;
  height:24px;
  flex:0 0 24px;
  color:var(--gm-cyan,#29b5ff);
}
body[data-page="home"] .contact-links a[data-platform*="instagram"] .social-icon{
  color:#ff4fd8;
}
body[data-page="home"] .contact-links a[data-platform*="discord"] .social-icon{
  color:#7c8cff;
}
body[data-page="home"] .contact-links a[data-platform*="whatsapp"] .social-icon{
  color:#28d782;
}
body[data-page="home"] .contact-links a[data-platform*="telegram"] .social-icon{
  color:#29b5ff;
}

/* Legacy Hero decorations removed from the storefront.
   Keep them suppressed for compatibility with cached/legacy markup. */
body[data-page="home"] .hero-panel .panel-top,
body[data-page="home"] .hero-panel .panel-bottom,
body[data-page="home"] .hero-panel .orbit{
  display:none !important;
}


/* HOME CONTACT V3 — unified dark support panel */
body[data-page="home"] .contact-section{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:center;
  gap:42px;
  padding:40px 42px;
  border:1px solid #17445b;
  border-radius:16px;
  background:
    radial-gradient(circle at 8% 25%,rgba(0,143,229,.10),transparent 34%),
    radial-gradient(circle at 92% 80%,rgba(40,215,130,.06),transparent 30%),
    linear-gradient(120deg,#06131b 0%,#050d13 58%,#061018 100%);
  box-shadow:
    0 24px 65px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(94,199,255,.035);
}

body[data-page="home"] .contact-section>div:first-child{
  min-width:0;
  padding:6px 0;
}

body[data-page="home"] .contact-section h2{
  margin-bottom:16px;
  max-width:680px;
}

body[data-page="home"] .contact-section #contact-text{
  max-width:650px;
  color:#9fb4c1;
}

body[data-page="home"] .contact-links{
  width:100%;
  min-width:0;
  display:grid;
  gap:8px;
  padding:10px;
  border:1px solid #183b4e;
  border-radius:12px;
  background:rgba(3,11,16,.68);
  box-shadow:inset 0 1px 0 rgba(82,187,239,.04);
}

body[data-page="home"] .contact-links>a,
body[data-page="home"] .contact-links>div{
  min-height:62px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:14px 16px;
  border:1px solid transparent;
  border-radius:9px;
  color:#dce9f0;
  background:#07141c;
  transition:
    background .16s ease,
    border-color .16s ease,
    transform .16s ease;
}

body[data-page="home"] .contact-links>a:hover{
  background:#0a1c26;
  border-color:#22536c;
  transform:translateY(-1px);
}

body[data-page="home"] .contact-links>a>span{
  font-weight:700;
}

body[data-page="home"] .contact-links small{
  color:#79b8d8;
  text-align:right;
  white-space:nowrap;
}

@media(max-width:900px){
  body[data-page="home"] .contact-section{
    grid-template-columns:1fr;
    gap:26px;
    padding:32px;
  }

  body[data-page="home"] .contact-links{
    max-width:none;
  }
}

@media(max-width:480px){
  body[data-page="home"] .contact-section{
    padding:24px 20px;
    gap:22px;
    border-radius:13px;
  }

  body[data-page="home"] .contact-links{
    padding:8px;
  }

  body[data-page="home"] .contact-links>a,
  body[data-page="home"] .contact-links>div{
    min-height:58px;
    padding:13px 12px;
    gap:10px;
  }

  body[data-page="home"] .contact-links small{
    white-space:normal;
    max-width:130px;
  }
}

/* Contact links scale cleanly as more social channels are enabled */
body[data-page="home"] .contact-links{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));
}

body[data-page="home"] .contact-links>a:only-child{
  grid-column:1 / -1;
}

@media(max-width:700px){
  body[data-page="home"] .contact-links{
    grid-template-columns:1fr;
  }

  body[data-page="home"] .contact-links>a:only-child{
    grid-column:auto;
  }
}


/* =========================================================
   HOME VISUAL POLISH V4
   Unified premium storefront presentation
   ========================================================= */

/* ---------- HERO: one continuous visual surface ---------- */

body[data-page="home"] .hero-shell{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#03090d;
  border-bottom:1px solid #123448;
}

body[data-page="home"] .hero{
  position:relative;
  min-height:650px;
  grid-template-columns:minmax(0,.92fr) minmax(420px,1.18fr);
  align-items:center;
  padding-block:54px 58px;
}

body[data-page="home"] .hero-copy{
  position:relative;
  z-index:4;
  max-width:690px;
  padding:38px 42px 38px 0;
}

/* The panel is the full Hero background, not a separate right-side card */
body[data-page="home"] .hero-panel{
  position:absolute;
  inset:0;
  z-index:0;
  min-height:0;
  padding:0;
  border:0;
  border-radius:0;
  overflow:hidden;
  background:
    radial-gradient(circle at 76% 40%,rgba(9,101,151,.16),transparent 28%),
    radial-gradient(circle at 86% 86%,rgba(17,156,96,.09),transparent 27%),
    linear-gradient(118deg,#02070b 0%,#030a0f 48%,#041017 100%);
  box-shadow:none;
}

/* Main composition layer:
   dark across the whole Hero, strongest behind the copy */
body[data-page="home"] .hero-panel::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(
      90deg,
      rgba(2,7,11,.98) 0%,
      rgba(2,7,11,.94) 24%,
      rgba(2,7,11,.78) 45%,
      rgba(2,7,11,.48) 70%,
      rgba(2,7,11,.60) 100%
    ),
    linear-gradient(
      180deg,
      rgba(2,7,11,.34) 0%,
      transparent 42%,
      rgba(2,7,11,.72) 100%
    );
}

/* Very restrained brand glow */
body[data-page="home"] .hero-panel::after{
  content:'';
  position:absolute;
  z-index:2;
  left:35%;
  right:-8%;
  bottom:-24%;
  height:45%;
  pointer-events:none;
  background:linear-gradient(
    100deg,
    rgba(8,127,234,.20),
    rgba(8,65,100,.07)
  );
  filter:blur(58px);
  transform:skewX(-14deg);
}

/* Admin-controlled Hero media */
body[data-page="home"] .hero-media{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
}

body[data-page="home"] .hero-media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  opacity:.78;
  filter:
    brightness(.78)
    contrast(1.06)
    saturate(.92);
}

/* Keep Admin overlay control functional */
body[data-page="home"] .hero-media-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  opacity:1;
  background:rgba(2,7,11,var(--hero-overlay,.42));
}

/* Extra blending only when a real Hero image exists */
body[data-page="home"] .hero-shell.has-hero-media .hero-panel{
  background:#02070b;
}

body[data-page="home"] .hero-panel::before{
  background:
    linear-gradient(
      90deg,
      rgba(2,7,11,.98) 0%,
      rgba(2,7,11,.93) 25%,
      rgba(2,7,11,.72) 47%,
      rgba(2,7,11,.36) 72%,
      rgba(2,7,11,.52) 100%
    ),
    linear-gradient(
      180deg,
      rgba(2,7,11,.38) 0%,
      transparent 36%,
      rgba(2,7,11,.84) 100%
    );
}

/* Hero typography */
body[data-page="home"] .hero h1{
  max-width:760px;
  margin-bottom:20px;
  text-shadow:0 12px 40px rgba(0,0,0,.72);
}

body[data-page="home"] .hero-sub{
  max-width:520px;
  color:#e4eef4;
}

body[data-page="home"] .service-line{
  color:#9fb9c9;
}

body[data-page="home"] .hero .eyebrow{
  width:max-content;
  max-width:100%;
  padding:9px 13px;
  margin-bottom:24px;
  border:1px solid #17465f;
  border-radius:999px;
  background:rgba(3,13,19,.58);
  backdrop-filter:blur(8px);
}

/* Platform selector feels attached to the Hero content */
body[data-page="home"] .hero-platforms{
  margin-top:18px;
  max-width:600px;
  border-radius:11px;
  overflow:hidden;
  box-shadow:0 14px 34px rgba(0,0,0,.25);
}

body[data-page="home"] .platform-card{
  background:rgba(4,18,26,.84);
  backdrop-filter:blur(10px);
}


/* ---------- BENEFITS ---------- */

body[data-page="home"] .benefits{
  position:relative;
  z-index:5;
  margin-top:-30px;
  padding:0 0 14px;
  gap:10px;
}

body[data-page="home"] .benefits>div{
  min-height:98px;
  background:
    linear-gradient(145deg,rgba(8,30,43,.96),rgba(5,16,23,.96));
  border-color:#17445b!important;
  box-shadow:0 18px 38px rgba(0,0,0,.30);
}


/* ---------- MAIN SECTIONS ---------- */

body[data-page="home"] .section{
  padding-block:78px;
}

body[data-page="home"] .section-heading{
  padding-bottom:20px;
  border-bottom:1px solid #15384b;
}

body[data-page="home"] .section-heading h2{
  margin-bottom:0;
}

/* Consistent cards across customer-facing Home */
body[data-page="home"] .product-card,
body[data-page="home"] .gallery-item,
body[data-page="home"] .steps article,
body[data-page="home"] .faq-section details{
  background:linear-gradient(150deg,#071923,#050d13);
  border-color:#183f54;
  box-shadow:0 16px 38px rgba(0,0,0,.22);
}


/* ---------- HOW IT WORKS ---------- */

body[data-page="home"] .steps{
  gap:18px;
  margin-top:34px;
}

body[data-page="home"] .steps article{
  position:relative;
  min-height:190px;
  padding:26px 24px;
  overflow:hidden;
}

body[data-page="home"] .steps article::after{
  content:'';
  position:absolute;
  width:120px;
  height:120px;
  right:-55px;
  bottom:-65px;
  border-radius:50%;
  background:rgba(12,143,229,.07);
  filter:blur(4px);
}

body[data-page="home"] .steps article>span{
  background:linear-gradient(110deg,#29b5ff,#28d782);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

body[data-page="home"] .steps h3{
  margin-top:20px;
}


/* ---------- REVIEWS ---------- */

body[data-page="home"] #reviews{
  position:relative;
}

body[data-page="home"] #reviews .dev-note{
  max-width:760px;
}

body[data-page="home"] #reviews p{
  max-width:820px;
}


/* ---------- FAQ ---------- */

body[data-page="home"] .faq-section{
  gap:54px;
  align-items:start;
  padding-top:72px;
}

body[data-page="home"] .faq-section details{
  margin-bottom:9px;
  border-radius:10px;
  transition:border-color .15s ease,background .15s ease;
}

body[data-page="home"] .faq-section details:hover{
  border-color:#246281;
  background:#081b25;
}

body[data-page="home"] .faq-section summary{
  padding:20px 44px 20px 18px;
}

body[data-page="home"] .faq-section details p{
  padding:0 18px 20px;
}


/* ---------- CONTACT ---------- */

/* Preserve previous V3 contact design, but visually align it with the page */
body[data-page="home"] .contact-section{
  margin-top:4px;
  margin-bottom:0;
  border-color:#17445b;
  background:
    radial-gradient(circle at 12% 25%,rgba(0,143,229,.08),transparent 30%),
    linear-gradient(120deg,#06131b,#050d13 62%,#061018);
}


/* ---------- FOOTER ---------- */

body[data-page="home"] footer{
  margin-top:24px!important;
  padding-top:24px;
  padding-bottom:30px;
  border-top:0;
}

body[data-page="home"] footer .legal-links a,
body[data-page="home"] footer .legal-links button{
  color:#a8bcc8;
}

body[data-page="home"] footer .legal-links a:hover,
body[data-page="home"] footer .legal-links button:hover{
  color:#5dcbff;
}


/* ---------- TABLET / MOBILE ---------- */

@media(max-width:900px){
  body[data-page="home"] .hero{
    min-height:690px;
    display:block;
    padding:0;
  }

  body[data-page="home"] .hero-copy{
    min-height:690px;
    max-width:100%;
    padding:250px 4px 34px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
  }

  body[data-page="home"] .hero-panel::before{
    background:
      linear-gradient(
        180deg,
        rgba(2,7,11,.28) 0%,
        rgba(2,7,11,.46) 34%,
        rgba(2,7,11,.88) 67%,
        rgba(2,7,11,.99) 100%
      ),
      linear-gradient(
        90deg,
        rgba(2,7,11,.65),
        rgba(2,7,11,.20) 85%
      );
  }

  body[data-page="home"] .hero-media img{
    object-position:center top;
    opacity:.72;
  }

  body[data-page="home"] .benefits{
    margin-top:0;
  }

  body[data-page="home"] .faq-section{
    gap:28px;
  }
}

@media(max-width:600px){
  body[data-page="home"] .hero{
    min-height:660px;
  }

  body[data-page="home"] .hero-copy{
    min-height:660px;
    padding:225px 0 28px;
  }

  body[data-page="home"] .hero .eyebrow{
    font-size:.61rem;
    padding:8px 10px;
  }

  body[data-page="home"] .hero h1{
    font-size:clamp(3rem,14vw,4.35rem);
  }

  body[data-page="home"] .hero-platforms{
    width:100%;
  }

  body[data-page="home"] .section{
    padding-block:58px;
  }

  body[data-page="home"] .steps{
    grid-template-columns:1fr;
    gap:12px;
  }

  body[data-page="home"] .steps article{
    min-height:0;
  }

  body[data-page="home"] .faq-section{
    padding-top:54px;
  }
}

/* With no media there is no image area to reserve above the mobile copy. */
@media(max-width:900px){
 body[data-page="home"] .hero-shell:not(.has-hero-media) .hero{min-height:0}
 body[data-page="home"] .hero-shell:not(.has-hero-media) .hero-copy{min-height:0;padding:48px 0 36px}
}

/* Narrow-mobile composition: fluid controls and single-column benefit cards. */
@media(max-width:480px){
  body[data-page="home"] .actions{
    display:grid;
    grid-template-columns:1fr;
    width:100%;
  }
  body[data-page="home"] .actions .button{width:100%;min-width:0}
  body[data-page="home"] .hero-platforms{grid-template-columns:1fr}
  body[data-page="home"] .platform-card{min-width:0;width:100%}
  body[data-page="home"] .benefits{grid-template-columns:1fr}
  body[data-page="home"] .benefits>div,
  body[data-page="home"] .benefits>div:nth-child(2){border-right:0!important}
  body[data-page="home"] .benefits>div:nth-child(-n+3){border-bottom:1px solid var(--border)}
  body[data-page="home"] .contact-section,
  body[data-page="home"] .contact-links,
  body[data-page="home"] .contact-links>a,
  body[data-page="home"] .contact-links>div{min-width:0;max-width:100%}
}

/* Published hero geometry exists in initial HTML; no provisional background. */
body[data-page="home"] .hero-media img{object-position:var(--owner-hero-position,center)}
body[data-page="home"] .hero-media-overlay{opacity:var(--owner-hero-overlay,.42)}

body[data-page="home"] .hero-shell.has-hero-media{background:#03080d}