/* TITAN design foundation · 2026. Opt in with class="titan-standard".
   Independent tokens and primitives for the Titan family. No product claims or JS. */
:root{
 --titan-night:#050e1f;--titan-surface:#0b1b32;--titan-raised:#10243f;
 --titan-border:#294463;--titan-text:#f4f7fc;--titan-muted:#b3c4d9;
 --titan-orange:#ff812d;--titan-cyan:#78dce7;--titan-link:#a3d6ff;
 --titan-width:max(1280px,70vw);--titan-gutter:clamp(20px,4vw,64px);
 --titan-radius:24px;--titan-space:clamp(64px,7vw,104px);
}
body.titan-standard{background:var(--titan-night)!important;color:var(--titan-text);font:18px/1.65 "Work Sans",system-ui,sans-serif!important;text-rendering:optimizeLegibility}
.titan-standard *{box-sizing:border-box}
.titan-standard a{ text-underline-offset:.2em}
.titan-standard :focus-visible{outline:3px solid var(--titan-cyan);outline-offset:5px}
.titan-container{width:min(var(--titan-width),calc(100% - 2 * var(--titan-gutter)));margin-inline:auto}
.titan-surface{background:var(--titan-surface);border:1px solid var(--titan-border);border-radius:var(--titan-radius)}
.titan-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;gap:10px;border:1px solid var(--titan-orange);border-radius:12px;background:var(--titan-orange);color:var(--titan-night);font:600 16px/1.4 "Work Sans",system-ui,sans-serif;text-decoration:none}
.titan-standard img,.titan-standard canvas{max-width:100%}
@media(max-width:600px){body.titan-standard{font-size:17px!important}}
@media(prefers-reduced-motion:reduce){.titan-standard{scroll-behavior:auto}.titan-standard *{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}