/* shared.css — common to about/invest/media-hub/raven-foresight/what-is-csma (not index.html) */

:root{--raven:#070B12;--panel:#0D141F;--line:rgba(140,165,210,.14);--line-strong:rgba(140,165,210,.28);
    --text:#E6EDF7;--muted:#8DA0BC;--steel:#5E8BFF;--violet:#8A63FF;--amber:#FFB35C;
    --grad:linear-gradient(100deg,#5E8BFF 0%,#8A63FF 100%);--maxw:1200px;--ease:cubic-bezier(.16,1,.3,1)}
body{background:var(--raven);color:var(--text);font-family:'Archivo',system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.display{font-family:'Krona One',sans-serif;font-weight:400;letter-spacing:-.01em;line-height:1.12}
#mesh-bg{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.4}
header{position:fixed;top:0;left:0;right:0;z-index:60;transition:background .4s,border-color .4s;border-bottom:1px solid transparent}
header.scrolled{background:rgba(7,11,18,.78);backdrop-filter:blur(14px);border-bottom-color:var(--line)}
.nav{display:flex;align-items:center;gap:28px;height:74px}
.brand-mark{height:38px;width:auto;mix-blend-mode:screen}
.nav-links{display:flex;gap:24px;margin-left:auto;font-size:.88rem;color:var(--muted)}
.nav-links a{position:relative;transition:color .2s;white-space:nowrap}
.nav-links a.active::after,.nav-links a:hover::after{width:100%}
.menu-toggle{display:none;margin-left:auto;background:none;border:1px solid var(--line-strong);border-radius:8px;color:var(--text);padding:8px 12px;font-family:'IBM Plex Mono',monospace;font-size:.7rem;cursor:pointer}
.hero{padding:170px 0 70px}
section{padding:70px 0;position:relative;z-index:2}
.eyebrow{font-family:'IBM Plex Mono',monospace;font-size:.98rem;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:#AFC7F2;margin-bottom:24px;display:flex;align-items:center;gap:16px}
.eyebrow .rule{flex:0 0 48px;height:2px;border-radius:2px;background:linear-gradient(90deg,#5E8BFF,rgba(94,139,255,.1))}
.big{font-family:'Krona One',sans-serif;line-height:1.14;letter-spacing:-.01em;font-size:clamp(1.7rem,4.6vw,3.4rem)}
.cta{margin-top:30px;display:flex;gap:14px;flex-wrap:wrap}
.note b{color:var(--amber);font-weight:500}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.cards2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}
.cards5{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:34px}
.card{border:1px solid var(--line);border-radius:14px;background:rgba(13,20,31,.78);backdrop-filter:blur(8px);padding:26px 24px;transition:border-color .25s,transform .25s var(--ease)}
.card:hover{border-color:rgba(138,99,255,.5);transform:translateY(-3px)}
.tile{text-align:center;padding:22px 14px}
.tile .pic{width:46px;height:46px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(94,139,255,.1);border:1px solid rgba(94,139,255,.3)}
.tile h3{font-size:.86rem;line-height:1.35}
.frame img{width:100%;height:auto}
.frame .cap{position:absolute;left:0;right:0;bottom:0;padding:13px 16px;background:linear-gradient(0deg,rgba(7,11,18,.92),transparent);font-family:'IBM Plex Mono',monospace;font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.rf-logo{mix-blend-mode:screen}
footer{position:relative;z-index:2;border-top:1px solid var(--line);padding:52px 0 40px;background:rgba(7,11,18,.6);margin-top:40px}
.foot-logo{width:240px;mix-blend-mode:screen;margin:-14px 0 4px -10px}
.foot-links{display:flex;gap:22px;font-size:.88rem;color:var(--muted);flex-wrap:wrap}
.copyright{margin-top:32px;font-family:'IBM Plex Mono',monospace;font-size:.64rem;color:var(--muted);letter-spacing:.08em}
@media (prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}
    .reveal{opacity:1!important;transform:none!important;transition:none}
    *{transition:none!important;animation:none!important}
  }