/* TITAN.ATLAS shared public-site shell V1. One masthead and one ordinary typography family across routes. */
:root{--shell-bg:#050e1f;--shell-panel:#0a1830;--shell-panel2:#0f2242;--shell-line:#1b3a63;--shell-line2:#25507f;--shell-ink:#f7f9fc;--shell-dim:#9db2ce;--shell-blue:#3d8fe0;--shell-blue2:#7cc0ff;--shell-orange:#ff6a1f;--shell-orange2:#ff6a1f}
body[data-site-shell="v1"]{background:var(--shell-bg)!important;color:var(--shell-ink);font-family:"Work Sans",system-ui,sans-serif!important;-webkit-font-smoothing:antialiased}
body[data-site-shell="v1"] h1,body[data-site-shell="v1"] h2,body[data-site-shell="v1"] h3{font-family:"Work Sans",system-ui,sans-serif!important}
body[data-site-shell="v1"] h1{font-weight:800!important}
.site-top{position:sticky;top:0;z-index:80;display:flex;align-items:center;gap:24px;height:78px!important;box-sizing:border-box;padding:0 max(20px,4vw);background:var(--shell-bg);border-bottom:1px solid var(--shell-line2)}
.site-brand{display:flex;align-items:center;text-decoration:none;white-space:nowrap}
.site-wordmark{font-family:"Technovier","Work Sans",sans-serif;font-size:24px;font-weight:400;letter-spacing:0;line-height:1;text-transform:uppercase}
.site-wordmark .wm-t{color:#ff7600}.site-wordmark .wm-d{color:#ffffff}.site-wordmark .wm-a{color:#d7263d}
.site-nav{display:flex;gap:6px;margin-left:auto;align-items:center}.site-nav a{color:var(--shell-orange2);text-decoration:none;font-weight:500;font-size:15px;padding:9px 14px;border-radius:10px}.site-nav a:hover,.site-nav a[aria-current="page"]{background:var(--shell-panel2);color:var(--shell-orange2)}
.site-cta{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:12px 20px;font-weight:700;font-size:15px;text-decoration:none;background:var(--shell-orange);color:var(--shell-bg);border:1px solid var(--shell-orange)}
.site-cta:hover{background:var(--shell-orange2);border-color:#fff}
@media(max-width:820px){.site-nav{display:none}.site-top{gap:12px}.site-wordmark{font-size:20px}.site-cta{margin-left:auto;padding:10px 14px}}
/* Abilities is page-specific content, but not a separate brand/site. */
body[data-route="abilities"] .pbar,body[data-route="abilities"] .sky,body[data-route="abilities"] .ridge{display:none!important}
body[data-route="abilities"] main{background:transparent}
body[data-route="abilities"] .hero{min-height:calc(100vh - 64px);display:flex;align-items:center;padding:clamp(64px,9vw,130px) max(20px,4vw);background:radial-gradient(55% 48% at 82% 30%,rgba(15,34,66,.74),transparent 72%),radial-gradient(48% 42% at 6% 55%,rgba(15,34,66,.42),transparent 75%)}
body[data-route="abilities"] .hero .wrap{width:min(1180px,100%);margin:0 auto}
body[data-route="abilities"] .hero-in{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:clamp(34px,6vw,84px);align-items:center}
body[data-route="abilities"] .hero-copy h1{margin:0 0 26px;font:800 clamp(34px,4.6vw,76px)/1.06 "Work Sans",sans-serif;letter-spacing:-.045em;max-width:820px;text-wrap:balance;color:#fff}
body[data-route="abilities"] .lede{font-family:"Work Sans",sans-serif;font-size:clamp(16px,1.3vw,19px);line-height:1.55;color:var(--shell-dim);max-width:62ch}
body[data-route="abilities"] .lede:first-of-type{font-size:clamp(17px,1.5vw,21px)}
body[data-route="abilities"] .proof{background:linear-gradient(180deg,rgba(15,34,66,.92),rgba(5,14,31,.94));border:1px solid var(--shell-line2);border-radius:16px;box-shadow:none}
body[data-route="abilities"] .proof .n{font-family:"Work Sans",sans-serif;font-weight:500;letter-spacing:-.04em}
body[data-route="abilities"] .hero .primary{background:var(--shell-orange);border-color:var(--shell-orange);color:var(--shell-bg)}
body[data-route="abilities"] .hero .ghost{background:transparent;border-color:var(--shell-line2);color:#fff}
body[data-route="abilities"] h2,body[data-route="abilities"] h3{font-family:"Work Sans",sans-serif;font-weight:700;letter-spacing:-.03em}
body[data-route="abilities"] .statement h2,body[data-route="abilities"] .sec-head h2{font-weight:700}
body[data-route="abilities"] .sec,body[data-route="abilities"] .band{background:transparent}
body[data-route="abilities"] .alt{background:#07152a}
@media(max-width:900px){body[data-route="abilities"] .hero-in{grid-template-columns:1fr}body[data-route="abilities"] .proof{max-width:620px}}