/* All About AI page wildscapes.
   Shared cinematic mountain layer inspired by the approved 01C Ember Wildscape. */

body.wildscape-enabled{
  --wildscape-accent:#f08a5e;
  --wildscape-secondary:#8eaa91;
  --wildscape-hero-x:72%;
  --wildscape-hero-y:28%;
  --wildscape-hero-alpha:.22;
  --wildscape-panel-tint:rgba(203,101,66,.035);
  background:#0b0e0f;
  background-image:
    radial-gradient(960px 620px at 72% -10%,rgba(240,138,94,.15),transparent 60%),
    radial-gradient(760px 520px at 12% 104%,rgba(142,170,145,.10),transparent 62%),
    linear-gradient(180deg,#101315 0%,#0b0e0f 56%,#070808 100%);
  background-attachment:fixed;
}

#pageWildscapeCanvas,
.page-wildscape-glow,
.page-wildscape-vignette{
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
}

#pageWildscapeCanvas{
  z-index:0;
  opacity:.96;
  display:block;
}

.page-wildscape-glow{
  z-index:0;
  opacity:.82;
  background:
    radial-gradient(680px 440px at var(--wildscape-glow-x,72%) var(--wildscape-glow-y,31%),rgba(240,138,94,.28),transparent 66%),
    radial-gradient(820px 480px at 20% 88%,rgba(142,170,145,.12),transparent 70%);
  mix-blend-mode:screen;
}

.page-wildscape-vignette{
  z-index:1;
  background:
    linear-gradient(90deg,rgba(7,8,8,.88) 0%,rgba(7,8,8,.58) 34%,rgba(7,8,8,.18) 66%,rgba(7,8,8,.52) 100%),
    linear-gradient(180deg,rgba(7,8,8,.55) 0%,rgba(7,8,8,.08) 32%,rgba(7,8,8,.88) 100%);
}

body.wildscape-enabled::before{
  z-index:2;
  opacity:.32;
}

body.wildscape-enabled > header,
body.wildscape-enabled > main,
body.wildscape-enabled > footer,
body.wildscape-enabled > .aaa-skip,
body.wildscape-enabled > #aaa-prog{
  position:relative;
  z-index:3;
}

body.wildscape-enabled header.nav{
  background:rgba(9,11,11,.66);
  border-bottom-color:rgba(255,243,223,.16);
  box-shadow:0 1px 0 rgba(255,243,223,.04),0 18px 40px -30px rgba(0,0,0,.9);
}

body.wildscape-enabled header.nav.aaa-scrolled{
  background:rgba(9,11,11,.84);
}

body.wildscape-enabled .hero{
  background:transparent;
  border-bottom-color:rgba(255,243,223,.16);
}

body.wildscape-enabled .hero::before{
  background:
    radial-gradient(720px 420px at var(--wildscape-hero-x) var(--wildscape-hero-y),color-mix(in srgb,var(--wildscape-accent) 32%,transparent),transparent 72%),
    repeating-linear-gradient(105deg,transparent 0 28px,rgba(255,243,223,.018) 29px 30px),
    linear-gradient(90deg,rgba(7,8,8,.90) 0%,rgba(7,8,8,.62) 45%,rgba(7,8,8,.18) 100%),
    linear-gradient(180deg,rgba(7,8,8,.04),rgba(7,8,8,.82) 94%);
  opacity:.96;
}

body.wildscape-enabled .hero::after{
  background:
    linear-gradient(90deg,transparent,rgba(255,243,223,.36),transparent),
    linear-gradient(90deg,transparent,color-mix(in srgb,var(--wildscape-accent) 42%,transparent),transparent);
}

body.wildscape-enabled .hero > .wrap{
  position:relative;
}

body.wildscape-enabled .hero > .wrap::before{
  content:"";
  position:absolute;
  inset:clamp(-28px,-3vw,-12px) 28px auto;
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,color-mix(in srgb,var(--wildscape-accent) 55%,transparent),rgba(255,243,223,.18),transparent);
  opacity:.72;
}

body.wildscape-enabled .hero > .wrap::after{
  content:"";
  position:absolute;
  right:28px;
  top:clamp(-42px,-5vw,-18px);
  width:min(34vw,360px);
  aspect-ratio:3.8/1;
  pointer-events:none;
  opacity:.34;
  background:
    linear-gradient(145deg,transparent 8%,rgba(255,243,223,.72) 9% 10%,transparent 11% 24%,rgba(255,243,223,.44) 25% 26%,transparent 27%),
    linear-gradient(18deg,transparent 0 52%,color-mix(in srgb,var(--wildscape-accent) 56%,transparent) 53% 54%,transparent 55%),
    linear-gradient(166deg,transparent 0 52%,rgba(255,243,223,.44) 53% 54%,transparent 55%);
  filter:drop-shadow(0 0 18px color-mix(in srgb,var(--wildscape-accent) 24%,transparent));
}

body[data-wildscape-scene="home-ember"]{
  --wildscape-glow-x:70%;
  --wildscape-glow-y:32%;
}

body[data-wildscape-scene="home-ember"] .hero{
  min-height:min(900px,calc(100svh - 68px));
  display:flex;
  align-items:center;
  padding-top:clamp(46px,6vh,78px);
  padding-bottom:clamp(34px,5vh,62px);
}

body[data-wildscape-scene="home-ember"] .hero .wrap{
  width:100%;
}

body[data-wildscape-scene="home-ember"] .hero-grid{
  grid-template-columns:minmax(0,1.18fr) minmax(380px,.82fr);
  gap:clamp(30px,4vw,54px);
  align-items:center;
}

body[data-wildscape-scene="home-ember"] .hero h1{
  font-size:clamp(42px,5.2vw,76px);
  line-height:.98;
  text-shadow:0 18px 60px rgba(0,0,0,.52),0 0 38px rgba(240,138,94,.08);
}

body[data-wildscape-scene="home-ember"] .hero .lede{
  margin:20px 0 24px;
  font-size:clamp(16px,1.35vw,18px);
}

body[data-wildscape-scene="home-ember"] .trust-strip{
  margin-top:clamp(24px,3vw,32px);
}

body[data-wildscape-scene="home-ember"] .console .cbar{
  padding:10px 14px;
}

body[data-wildscape-scene="home-ember"] .console .cbody{
  padding:14px;
}

body[data-wildscape-scene="home-ember"] .req{
  padding:12px;
}

body[data-wildscape-scene="home-ember"] .req h2{
  font-size:16px;
  margin:8px 0 4px;
}

body[data-wildscape-scene="home-ember"] .req p,
body[data-wildscape-scene="home-ember"] .rline{
  font-size:12.5px;
}

body[data-wildscape-scene="home-ember"] .pipe{
  margin:10px 0;
}

body[data-wildscape-scene="home-ember"] .prow{
  grid-template-columns:24px 1fr auto;
  gap:9px;
  padding:7px 10px;
}

body[data-wildscape-scene="home-ember"] .prow .pn{
  width:24px;
  height:24px;
}

body[data-wildscape-scene="home-ember"] .rev{
  padding:12px;
}

body[data-wildscape-scene="home-ember"] .rev .rc{
  margin:9px 0;
}

body[data-wildscape-scene="home-ember"] .rline{
  padding-bottom:5px;
}

body[data-wildscape-scene="home-ember"] .disc{
  font-size:10.5px;
  line-height:1.38;
  margin-top:8px;
}

body[data-wildscape-scene="home-ember"] .cmetrics .cm{
  padding:10px 12px;
}

@media(min-width:901px){
  body[data-wildscape-scene="home-ember"] .hero{
    min-height:min(760px,calc(100svh - 92px));
    padding-top:clamp(56px,7vh,84px);
    padding-bottom:clamp(86px,10vh,118px);
  }

  body[data-wildscape-scene="home-ember"] .hero-grid{
    grid-template-columns:minmax(0,860px);
    max-width:900px;
    gap:0;
  }

  body[data-wildscape-scene="home-ember"] .hero .lede{
    max-width:61ch;
  }

  body[data-wildscape-scene="home-ember"] .hero .btnrow + p{
    max-width:58ch!important;
  }

  body[data-wildscape-scene="home-ember"] .console .clabel{
    display:none;
  }

  body[data-wildscape-scene="home-ember"] .console .cbar{
    min-height:38px;
  }

  body[data-wildscape-scene="home-ember"] .req{
    padding:10px 11px;
  }

  body[data-wildscape-scene="home-ember"] .req h2{
    font-size:15.5px;
  }

  body[data-wildscape-scene="home-ember"] .req p{
    line-height:1.35;
  }

  body[data-wildscape-scene="home-ember"] .prow{
    padding:6px 9px;
  }

  body[data-wildscape-scene="home-ember"] .rev{
    padding:10px 11px;
  }

  body[data-wildscape-scene="home-ember"] .rev .rc{
    margin:7px 0;
  }

  body[data-wildscape-scene="home-ember"] .rline{
    padding-bottom:4px;
  }

  body[data-wildscape-scene="home-ember"] .ract{
    gap:6px;
  }

  body[data-wildscape-scene="home-ember"] .ract .btn{
    padding:8px 13px!important;
    font-size:11.5px!important;
  }

  body[data-wildscape-scene="home-ember"] .disc{
    max-height:2.85em;
    overflow:hidden;
  }

  body[data-wildscape-scene="home-ember"] .cmetrics .cm{
    padding:8px 10px;
  }

  body[data-wildscape-scene="home-ember"] .cmetrics .cm b{
    font-size:16px;
  }

  body[data-wildscape-scene="home-ember"] .trust-strip .ti{
    padding:12px 14px;
  }

  body[data-wildscape-scene="home-ember"] .trust-strip{
    position:absolute;
    left:50%;
    bottom:-72px;
    width:min(var(--maxw,1180px),calc(100% - 56px));
    margin-top:0;
    transform:translateX(-50%);
  }

  body[data-wildscape-scene="home-ember"] .trust-strip svg{
    width:19px;
    height:19px;
  }

  body[data-wildscape-scene="home-ember"] .trust-strip strong{
    font-size:13px;
  }
}

body[data-wildscape-scene="home-ember"] .hero .lede,
body.wildscape-enabled .sec-sub,
body.wildscape-enabled .cell p,
body.wildscape-enabled .card p{
  text-shadow:0 12px 34px rgba(0,0,0,.42);
}

body.wildscape-enabled .console,
body.wildscape-enabled .ledger,
body.wildscape-enabled .card,
body.wildscape-enabled .cell,
body.wildscape-enabled .tier,
body.wildscape-enabled .bf-tile,
body.wildscape-enabled .es,
body.wildscape-enabled .step,
body.wildscape-enabled .side,
body.wildscape-enabled .govitem,
body.wildscape-enabled .pcard{
  background:
    linear-gradient(155deg,rgba(255,243,223,.082),rgba(255,243,223,.022) 58%,var(--wildscape-panel-tint));
  border-color:rgba(255,243,223,.17);
  box-shadow:0 24px 70px -48px rgba(0,0,0,.86);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

body.wildscape-enabled .console,
body.wildscape-enabled .ledger{
  box-shadow:0 30px 86px -45px rgba(0,0,0,.94),0 0 0 1px rgba(203,101,66,.08);
}

body.wildscape-enabled section:not(.hero){
  background:transparent;
}

body.wildscape-enabled .rule,
body.wildscape-enabled .hairline{
  background:linear-gradient(90deg,transparent,rgba(255,243,223,.19),transparent);
}

body.wildscape-enabled .btn--primary{
  box-shadow:0 18px 48px -15px color-mix(in srgb,var(--wildscape-accent) 66%,transparent),0 0 32px color-mix(in srgb,var(--wildscape-accent) 12%,transparent);
}

body.wildscape-enabled .eyebrow,
body.wildscape-enabled .idx,
body.wildscape-enabled .label .idx{
  color:var(--wildscape-accent);
}

body.wildscape-enabled .cell:hover,
body.wildscape-enabled .card:hover,
body.wildscape-enabled .bf-tile:hover,
body.wildscape-enabled .tier:hover{
  border-color:color-mix(in srgb,var(--wildscape-accent) 46%,transparent);
  box-shadow:0 28px 72px -46px color-mix(in srgb,var(--wildscape-accent) 46%,transparent);
}

body.wildscape-enabled[data-wildscape-family="core"]{
  --wildscape-accent:#f08a5e;
  --wildscape-secondary:#9cb6c4;
  --wildscape-hero-x:76%;
  --wildscape-hero-y:24%;
}

body.wildscape-enabled[data-wildscape-family="build-floor"],
body.wildscape-enabled[data-wildscape-family="build-detail"]{
  --wildscape-accent:#e0a03f;
  --wildscape-secondary:#9cb6c4;
  --wildscape-hero-x:68%;
  --wildscape-hero-y:20%;
  --wildscape-panel-tint:rgba(224,160,63,.035);
}

body.wildscape-enabled[data-wildscape-family="industry"]{
  --wildscape-accent:#8eaa91;
  --wildscape-secondary:#9cb6c4;
  --wildscape-hero-x:30%;
  --wildscape-hero-y:28%;
  --wildscape-panel-tint:rgba(142,170,145,.04);
}

body.wildscape-enabled[data-wildscape-family="icp-lander"]{
  --wildscape-accent:#f08a5e;
  --wildscape-secondary:#e0a03f;
  --wildscape-hero-x:72%;
  --wildscape-hero-y:34%;
  --wildscape-panel-tint:rgba(240,138,94,.045);
}

body.wildscape-enabled[data-wildscape-family="producer-lander"]{
  --wildscape-accent:#cb6542;
  --wildscape-secondary:#8eaa91;
  --wildscape-hero-x:62%;
  --wildscape-hero-y:28%;
  --wildscape-panel-tint:rgba(203,101,66,.05);
}

body.wildscape-enabled[data-wildscape-family="conversion"]{
  --wildscape-accent:#f08a5e;
  --wildscape-secondary:#8eaa91;
  --wildscape-hero-x:58%;
  --wildscape-hero-y:20%;
}

body.wildscape-enabled[data-wildscape-family="legal"],
body.wildscape-enabled[data-wildscape-family="utility"]{
  --wildscape-accent:#9cb6c4;
  --wildscape-secondary:#8eaa91;
  --wildscape-hero-x:78%;
  --wildscape-hero-y:18%;
  --wildscape-panel-tint:rgba(156,182,196,.035);
}

body.wildscape-enabled[data-wildscape-family="assessment"]{
  --wildscape-accent:#8eaa91;
  --wildscape-secondary:#f08a5e;
  --wildscape-hero-x:36%;
  --wildscape-hero-y:22%;
}

body.wildscape-enabled[data-wildscape-family="lab"]{
  --wildscape-accent:#f08a5e;
  --wildscape-secondary:#9cb6c4;
}

body.wildscape-enabled[data-wildscape-family="build-floor"] .bf-filter,
body.wildscape-enabled[data-wildscape-family="build-floor"] .bf-badge,
body.wildscape-enabled[data-wildscape-family="build-detail"] .tag-bracket{
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--wildscape-accent) 18%,transparent);
}

body.wildscape-enabled[data-wildscape-family="icp-lander"] .hero,
body.wildscape-enabled[data-wildscape-family="producer-lander"] .hero{
  min-height:min(860px,calc(100svh - 68px));
  display:flex;
  align-items:center;
}

body.wildscape-enabled[data-wildscape-family="icp-lander"] .hero > .wrap::after,
body.wildscape-enabled[data-wildscape-family="producer-lander"] .hero > .wrap::after{
  opacity:.50;
  width:min(42vw,460px);
}

body.wildscape-enabled[data-wildscape-family="legal"] main,
body.wildscape-enabled[data-wildscape-family="utility"] main{
  background:linear-gradient(180deg,rgba(7,8,8,.12),rgba(7,8,8,.36));
}

body.wildscape-enabled[data-wildscape-family="conversion"] .ah-book{
  border:1px solid rgba(255,243,223,.16);
  border-radius:16px;
  padding:clamp(16px,2vw,22px);
  background:linear-gradient(155deg,rgba(255,243,223,.078),rgba(255,243,223,.026));
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

body.wildscape-enabled[data-wildscape-family="conversion"] #bookingApp .bk-card{
  background:rgba(7,8,8,.42)!important;
  border-color:rgba(255,243,223,.16)!important;
  box-shadow:0 24px 70px -50px rgba(0,0,0,.9);
}

body.wildscape-enabled:not([data-wildscape-scene="home-ember"]) .hero{
  padding-top:clamp(46px,5vw,68px)!important;
  padding-bottom:clamp(30px,4vw,52px)!important;
}

body.wildscape-enabled:not([data-wildscape-scene="home-ember"]) .hero h1{
  font-size:clamp(36px,4.8vw,64px);
  line-height:1;
}

body.wildscape-enabled:not([data-wildscape-scene="home-ember"]) .hero .lede{
  margin:20px 0 24px;
  font-size:clamp(16px,1.35vw,18px);
}

body.wildscape-enabled:not([data-wildscape-scene="home-ember"]) .hero-grid{
  gap:clamp(28px,4vw,50px);
  align-items:center;
}

body.wildscape-enabled:not([data-wildscape-scene="home-ember"]) .hero .ledger .lh{
  padding:10px 14px;
}

body.wildscape-enabled:not([data-wildscape-scene="home-ember"]) .hero .ledger .lr{
  padding:11px 14px;
}

body.wildscape-enabled:not([data-wildscape-scene="home-ember"]) .hero .ledger .lr .v{
  font-size:24px;
}

body.wildscape-enabled[data-wildscape-scene="rcm-wildscape"] .hero h1{
  font-size:clamp(32px,3.9vw,52px);
  line-height:1.02;
}

body.wildscape-enabled[data-wildscape-scene="rcm-wildscape"] .hero-grid{
  grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);
}

body.wildscape-enabled .tag-bracket,
body.wildscape-enabled .proofstrip li,
body.wildscape-enabled .trust-badges span,
body.wildscape-enabled .stacknote span{
  background:rgba(7,8,8,.42);
  border-color:rgba(255,243,223,.17);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

body.wildscape-enabled footer{
  background:linear-gradient(180deg,rgba(7,8,8,.18),rgba(7,8,8,.86));
}

@media(max-width:900px){
  body[data-wildscape-scene="home-ember"] .hero-grid{
    grid-template-columns:1fr;
  }

  body[data-wildscape-scene="home-ember"] .hero{
    min-height:auto;
    padding-top:56px;
  }

  .page-wildscape-vignette{
    background:
      linear-gradient(90deg,rgba(7,8,8,.86),rgba(7,8,8,.54)),
      linear-gradient(180deg,rgba(7,8,8,.48),rgba(7,8,8,.14) 30%,rgba(7,8,8,.9));
  }
}

@media(max-width:700px){
  body.wildscape-enabled .hero{
    padding-top:42px!important;
    padding-bottom:40px!important;
  }

  body.wildscape-enabled .hero h1,
  body[data-wildscape-scene="home-ember"] .hero h1,
  body.wildscape-enabled[data-wildscape-scene="rcm-wildscape"] .hero h1{
    font-size:clamp(34px,10vw,40px);
    line-height:1.02;
  }

  body.wildscape-enabled .hero .lede,
  body[data-wildscape-scene="home-ember"] .hero .lede{
    font-size:15.5px;
    line-height:1.55;
    margin:16px 0 20px;
    max-height:7.8em;
    overflow:hidden;
    -webkit-mask-image:linear-gradient(#000 82%,transparent);
    mask-image:linear-gradient(#000 82%,transparent);
  }

  body.wildscape-enabled .hero-grid{
    gap:22px;
  }

  body.wildscape-enabled .hero-grid > div:nth-child(2){
    display:none;
  }

  body.wildscape-enabled .hero-grid > div:nth-child(2):has(.ledger),
  body.wildscape-enabled .hero-grid > div:nth-child(2):has(.console),
  body.wildscape-enabled .hero-grid > div:nth-child(2):has(.wl){
    display:none;
  }

  body.wildscape-enabled .hero .btn{
    padding:12px 17px;
    min-height:42px;
  }

  body.wildscape-enabled .hero .btnrow{
    gap:10px;
  }

  body.wildscape-enabled .proofstrip{
    max-height:92px;
    overflow:hidden;
    -webkit-mask-image:linear-gradient(#000 84%,transparent);
    mask-image:linear-gradient(#000 84%,transparent);
  }

  body.wildscape-enabled[data-wildscape-scene="rcm-wildscape"] .hero h1{
    font-size:clamp(30px,8.5vw,34px);
  }

  body.wildscape-enabled[data-wildscape-scene="rcm-wildscape"] .hero .cite,
  body.wildscape-enabled[data-wildscape-scene="rcm-wildscape"] .hero .label{
    display:none;
  }

  body.wildscape-enabled[data-wildscape-family="conversion"] .audit-hero{
    gap:14px;
  }

  body.wildscape-enabled[data-wildscape-family="conversion"] .audit-hero .ah-bullets{
    display:none;
  }

  body.wildscape-enabled[data-wildscape-family="conversion"] .ah-book{
    padding:14px;
  }

  body.wildscape-enabled[data-wildscape-family="conversion"] .ah-book .sec-open,
  body.wildscape-enabled[data-wildscape-family="conversion"] .ah-book .disclaimer{
    display:none;
  }

  body.wildscape-enabled[data-wildscape-family="conversion"] .ah-book .sec-h{
    margin-bottom:12px!important;
  }

  body.wildscape-enabled[data-wildscape-family="conversion"] #bookingApp{
    min-height:360px!important;
  }

  body.wildscape-enabled[data-wildscape-family="conversion"] #bookingApp .bk-card{
    padding:15px!important;
  }

  body.wildscape-enabled[data-wildscape-family="conversion"] #bookingApp .bk-prog{
    margin-bottom:14px!important;
  }

  body.wildscape-enabled[data-wildscape-family="conversion"] #bookingApp .bk-h{
    font-size:19px!important;
    margin-bottom:12px!important;
  }

  body.wildscape-enabled[data-wildscape-family="conversion"] #bookingApp .bk-fs.bk-q{
    margin-bottom:14px!important;
  }

  body.wildscape-enabled[data-wildscape-family="conversion"] #bookingApp .qopts{
    gap:7px!important;
  }

  body.wildscape-enabled[data-wildscape-family="conversion"] #bookingApp .qopt{
    padding:9px 11px 9px 34px!important;
    font-size:13px!important;
  }

  body.wildscape-enabled[data-wildscape-family="conversion"] #bookingApp .bk-row{
    margin-top:14px!important;
  }

  body[data-wildscape-scene="home-ember"] .trust-strip{
    display:flex;
    gap:8px;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    margin-top:18px;
    border:0;
    background:transparent;
    scrollbar-width:none;
  }

  body[data-wildscape-scene="home-ember"] .trust-strip::-webkit-scrollbar{
    display:none;
  }

  body[data-wildscape-scene="home-ember"] .trust-strip .ti{
    min-width:190px;
    border:1px solid rgba(255,243,223,.16);
    border-radius:12px;
    padding:10px;
    background:rgba(7,8,8,.36);
  }

  body[data-wildscape-scene="home-ember"] .trust-strip svg{
    width:18px;
    height:18px;
  }

  body[data-wildscape-scene="home-ember"] .trust-strip strong{
    font-size:12.5px;
  }

  body[data-wildscape-scene="home-ember"] .trust-strip .ti span{
    font-size:11px;
  }

  body[data-wildscape-scene="home-ember"] .trust-strip .ti:nth-child(2){
    border-right:1px solid rgba(255,243,223,.16);
  }
}

@media(prefers-reduced-motion:reduce){
  #pageWildscapeCanvas{
    opacity:.88;
  }
}
