
:root {
    --bg: #040914;
    --bg-2: #07111d;
    --panel: rgba(9, 21, 37, 0.72);
    --panel-strong: rgba(9, 21, 37, 0.88);
    --line: rgba(129, 172, 255, 0.14);
    --line-strong: rgba(129, 172, 255, 0.28);
    --text: #eaf3ff;
    --muted: #9fb6d1;
    --muted-strong: #c7d7ea;
    --blue: #73a9ff;
    --cyan: #7de8ff;
    --amber: #ffb057;
    --green: #92ffcc;
    --shadow: 0 36px 120px rgba(0, 0, 0, 0.45);
    --radius-xl: 2rem;
    --radius-lg: 1.5rem;
    --radius-md: 1.125rem;
    --radius-sm: .875rem;
    --max-width: 82rem;
    --header-height: 5rem;
    --section-space: clamp(4.5rem, 7vw, 7rem);
    --content-measure: 68ch;
}
*,:before,:after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px;color:var(--text);background:radial-gradient(circle at 12% 10%, rgba(82, 130, 255, 0.16), transparent 24%),radial-gradient(circle at 88% 14%, rgba(0, 220, 255, 0.10), transparent 22%),radial-gradient(circle at 50% 120%, rgba(86, 110, 255, 0.14), transparent 35%),linear-gradient(180deg, #040914 0%, #050b13 100%);font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
body.menu-open{overflow:hidden}
::selection{background:rgba(115, 169, 255, 0.26)}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
p{margin:0;color:var(--muted);font-size:clamp(.98rem,.24vw + .94rem,1.05rem);line-height:1.78}
h1,h2,h3{margin:0;letter-spacing:-0.045em;line-height:1.04;text-wrap:balance}
h1,h2{font-family:"Space Grotesk","Inter",system-ui,sans-serif}
h1{font-size:clamp(2.35rem,3.2vw + 1.25rem,4.9rem);max-width:12ch;line-height:1.01}
h2{font-size:clamp(1.8rem,2vw + 1rem,3.15rem);max-width:15ch;line-height:1.03}
h3{font-size:clamp(1.04rem,1.2vw + .85rem,1.3rem);line-height:1.16}
ul{margin:0;padding:0}
.skip-link{position:absolute;left:1rem;top:-3rem;z-index:200;background:#fff;color:#081423;padding:.75rem 1rem;border-radius:.75rem}
.skip-link:focus{top:1rem}
.site-shell{position:relative;isolation:isolate}
.hero-section[id],.section[id]{scroll-margin-top:calc(var(--header-height) + 1.35rem)}
#starfield,.noise-layer,.ambient{pointer-events:none;position:fixed;inset:0}
#starfield{z-index:-4;width:100%;height:100%;opacity:.82}
.noise-layer{z-index:-3;background-image:linear-gradient(rgba(255,255,255,.02), rgba(255,255,255,.02)),radial-gradient(circle at 25% 20%, rgba(255,255,255,.04) .5px, transparent .6px);background-size:auto, 12px 12px;opacity:.14;mix-blend-mode:screen}
.ambient{z-index:-2;filter:blur(96px);opacity:.52}
.ambient-a{background:radial-gradient(circle at center, rgba(82, 130, 255, .22), transparent 55%);transform:translate(-22%,-15%)}
.ambient-b{background:radial-gradient(circle at center, rgba(0, 220, 255, .15), transparent 52%);transform:translate(46%,-10%)}
.container{width:min(calc(100% - 2rem),var(--max-width));margin-inline:auto}
.section{position:relative;padding:var(--section-space) 0}
.section-tinted{background:linear-gradient(180deg, rgba(5, 12, 22, .25), rgba(6, 13, 24, .68)),radial-gradient(circle at 0% 0%, rgba(115, 169, 255, .06), transparent 32%)}
.site-header{position:sticky;top:0;z-index:100;padding:max(.75rem,env(safe-area-inset-top)) 0 .5rem}
.header-bar{width:min(calc(100% - 1rem),var(--max-width));margin-inline:auto;min-height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem .9rem;border:1px solid rgba(160, 194, 255, .14);border-radius:999px;background:rgba(6, 14, 25, .62);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 18px 40px rgba(0,0,0,.26);transition:background .22s ease,border-color .22s ease,transform .22s ease}
.site-header.scrolled .header-bar{background:rgba(6, 14, 25, .84);border-color:rgba(160, 194, 255, .22)}
.brand{display:inline-flex;align-items:center;gap:.9rem;min-width:0}.brand-mark{flex:0 0 auto;width:2.9rem;height:2.9rem;display:grid;place-items:center;border-radius:.95rem;background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));border:1px solid rgba(166, 197, 255, .18);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.brand-mark img{width:1.8rem;height:1.8rem}
.brand-copy{min-width:0;display:flex;flex-direction:column}
.brand-copy strong{font-size:.98rem;font-weight:700;line-height:1.05;letter-spacing:-.02em;color:var(--text)}
.brand-copy span{margin-top:.15rem;font-size:.72rem;letter-spacing:.11em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.header-actions{display:flex;align-items:center;gap:.6rem}
.header-login{display:none;padding:.86rem 1rem;border-radius:999px;border:1px solid rgba(160, 194, 255, .18);background:rgba(255,255,255,.03);font-size:.92rem;color:var(--muted-strong)}
.menu-toggle,.menu-close{appearance:none;border:0;background:transparent;color:var(--text);cursor:pointer;font:inherit}
.menu-toggle{flex:0 0 auto;width:3.1rem;height:3.1rem;border-radius:999px;border:1px solid rgba(166, 197, 255, .16);background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));display:grid;place-items:center;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.menu-toggle:hover,.menu-close:hover,.button:hover,.menu-link:hover,.menu-cta:hover,.header-login:hover{transform:translateY(-1px)}
.button:hover{box-shadow:0 22px 44px rgba(68,132,255,.18)}
.button:focus-visible,.menu-link:focus-visible,.menu-toggle:focus-visible,.header-login:focus-visible,.menu-cta:focus-visible,.text-link:focus-visible{outline:2px solid rgba(125,232,255,.9);outline-offset:3px}
.menu-toggle span{width:1.18rem;height:2px;background:#eef5ff;border-radius:999px;display:block;transition:transform .22s ease,opacity .22s ease}
.menu-toggle span+span{margin-top:.22rem}
body.menu-open .menu-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}
body.menu-open .menu-toggle span:nth-child(2){opacity:0}
body.menu-open .menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.menu-overlay{position:fixed;inset:0;z-index:105;background:rgba(3, 8, 15, .58);opacity:0;visibility:hidden;transition:opacity .24s ease,visibility .24s ease}
body.menu-open .menu-overlay{opacity:1;visibility:visible}
.side-menu{position:fixed;inset:0 0 0 auto;z-index:110;width:min(100%,26rem);display:flex;justify-content:flex-end;pointer-events:none}
.menu-panel{width:100%;height:100%;padding:max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom));background:linear-gradient(180deg, rgba(7, 16, 28, .96), rgba(4, 10, 19, .98)),radial-gradient(circle at 10% 0%, rgba(115, 169, 255, .12), transparent 36%);border-left:1px solid rgba(160, 194, 255, .14);box-shadow:-28px 0 70px rgba(0,0,0,.4);transform:translateX(100%);transition:transform .28s cubic-bezier(.2,.8,.2,1);pointer-events:auto;display:flex;flex-direction:column;gap:1.2rem}
body.menu-open .menu-panel{transform:translateX(0)}
.menu-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .2rem 0}
.menu-kicker,.eyebrow,.micro-label,.mini-kicker{margin:0;display:inline-flex;align-items:center;gap:.7rem;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--cyan)}
.eyebrow:before,.micro-label:before,.menu-kicker:before,.mini-kicker:before{content:"";width:1.5rem;height:1px;background:currentColor;opacity:.8}
.menu-close{width:2.8rem;height:2.8rem;border-radius:999px;border:1px solid rgba(166, 197, 255, .16);display:grid;place-items:center;font-size:1.5rem;background:rgba(255,255,255,.03)}
.menu-nav{display:grid;gap:.3rem;padding-top:1rem}
.menu-link{padding:1rem 1.1rem;border-radius:1rem;border:1px solid transparent;font-size:1.02rem;color:var(--muted-strong);background:rgba(255,255,255,.02);transition:transform .18s ease,border-color .18s ease,background .18s ease}
.menu-link:hover{border-color:rgba(166,197,255,.16);background:rgba(255,255,255,.04)}
.menu-footer{margin-top:auto;padding:1.2rem;border-radius:1.25rem;border:1px solid rgba(166,197,255,.12);background:rgba(255,255,255,.03)}
.menu-footer p{font-size:.95rem}
.menu-cta{display:inline-flex;align-items:center;justify-content:center;padding:.94rem 1.15rem;border-radius:999px;font-weight:600;background:linear-gradient(180deg, rgba(115, 169, 255, .24), rgba(115, 169, 255, .10));border:1px solid rgba(115, 169, 255, .42);color:#eff6ff;margin-bottom:1rem}
.hero-section{padding-top:clamp(2rem,4vw,3.5rem)}
.hero-grid,.split-grid{display:grid;gap:1.5rem;align-items:center}
.hero-copy,.section-copy,.section-head{display:grid;gap:1.1rem}
.hero-copy h1{max-width:11ch;letter-spacing:-0.052em}
.section-head h2,.section-copy h2{max-width:14ch}
.hero-section .micro-label{max-width:72ch}
.hero-intro{font-size:clamp(1rem,.5vw + .96rem,1.16rem);max-width:var(--content-measure)}
.hero-actions,.cta-actions{display:flex;flex-wrap:wrap;gap:.8rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3.35rem;padding:.95rem 1.28rem;border-radius:999px;font-weight:600;letter-spacing:-.01em;border:1px solid transparent;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease}
.button-primary{background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.04)),linear-gradient(135deg, rgba(132,177,255,.98), rgba(104,224,255,.82));color:#06101a;box-shadow:0 18px 34px rgba(68,132,255,.20), inset 0 1px 0 rgba(255,255,255,.26)}
.button-secondary{background:rgba(255,255,255,.04);color:var(--muted-strong);border-color:rgba(166,197,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.visual-shell,.media-card,.glass-card,.stat-card,.process-card,.signal-card,.mission-card,.spotlight-card,.engagement-card,.cta-panel{position:relative;overflow:hidden;border:1px solid rgba(166,197,255,.14);background:linear-gradient(180deg, rgba(9,21,37,.78), rgba(6,14,25,.88));box-shadow:var(--shadow);border-radius:var(--radius-xl)}
.visual-shell:before,.media-card:before,.glass-card:before,.stat-card:before,.process-card:before,.signal-card:before,.mission-card:before,.spotlight-card:before,.engagement-card:before,.cta-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg, rgba(255,255,255,.06), transparent 34%);pointer-events:none}
.hero-visual .visual-shell{padding:1rem;min-height:100%}
.hero-visual img{border-radius:1.45rem;border:1px solid rgba(166,197,255,.12)}
.visual-badge{position:absolute;z-index:2;top:1.2rem;padding:.55rem .85rem;border-radius:999px;background:rgba(3,10,20,.76);border:1px solid rgba(166,197,255,.22);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:#dbe9ff}
.badge-left{left:1.2rem}.badge-right{right:1.2rem;max-width:13rem;text-align:right}
.stat-grid,.intro-grid,.mission-grid,.capability-grid,.process-grid{display:grid;gap:1rem;margin-top:1.2rem}
.stat-card{padding:1.3rem 1.15rem;display:grid;gap:.35rem}
.stat-card strong{font-size:1.1rem}.stat-card span{color:var(--muted);font-size:.95rem;line-height:1.5}
.section-head{margin-bottom:1.4rem}
.section-copy>p,.section-head>p,.access-copy>p,.engagement-card p,.spotlight-card p{max-width:var(--content-measure)}
.glass-card,.process-card,.signal-card,.mission-card{padding:1.35rem}
.glass-card h3,.process-card h3,.signal-card h3,.mission-card h3{margin-top:.35rem;margin-bottom:.5rem}
.process-grid{margin-top:1.35rem}
.step-index{display:inline-flex;align-items:center;justify-content:center;width:2.65rem;height:2.65rem;border-radius:999px;background:rgba(115,169,255,.12);border:1px solid rgba(115,169,255,.36);color:#eaf3ff;font-weight:700;font-size:.9rem}
.media-card{padding:1rem}.media-card img{width:100%;border-radius:1.2rem;border:1px solid rgba(166,197,255,.12)}
.capability-grid{grid-template-columns:repeat(1,minmax(0,1fr));margin-top:1.1rem}.signal-card{min-height:100%}
.spotlight-card,.engagement-card,.cta-panel{padding:1.45rem;display:grid;gap:1rem}
.access-panel{display:grid;gap:1.4rem}.access-copy{display:grid;gap:1rem}.access-meta{display:grid;gap:.9rem;margin-top:.15rem}.access-meta-item{position:relative;overflow:hidden;padding:1.15rem 1.1rem;border-radius:1.25rem;border:1px solid rgba(166,197,255,.14);background:linear-gradient(180deg, rgba(10,22,37,.78), rgba(5,13,24,.9));box-shadow:var(--shadow)}.access-meta-item:before,.access-stage-shell:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg, rgba(255,255,255,.06), transparent 40%);pointer-events:none}.access-meta-item strong{display:block;font-size:1.04rem;color:var(--text);margin:.15rem 0 .3rem}.access-meta-item p{margin:0;color:var(--muted)}.access-label{display:inline-block;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#9dbfff}.access-stage{position:relative}.access-stage-shell{position:relative;overflow:hidden;display:grid;gap:1rem;padding:1.45rem;border-radius:1.65rem;border:1px solid rgba(166,197,255,.16);background:radial-gradient(circle at top, rgba(116,175,255,.18), transparent 38%),linear-gradient(180deg, rgba(8,20,34,.88), rgba(5,12,22,.96));box-shadow:0 28px 72px rgba(3,8,18,.48)}.access-stage-shell h3{margin:.1rem 0 .15rem}.access-stage-actions{display:grid;gap:.85rem;margin-top:.2rem}.access-button{min-height:3.5rem}.text-link{display:inline-flex;align-items:center;justify-content:flex-start;color:var(--muted-strong);font-weight:600;padding:.15rem 0}.text-link:hover{color:var(--text)}
.spotlight-metrics,.engagement-list{display:flex;flex-wrap:wrap;gap:.7rem;align-content:flex-start}
.spotlight-metrics span,.engagement-list span{display:inline-flex;align-items:center;justify-content:center;padding:.7rem .88rem;border-radius:999px;border:1px solid rgba(166,197,255,.18);background:rgba(255,255,255,.03);font-size:.92rem;color:var(--muted-strong)}
.site-footer{padding:0 0 2.4rem}.footer-inner{display:grid;gap:1rem;padding:1.2rem 1.1rem;border:1px solid rgba(166,197,255,.14);border-radius:1.35rem;background:rgba(6,14,25,.68)}
.footer-brand{display:flex;align-items:center;gap:.9rem}.footer-brand img{width:2.75rem;height:2.75rem}.footer-brand strong{display:block;font-size:1rem}.footer-brand p{font-size:.95rem}
.footer-meta{display:flex;flex-wrap:wrap;gap:.8rem 1.1rem;align-items:center;color:var(--muted);justify-content:flex-start}
.footer-meta span{font-size:.95rem}
.reveal{opacity:0;transform:translateY(14px);transition:opacity .55s ease, transform .55s ease}.reveal.is-visible{opacity:1;transform:none}
@media (min-width: 42rem){.container{width:min(calc(100% - 2.5rem),var(--max-width))}.section{padding:clamp(5rem,7vw,6.3rem) 0}.hero-grid,.split-grid,.access-panel{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:1.8rem}.split-grid-reverse>*:first-child{order:2}.split-grid-reverse>*:last-child{order:1}.stat-grid,.intro-grid,.mission-grid,.access-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spotlight-card,.engagement-card,.cta-panel{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:1.3rem}.footer-inner{grid-template-columns:1fr auto;justify-content:space-between}.header-login{display:inline-flex}.hero-copy h1{max-width:11.3ch}}
@media (min-width: 64rem){.section{padding:clamp(5.75rem,7vw,7rem) 0}.hero-section{padding-top:clamp(2.8rem,5vw,4.4rem)}.header-bar{width:min(calc(100% - 2rem),var(--max-width));padding-inline:1rem}.container{width:min(calc(100% - 3rem),var(--max-width))}.hero-grid{gap:2.35rem}.intro-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.capability-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.spotlight-card,.engagement-card,.cta-panel{padding:1.6rem}.access-panel{align-items:center}.access-stage-shell{padding:1.75rem}.menu-panel{padding:max(1.25rem,env(safe-area-inset-top)) 1.25rem max(1.25rem,env(safe-area-inset-bottom))}.hero-copy h1{font-size:clamp(3rem,2.8vw + 1.4rem,4.8rem);max-width:11.5ch}.section-head h2,.section-copy h2{max-width:13.5ch}}
@media (max-width: 48rem){.hero-copy h1{font-size:clamp(2.35rem,8vw,3.45rem);max-width:9.5ch;line-height:1.02}.section-head h2,.section-copy h2{max-width:12ch}.hero-intro{font-size:1rem;max-width:60ch}.button{min-height:3.15rem;padding:.9rem 1.1rem}}
@media (max-width: 34rem){.brand-copy span{display:none}.visual-badge{position:static;margin-bottom:.7rem;display:inline-flex}.hero-visual .visual-shell{display:grid;gap:.7rem}.header-login{display:none}.button{width:100%}.access-stage-shell{padding:1.15rem}.access-meta-item{padding:1rem}.hero-copy h1{font-size:clamp(2.15rem,10vw,2.9rem);max-width:8.4ch}.eyebrow,.micro-label,.mini-kicker{font-size:.7rem;letter-spacing:.15em}}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal,.menu-overlay,.menu-panel,.menu-toggle span,.button,.menu-link,.menu-cta,.header-bar,.header-login{transition:none!important}}
