/* base.css — shared across ALL 6 cmsco-main pages (byte-identical rules) */

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
::selection{background:rgba(138,99,255,.4)}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible{outline:2px solid var(--steel);outline-offset:3px;border-radius:4px}
img,svg{display:block;max-width:100%}
.mono{font-family:'IBM Plex Mono',monospace}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px;width:100%}
.accent{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.veil{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 70% 15%,rgba(138,99,255,.10),transparent 55%),radial-gradient(ellipse at 12% 92%,rgba(94,139,255,.08),transparent 55%)}
.brand{display:flex;align-items:center;gap:12px;font-family:'Krona One',sans-serif;font-size:.82rem;letter-spacing:.04em;color:#EDF3FF}
.brand small{display:block;font-family:'Krona One',sans-serif;font-size:.82rem;letter-spacing:.04em;color:inherit;margin-top:4px}
.nav-links a::after{content:'';position:absolute;left:0;bottom:-5px;width:0;height:1px;background:var(--steel);transition:width .25s var(--ease)}
.nav-links a:hover,.nav-links a.active{color:var(--text)}
.btn{display:inline-block;padding:11px 22px;border-radius:10px;font-weight:600;font-size:.92rem;border:1px solid transparent;transition:transform .15s,box-shadow .2s,border-color .2s;cursor:pointer}
.btn-primary{background:var(--grad);color:#070B12}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 28px rgba(110,123,255,.35)}
.btn-ghost{border-color:var(--line-strong);color:var(--text)}
.btn-ghost:hover{border-color:var(--steel)}
.nav .btn{padding:9px 18px}
main{position:relative;z-index:2}
.reveal.in{opacity:1;transform:none}
.frame{position:relative;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel);box-shadow:0 24px 70px rgba(0,0,0,.5)}
.foot-grid{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap;align-items:flex-start}
.foot-links a:hover{color:var(--text)}