/* WEBSITE-SPECTRUM-LIGHT v1 2026-10-02 (owner: "energy throughout the website": the wheel's crimson, royal + sapphire blue and purple
   light on every section under the hero, every page head, card, field, footer, and the capabilities wheel; front pages and back pages alike).
   One shared sheet: linked from index.html and the static back pages. Motion honours Pause motion + reduced-motion. */
:root{--sp-crimson:rgba(209,36,57,.36);--sp-royal:rgba(65,105,225,.40);--sp-sapphire:rgba(15,82,186,.44);--sp-purple:rgba(139,92,246,.32);--sp-sky:rgba(88,153,243,.30);--sp-gold:rgba(228,186,86,.16);
 --sp-edge:rgba(98,163,255,.55);--sp-glow:inset 0 0 18px 2px rgba(40,95,220,.40),0 0 24px rgba(70,125,240,.26),inset 0 1px 0 rgba(255,255,255,.08)}
/* ---- home: every section under the hero ---- */
#main>section.section,#main>section.eli-feature{position:relative;isolation:isolate;background:
 radial-gradient(520px 340px at 7% 10%,var(--sp-crimson),transparent 70%),radial-gradient(560px 360px at 95% 34%,var(--sp-royal),transparent 70%),
 radial-gradient(680px 380px at 50% 108%,var(--sp-sapphire),transparent 72%),radial-gradient(420px 300px at 82% -4%,var(--sp-purple),transparent 70%),
 linear-gradient(180deg,#010409,#04101f 55%,#020a1a)!important;border-top:1px solid rgba(98,163,255,.35);box-shadow:inset 0 1px 0 rgba(150,196,255,.18)}
#main>section.section:nth-of-type(even),#main>section.eli-feature{background:
 radial-gradient(520px 340px at 93% 8%,var(--sp-purple),transparent 70%),radial-gradient(560px 360px at 4% 40%,var(--sp-royal),transparent 70%),
 radial-gradient(680px 380px at 46% 108%,var(--sp-crimson),transparent 72%),radial-gradient(420px 300px at 14% -4%,var(--sp-sapphire),transparent 70%),
 linear-gradient(180deg,#010409,#04101f 55%,#020a1a)!important}
.discovery-band{background:radial-gradient(360px 260px at 6% 30%,var(--sp-crimson),transparent 70%),radial-gradient(340px 260px at 50% 90%,var(--sp-purple),transparent 70%),radial-gradient(360px 280px at 94% 30%,var(--sp-royal),transparent 70%),linear-gradient(112deg,#010409,#04101f 50%,#07265a)!important}
.arrival-scene{background:radial-gradient(420px 320px at 4% 60%,var(--sp-crimson),transparent 70%),radial-gradient(420px 320px at 96% 20%,var(--sp-purple),transparent 70%),radial-gradient(circle 300px at 14% 20%,rgba(65,105,225,.30),transparent 70%),radial-gradient(ellipse at 64% 15%,rgba(15,82,186,.42),transparent 52%),linear-gradient(115deg,#010409,#04101f 45%,#010409)!important}
/* ---- every page head, body, shell, stage on the back routes ---- */
.page-head{background:radial-gradient(420px 260px at 4% 30%,var(--sp-crimson),transparent 70%),radial-gradient(460px 280px at 96% 0%,var(--sp-purple),transparent 70%),radial-gradient(560px 300px at 60% 110%,var(--sp-sapphire),transparent 72%),radial-gradient(360px 240px at 30% -10%,var(--sp-royal),transparent 70%),linear-gradient(180deg,#010409,#04101f)!important;border-bottom:1px solid rgba(98,163,255,.5);box-shadow:0 12px 40px rgba(15,82,186,.22)}
.page-body{position:relative;isolation:isolate;background:radial-gradient(520px 420px at 2% 30%,var(--sp-crimson),transparent 72%),radial-gradient(560px 460px at 98% 62%,var(--sp-royal),transparent 72%),radial-gradient(620px 420px at 70% 100%,var(--sp-purple),transparent 72%),radial-gradient(520px 360px at 20% 96%,var(--sp-sapphire),transparent 72%)}
.partner-shell:not(.original-product-view){background:radial-gradient(460px 360px at 3% 25%,var(--sp-crimson),transparent 70%),radial-gradient(520px 400px at 97% 20%,var(--sp-purple),transparent 70%),radial-gradient(620px 400px at 50% 105%,var(--sp-sapphire),transparent 72%),radial-gradient(420px 320px at 80% 70%,var(--sp-royal),transparent 70%),#030a18!important}
.book-screen,.studio-stage{background:radial-gradient(420px 320px at 4% 20%,var(--sp-crimson),transparent 70%),radial-gradient(460px 340px at 96% 30%,var(--sp-purple),transparent 70%),radial-gradient(560px 360px at 50% 108%,var(--sp-sapphire),transparent 72%),radial-gradient(ellipse at 50% 42%,rgba(65,105,225,.34),transparent 58%),#030a18!important}
.site-footer,.lg-footer{background:radial-gradient(420px 240px at 8% 0%,var(--sp-crimson),transparent 70%),radial-gradient(460px 260px at 92% 0%,var(--sp-purple),transparent 70%),radial-gradient(640px 200px at 50% 110%,var(--sp-sapphire),transparent 72%),linear-gradient(180deg,#010409,#020a18)!important;border-top:1px solid rgba(98,163,255,.45)}
/* ---- cards: login glow, with the wheel's hues rotating so a grid is never one flat blue ---- */
.surface,.step-tile,.path-tile,.service-tab,.film-item,.notice,.context-aside,.system-panel{box-shadow:var(--sp-glow)!important;border-color:var(--sp-edge)!important;background-image:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,0) 34%)}
.page-body .surface:nth-child(3n+1),.step-tile:nth-child(3n+1),.path-tile:nth-child(3n+1){box-shadow:inset 0 0 20px 2px rgba(209,36,57,.28),0 0 26px rgba(209,36,57,.22),inset 0 1px 0 rgba(255,255,255,.08)!important;border-color:rgba(232,90,110,.55)!important}
.page-body .surface:nth-child(3n+2),.step-tile:nth-child(3n+2),.path-tile:nth-child(3n+2){box-shadow:inset 0 0 20px 2px rgba(65,105,225,.40),0 0 26px rgba(65,105,225,.30),inset 0 1px 0 rgba(255,255,255,.08)!important;border-color:rgba(98,150,255,.65)!important}
.page-body .surface:nth-child(3n),.step-tile:nth-child(3n),.path-tile:nth-child(3n){box-shadow:inset 0 0 20px 2px rgba(139,92,246,.36),0 0 26px rgba(139,92,246,.26),inset 0 1px 0 rgba(255,255,255,.08)!important;border-color:rgba(167,139,250,.6)!important}
/* ---- fields ---- */
input,select,textarea{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,0) 40%),rgba(3,10,26,.92)!important;border:1px solid var(--sp-edge)!important;box-shadow:inset 0 0 12px rgba(40,95,220,.32),0 0 12px rgba(70,125,240,.16)!important;color:#f5f0e8}
input:focus,select:focus,textarea:focus{outline:none;border-color:#7fb2ff!important;box-shadow:inset 0 0 14px rgba(65,105,225,.5),0 0 22px rgba(88,153,243,.55)!important}
.button.secondary,.button:not(.primary){box-shadow:inset 0 0 12px rgba(40,95,220,.35),0 0 14px rgba(70,125,240,.22)}
/* ---- capabilities wheel: same torus, same living light as the home wheel ---- */
.system-wheel:before{inset:34px!important;border:0!important;background:conic-gradient(from 0deg,#e4ba56,#d12439,#8b5cf6,#4169e1,#0f52ba,#05e468,#e4ba56);-webkit-mask:radial-gradient(circle,transparent 62%,#000 64%,#000 72%,transparent 75%);mask:radial-gradient(circle,transparent 62%,#000 64%,#000 72%,transparent 75%);box-shadow:none!important;filter:saturate(1.25) drop-shadow(0 0 16px rgba(65,105,225,.7));animation:wc-turn 34s linear infinite}
.system-wheel:after{content:'';position:absolute;left:19%;top:19%;width:62%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(88,153,243,.34) 0,rgba(65,105,225,.18) 40%,transparent 70%),conic-gradient(from 0deg,transparent 0 10%,rgba(65,105,225,.5) 24%,transparent 40%,rgba(243,210,122,.4) 60%,transparent 76%,rgba(209,36,57,.3) 90%,transparent);-webkit-mask:radial-gradient(circle,transparent 30%,#000 46%,#000 72%,transparent 86%);mask:radial-gradient(circle,transparent 30%,#000 46%,#000 72%,transparent 86%);animation:wc-turn 20s linear infinite reverse;pointer-events:none}
.wheel-hub{background:radial-gradient(circle,#1d4a86,#061326 64%,#0f2a66)!important;box-shadow:0 0 34px rgba(65,105,225,.6),0 0 70px rgba(15,82,186,.4),inset 0 0 22px rgba(88,153,243,.45)!important;border-color:#f3d27a!important}
.wheel-button{box-shadow:0 0 22px 3px color-mix(in srgb,var(--c) 70%,transparent),inset 0 0 16px color-mix(in srgb,var(--c) 45%,transparent)!important}
.ambient-paused .system-wheel:before,.ambient-paused .system-wheel:after{animation-play-state:paused!important}
