/*
 * ASK SHAI — Fox Midnight premium home layer.
 * Scoped to the existing home route. No third-party assets, remote fonts,
 * scripting, checkout, account, tutoring, language or protected-system changes.
 * Removing this stylesheet restores the prior visual design.
 */
body[data-route="home"] {
  --gp-bg:#101320; --gp-deep:#0d101b; --gp-panel:#181d2b;
  --gp-panel-light:#23283a; --gp-cream:#e9eaf3; --gp-muted:#b9bfd1;
  --gp-violet:#b5a9dd; --gp-ice:#b3c4e1; --gp-line:#e9e9f12b;
  --ink:var(--gp-cream); --muted:var(--gp-muted);
  --paper:var(--gp-deep); --card:var(--gp-panel);
  --action:var(--gp-cream); --action-hover:#f2eff9;
  background:var(--gp-deep); color:var(--gp-cream);
}
body[data-route="home"] :is(a,button,input,textarea,select,summary):focus-visible{
  outline:3px solid var(--gp-ice);outline-offset:3px;
}
body[data-route="home"] .topbar {
  background:#101320f4;border-bottom:1px solid #bcb9d523;
}
body[data-route="home"] .topbar .desktop-nav button,
body[data-route="home"] .topbar #desktopNav :is(.shop-nav-link,.training-nav-link) {
  color:#e1e3ef!important;
}
body[data-route="home"] .topbar .desktop-nav button:hover,
body[data-route="home"] .topbar #desktopNav :is(.shop-nav-link,.training-nav-link):hover {
  color:var(--gp-ice)!important;border-bottom-color:var(--gp-ice);
}
body[data-route="home"] .topbar .ask-button{
  background:#25273e;border-color:#55516e;
  color:var(--gp-cream);border-radius:12px;
}
body[data-route="home"] .topbar .ask-button:hover{background:#31334f;border-color:var(--gp-violet)}
body[data-route="home"] .topbar .lang-select,
body[data-route="home"] .topbar .menu-btn{
  background:#202437;color:var(--gp-cream);border-color:#bcb9d53b;
}
body[data-route="home"] .topbar .mobile-panel{
  background:#161b2a;border-color:#bcb9d526;
}
body[data-route="home"] .topbar .mobile-panel button{
  background:#202437;border-color:#bcb9d52c;color:var(--gp-cream);
}
body[data-route="home"] #main{
  background:
    radial-gradient(ellipse 75% 560px at 95% 0,#4a477528,transparent 74%),
    var(--gp-deep);color:var(--gp-cream);
}
body[data-route="home"] #main .immersive-hero{
  isolation:isolate;min-height:610px;overflow:hidden;
  background:
    radial-gradient(ellipse at 95% 23%,#61548924,transparent 56%),
    linear-gradient(135deg,#161a29,#0c111c 74%);
  border-bottom:1px solid #bdbddb22;
}
body[data-route="home"] #main .immersive-hero:after{
  pointer-events:none;z-index:-1;
  background:linear-gradient(90deg,#0e1220f4 0%,#0e1220ac 43%,#0e122016 77%),
             linear-gradient(0deg,#0d1120a6,transparent 35%);
}
body[data-route="home"] #main .immersive-hero .horizon-art{
  inset-block:48px 53px;inset-inline-end:4.2vw;inset-inline-start:auto;width:min(47%,670px);height:auto;
  border:1px solid #b7b9d745;border-radius:29px;overflow:hidden;
  box-shadow:0 27px 75px #0006;
}
body[data-route="home"] #main .immersive-hero .horizon-art img{
  width:100%;height:100%;object-fit:cover;object-position:50% 49%;
  filter:saturate(.76) contrast(1.03);opacity:.84;
}
body[data-route="home"] #main .immersive-hero-content{
  padding-block:100px 124px;min-height:610px;
}
body[data-route="home"] #main .immersive-hero .immersion-kicker{
  color:var(--gp-muted);letter-spacing:.065em;gap:13px;
}
body[data-route="home"] #main .immersive-hero .light-mark,
body[data-route="home"] #main .immersive-hero .hero-caption>span:first-child{
  color:var(--gp-ice);
}
body[data-route="home"] #main .immersive-hero h1{
  max-width:13ch;color:var(--gp-cream);
  font-size:clamp(49px,6.5vw,86px);font-weight:560;line-height:1.07;
  letter-spacing:-.063em;text-wrap:balance;
  text-shadow:0 5px 25px #080c16a0;
}
body[data-route="home"] #main .immersive-hero h1 em{
  color:var(--gp-violet);font-style:normal;
}
body[data-route="home"] #main .immersive-hero .lead{
  max-width:36ch;color:#dfe2ef;font-size:clamp(16px,1.6vw,19px);
}
body[data-route="home"] #main .immersive-hero .hero-caption,
body[data-route="home"] #main .immersive-hero .hero-coordinate{
  color:var(--gp-muted);
}
body[data-route="home"] #main .immersive-hero .hero-actions .button,
body[data-route="home"] #main .tutor-feature .tutor-feature-actions .button{
  border-radius:999px;border-color:#b5b9d54d;
  background:#1c2033a8;color:var(--gp-cream);
}
body[data-route="home"] #main .immersive-hero .hero-actions .button.primary,
body[data-route="home"] #main .tutor-feature .tutor-feature-actions .button.primary{
  background:var(--gp-violet);color:#171829;border-color:var(--gp-violet);
}
body[data-route="home"] #main .immersive-hero .hero-actions .button.primary:hover,
body[data-route="home"] #main .tutor-feature .tutor-feature-actions .button.primary:hover{
  background:#c8bce8;
}
body[data-route="home"] #main .immersive-hero .hero-actions .button:not(.primary):hover{
  background:#34324a;
}
/* One strong hero action; learning remains a quiet, accessible alternate path. */
body[data-route="home"] #main .immersive-hero .hero-actions .hero-quiet-link{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:48px;max-width:100%;gap:8px;padding:10px 5px;
  border:0;background:transparent;box-shadow:none;
  color:#e0e4f3;font:600 14px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif;
  text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;
  white-space:normal;cursor:pointer;
}
body[data-route="home"] #main .immersive-hero .hero-actions .hero-quiet-link:hover{
  background:transparent;color:#fff;text-decoration-color:var(--gp-violet);
}
body[data-route="home"] #main .immersive-hero .immersion-kicker [data-no-translate]{
  color:var(--gp-cream);font-weight:750;letter-spacing:.105em;
}
body[data-route="home"] #main .navigator-stage{
  background:linear-gradient(135deg,#25273cf7,#181c2bf7);
  border:1px solid #c4bfdc43;border-radius:22px;
  box-shadow:0 17px 55px #0006;
  color:var(--gp-cream);
}
body[data-route="home"] #main .navigator-stage :is(.eyebrow,.navigator-orbit){
  color:var(--gp-violet);
}
body[data-route="home"] #main .navigator-stage .navigator-orbit{
  background:#aca1d91a;border-color:#aca1d966;
}
body[data-route="home"] #main .navigator-stage .navigator-input-row{
  background:#111727;border-color:#bdbed34b;border-radius:14px;
}
body[data-route="home"] #main .navigator-stage textarea{
  color:var(--gp-cream);
}
body[data-route="home"] #main .navigator-stage textarea::placeholder{
  color:#bfc5d8;
}
body[data-route="home"] #main .navigator-stage .navigator-submit{
  background:var(--gp-violet);color:#171829;border-color:var(--gp-violet);
  border-radius:11px;
}
body[data-route="home"] #main .navigator-stage .navigator-submit:hover{
  background:#d1c3f1;
}
body[data-route="home"] #main .navigator-stage .navigator-privacy,
body[data-route="home"] #main .navigator-stage .navigator-quick button{
  color:var(--gp-muted);
}
body[data-route="home"] #main .navigator-stage .navigator-quick button:hover{
  color:var(--gp-cream);
}
body[data-route="home"] #main .discovery-section{
  padding-block:82px 85px;
}
body[data-route="home"] #main .discovery-heading h2,
body[data-route="home"] #main .learning-feature h2,
body[data-route="home"] #main .discovery-founder h2{
  color:var(--gp-cream);font-weight:560;letter-spacing:-.047em;
}
body[data-route="home"] #main .discovery-heading .eyebrow,
body[data-route="home"] #main .learning-feature .eyebrow,
body[data-route="home"] #main .discovery-founder .eyebrow{
  color:var(--gp-violet);
}
body[data-route="home"] #main .discovery-heading>.button,
body[data-route="home"] #main .discovery-founder .button{
  border:1px solid #bebbd43f;border-radius:999px;
  color:var(--gp-cream);background:#f2eff909;
}
body[data-route="home"] #main .discovery-heading>.button:hover,
body[data-route="home"] #main .discovery-founder .button:hover{
  background:#f2eff919;border-color:var(--gp-violet);
}
body[data-route="home"] #main .discovery-grid{
  gap:20px;
}
body[data-route="home"] #main .discovery-card{
  padding:14px 14px 18px;border:1px solid #bfbdda31;
  border-radius:22px;background:linear-gradient(142deg,#c4b7e813,#c9c6e807);
  box-shadow:inset 0 1px 0 #e9e9f10d;
  min-width:0;transition:transform .24s,border-color .24s,box-shadow .24s;
}
body[data-route="home"] #main .discovery-card:is(:hover,:focus-within){
  transform:translateY(-3px);border-color:#b5a9dd91;
  box-shadow:0 18px 40px #05071045;
}
body[data-route="home"] #main .discovery-image{
  border-radius:15px;border-color:#bdbbda46;
  aspect-ratio:1.55;background:#1a2031;
}
body[data-route="home"] #main .discovery-image img{
  filter:saturate(.8);
}
body[data-route="home"] #main .discovery-image:hover .image-arrow{
  color:#1b1c2e;background:var(--gp-ice);border-color:var(--gp-ice);
}
body[data-route="home"] #main .discovery-tag{
  background:#121624dc;color:var(--gp-cream);border-color:#e9e9f158;
}
body[data-route="home"] #main .discovery-card-copy{
  padding:17px 20px 0 2px;
}
body[data-route="home"] #main .discovery-card-copy h3 button{
  color:var(--gp-cream);font-weight:620;
}
body[data-route="home"] #main .discovery-card-copy h3 button:hover{
  color:var(--gp-ice);
}
body[data-route="home"] #main .discovery-card-copy p{
  color:var(--gp-muted);font-size:13px;
}
body[data-route="home"] #main .discovery-index{
  color:var(--gp-violet);
}
body[data-route="home"] #main .learning-feature{
  border:1px solid #c5c0d72d;border-radius:25px;
  background:linear-gradient(116deg,#1b2030,#252839);
}
body[data-route="home"] #main .learning-feature-copy p{
  color:var(--gp-muted);
}
body[data-route="home"] #main .learning-feature .feature-action-list button{
  color:var(--gp-cream);border-top-color:#d4d1e136;
}
body[data-route="home"] #main .learning-feature .feature-action-list button:hover{
  color:var(--gp-ice);
}
body[data-route="home"] #main .discovery-founder{
  border-top-color:#bdbbd33a;
}
body[data-route="home"] #main .discovery-founder p{
  color:var(--gp-muted);
}
/* The pre-existing educational preview gets the same palette, never new behavior. */
body[data-route="home"] #main .tutor-feature{
  background:radial-gradient(ellipse at 12% 0,#71629324,transparent 57%),#121726;
  border-block-color:#c5c2df2e;color:var(--gp-cream);
}
body[data-route="home"] #main .tutor-feature h2,
body[data-route="home"] #main .tutor-feature h3{
  color:var(--gp-cream);
}
body[data-route="home"] #main .tutor-feature h2 em{
  color:var(--gp-violet);
}
body[data-route="home"] #main .tutor-feature :is(.tutor-lead,.tutor-smallprint,.tutor-feature-facts,.tutor-example-answer,.tutor-topic-note){
  color:var(--gp-muted);
}
body[data-route="home"] #main .tutor-feature :is(.tutor-kicker,.tutor-language-note,.tutor-discovery-heading,.tutor-signature small){
  color:var(--gp-violet);
}
body[data-route="home"] #main .tutor-feature .tutor-text-link{
  color:var(--gp-violet);border-bottom-color:#b5a9dd78;
}
body[data-route="home"] #main .tutor-feature .tutor-text-link:hover{
  color:var(--gp-cream);
}
body[data-route="home"] #main .tutor-feature .tutor-discovery{
  background:linear-gradient(140deg,#25293c,#1a2033);
  border-color:#c5c2df44;
}
body[data-route="home"] #main .tutor-feature .tutor-topic-card{
  background:#1a2032;border-color:#bebbd53d;color:var(--gp-cream);
}
body[data-route="home"] #main .tutor-feature .tutor-topic-card:hover{
  background:#302f49;border-color:var(--gp-violet);
}
body[data-route="home"] #main .tutor-feature .tutor-topic-card>span:not(.tutor-topic-number){
  color:var(--gp-muted);
}
body[data-route="home"] #main .tutor-feature .tutor-topic-card>span[aria-hidden]{
  color:var(--gp-ice);
}
body[data-route="home"] #main .tutor-feature .tutor-feature-facts span:before{
  color:var(--gp-ice);
}

/* Additional home-only, source-grounded content. All links remain plain anchors. */
body[data-route="home"] #main .grounded-home-details{
  padding:70px 0 96px;border-top:1px solid #c1bcd626;
  background:radial-gradient(ellipse at 90% 0,#645b9020,transparent 65%);
}
body[data-route="home"] #main .grounded-home-details .eyebrow{
  color:var(--gp-violet);font-size:11px;
}
body[data-route="home"] #main .grounded-home-details h2{
  color:var(--gp-cream);font-size:clamp(32px,4.1vw,53px);
  font-weight:580;letter-spacing:-.052em;line-height:1.15;
  margin:12px 0 16px;max-width:19ch;
}
body[data-route="home"] #main .grounded-home-details-heading>p:last-child{
  color:var(--gp-muted);max-width:67ch;margin:0;font-size:15px;
}
body[data-route="home"] #main .grounded-official-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;margin-block:30px 28px;
}
body[data-route="home"] #main .grounded-source{
  min-width:0;display:flex;flex-direction:column;min-height:158px;
  border:1px solid #c6c3d936;border-radius:19px;padding:22px;
  background:linear-gradient(143deg,#c0bde611,#c7c3dc04);
  text-decoration:none;transition:transform .22s,border-color .22s;
}
body[data-route="home"] #main .grounded-source:is(:hover,:focus-visible){
  transform:translateY(-3px);border-color:var(--gp-violet);
}
body[data-route="home"] #main .grounded-source strong{
  font-size:17px;line-height:1.25;color:var(--gp-cream);
}
body[data-route="home"] #main .grounded-source small{
  margin-top:8px;color:var(--gp-muted);font-size:12px;line-height:1.55;
}
body[data-route="home"] #main .grounded-source .grounded-outbound{
  align-self:flex-end;margin-top:auto;color:var(--gp-ice);
  font-size:19px;line-height:1;
}
body[data-route="home"] #main .grounded-bottom-grid{
  display:grid;grid-template-columns:.93fr 1.07fr;gap:17px;align-items:stretch;
}
body[data-route="home"] #main .grounded-commerce,
body[data-route="home"] #main .grounded-warning{
  border:1px solid #c3c0d93a;border-radius:20px;padding:29px;
}
body[data-route="home"] #main .grounded-commerce{
  background:linear-gradient(135deg,#262a3d,#181d2b);
}
body[data-route="home"] #main .grounded-commerce h3,
body[data-route="home"] #main .grounded-warning h3{
  margin:10px 0 13px;font-size:23px;line-height:1.25;
  color:var(--gp-cream);font-weight:600;letter-spacing:-.032em;
}
body[data-route="home"] #main .grounded-commerce p{
  color:var(--gp-muted);font-size:14px;line-height:1.7;margin:0 0 21px;
}
body[data-route="home"] #main .grounded-commerce-actions{
  display:flex;flex-wrap:wrap;gap:10px;
}
body[data-route="home"] #main .grounded-commerce-actions a{
  display:inline-flex;align-items:center;justify-content:center;
  padding:11px 16px;min-height:44px;border-radius:999px;
  border:1px solid #c1bcde4a;color:var(--gp-cream);
  text-decoration:none;font-size:13px;font-weight:650;
}
body[data-route="home"] #main .grounded-commerce-actions a:first-child{
  color:#171829;background:var(--gp-violet);border-color:var(--gp-violet);
}
body[data-route="home"] #main .grounded-commerce-actions a:hover{
  border-color:var(--gp-ice);
}
body[data-route="home"] #main .grounded-warning{
  display:block;background:linear-gradient(140deg,#55443273,#342f3285);
  border-color:#c4a57988;color:#ecd4b1;
}
body[data-route="home"] #main .grounded-warning .eyebrow{
  color:#e9c99d;
}
body[data-route="home"] #main .grounded-warning h3{
  color:#ecd4af;
}
body[data-route="home"] #main .grounded-warning p{
  color:#ebd8bd;font-size:14px;line-height:1.7;margin:0 0 12px;
}
body[data-route="home"] #main .grounded-warning button{
  border:1px solid #c1b0e0;background:#b8aada;color:#171829;
  border-radius:999px;padding:10px 17px;min-height:44px;
  font-size:13px;font-weight:720;cursor:pointer;
}
body[data-route="home"] #main .grounded-warning button:hover{
  background:#c9bce8;
}
body[data-route="home"] .footer{
  background:#0e111c;border-top-color:#beb9d323;
}
body[data-route="home"] .footer strong{color:var(--gp-cream)}
body[data-route="home"] .footer p,
body[data-route="home"] .footer-links button{
  color:var(--gp-muted);
}
body[data-route="home"] .footer-links button:hover{color:var(--gp-ice)}
body[data-route="home"] #floatingShai{
  background:var(--gp-violet);border-color:var(--gp-violet);
  color:#181b2a;
}
/* Balance artwork and visual focus for Arabic and Urdu as well. */
html[dir="rtl"] body[data-route="home"] #main .immersive-hero:after{
  background:linear-gradient(270deg,#0e1220f4 0%,#0e1220ac 43%,#0e122016 77%),
             linear-gradient(0deg,#0d1120a6,transparent 35%);
}
html[dir="rtl"] body[data-route="home"] #main .discovery-index{
  right:auto;left:0;
}
@media(max-width:960px){
  body[data-route="home"] #main .immersive-hero .horizon-art{
    inset-block:42px 46px;inset-inline-end:2.4vw;inset-inline-start:auto;width:51%;
  }
  body[data-route="home"] #main .grounded-official-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body[data-route="home"] #main .grounded-bottom-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:760px){
  body[data-route="home"] #main .immersive-hero{
    min-height:590px;
  }
  body[data-route="home"] #main .immersive-hero .horizon-art{
    inset:0;width:100%;border:0;border-radius:0;opacity:.47;
    box-shadow:none;
  }
  body[data-route="home"] #main .immersive-hero:after{
    background:linear-gradient(90deg,#111624ef,#1116247f),
               linear-gradient(0deg,#111624dd,transparent 45%);
  }
  body[data-route="home"] #main .immersive-hero-content{
    min-height:590px;padding-block:80px 84px;
  }
  body[data-route="home"] #main .immersive-hero h1{
    max-width:12ch;font-size:clamp(44px,10.5vw,68px);overflow-wrap:break-word;
  }
  body[data-route="home"] #main .immersive-hero .lead{
    max-width:36ch;
  }
  body[data-route="home"] #main .immersive-hero .hero-coordinate{
    display:none;
  }
  body[data-route="home"] #main .navigator-stage{
    border-radius:18px;padding:20px;
  }
  body[data-route="home"] #main .discovery-grid,
  body[data-route="home"] #main .grounded-official-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;
  }
  body[data-route="home"] #main .discovery-card{
    padding:11px 11px 15px;border-radius:16px;
  }
  body[data-route="home"] #main .discovery-image{
    border-radius:11px;
  }
  body[data-route="home"] #main .discovery-card-copy{
    padding:12px 14px 0 1px;
  }
  body[data-route="home"] #main .grounded-home-details{
    padding:55px 0 70px;
  }
}
@media(max-width:520px){
  body[data-route="home"] #main .discovery-grid,
  body[data-route="home"] #main .grounded-official-grid{
    grid-template-columns:1fr;
  }
  body[data-route="home"] #main .discovery-image{
    aspect-ratio:1.75;
  }
  body[data-route="home"] #main .grounded-source{
    min-height:128px;
  }
  body[data-route="home"] #main .grounded-commerce,
  body[data-route="home"] #main .grounded-warning{
    padding:22px;
  }
  body[data-route="home"] #main .grounded-commerce-actions a{
    width:100%;
  }
}
@media(prefers-reduced-motion:reduce){
  body[data-route="home"] #main .discovery-card,
  body[data-route="home"] #main .grounded-source{
    transition:none!important;transform:none!important;
  }
}