/* ASK SHAI premium skin, 2026-10-29.
 * Visual-only layer for the existing learning/navigation website.
 * No image URL, photograph, data, route, payment, or backend changes.
 * Removing this stylesheet restores the preceding skin.
 */
:root{
  --shai-skin-gold:#e3ca9b;
  --shai-skin-ice:#c5d9ec;
  --shai-skin-muted:#c1c4d2;
  --shai-skin-hairline:rgba(227,202,155,.23);
  --shai-skin-panel:#161c2b;
}
body.shai-premium-page{
  background-color:#0b101b;
  -webkit-font-smoothing:antialiased;
}
body.shai-premium-page .topbar{
  border-bottom:1px solid var(--shai-skin-hairline);
  box-shadow:0 12px 36px rgba(0,0,0,.12);
}
body.shai-premium-page #desktopNav{
  align-items:center;
}
body.shai-premium-page #desktopNav :is(button,a){
  letter-spacing:.015em;
  text-underline-offset:6px;
  transition:color .18s ease,border-color .18s ease;
}
body.shai-premium-page #desktopNav :is(button,a):focus-visible,
body.shai-premium-page #mobileNav :is(button,a):focus-visible{
  outline:3px solid var(--shai-skin-ice);
  outline-offset:3px;
}
body.shai-premium-page #mobileNav{
  display:grid;
  gap:14px;
}
body.shai-premium-page .shai-mobile-nav-group{
  min-width:0;
  display:grid;
  gap:6px;
  padding:11px;
  border:1px solid var(--shai-skin-hairline);
  border-radius:17px;
  background:linear-gradient(155deg,rgba(255,255,255,.055),rgba(255,255,255,.015));
}
body.shai-premium-page .shai-mobile-nav-label{
  display:block;
  padding:3px 8px 6px;
  color:var(--shai-skin-gold);
  font-size:11px;
  font-weight:750;
  letter-spacing:.14em;
  line-height:1.3;
  text-transform:uppercase;
  overflow-wrap:anywhere;
}
body.shai-premium-page .shai-mobile-nav-group :is(button,a){
  min-width:0;
  box-sizing:border-box;
  justify-content:flex-start;
}
body.shai-premium-page #mobileNav .shai-mobile-nav-group :is(.training-nav-link,.shop-nav-link){
  width:100%;
}
body.shai-premium-page #main :is(.immersive-hero h1,.discovery-page-heading h1,.r3-inner-hero h1){
  font-weight:650;
  letter-spacing:-.045em;
  line-height:1.08;
  text-wrap:balance;
}
body.shai-premium-page #main :is(.immersive-hero .lead,.discovery-page-heading .lead,.r3-inner-hero .lead){
  color:#d3d4df;
  line-height:1.7;
  max-width:63ch;
}
body[data-route="home"] #main .immersive-hero{
  box-shadow:inset 0 -1px 0 var(--shai-skin-hairline);
}
body[data-route="home"] #main .immersive-hero-content{
  isolation:isolate;
}
body[data-route="home"] #main .immersive-hero h1{
  text-wrap:balance;
  max-width:14ch;
}
body[data-route="home"] #main .immersion-kicker,
body.shai-premium-page #main .eyebrow{
  letter-spacing:.14em;
}
body.shai-premium-page #main :is(.navigator-stage,.learning-feature,.discovery-founder){
  border-color:var(--shai-skin-hairline);
}
body.shai-premium-page #main .discovery-heading{
  gap:18px;
  align-items:end;
}
body.shai-premium-page #main .discovery-heading h2,
body.shai-premium-page #main .learning-feature h2,
body.shai-premium-page #main .grounded-home-details-heading h2{
  letter-spacing:-.032em;
  line-height:1.16;
  text-wrap:balance;
}
body.shai-premium-page #main .discovery-card{
  border:1px solid rgba(220,224,239,.18);
  border-radius:19px;
  overflow:hidden;
  background:linear-gradient(165deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),#151b2a;
  box-shadow:0 12px 30px rgba(2,4,11,.20);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
body.shai-premium-page #main .discovery-card:hover,
body.shai-premium-page #main .discovery-card:focus-within{
  border-color:rgba(227,202,155,.55);
  box-shadow:0 18px 40px rgba(0,0,0,.29);
}
body.shai-premium-page #main .discovery-card h3{
  letter-spacing:-.025em;
  line-height:1.25;
}
body.shai-premium-page #main .discovery-card :is(button,a):focus-visible{
  outline:3px solid var(--shai-skin-ice);
  outline-offset:3px;
}
body.shai-premium-page #main .discovery-page-heading{
  border-bottom:1px solid var(--shai-skin-hairline);
}
body.shai-premium-page #main .discovery-toolbar{
  border-color:var(--shai-skin-hairline);
}
body.shai-premium-page #main .grounded-official-grid .grounded-source{
  border-color:var(--shai-skin-hairline);
  border-radius:16px;
}
body.shai-premium-page .footer{
  border-top:1px solid var(--shai-skin-hairline);
}
@media(min-width:900px) and (prefers-reduced-motion:no-preference){
  body.shai-premium-page #main .discovery-card:hover{
    transform:translateY(-3px);
  }
}
@media(max-width:760px){
  body.shai-premium-page #mobileNav{
    padding-block:8px 16px;
  }
  body.shai-premium-page #main :is(.immersive-hero h1,.discovery-page-heading h1,.r3-inner-hero h1){
    letter-spacing:-.035em;
    overflow-wrap:break-word;
  }
  body.shai-premium-page #main .discovery-card{
    box-shadow:0 8px 24px rgba(2,4,11,.18);
  }
}
@media(max-width:350px){
  body.shai-premium-page .shai-mobile-nav-group{
    padding:7px;
    border-radius:12px;
  }
  body.shai-premium-page #mobileNav .shai-mobile-nav-group :is(button,a){
    white-space:normal;
    overflow-wrap:anywhere;
  }
}
@media(prefers-reduced-motion:reduce){
  body.shai-premium-page #main .discovery-card,
  body.shai-premium-page #desktopNav :is(button,a){
    transition:none;
    transform:none;
  }
}