/* WEBSITE-SUPPORT-PAGES v1 2026-10-02 (owner: "all the supporting pages should look just as good as the login page and the command center").
   One shared sheet for every supporting page (lg- template pages, pricing, personalize, federal, briefing, mission, buyer room).
   Recipe = login/command centre: black base, crimson/royal/sapphire/purple light as glow, wet glass panels with blur + rim, hue-rotating glow.
   Loaded AFTER spectrum-light.css. Motion honours prefers-reduced-motion. No content, link or claim is changed by this file. */
:root{--sp2-void:#010409;--sp2-glass:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,0) 30%),linear-gradient(160deg,rgba(14,30,72,.62),rgba(3,9,24,.80));
 --sp2-edge:rgba(98,150,255,.50);--sp2-rim:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(0,0,0,.5);
 --sp2-gb:inset 0 0 20px 2px rgba(40,95,220,.40),0 0 28px rgba(70,125,240,.26);
 --sp2-gc:inset 0 0 20px 2px rgba(209,36,57,.30),0 0 28px rgba(209,36,57,.22);
 --sp2-gp:inset 0 0 20px 2px rgba(139,92,246,.36),0 0 28px rgba(139,92,246,.24);
 --sp2-gg:inset 0 0 20px 2px rgba(228,186,86,.22),0 0 28px rgba(228,186,86,.16)}
html{background:var(--sp2-void)}
body{background:var(--sp2-void)!important;background-attachment:fixed}
/* layered light replaces the old faceted prism: living, behind the content, never over the text */
#lg-facet-bg{z-index:0!important}
.lg-facet,.lg-facet-sweep,.lg-facet-glint{display:none!important}
#lg-facet-bg::before{background:
 radial-gradient(34vw 60vh at -4% 34%,rgba(210,24,48,.44),transparent 70%),
 radial-gradient(30vw 46vh at 104% 8%,rgba(124,58,237,.34),transparent 70%),
 radial-gradient(80vw 30vh at 56% 108%,rgba(88,153,243,.50),transparent 72%),
 radial-gradient(56vw 56vh at 58% 30%,rgba(20,90,210,.30),transparent 72%),
 radial-gradient(22vw 30vh at 100% 78%,rgba(228,186,86,.12),transparent 70%)!important;animation:sp2-breathe 14s ease-in-out infinite alternate}
#lg-facet-bg::after{content:'';position:absolute;inset:-20% -10%;background:conic-gradient(from 200deg at 70% 30%,transparent 0 22%,rgba(65,105,225,.14) 30%,transparent 38%,rgba(209,36,57,.10) 62%,transparent 72%,rgba(139,92,246,.12) 84%,transparent);
 mask-image:linear-gradient(180deg,#000 0,#000 55%,transparent);-webkit-mask-image:linear-gradient(180deg,#000 0,#000 55%,transparent);animation:sp2-turn 90s linear infinite}
@keyframes sp2-breathe{from{opacity:.8}to{opacity:1}}
@keyframes sp2-turn{to{transform:rotate(360deg)}}
nav.lg-nav,footer.lg-footer,main,.wrap,#pg-nav,#pg-contact{position:relative;z-index:1}
nav.lg-nav{z-index:400}
/* header: the brand mark + wordmark, glass bar with a lit lower edge */
nav.lg-nav,#pg-nav{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,0) 60%),linear-gradient(110deg,rgba(3,12,32,.90),rgba(6,20,44,.82))!important;-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);
 border-bottom:1px solid rgba(98,163,255,.45)!important;box-shadow:0 10px 36px rgba(15,82,186,.28),0 1px 0 rgba(150,196,255,.25),inset 0 -1px 0 rgba(209,36,57,.28)}
nav.lg-nav{padding-top:10px;padding-bottom:10px}
.lg-brand{display:flex;align-items:center;gap:13px;text-decoration:none;letter-spacing:0}
.lg-brand img{width:54px;height:auto;filter:drop-shadow(0 0 10px rgba(228,186,86,.45))}
.lg-brand-copy{display:flex;flex-direction:column;line-height:1.1}
.lg-brand-copy b{font:600 25px 'Cinzel',serif;color:#f5f0e8;letter-spacing:.02em;font-weight:600}
.lg-brand-copy b span{color:#e4ba56}
.lg-brand-copy small{font:500 9.5px 'Libre Franklin',sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#bcd2f5;margin-top:4px;max-width:250px}
.lg-nav-links a{padding:8px 4px;transition:color .2s,text-shadow .2s}
.lg-nav-links a:hover,.lg-nav-links a.current{text-shadow:0 0 14px rgba(228,186,86,.7)}
.lg-nav-links a[href*="command.think4ei.com"]{margin-left:22px;padding:9px 18px;border:1px solid rgba(98,163,255,.6);border-radius:999px;background:rgba(3,10,26,.7);box-shadow:inset 0 0 12px rgba(40,95,220,.4),0 0 16px rgba(70,125,240,.3);color:#f5f0e8}
/* the page body becomes one large glass panel (legal / reading pages) */
body>main#main,body>main{background:var(--sp2-glass);border:1px solid var(--sp2-edge);border-radius:18px;box-shadow:var(--sp2-gb),var(--sp2-rim);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);margin-top:44px;margin-bottom:56px;padding:56px clamp(22px,5vw,64px) 72px}
h1{background:linear-gradient(180deg,#fff2c9,#e4ba56 60%,#c9962f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 0 14px rgba(228,186,86,.38))}
h2{border-top:0!important;position:relative;padding-top:22px}
h2:before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,rgba(228,186,86,.7),rgba(98,150,255,.6) 40%,rgba(139,92,246,.45) 70%,transparent)}
main>h2:first-of-type:before{display:none}
.lg-eyebrow{text-shadow:0 0 12px rgba(88,153,243,.6)}
/* panels: wet glass + blur, glow hue rotates across a grid like the wheel */
.hw-card,.oc-card,.rs-card,.fs-path,.fs-cap,.pg-card,.pg-faq-item,.pz-card,.pz-callout,.pz-step,.lg-card,.lg-callout,.lg-toc,.hw-cta,.oc-cta,.rs-cta,.rs-callout,.rs-bignum,
.card,.panel,.field-group,.pg-savings-cta,.pg-stamp,.pg-price-band{background:var(--sp2-glass)!important;border:1px solid var(--sp2-edge)!important;border-radius:12px;box-shadow:var(--sp2-gb),var(--sp2-rim)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .25s,box-shadow .25s}
.hw-card,.oc-card,.rs-card,.fs-path,.fs-cap{border-top:2px solid #e4ba56!important}
.hw-card:hover,.oc-card:hover,.rs-card:hover,.fs-path:hover,.fs-cap:hover,.pg-card:hover{transform:translateY(-3px)}
:is(.hw-grid,.oc-grid,.rs-grid,.fs-paths,.fs-caps)>:nth-child(3n+1){box-shadow:var(--sp2-gc),var(--sp2-rim)!important;border-color:rgba(232,90,110,.55)!important}
:is(.hw-grid,.oc-grid,.rs-grid,.fs-paths,.fs-caps)>:nth-child(3n+2){box-shadow:var(--sp2-gb),var(--sp2-rim)!important}
:is(.hw-grid,.oc-grid,.rs-grid,.fs-paths,.fs-caps)>:nth-child(3n){box-shadow:var(--sp2-gp),var(--sp2-rim)!important;border-color:rgba(167,139,250,.6)!important}
.hw-cta,.oc-cta,.rs-cta{box-shadow:var(--sp2-gg),var(--sp2-rim)!important;border-color:rgba(228,186,86,.5)!important}
.lg-callout,.rs-callout{border-left:3px solid #e4ba56!important}
.oc-pill,.fs-agency-pill,.status-pill{background:rgba(3,10,26,.78)!important;border:1px solid rgba(98,150,255,.55)!important;box-shadow:inset 0 0 10px rgba(40,95,220,.35),0 0 12px rgba(70,125,240,.2)}
table{border-collapse:separate;border-spacing:0;background:rgba(3,10,26,.45);border:1px solid rgba(98,150,255,.35);border-radius:10px;overflow:hidden}
th{background:rgba(15,40,96,.45)}
/* gold calls to action */
.hw-cta a.btn,.pg-btn,.btn-primary,.cta,.pz-btn:not(.secondary){box-shadow:0 0 22px rgba(228,186,86,.38),inset 0 1px 0 rgba(255,255,255,.4)}
/* footer: glass with light, brand mark */
footer.lg-footer{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0) 40%),radial-gradient(420px 220px at 8% 0,rgba(209,36,57,.34),transparent 70%),radial-gradient(460px 240px at 92% 0,rgba(139,92,246,.30),transparent 70%),radial-gradient(640px 220px at 50% 115%,rgba(88,153,243,.42),transparent 72%),#020a18!important;
 border-top:1px solid rgba(98,163,255,.55)!important;box-shadow:0 -12px 40px rgba(15,82,186,.22)}
.lg-footer-label{text-shadow:0 0 10px rgba(88,153,243,.55)}
@media(max-width:640px){.lg-brand img{width:42px}.lg-brand-copy b{font-size:21px}.lg-brand-copy small{font-size:8px;max-width:190px}.lg-nav-links a[href*="command.think4ei.com"]{margin-left:0}
 body>main#main,body>main{margin:20px 12px 40px;padding:34px 18px 48px;border-radius:14px}}
@media(prefers-reduced-motion:reduce){#lg-facet-bg::before,#lg-facet-bg::after{animation:none!important}.hw-card,.oc-card,.rs-card,.fs-path,.fs-cap,.pg-card{transition:none}}