
:root{--ui:Inter,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--bg:#f3f6f9;--surface:#fff;--ink:#111827;--muted:#64748b;--line:#dbe3ea;--nav:#0b1420;--red:#d6001c;--blue:#008fd3;--green:#22c77a;--radius:18px;--shadow:0 14px 40px rgba(25,43,60,.08)}
html,body{font-family:var(--ui)!important}body{background:var(--bg);color:var(--ink)}.container{width:min(1220px,calc(100% - 36px))}.site-header{min-height:66px;background:rgba(11,20,32,.97)!important;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 8px 30px rgba(8,18,28,.08)}.nav-wrap{min-height:66px;gap:20px}.brand{gap:11px!important}.brand img{display:none!important}.brand-mark{width:27px;height:27px;border-radius:8px;position:relative;flex:none;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05)}.brand-mark::before,.brand-mark::after{content:"";position:absolute;left:6px;right:6px;height:2px;background:#fff;border-radius:999px}.brand-mark::before{top:9px;box-shadow:0 7px 0 #fff}.brand-mark::after{width:6px;height:6px;left:auto;right:4px;top:3px;border-radius:50%;background:var(--green);box-shadow:0 0 9px rgba(34,199,122,.7)}.brand strong{font-size:15px;letter-spacing:-.01em}.brand small{font-size:8px;color:#9aabba}.main-nav{gap:3px}.main-nav a{font-size:12px;padding:9px 11px;border-radius:9px}.main-nav a.active,.main-nav a[aria-current=page],.main-nav a:hover{background:rgba(255,255,255,.075)}.main-nav .nav-cta{background:var(--red);box-shadow:none}.icon-btn,.menu-btn{width:38px;height:38px;border-radius:10px}.system-status{font-size:10px}
.hero{padding:82px 0 74px;background:radial-gradient(circle at 75% 25%,rgba(0,143,211,.16),transparent 28%),radial-gradient(circle at 84% 48%,rgba(214,0,28,.12),transparent 27%),linear-gradient(135deg,#0b1420,#122131 62%,#0b1420)!important}.hero::after{opacity:.08;background-image:linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px);background-size:48px 48px}.hero-grid{grid-template-columns:1.08fr .92fr;gap:54px}.hero h1{font-size:clamp(3.5rem,7vw,6.6rem);letter-spacing:-.065em}.hero h1 span{color:#ff334b}.hero p{color:#b9c5cf}.hero-logo{display:none!important}.hero-logo-wrap{min-height:410px;border:1px solid rgba(255,255,255,.08);border-radius:28px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.03),rgba(255,255,255,.015))}.hero-logo-wrap::before{content:"";position:absolute;inset:17% 9%;background:linear-gradient(155deg,transparent 0 45%,rgba(255,255,255,.10) 45.2% 45.6%,transparent 45.8%),repeating-linear-gradient(90deg,transparent 0 34px,rgba(255,255,255,.08) 34px 36px,transparent 36px 68px);border-bottom:3px solid rgba(255,255,255,.16);transform:perspective(500px) rotateX(54deg)}.hero-rail-visual{position:relative;width:76%;height:70%;display:flex;flex-direction:column;justify-content:center}.hero-rail-kicker{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#91a5b7;font-weight:800}.hero-rail-title{font-size:clamp(2.5rem,5vw,4.8rem);font-weight:800;letter-spacing:-.055em;color:#fff;line-height:.92;margin-top:8px}.hero-rail-title span{color:#ff334b}.hero-rail-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.hero-rail-meta span{font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#aebdc9;border:1px solid rgba(255,255,255,.12);padding:7px 9px;border-radius:999px}.signal-orb{right:8%;top:8%;width:12px;height:12px}.track-line{bottom:15%}
section{padding:76px 0}.card,.content-card,.project-card,.milestone-content,.tool-banner{border-radius:var(--radius)!important}.card,.content-card,.project-card,.milestone-content{box-shadow:var(--shadow)}.card:hover,.project-card:hover{transform:translateY(-2px)}.btn{border-radius:10px;padding:12px 16px;font-size:12px}.btn-primary{background:var(--red);box-shadow:none}.page-hero{padding:70px 0 52px;background:radial-gradient(circle at 80% 20%,rgba(0,143,211,.13),transparent 28%),linear-gradient(135deg,#0b1420,#132435)!important}.page-hero h1{letter-spacing:-.06em}.site-footer{background:#0b1420!important}.portrait-card{background:#e8edf2!important;border:1px solid #d7e0e8;box-shadow:var(--shadow)!important}.portrait-card img{object-fit:cover!important;object-position:center 16%!important}
@media(max-width:820px){.container{width:min(100% - 24px,1220px)}.system-status{display:none}.nav-tools{margin-left:auto}.hero{padding:60px 0}.hero-grid{grid-template-columns:1fr}.hero-logo-wrap{min-height:280px;order:-1}.hero h1{font-size:clamp(3rem,14vw,5rem)}}@media(max-width:620px){.brand small{display:none}.hero-logo-wrap{display:none}}
