/* The scene sits behind real Razor content; no duplicate copy or scroll spacer. */
html.starfield-page { background: #080d24; scrollbar-color: #829bfa #080d24; }
.starfield-page body { color: #f0f4ff; background: #080d24; }
.starfield-scene { position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; background: radial-gradient(ellipse 76% 58% at 20% -8%, rgba(74, 91, 167, .25), transparent 75%), radial-gradient(ellipse 50% 45% at 94% 110%, rgba(116, 74, 148, .18), transparent 80%), #080d24; }
.starfield-scene::before { content: ""; position: absolute; inset: 0; opacity: .55; background-image: radial-gradient(1px 1px at 17% 20%, #d6e4ff 99%, transparent), radial-gradient(1px 1px at 73% 62%, #ced8ff 99%, transparent), radial-gradient(2px 2px at 91% 33%, #d6f4ff 99%, transparent); background-size: 470px 340px, 620px 470px, 750px 520px; }
.starfield-scene::after { content: ""; position: absolute; inset: 0; background: radial-gradient(ellipse 52% 70% at 100% 0%, rgba(124, 147, 250, .085), transparent), radial-gradient(ellipse 42% 68% at 0% 100%, rgba(188, 150, 247, .08), transparent); animation: starfield-aurora 15s ease-in-out infinite alternate; }
.starfield-scene canvas { position: absolute; inset: 0; display: block; width: 100%; height: 100%; opacity: 0; transition: opacity .9s ease; }
.starfield-scene.is-ready canvas { opacity: .85; }
.starfield-page main, .starfield-page .site-footer { position: relative; z-index: 1; }
.starfield-page .site-header:not(.portal-header), .starfield-page .site-header.is-scrolled:not(.portal-header) { z-index: 60; color: #f1f5ff; background: rgba(11, 19, 44, .75); border-color: rgba(177, 194, 251, .22); backdrop-filter: blur(22px) saturate(1.3); -webkit-backdrop-filter: blur(22px) saturate(1.3); }
.starfield-page .site-header .brand-copy strong { color: #f0f4ff; }
.starfield-page .site-header .brand-copy em, .starfield-page .site-header .primary-nav a { color: #b7c5e6; }
.starfield-page .site-header .primary-nav a:hover, .starfield-page .site-header .primary-nav a.is-active { color: #d4ddff; background: rgba(164, 184, 255, .1); }
.starfield-page .site-header .nav-toggle { color: #dce5ff; background: rgba(139, 157, 227, .1); border-color: rgba(176, 195, 255, .24); }
.starfield-page .site-header .nav-toggle-icon i { background: currentColor; }
.starfield-page .section, .starfield-page .section-ink, .starfield-page .section-muted { color: #f0f4ff; background: transparent; border: 0; }
.starfield-page main > .section:first-child { min-height: min(100svh, 980px); padding-top: clamp(8rem, 13vh, 11rem); }
.starfield-page .section::before { display: none; }
.starfield-page .page-breadcrumbs, .starfield-page .page-breadcrumbs--light,
.starfield-page .page-breadcrumbs span, .starfield-page .page-breadcrumbs a { color: #c4d0ee; }
.starfield-page .page-breadcrumbs a:hover { color: #d4dfff; }
.starfield-page h1, .starfield-page .section-head h1, .starfield-page .section-head h2 { color: #f4f6ff; text-shadow: 0 12px 40px rgba(4, 9, 34, .45); }
.starfield-page .section-head { max-width: 760px; padding: clamp(1.4rem, 3vw, 2.3rem); border: 1px solid rgba(167, 187, 255, .19); border-radius: 20px; background: rgba(11, 20, 49, .54); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-shadow: 0 24px 60px rgba(3, 8, 30, .12); }
.starfield-page .section-head p, .starfield-page .lead-sm, .starfield-page .muted, .starfield-page .service-item p, .starfield-page .article-card p { color: #b7c5e4; }
.starfield-page .service-grid, .starfield-page .article-grid { position: relative; gap: clamp(.8rem, 1.5vw, 1.3rem); }
.starfield-page .service-item, .starfield-page .article-card { color: #edf2ff; background: rgba(14, 25, 56, .78); border: 1px solid rgba(167, 188, 254, .22); border-radius: 18px; box-shadow: 0 20px 55px rgba(3, 8, 30, .24); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); }
.starfield-page .service-item:hover, .starfield-page .article-card:hover { border-color: rgba(183, 203, 255, .7); background: rgba(26, 40, 86, .9); box-shadow: 0 30px 75px rgba(48, 66, 156, .23); }
.starfield-page .service-item h2, .starfield-page .service-item h3, .starfield-page .article-card h2 { color: #f2f6ff; }
.starfield-page .text-link { color: #c2d0ff; }
.starfield-page .text-link:hover { color: #edf4ff; }
.starfield-page .shell.narrow { padding: clamp(1.3rem, 3.5vw, 2.5rem); border: 1px solid rgba(167, 188, 254, .17); border-radius: 24px; background: rgba(12, 22, 51, .78); backdrop-filter: blur(17px); -webkit-backdrop-filter: blur(17px); }
.starfield-page .prose, .starfield-page .prose p, .starfield-page .prose li { color: #dae3f7; }
.starfield-page .prose a { color: #c5d2ff; }
.starfield-page .site-footer { background: rgba(5, 11, 30, .96); }
.starfield-page .site-footer h3 { color: #c2d0ff; }
.starfield-page .btn-outline, .starfield-page .btn-dark { color: #e6edff; background: rgba(24, 39, 77, .8); border-color: rgba(169, 190, 255, .32); }
.starfield-page .btn-outline:hover, .starfield-page .btn-dark:hover { color: #fff; border-color: #b5c7ff; background: #1d315d; }
@keyframes starfield-aurora { from { transform: translate3d(-2%, 0, 0) scale(1); opacity: .65; } to { transform: translate3d(2%, -2%, 0) scale(1.08); opacity: 1; } }
@media (max-width: 900px) {
  .starfield-page .site-header .primary-nav.is-open { color: #f1f5ff; background: rgba(10, 19, 43, .98); border-color: rgba(167, 188, 254, .27); }
  .starfield-page .site-header .nav-mobile-cta { color: #101b3e !important; background: #b8c7ff; }
  .starfield-page main > .section:first-child { min-height: 100svh; }
}
@media (prefers-reduced-motion: reduce) { .starfield-scene::after { animation: none; } .starfield-scene canvas { display: none; } }