/* FindAurora motion identity — visual layer only. */
:root{
  --fa-motion-green:#73f0ad;
  --fa-motion-cyan:#75c9ff;
  --fa-motion-deep:#04111a;
}

.top-stage{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.top-stage:before,
.top-stage:after{
  content:"";
  position:absolute;
  inset:-18% -10% auto -10%;
  height:72%;
  pointer-events:none;
  z-index:3;
  opacity:.42;
  filter:blur(36px) saturate(1.15);
  transform-origin:50% 20%;
  mix-blend-mode:screen;
}
.top-stage:before{
  background:
    radial-gradient(68% 48% at 28% 18%,rgba(115,240,173,.28),transparent 62%),
    radial-gradient(62% 52% at 72% 28%,rgba(117,201,255,.20),transparent 66%),
    linear-gradient(112deg,transparent 12%,rgba(115,240,173,.10) 34%,rgba(117,201,255,.14) 51%,transparent 74%);
  clip-path:polygon(0 16%,18% 28%,36% 16%,55% 31%,76% 12%,100% 25%,100% 58%,78% 49%,56% 64%,34% 48%,14% 61%,0 48%);
  animation:faAuroraDrift 16s ease-in-out infinite alternate;
}
.top-stage:after{
  inset:-8% -18% auto 22%;
  height:62%;
  opacity:.26;
  background:
    radial-gradient(58% 40% at 38% 28%,rgba(115,240,173,.34),transparent 65%),
    linear-gradient(104deg,transparent 10%,rgba(117,201,255,.10) 35%,rgba(115,240,173,.15) 55%,transparent 82%);
  clip-path:polygon(0 28%,16% 13%,37% 27%,55% 8%,77% 24%,100% 12%,100% 44%,79% 58%,56% 42%,36% 61%,13% 43%,0 56%);
  animation:faAuroraDriftSecondary 20s ease-in-out infinite alternate;
}
.top-stage>.premium-hero-image{
  transform:scale(1.035);
  animation:faHeroBreathe 18s ease-in-out infinite alternate;
}
.top-stage>.premium-hero-shade{
  z-index:4;
}
.top-stage>.topbar,
.top-stage>.hero{
  position:relative;
  z-index:6;
}

#fa-motion-loader{
  position:fixed;
  inset:0;
  z-index:2147483000;
  display:grid;
  place-items:center;
  overflow:hidden;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  background:var(--fa-motion-deep);
  transition:
    opacity .68s cubic-bezier(.22,.8,.24,1),
    visibility 0s linear .68s;
}
#fa-motion-loader.is-visible{
  opacity:1;
  visibility:visible;
  transition:
    opacity .68s cubic-bezier(.22,.8,.24,1),
    visibility 0s linear 0s;
}
#fa-motion-loader.is-leaving{
  opacity:0;
}
.fa-motion-loader__image{
  position:absolute;
  inset:-3%;
  background:
    linear-gradient(180deg,rgba(3,13,22,.18),rgba(3,13,22,.72)),
    url('/assets/findaurora-premium-hero.webp') center/cover no-repeat;
  filter:saturate(1.06) contrast(1.02);
  transform:scale(1.09);
  opacity:.72;
  transition:
    transform 1.1s cubic-bezier(.22,.8,.24,1),
    opacity .85s cubic-bezier(.22,.8,.24,1),
    filter .85s cubic-bezier(.22,.8,.24,1);
  animation:faLoaderBreathe 13s ease-in-out infinite alternate;
}
#fa-motion-loader.is-visible .fa-motion-loader__image{
  opacity:1;
  transform:scale(1.06);
}
#fa-motion-loader.is-leaving .fa-motion-loader__image{
  opacity:.18;
  transform:scale(1.015);
  filter:saturate(.9) contrast(.98) blur(2px);
}
.fa-motion-loader__veil{
  position:absolute;
  inset:-24%;
  background:
    radial-gradient(42% 28% at 28% 24%,rgba(115,240,173,.34),transparent 70%),
    radial-gradient(48% 34% at 70% 34%,rgba(117,201,255,.21),transparent 72%),
    conic-gradient(from 210deg at 52% 28%,transparent 0 20%,rgba(115,240,173,.18) 30%,rgba(117,201,255,.12) 42%,transparent 54% 100%);
  filter:blur(26px);
  mix-blend-mode:screen;
  opacity:0;
  transform:scale(.96);
  transition:
    opacity .95s cubic-bezier(.22,.8,.24,1),
    transform 1.1s cubic-bezier(.22,.8,.24,1),
    filter .95s cubic-bezier(.22,.8,.24,1);
  animation:faLoaderAurora 11s ease-in-out infinite alternate;
}
#fa-motion-loader.is-visible .fa-motion-loader__veil{
  opacity:.78;
  transform:scale(1);
}
#fa-motion-loader.is-leaving .fa-motion-loader__veil{
  opacity:0;
  transform:scale(1.08);
  filter:blur(34px);
}
.fa-motion-loader__stars{
  position:absolute;
  inset:0;
  opacity:.32;
  background-image:
    radial-gradient(circle at 11% 17%,#fff 0 1px,transparent 1.4px),
    radial-gradient(circle at 23% 31%,#fff 0 .8px,transparent 1.2px),
    radial-gradient(circle at 72% 14%,#fff 0 1px,transparent 1.4px),
    radial-gradient(circle at 82% 37%,#fff 0 .8px,transparent 1.2px),
    radial-gradient(circle at 61% 26%,#fff 0 .7px,transparent 1.1px),
    radial-gradient(circle at 43% 12%,#fff 0 .8px,transparent 1.2px);
  animation:faStarsPulse 4.8s ease-in-out infinite alternate;
  transition:opacity .8s cubic-bezier(.22,.8,.24,1);
}
#fa-motion-loader.is-leaving .fa-motion-loader__stars{
  opacity:0;
}
.fa-motion-loader__brand{
  position:relative;
  z-index:4;
  display:grid;
  justify-items:center;
  gap:12px;
  padding:28px;
  text-align:center;
  text-shadow:0 8px 34px rgba(0,0,0,.45);
  opacity:0;
  transform:translateY(12px) scale(.985);
  transition:
    opacity .72s cubic-bezier(.22,.8,.24,1) .08s,
    transform .86s cubic-bezier(.22,.8,.24,1) .08s,
    filter .72s cubic-bezier(.22,.8,.24,1);
}
#fa-motion-loader.is-visible .fa-motion-loader__brand{
  opacity:1;
  transform:translateY(0) scale(1);
}
#fa-motion-loader.is-leaving .fa-motion-loader__brand{
  opacity:0;
  transform:translateY(-8px) scale(.992);
  filter:blur(1.5px);
  transition-delay:0s;
}
.fa-motion-loader__mark{
  width:92px;
  height:58px;
  background:url('/assets/brand/FindAurora_mark_black.png') center/contain no-repeat;
  filter:invert(1) drop-shadow(0 8px 28px rgba(0,0,0,.30));
  opacity:.97;
}
.fa-motion-loader__name{
  color:#f4f9fc;
  font:900 clamp(29px,6vw,44px)/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:-.045em;
}
.fa-motion-loader__name span{
  color:var(--fa-motion-green);
}
.fa-motion-loader__line{
  position:relative;
  width:126px;
  height:2px;
  margin-top:8px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  box-shadow:0 0 24px rgba(115,240,173,.08);
}
.fa-motion-loader__line:after{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:46%;
  border-radius:inherit;
  background:linear-gradient(90deg,transparent,var(--fa-motion-green),var(--fa-motion-cyan),transparent);
  filter:drop-shadow(0 0 7px rgba(115,240,173,.8));
  animation:faLoaderSweep 1.45s cubic-bezier(.4,0,.2,1) infinite;
}

@keyframes faAuroraDrift{
  0%{transform:translate3d(-3%,0,0) rotate(-2deg) scaleX(.96)}
  50%{transform:translate3d(2%,3%,0) rotate(1deg) scaleX(1.03)}
  100%{transform:translate3d(5%,-1%,0) rotate(3deg) scaleX(.98)}
}
@keyframes faAuroraDriftSecondary{
  0%{transform:translate3d(3%,2%,0) rotate(2deg) scale(.96)}
  100%{transform:translate3d(-5%,-2%,0) rotate(-3deg) scale(1.04)}
}
@keyframes faHeroBreathe{
  from{transform:scale(1.025) translate3d(0,0,0)}
  to{transform:scale(1.065) translate3d(0,-.8%,0)}
}
@keyframes faLoaderBreathe{
  from{transform:scale(1.055) translate3d(0,0,0)}
  to{transform:scale(1.095) translate3d(0,-1.2%,0)}
}
@keyframes faLoaderAurora{
  0%{transform:translate3d(-4%,-2%,0) rotate(-4deg) scale(.96)}
  50%{transform:translate3d(3%,2%,0) rotate(1deg) scale(1.04)}
  100%{transform:translate3d(5%,-1%,0) rotate(4deg) scale(.99)}
}
@keyframes faStarsPulse{
  from{opacity:.18}
  to{opacity:.42}
}
@keyframes faLoaderSweep{
  0%{transform:translateX(-110%);opacity:.35}
  45%{opacity:1}
  100%{transform:translateX(280%);opacity:.35}
}

@media(max-width:760px){
  .top-stage:before,.top-stage:after{filter:blur(28px)}
  .fa-motion-loader__brand{transform:translateY(-2vh)}
  .fa-motion-loader__mark{width:82px;height:52px}
}
@media(prefers-reduced-motion:reduce){
  .top-stage:before,.top-stage:after,.top-stage>.premium-hero-image,
  .fa-motion-loader__image,.fa-motion-loader__veil,.fa-motion-loader__stars,
  .fa-motion-loader__line:after{animation:none!important}
  #fa-motion-loader{transition:opacity .22s linear,visibility 0s linear .22s}
  .fa-motion-loader__image,.fa-motion-loader__veil,.fa-motion-loader__brand,.fa-motion-loader__stars{
    transition-duration:.22s!important;
    transition-delay:0s!important;
  }
}

/* Immersive page-wide aurora motion */
body{position:relative;isolation:isolate}
body:before,body:after{content:"";position:fixed;z-index:-2;pointer-events:none;width:95vw;height:70vh;border-radius:50%;filter:blur(88px) saturate(1.18);opacity:.22;will-change:transform}
body:before{left:-34vw;top:18vh;background:radial-gradient(circle at 55% 45%,rgba(115,240,173,.42),rgba(62,176,170,.14) 38%,transparent 70%);animation:faPageGlowA 18s ease-in-out infinite alternate}
body:after{right:-38vw;top:52vh;background:radial-gradient(circle at 45% 50%,rgba(117,201,255,.31),rgba(115,240,173,.11) 42%,transparent 72%);animation:faPageGlowB 23s ease-in-out infinite alternate}
body.premium-tonight{background:radial-gradient(1100px 650px at 10% 0%,rgba(45,108,104,.13),transparent 60%),radial-gradient(1000px 720px at 88% 35%,rgba(44,80,118,.12),transparent 62%),#0B0D10!important}
body.premium-tonight .shell{position:relative;isolation:isolate}
body.premium-tonight .shell:before{content:"";position:absolute;z-index:-1;pointer-events:none;left:-18vw;right:-18vw;top:0;height:94%;opacity:.30;filter:blur(34px);background:linear-gradient(115deg,transparent 0 13%,rgba(115,240,173,.09) 21%,rgba(117,201,255,.10) 30%,transparent 41% 54%,rgba(115,240,173,.08) 65%,rgba(117,201,255,.07) 73%,transparent 84% 100%);clip-path:polygon(0 4%,16% 10%,31% 5%,47% 13%,63% 7%,80% 15%,100% 9%,100% 88%,84% 82%,67% 91%,51% 83%,33% 92%,16% 85%,0 91%);animation:faPageRibbon 22s ease-in-out infinite alternate}
body.premium-tonight .guide-section,body.premium-tonight .premium-section,body.premium-tonight .panel,body.premium-tonight .score-card{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(27,30,35,.86),rgba(20,23,27,.82))!important;backdrop-filter:blur(22px) saturate(1.08);-webkit-backdrop-filter:blur(22px) saturate(1.08);border-color:rgba(202,220,235,.17)!important;box-shadow:0 22px 65px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.025)!important}
body.premium-tonight .guide-section:before,body.premium-tonight .premium-section:before,body.premium-tonight .panel:before{content:"";position:absolute;pointer-events:none;inset:-55% -35% auto -35%;height:78%;opacity:.24;filter:blur(24px);background:radial-gradient(closest-side at 42% 50%,rgba(115,240,173,.17),transparent 72%),radial-gradient(closest-side at 64% 42%,rgba(117,201,255,.13),transparent 74%);animation:faPanelAurora 14s ease-in-out infinite alternate}
body.premium-tonight .guide-section>*,body.premium-tonight .premium-section>*,body.premium-tonight .panel>*{position:relative;z-index:1}
body.premium-tonight .guide-section:after,body.premium-tonight .premium-section:after{content:"";position:absolute;pointer-events:none;top:0;left:-45%;width:34%;height:1px;background:linear-gradient(90deg,transparent,rgba(184,216,228,.88),rgba(115,240,173,.72),transparent);box-shadow:0 0 18px rgba(115,240,173,.34);animation:faEdgeScan 8.5s ease-in-out infinite}
body.premium-tonight .spot-hero{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(35,39,44,.88),rgba(26,29,33,.90));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:transform .4s cubic-bezier(.22,.8,.24,1),border-color .4s cubic-bezier(.22,.8,.24,1),box-shadow .4s cubic-bezier(.22,.8,.24,1)}
body.premium-tonight .spot-hero:before{content:"";position:absolute;z-index:0;inset:auto -20% -40% 15%;height:50%;opacity:.18;background:radial-gradient(ellipse,rgba(115,240,173,.45),transparent 70%);filter:blur(25px);animation:faSpotGlow 9s ease-in-out infinite alternate}
body.premium-tonight .spot-hero>*{position:relative;z-index:1}
body.premium-tonight .status-line .pulse{animation:faLivePulse 2.3s ease-in-out infinite}
@media(hover:hover) and (pointer:fine){body.premium-tonight .spot-hero:hover{transform:translateY(-4px);border-color:rgba(201,216,231,.27);box-shadow:0 28px 70px rgba(0,0,0,.38)}}
@keyframes faPageGlowA{0%{transform:translate3d(-5%,0,0) scale(.92)}50%{transform:translate3d(12%,8%,0) scale(1.08)}100%{transform:translate3d(3%,18%,0) scale(.98)}}
@keyframes faPageGlowB{0%{transform:translate3d(8%,-3%,0) scale(1)}50%{transform:translate3d(-12%,9%,0) scale(1.12)}100%{transform:translate3d(-3%,-5%,0) scale(.96)}}
@keyframes faPageRibbon{0%{transform:translate3d(-4%,0,0) skewY(-1deg) scaleX(.97)}50%{transform:translate3d(3%,1.5%,0) skewY(1deg) scaleX(1.03)}100%{transform:translate3d(6%,-1%,0) skewY(-.5deg) scaleX(.99)}}
@keyframes faPanelAurora{0%{transform:translate3d(-10%,0,0) rotate(-5deg) scale(.96);opacity:.16}55%{transform:translate3d(8%,8%,0) rotate(2deg) scale(1.06);opacity:.32}100%{transform:translate3d(14%,2%,0) rotate(5deg) scale(1);opacity:.20}}
@keyframes faEdgeScan{0%,18%{transform:translateX(0);opacity:0}28%{opacity:.72}58%{opacity:.55}72%,100%{transform:translateX(430%);opacity:0}}
@keyframes faSpotGlow{from{transform:translate3d(-8%,0,0) scale(.92);opacity:.10}to{transform:translate3d(8%,-12%,0) scale(1.08);opacity:.24}}
@keyframes faLivePulse{0%,100%{transform:scale(.92);box-shadow:0 0 0 0 rgba(184,200,216,.20)}50%{transform:scale(1.08);box-shadow:0 0 0 7px rgba(184,200,216,0)}}
@media(max-width:760px){body:before,body:after{width:130vw;height:66vh;filter:blur(74px) saturate(1.15);opacity:.22}body.premium-tonight .shell:before{left:-32vw;right:-32vw;opacity:.28}body.premium-tonight .guide-section,body.premium-tonight .premium-section,body.premium-tonight .panel,body.premium-tonight .score-card{backdrop-filter:blur(16px) saturate(1.06);-webkit-backdrop-filter:blur(16px) saturate(1.06)}}
@media(prefers-reduced-motion:reduce){body:before,body:after,body.premium-tonight .shell:before,body.premium-tonight .guide-section:before,body.premium-tonight .premium-section:before,body.premium-tonight .panel:before,body.premium-tonight .guide-section:after,body.premium-tonight .premium-section:after,body.premium-tonight .spot-hero:before,body.premium-tonight .status-line .pulse{animation:none!important}}


/* Shared FindAurora motion identity across non-map product pages */
body.fa-motion-page{
  min-height:100vh;
  background:
    radial-gradient(900px 520px at 8% -8%,rgba(65,178,157,.14),transparent 62%),
    radial-gradient(1000px 680px at 94% 26%,rgba(69,126,168,.11),transparent 66%),
    linear-gradient(180deg,#07131c 0%,#081923 52%,#061018 100%)!important;
  background-attachment:fixed!important;
}
body.fa-motion-page:before{
  z-index:0;
  opacity:.34;
  left:-38vw;
  top:12vh;
}
body.fa-motion-page:after{
  z-index:0;
  opacity:.26;
  right:-40vw;
  top:54vh;
}
body.fa-motion-page>main,
body.fa-motion-page>.wrap{
  position:relative;
  z-index:1;
}
body.fa-motion-page>.outlook-menu{
  position:fixed;
  z-index:10030;
}
body.fa-motion-page>.fa-mobile-nav,
body.fa-motion-page>.fa-more-sheet{
  z-index:1600;
}

/* Dashboard: restrained, technical, luminous rather than cinematic */
body.fa-motion-dashboard .wrap{
  position:relative;
}
body.fa-motion-dashboard .wrap:before{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  inset:120px -8vw auto;
  height:720px;
  opacity:.18;
  filter:blur(34px);
  background:
    linear-gradient(108deg,transparent 6%,rgba(115,240,173,.11) 27%,rgba(117,201,255,.08) 48%,transparent 72%);
  clip-path:polygon(0 17%,18% 4%,34% 22%,52% 7%,70% 25%,86% 9%,100% 19%,100% 48%,84% 38%,68% 58%,51% 39%,34% 55%,16% 36%,0 49%);
  animation:faPageRibbon 26s ease-in-out infinite alternate;
}
body.fa-motion-dashboard .panel{
  background:linear-gradient(155deg,rgba(14,36,47,.90),rgba(8,24,33,.87))!important;
  border-color:rgba(205,226,234,.11)!important;
  backdrop-filter:blur(16px) saturate(1.05);
  -webkit-backdrop-filter:blur(16px) saturate(1.05);
  box-shadow:0 18px 48px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.018);
}
body.fa-motion-dashboard .telemetry>div,
body.fa-motion-dashboard .skytiles>div,
body.fa-motion-dashboard .prob>div,
body.fa-motion-dashboard .day{
  background:rgba(255,255,255,.027)!important;
  border-color:rgba(255,255,255,.085)!important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
body.fa-motion-dashboard .brand{
  text-shadow:0 0 28px rgba(115,240,173,.09);
}

/* 3-day outlook: a stronger sky feeling behind the forecast cards */
body.fa-motion-forecast .outlook-shell{
  position:relative;
  isolation:isolate;
}
body.fa-motion-forecast .outlook-shell:before{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  left:-18vw;
  right:-18vw;
  top:-90px;
  height:520px;
  opacity:.27;
  filter:blur(28px);
  background:
    radial-gradient(52% 38% at 30% 32%,rgba(115,240,173,.23),transparent 72%),
    radial-gradient(44% 34% at 72% 28%,rgba(117,201,255,.16),transparent 72%),
    linear-gradient(110deg,transparent 10%,rgba(115,240,173,.08) 32%,rgba(117,201,255,.08) 49%,transparent 72%);
  animation:faPanelAurora 18s ease-in-out infinite alternate;
}
body.fa-motion-forecast .night-card{
  background:linear-gradient(150deg,rgba(14,40,53,.88),rgba(8,27,38,.84))!important;
  backdrop-filter:blur(18px) saturate(1.07);
  -webkit-backdrop-filter:blur(18px) saturate(1.07);
  border-color:rgba(204,225,235,.12)!important;
  box-shadow:0 22px 58px rgba(0,0,0,.24)!important;
}

/* Premium storefront: cinematic, but content and checkout remain untouched */
body.fa-motion-premium-store{
  background:
    radial-gradient(1000px 640px at 15% -5%,rgba(51,143,124,.16),transparent 62%),
    radial-gradient(900px 650px at 90% 34%,rgba(67,112,154,.12),transparent 68%),
    #080b0e!important;
}
body.fa-motion-premium-store .premium-shell{
  position:relative;
  isolation:isolate;
}
body.fa-motion-premium-store .premium-shell:before{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  inset:120px -18vw auto;
  height:900px;
  opacity:.25;
  filter:blur(38px);
  background:
    linear-gradient(112deg,transparent 5%,rgba(115,240,173,.11) 24%,rgba(117,201,255,.10) 43%,transparent 62% 72%,rgba(115,240,173,.07) 84%,transparent 96%);
  clip-path:polygon(0 10%,16% 25%,34% 8%,51% 28%,69% 11%,84% 30%,100% 15%,100% 56%,83% 43%,68% 65%,50% 47%,34% 67%,16% 45%,0 59%);
  animation:faPageRibbon 22s ease-in-out infinite alternate;
}
body.fa-motion-premium-store .screenshot-card,
body.fa-motion-premium-store .detail-story article{
  border-color:rgba(204,223,234,.13)!important;
  box-shadow:0 22px 64px rgba(0,0,0,.26);
}
body.fa-motion-premium-store .sticky-buybar{
  backdrop-filter:blur(24px) saturate(1.08);
  -webkit-backdrop-filter:blur(24px) saturate(1.08);
}

/* Editorial/info surfaces */
body.fa-motion-info .info-section,
body.fa-motion-info .info-card,
body.fa-motion-info .alert-card{
  background:linear-gradient(150deg,rgba(13,39,52,.88),rgba(8,27,38,.84))!important;
  border-color:rgba(205,225,235,.12)!important;
  backdrop-filter:blur(18px) saturate(1.06);
  -webkit-backdrop-filter:blur(18px) saturate(1.06);
  box-shadow:0 22px 60px rgba(0,0,0,.22)!important;
}
body.fa-motion-info .info-hero{
  position:relative;
}
body.fa-motion-info .info-hero:after{
  content:"";
  position:absolute;
  pointer-events:none;
  left:-18%;
  top:-70%;
  width:92%;
  height:180%;
  background:radial-gradient(ellipse,rgba(115,240,173,.10),transparent 68%);
  filter:blur(24px);
  animation:faSpotGlow 12s ease-in-out infinite alternate;
}

/* Explore pages: animate the editorial shell, never the embedded maps */
body.fa-motion-explore .explore-wrap{
  position:relative;
  isolation:isolate;
}
body.fa-motion-explore .explore-hero{
  position:relative;
  text-shadow:0 8px 34px rgba(0,0,0,.24);
}
body.fa-motion-explore .explore-hero:before{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  left:-15vw;
  right:-15vw;
  top:-80px;
  height:380px;
  opacity:.22;
  filter:blur(28px);
  background:linear-gradient(108deg,transparent 10%,rgba(115,240,173,.14) 33%,rgba(117,201,255,.10) 51%,transparent 76%);
  animation:faPanelAurora 18s ease-in-out infinite alternate;
}
body.fa-motion-explore .reports-panel,
body.fa-motion-explore .field-guide-intro,
body.fa-motion-explore .landscape-guide,
body.fa-motion-explore .reports-note{
  border-color:rgba(205,225,235,.12)!important;
  box-shadow:0 20px 58px rgba(0,0,0,.20);
}
body.fa-motion-explore .reports-map-shell,
body.fa-motion-explore .region-selector-map,
body.fa-motion-explore .field-map{
  isolation:isolate;
  filter:none!important;
  transform:none!important;
}

/* Aurora Guide: let the book remain the hero, animate only its surrounding stage */
body.fa-motion-guide .info-wrap{
  position:relative;
  isolation:isolate;
}
body.fa-motion-guide .guide-content .hero{
  position:relative;
}
body.fa-motion-guide .guide-content .hero:before{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  left:-25vw;
  right:-25vw;
  top:-110px;
  height:430px;
  opacity:.24;
  filter:blur(30px);
  background:
    radial-gradient(48% 38% at 28% 38%,rgba(115,240,173,.18),transparent 72%),
    radial-gradient(44% 36% at 72% 30%,rgba(117,201,255,.13),transparent 74%);
  animation:faPanelAurora 17s ease-in-out infinite alternate;
}
body.fa-motion-guide .guide-content .spread{
  box-shadow:0 34px 100px rgba(0,0,0,.46),0 0 0 1px rgba(255,255,255,.09)!important;
}
body.fa-motion-guide .guide-content .cta{
  background:linear-gradient(145deg,rgba(14,43,57,.88),rgba(8,28,39,.84))!important;
  backdrop-filter:blur(18px) saturate(1.06);
  -webkit-backdrop-filter:blur(18px) saturate(1.06);
  box-shadow:0 24px 64px rgba(0,0,0,.22);
}

@media(max-width:760px){
  body.fa-motion-page:before,body.fa-motion-page:after{opacity:.13}
  body.fa-motion-dashboard .wrap:before,
  body.fa-motion-premium-store .premium-shell:before,
  body.fa-motion-explore .explore-hero:before,
  body.fa-motion-guide .guide-content .hero:before{filter:blur(24px)}
}
@media(prefers-reduced-motion:reduce){
  body.fa-motion-dashboard .wrap:before,
  body.fa-motion-forecast .outlook-shell:before,
  body.fa-motion-premium-store .premium-shell:before,
  body.fa-motion-info .info-hero:after,
  body.fa-motion-explore .explore-hero:before,
  body.fa-motion-guide .guide-content .hero:before{animation:none!important}
}


/* Make the shared motion layer actually visible above the page background, below content. */
html:has(body.fa-motion-page){
  background:#07131c;
  color-scheme:dark;
}
body.fa-motion-page{
  overflow-x:hidden;
}
body.fa-motion-page:before,
body.fa-motion-page:after{
  mix-blend-mode:screen;
}
body.fa-motion-page>main,
body.fa-motion-page>.wrap{
  z-index:2;
}
body.fa-motion-page>.outlook-menu{
  z-index:10030;
}
body.fa-motion-page .top,
body.fa-motion-page .info-top,
body.fa-motion-page .explore-top,
body.fa-motion-page .outlook-header .brand,
body.fa-motion-page .premium-shell>.top{
  position:relative;
  z-index:4;
}

/* Consistent dark glass header language on content pages. */
body.fa-motion-dashboard .top,
body.fa-motion-info .info-top,
body.fa-motion-explore .explore-top,
body.fa-motion-guide .info-top,
body.fa-motion-premium-store .premium-shell>.top{
  border:1px solid rgba(206,226,236,.10);
  background:linear-gradient(180deg,rgba(8,24,34,.78),rgba(8,24,34,.58));
  box-shadow:0 14px 40px rgba(0,0,0,.16);
  backdrop-filter:blur(18px) saturate(1.08);
  -webkit-backdrop-filter:blur(18px) saturate(1.08);
}
body.fa-motion-dashboard .top{
  margin:-6px -6px 14px;
  padding:12px 14px;
  border-radius:18px;
}
body.fa-motion-info .info-top,
body.fa-motion-guide .info-top{
  margin:0 -6px 34px;
  padding:10px 12px;
  border-radius:18px;
}
body.fa-motion-explore .explore-top{
  margin-top:8px;
  padding:10px 12px;
  border-radius:18px;
}
body.fa-motion-premium-store .premium-shell>.top{
  margin-top:10px;
  padding:10px 12px;
  border-radius:18px;
}

/* Stronger but still restrained living light on Dashboard. */
body.fa-motion-dashboard:before{
  width:120vw;
  height:82vh;
  left:-44vw;
  top:6vh;
  opacity:.42;
  background:
    radial-gradient(circle at 58% 42%,rgba(87,245,184,.48),rgba(57,183,167,.18) 38%,transparent 70%);
}
body.fa-motion-dashboard:after{
  width:112vw;
  height:76vh;
  right:-44vw;
  top:46vh;
  opacity:.30;
  background:
    radial-gradient(circle at 42% 46%,rgba(104,196,255,.38),rgba(82,226,187,.13) 42%,transparent 72%);
}
body.fa-motion-dashboard .wrap:before{
  z-index:0;
  opacity:.34;
}
body.fa-motion-dashboard .wrap>*{
  position:relative;
  z-index:1;
}
body.fa-motion-dashboard .panel{
  background:linear-gradient(155deg,rgba(12,33,44,.82),rgba(7,22,31,.78))!important;
}
body.fa-motion-dashboard .telemetry>div,
body.fa-motion-dashboard .skytiles>div,
body.fa-motion-dashboard .prob>div,
body.fa-motion-dashboard .day{
  background:rgba(8,28,38,.62)!important;
}

/* More visible motion stage on the other content surfaces. */
body.fa-motion-forecast:before,
body.fa-motion-info:before,
body.fa-motion-explore:before,
body.fa-motion-guide:before,
body.fa-motion-premium-store:before{opacity:.30}
body.fa-motion-forecast:after,
body.fa-motion-info:after,
body.fa-motion-explore:after,
body.fa-motion-guide:after,
body.fa-motion-premium-store:after{opacity:.22}

@media(max-width:760px){
  body.fa-motion-page:before{opacity:.30}
  body.fa-motion-page:after{opacity:.22}
  body.fa-motion-dashboard:before{opacity:.38}
  body.fa-motion-dashboard:after{opacity:.28}
  body.fa-motion-dashboard .top{
    margin:0 0 12px;
  }
}