/* CP1 V3.3.16 — Global hero visual restore + contained copy
   Goal: roll back the aggressive V3.3.15 desktop restructuring, preserve the V3.3.14 phone fix,
   and make the rotating visual/background feel dominant without changing CP1 claims or content.
   Preview-only patch. No production. No repo write. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;}

/* Desktop / laptop: preserve original page structure; do NOT replace the layout with a fake stage. */
@media screen and (min-width: 961px){
  body.cp1-v3316-global .cp1-v3316-hero{
    position:relative!important;
    overflow:hidden!important;
    isolation:isolate!important;
    min-height:clamp(760px,92vh,980px)!important;
  }

  /* Make the existing rotating visual/background read as the main protagonist. */
  body.cp1-v3316-global .cp1-v3316-hero img,
  body.cp1-v3316-global .cp1-v3316-hero picture,
  body.cp1-v3316-global .cp1-v3316-hero video,
  body.cp1-v3316-global .cp1-v3316-hero canvas,
  body.cp1-v3316-global .cp1-v3316-hero svg,
  body.cp1-v3316-global .cp1-v3316-hero [class*="visual"],
  body.cp1-v3316-global .cp1-v3316-hero [class*="image"],
  body.cp1-v3316-global .cp1-v3316-hero [class*="media"],
  body.cp1-v3316-global .cp1-v3316-hero [class*="motion"],
  body.cp1-v3316-global .cp1-v3316-hero [class*="hero-art"],
  body.cp1-v3316-global .cp1-v3316-hero [class*="background"]{
    visibility:visible!important;
    opacity:1!important;
  }

  /* A lighter readability veil: keeps text readable but does not bury the rotating visual. */
  body.cp1-v3316-global .cp1-v3316-hero:before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    pointer-events:none!important;
    z-index:1!important;
    background:
      radial-gradient(circle at 72% 34%, rgba(89,219,255,.10), transparent 34%),
      radial-gradient(circle at 83% 72%, rgba(165,125,255,.10), transparent 36%),
      linear-gradient(90deg, rgba(2,8,18,.56) 0%, rgba(2,8,18,.31) 31%, rgba(2,8,18,.08) 63%, rgba(2,8,18,.02) 100%)!important;
  }

  /* Contained copy card: title/presentation are inside a compact card instead of flattening the whole hero. */
  body.cp1-v3316-global .cp1-v3316-hero-copy{
    position:relative!important;
    z-index:7!important;
    width:min(42vw, 570px)!important;
    max-width:570px!important;
    margin-left:clamp(1.25rem,4.2vw,5.5rem)!important;
    margin-right:auto!important;
    padding:clamp(1.15rem,1.85vw,2rem)!important;
    border-radius:30px!important;
    border:1px solid rgba(255,255,255,.18)!important;
    background:linear-gradient(180deg, rgba(3,9,20,.68), rgba(3,9,20,.40))!important;
    box-shadow:0 24px 72px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.10)!important;
    backdrop-filter:blur(14px) saturate(1.05)!important;
    -webkit-backdrop-filter:blur(14px) saturate(1.05)!important;
  }

  body.cp1-v3316-global .cp1-v3316-hero-title{
    font-size:clamp(3.55rem,5.7vw,6.25rem)!important;
    line-height:.88!important;
    letter-spacing:-.07em!important;
    max-width:10.5ch!important;
    margin:.05rem 0 .85rem!important;
    text-wrap:balance!important;
  }

  body.cp1-v3316-global .cp1-v3316-hero-subtitle{
    font-size:clamp(1.02rem,1.2vw,1.25rem)!important;
    line-height:1.42!important;
    max-width:32rem!important;
    margin:.35rem 0 .9rem!important;
    text-wrap:balance!important;
  }

  body.cp1-v3316-global .cp1-v3316-hero-copy p,
  body.cp1-v3316-global .cp1-v3316-hero-copy .lead,
  body.cp1-v3316-global .cp1-v3316-hero-copy [class*="lead"],
  body.cp1-v3316-global .cp1-v3316-hero-copy [class*="intro"]{
    max-width:34rem!important;
  }

  body.cp1-v3316-global .cp1-v3316-hero-copy .button,
  body.cp1-v3316-global .cp1-v3316-hero-copy .btn,
  body.cp1-v3316-global .cp1-v3316-hero-copy a[class*="button"],
  body.cp1-v3316-global .cp1-v3316-hero-copy a[class*="btn"]{
    white-space:normal!important;
  }

  /* Soft label only; no fake stage, no layout replacement. */
  body.cp1-v3316-global .cp1-v3316-hero-copy:after{
    content:"Visual-first preview";
    display:inline-flex!important;
    margin-top:.85rem!important;
    font-size:.64rem!important;
    letter-spacing:.14em!important;
    text-transform:uppercase!important;
    color:rgba(255,255,255,.64)!important;
    padding:.38rem .56rem!important;
    border-radius:999px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    background:rgba(255,255,255,.045)!important;
  }
}

/* Keep the known-good V3.3.14 phone behavior; add only a small safety refinement. */
@media screen and (max-width: 960px){
  body.cp1-v3316-global .cp1-v3316-hero-copy{
    max-width:min(92vw, 430px)!important;
  }
  body.cp1-v3316-global .cp1-v3316-hero-title,
  body.cp1-v3316-global .cp1-v3316-hero-subtitle{
    text-wrap:balance!important;
  }
}

@media (prefers-reduced-motion:reduce){
  body.cp1-v3316-global .cp1-v3316-hero *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;}
}