/* ==========================================================================
   Cybereum · site-core.css
   System-level design tokens for every public surface.
   2030 direction: calm technical authority, adaptive density, atmospheric
   depth, accessible motion, and durable semantic tokens rather than trends.
   Page bundles consume these tokens and must not redefine brand colours.
   ========================================================================== */
:root{
  color-scheme:dark;
  --cyb-navy:#050A12;--cyb-navy-2:#081320;--cyb-ink:#0E2238;
  --cyb-graph:#1B4F8A;--cyb-blue:#2D6A96;--cyb-sky:#4FA0DA;
  --cyb-cyan:#82E2FF;--cyb-mist:#B1E3F7;--cyb-glow:#F2FAFF;
  --cyb-signal:#E8391D;--cyb-amber:#E9A04B;--cyb-rust:#B0430F;--cyb-green:#45C890;
  --cyb-bg:var(--cyb-navy);--cyb-bg-2:var(--cyb-navy-2);--cyb-bg-3:var(--cyb-ink);
  --cyb-fg:var(--cyb-glow);--cyb-fg-2:var(--cyb-mist);--cyb-fg-3:#7AA6C9;
  --cyb-accent:var(--cyb-cyan);--cyb-accent-2:var(--cyb-sky);--cyb-accent-deep:var(--cyb-graph);--cyb-on-accent:var(--cyb-navy);
  --cyb-line:color-mix(in srgb,var(--cyb-cyan) 12%,transparent);
  --cyb-line-strong:color-mix(in srgb,var(--cyb-cyan) 25%,transparent);
  --cyb-surface:color-mix(in srgb,var(--cyb-navy-2) 78%,transparent);
  --cyb-surface-raised:color-mix(in srgb,#122B43 86%,transparent);
  --cyb-surface-solid:#0B1A2A;
  --cyb-surface-subtle:color-mix(in srgb,var(--cyb-cyan) 3.5%,transparent);
  --cyb-glass:color-mix(in srgb,var(--cyb-navy) 78%,transparent);
  --cyb-material-edge:linear-gradient(135deg,color-mix(in srgb,var(--cyb-cyan) 34%,transparent),color-mix(in srgb,var(--cyb-cyan) 4%,transparent) 44%,color-mix(in srgb,var(--cyb-sky) 18%,transparent));
  --cyb-material-fill:linear-gradient(145deg,color-mix(in srgb,var(--cyb-cyan) 5%,var(--cyb-bg-2)),color-mix(in srgb,var(--cyb-sky) 1.5%,var(--cyb-bg)) 72%);
  --cyb-atmosphere:radial-gradient(80% 55% at 50% -10%,color-mix(in srgb,var(--cyb-graph) 42%,transparent),transparent 72%),radial-gradient(42% 36% at 94% 82%,color-mix(in srgb,var(--cyb-sky) 12%,transparent),transparent 75%);
  --cyb-shadow-1:0 1px 0 rgba(255,255,255,.025),0 14px 36px -24px rgba(0,0,0,.72);
  --cyb-shadow-2:0 1px 0 rgba(255,255,255,.035),0 34px 100px -54px rgba(0,0,0,.88);
  --cyb-shadow-float:0 32px 90px -44px rgba(0,0,0,.82),0 0 0 1px color-mix(in srgb,var(--cyb-accent) 8%,transparent);
  --cyb-highlight:inset 0 1px 0 rgba(255,255,255,.065);
  --cyb-glow-soft:0 0 42px color-mix(in srgb,var(--cyb-cyan) 9%,transparent);
  --cyb-display:"Michroma",ui-sans-serif,system-ui,sans-serif;
  --cyb-body:"IBM Plex Sans",Inter,ui-sans-serif,system-ui,sans-serif;
  --cyb-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --cyb-editorial:var(--cyb-display);
  --cyb-inscription:"Trajan Pro 3","Trajan Pro","Cinzel","Times New Roman",serif;
  --cyb-reading:70ch;--cyb-tracking-display:.06em;--cyb-tracking-body:-.008em;
  --cyb-max:1280px;--cyb-gutter:clamp(1rem,3.4vw,2.5rem);--cyb-nav-h:72px;
  --cyb-radius-xs:7px;--cyb-radius-sm:12px;--cyb-radius-md:18px;--cyb-radius-lg:26px;--cyb-radius-xl:36px;
  --cyb-radius:var(--cyb-radius-md);--cyb-control-radius:10px;--cyb-pill:999px;
  --cyb-space-1:6px;--cyb-space-2:10px;--cyb-space-3:16px;--cyb-space-4:24px;--cyb-space-5:36px;--cyb-space-6:56px;--cyb-space-7:82px;--cyb-space-8:120px;
  --cyb-section:clamp(4.75rem,8vw,8.5rem);
  --cyb-ease:cubic-bezier(.22,.61,.36,1);--cyb-ease-out:cubic-bezier(0,0,0,1);--cyb-ease-emphasis:cubic-bezier(.16,1,.3,1);
  --cyb-fast:150ms;--cyb-base:240ms;--cyb-slow:520ms;--cyb-motion-distance:10px;
}
[data-theme="light"]{
  color-scheme:light;
  --cyb-bg:#FBFCFE;--cyb-bg-2:#F3F6F9;--cyb-bg-3:#E9EFF5;
  --cyb-fg:#081320;--cyb-fg-2:#17314B;--cyb-fg-3:#58738E;
  --cyb-accent:#174C81;--cyb-accent-2:#2D6A96;--cyb-accent-deep:#143D68;--cyb-on-accent:#FFFFFF;
  --cyb-line:rgba(20,61,104,.105);--cyb-line-strong:rgba(20,61,104,.23);
  --cyb-surface:rgba(255,255,255,.76);--cyb-surface-raised:rgba(255,255,255,.93);--cyb-surface-solid:#FFFFFF;
  --cyb-surface-subtle:rgba(23,76,129,.032);--cyb-glass:rgba(251,252,254,.84);
  --cyb-material-edge:linear-gradient(135deg,rgba(23,76,129,.22),rgba(23,76,129,.035) 48%,rgba(45,106,150,.12));
  --cyb-material-fill:linear-gradient(145deg,#FFFFFF,#F7F9FC 74%);
  --cyb-atmosphere:radial-gradient(75% 50% at 50% -8%,rgba(45,106,150,.095),transparent 73%),radial-gradient(38% 32% at 95% 85%,rgba(79,160,218,.075),transparent 75%);
  --cyb-shadow-1:0 1px 0 rgba(255,255,255,.9),0 14px 38px -28px rgba(23,49,75,.28);
  --cyb-shadow-2:0 1px 0 rgba(255,255,255,.95),0 34px 96px -56px rgba(23,49,75,.34);
  --cyb-shadow-float:0 30px 80px -48px rgba(23,49,75,.36),0 0 0 1px rgba(23,76,129,.07);
  --cyb-highlight:inset 0 1px 0 rgba(255,255,255,.9);--cyb-glow-soft:0 0 34px rgba(45,106,150,.055);
  --cyb-green:#15784B;--cyb-amber:#A94A0D;
}
@media(max-width:1023px){:root{--cyb-nav-h:64px}}
.cyb-scheme-dark{color-scheme:dark;--cyb-bg:var(--cyb-navy);--cyb-bg-2:var(--cyb-navy-2);--cyb-bg-3:var(--cyb-ink);--cyb-fg:var(--cyb-glow);--cyb-fg-2:var(--cyb-mist);--cyb-fg-3:#7AA6C9;--cyb-accent:var(--cyb-cyan);--cyb-accent-2:var(--cyb-sky);--cyb-accent-deep:var(--cyb-graph);--cyb-on-accent:var(--cyb-navy);--cyb-line:color-mix(in srgb,var(--cyb-cyan) 12%,transparent);--cyb-line-strong:color-mix(in srgb,var(--cyb-cyan) 25%,transparent);--cyb-surface-solid:#0B1A2A;--cyb-glass:color-mix(in srgb,var(--cyb-navy) 78%,transparent);--cyb-surface:color-mix(in srgb,var(--cyb-navy-2) 78%,transparent);--cyb-surface-raised:color-mix(in srgb,#122B43 86%,transparent);--cyb-surface-subtle:color-mix(in srgb,var(--cyb-cyan) 3.5%,transparent);--cyb-highlight:inset 0 1px 0 rgba(255,255,255,.065);--cyb-shadow-1:0 1px 0 rgba(255,255,255,.025),0 14px 36px -24px rgba(0,0,0,.72);--cyb-shadow-2:0 1px 0 rgba(255,255,255,.035),0 34px 100px -54px rgba(0,0,0,.88);--cyb-glow-soft:0 0 42px color-mix(in srgb,var(--cyb-cyan) 9%,transparent);--cyb-amber:#E9A04B;--cyb-green:#45C890}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;scroll-behavior:smooth;scroll-padding-top:calc(var(--cyb-nav-h) + 18px);background:var(--cyb-bg)}
body{margin:0;min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;background-color:var(--cyb-bg);background-image:var(--cyb-atmosphere);background-attachment:fixed;color:var(--cyb-fg);font-family:var(--cyb-body);font-synthesis:none;letter-spacing:var(--cyb-tracking-body)}
img,svg,video{display:block;max-width:100%}img,video{height:auto}
button,input,select,textarea{font:inherit}button{color:inherit;background:none;border:0;padding:0;cursor:pointer}button,a,input,select,textarea{touch-action:manipulation}
a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:.075em;text-decoration-color:color-mix(in srgb,currentColor 42%,transparent)}
h1,h2,h3,h4,h5,h6{text-wrap:balance;overflow-wrap:anywhere}p,li{text-wrap:pretty}p{max-width:var(--cyb-reading)}
[id]{scroll-margin-top:calc(var(--cyb-nav-h) + var(--cyb-subnav-h,0px) + 24px)}
:focus-visible{outline:2px solid var(--cyb-accent);outline-offset:4px;border-radius:max(3px,var(--cyb-radius-xs));box-shadow:0 0 0 1px color-mix(in srgb,var(--cyb-bg) 78%,transparent),0 0 0 5px color-mix(in srgb,var(--cyb-accent) 10%,transparent)}
[hidden]{display:none!important}::selection{background:color-mix(in srgb,var(--cyb-accent) 30%,transparent);color:var(--cyb-fg)}[inert]{pointer-events:none}
.cyb-wrap,.wrap{width:min(var(--cyb-max),calc(100% - 2*var(--cyb-gutter)));margin-inline:auto}
.cyb-visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.cyb-stack{display:flex;flex-direction:column;gap:var(--cyb-stack-gap,var(--cyb-space-4))}.cyb-cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cyb-cluster-gap,var(--cyb-space-3))}.cyb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--cyb-grid-min,17rem)),1fr));gap:var(--cyb-grid-gap,var(--cyb-space-4))}.cyb-surface{position:relative;border:1px solid var(--cyb-line);border-radius:var(--cyb-radius-md);background:var(--cyb-material-fill);box-shadow:var(--cyb-highlight),var(--cyb-shadow-1)}.cyb-surface::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:var(--cyb-material-edge);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.72}
.cyb-button,.cyb-nav__link,.cyb-nav__trigger,.cyb-header__login,.cyb-theme-toggle,.cyb-menu-toggle{min-width:44px;min-height:44px}@media(pointer:coarse){.cyb-button,.cyb-nav__link,.cyb-nav__trigger,.cyb-header__login,.cyb-theme-toggle,.cyb-menu-toggle{min-height:48px}}@media(hover:hover) and (pointer:fine){a,button{transition-timing-function:var(--cyb-ease-emphasis)}}
@media(prefers-contrast:more){:root{--cyb-line:color-mix(in srgb,var(--cyb-cyan) 34%,transparent);--cyb-line-strong:color-mix(in srgb,var(--cyb-cyan) 62%,transparent);--cyb-fg-3:#96C1DF}[data-theme="light"]{--cyb-line:#C3D0DC;--cyb-line-strong:#6F8DA9;--cyb-fg-3:#304A64}:focus-visible{outline-width:4px;outline-offset:3px}}@media(forced-colors:active){:focus-visible{outline:3px solid Highlight;box-shadow:none}.cyb-button,.cyb-theme-toggle,.cyb-menu-toggle{forced-color-adjust:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition-duration:.001ms!important;transition-delay:0ms!important}}@media(prefers-reduced-transparency:reduce){.cyb-header.is-scrolled,.cyb-subnav{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:var(--cyb-surface-solid)!important}}@media(max-width:900px),(pointer:coarse){body{background-attachment:scroll}}

/* 2030 convergence layer ---------------------------------------------------
   Global shell and common homepage primitives converge on one restrained
   control-plane grammar. Specificity is deliberate because page bundles load
   after this file; the design system remains the authority without requiring
   per-page forks. */
.cyb-header.cyb-header{border-bottom-color:transparent;background:linear-gradient(to bottom,color-mix(in srgb,var(--cyb-bg) 62%,transparent),transparent);transition:background var(--cyb-base),border-color var(--cyb-base),box-shadow var(--cyb-base),transform var(--cyb-base)}
.cyb-header.cyb-header.is-scrolled{background:color-mix(in srgb,var(--cyb-glass) 92%,transparent);-webkit-backdrop-filter:blur(24px) saturate(1.08);backdrop-filter:blur(24px) saturate(1.08);border-bottom-color:color-mix(in srgb,var(--cyb-line) 76%,transparent);box-shadow:0 14px 44px -42px rgba(0,0,0,.9)}
.cyb-nav__link.cyb-nav__link,.cyb-nav__trigger.cyb-nav__trigger{border-radius:var(--cyb-control-radius);letter-spacing:-.005em;color:color-mix(in srgb,var(--cyb-fg-2) 86%,var(--cyb-fg-3));transition:color var(--cyb-fast),background var(--cyb-fast),transform var(--cyb-fast)}
.cyb-nav__link.cyb-nav__link:hover,.cyb-nav__trigger.cyb-nav__trigger:hover,.cyb-nav__trigger.cyb-nav__trigger[aria-expanded="true"]{background:color-mix(in srgb,var(--cyb-accent) 5%,transparent);color:var(--cyb-fg)}
.cyb-nav__panel.cyb-nav__panel{border-color:color-mix(in srgb,var(--cyb-line-strong) 72%,transparent);border-radius:14px;background:color-mix(in srgb,var(--cyb-surface-solid) 91%,transparent);-webkit-backdrop-filter:blur(28px) saturate(1.05);backdrop-filter:blur(28px) saturate(1.05);box-shadow:var(--cyb-highlight),var(--cyb-shadow-float)}
.cyb-nav__entry.cyb-nav__entry{border-radius:8px}.cyb-nav__entry.cyb-nav__entry:hover,.cyb-nav__entry.cyb-nav__entry:focus-visible{background:color-mix(in srgb,var(--cyb-accent) 6%,transparent)}
.cyb-theme-toggle.cyb-theme-toggle{border-radius:9px;background:color-mix(in srgb,var(--cyb-surface) 64%,transparent);box-shadow:var(--cyb-highlight)}
.cyb-footer.cyb-footer{background:linear-gradient(to bottom,color-mix(in srgb,var(--cyb-bg-2) 18%,transparent),color-mix(in srgb,var(--cyb-bg-2) 70%,var(--cyb-bg)));border-top-color:color-mix(in srgb,var(--cyb-line) 76%,transparent)}
.cyb-footer__brand.cyb-footer__brand svg{opacity:.48}.cyb-footer__col.cyb-footer__col a{color:color-mix(in srgb,var(--cyb-fg-2) 86%,var(--cyb-fg-3))}

body .hero{min-height:min(100svh,980px);padding-top:calc(var(--cyb-nav-h) + clamp(3.5rem,8vw,7rem));padding-bottom:clamp(5rem,10vw,8rem)}
body .hero::before{background:radial-gradient(34% 30% at 28% 38%,color-mix(in srgb,var(--cyb-accent-deep) 42%,transparent),transparent 74%),radial-gradient(28% 26% at 74% 34%,color-mix(in srgb,var(--cyb-accent-2) 18%,transparent),transparent 74%),radial-gradient(26% 24% at 56% 78%,color-mix(in srgb,var(--cyb-accent) 7%,transparent),transparent 74%);filter:blur(54px);opacity:.82}
body .hero h1{letter-spacing:var(--cyb-tracking-display);line-height:1.08;max-width:18.06em;font-size:clamp(2.35rem,1.15rem + 3.5vw,4.35rem)}
body .hero .lede{font-size:clamp(1.05rem,.98rem + .35vw,1.22rem);line-height:1.74;max-width:65ch}
body .hero .eyebrow{border-radius:var(--cyb-pill);background:color-mix(in srgb,var(--cyb-surface) 54%,transparent);border-color:color-mix(in srgb,var(--cyb-line-strong) 62%,transparent);box-shadow:none}
body .hero-mark{transform:scale(.94)}
body .hero .statement{max-width:54ch;font-weight:450;letter-spacing:-.018em;line-height:1.48}
body .section{padding-block:var(--cyb-section)}
body .section-head{max-width:860px;margin-bottom:clamp(3rem,5vw,4.75rem)}
body .section-head h2{letter-spacing:var(--cyb-tracking-display);line-height:1.08}
body .section-head p{font-size:clamp(1rem,.96rem + .22vw,1.12rem);line-height:1.72;color:color-mix(in srgb,var(--cyb-fg-2) 90%,var(--cyb-fg-3))}
body .section-head .eyebrow{letter-spacing:.22em}
body .statement{letter-spacing:-.015em}

.card.card,.benefit.benefit,.metric.metric,.member.member,.frame.frame,.pilots.pilots,.lifecycle.lifecycle,.cv.cv,.brain.brain{border-color:color-mix(in srgb,var(--cyb-line-strong) 62%,transparent);background:var(--cyb-material-fill);box-shadow:var(--cyb-highlight),var(--cyb-shadow-1)}
.card.card{border-radius:12px}.card.card:hover{transform:none;border-color:color-mix(in srgb,var(--cyb-accent) 24%,var(--cyb-line));box-shadow:var(--cyb-highlight),0 20px 62px -52px rgba(0,0,0,.86)}
.card.card::before,.card.card::after{display:none}.card-icon.card-icon{filter:none;box-shadow:none}.card-icon.card-icon::after{display:none}
.frame.frame{border-radius:12px}.frame.frame:hover{transform:none;box-shadow:var(--cyb-highlight),var(--cyb-shadow-1)}
.stats.stats{border-color:color-mix(in srgb,var(--cyb-line-strong) 58%,transparent);background:color-mix(in srgb,var(--cyb-line-strong) 58%,transparent);border-radius:12px;box-shadow:var(--cyb-shadow-1)}
.stat.stat{background:color-mix(in srgb,var(--cyb-bg-2) 94%,var(--cyb-bg))}.stat.stat:hover{background:color-mix(in srgb,var(--cyb-bg-2) 94%,var(--cyb-bg))}.stat.stat b{letter-spacing:-.03em}
.platform-path.platform-path{border-radius:12px;border-color:color-mix(in srgb,var(--cyb-line-strong) 62%,transparent);background:color-mix(in srgb,var(--cyb-bg-2) 42%,transparent)}
.invest.invest{border-radius:14px;border-color:color-mix(in srgb,var(--cyb-line-strong) 66%,transparent);box-shadow:var(--cyb-highlight),var(--cyb-shadow-2)}
.shot.shot{border-radius:12px;border-color:color-mix(in srgb,var(--cyb-line-strong) 58%,transparent);box-shadow:var(--cyb-shadow-1)}
.shot.shot:hover img{transform:none}.member.member:hover{transform:none}
body .progress{height:1px;box-shadow:none}

@media(max-width:860px){body .hero{min-height:auto;padding-top:calc(var(--cyb-nav-h) + 4rem)}body .hero h1{font-size:clamp(2.15rem,8.8vw,3.4rem)}.card.card,.frame.frame,.invest.invest{border-radius:10px}}
@media(prefers-reduced-transparency:reduce){.cyb-nav__panel.cyb-nav__panel{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:var(--cyb-surface-solid)!important}}
