/* Kronos universal shell CSS — clean rewrite matching live kronosfusionenergy.com (2026-09-04).
   Tokens: bg #232C39 · gold #D4AD5C · text #E0E5EB · Space Grotesk / Space Mono. */
:root{
  --kfe-bg:#232c39; --kfe-panel:#1f2733; --kfe-accent:#d4ad5c; --kfe-fg:#e0e5eb;
  --kfe-border:rgba(150,165,190,.20);
  --kfe-sans:"Space Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
  --kfe-mono:"Space Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
}
.kfe-header *,.kfe-footer *,.kfe-mobile *{box-sizing:border-box}
.kfe-header a,.kfe-footer a,.kfe-mobile a{text-decoration:none;color:inherit}
.kfe-header ul,.kfe-footer ul{list-style:none;margin:0;padding:0}
.kfe-header button{font-family:inherit;background:none;border:0;padding:0;cursor:pointer}

/* ---- tier 1: universal header ---- */
.kfe-header{position:sticky;top:0;z-index:9000;height:80px;background:rgba(35,44,57,.82);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--kfe-border)}
.kfe-header-inner{max-width:1440px;margin:0 auto;height:100%;padding:0 24px;display:flex;align-items:center;gap:6px}
.kfe-brand{display:flex;align-items:center;gap:12px;margin-right:20px}
.kfe-brand svg{width:44px;height:44px;flex:none}
.kfe-brand-text{display:flex;flex-direction:column;line-height:1}
.kfe-brand-text b{font-family:var(--kfe-mono);font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--kfe-fg)}
.kfe-brand-text span{font-family:var(--kfe-mono);font-size:8.5px;margin-top:4px;letter-spacing:.22em;text-transform:uppercase;color:rgba(224,229,235,.55)}
.kfe-nav{display:flex;align-items:center;gap:0}
.kfe-nav>li{position:relative}
.kfe-nav-link,.kfe-nav-trigger{display:inline-flex;align-items:center;gap:5px;padding:8px 18px;
  font-family:var(--kfe-sans);font-size:12px;font-weight:500;letter-spacing:1.6px;text-transform:uppercase;
  color:rgba(224,229,235,.6);white-space:nowrap;transition:color .15s}
.kfe-nav-link:hover,.kfe-nav-trigger:hover,.kfe-nav li.kfe-open>.kfe-nav-trigger{color:var(--kfe-accent)}
.kfe-caret{width:10px;height:10px;transition:transform .18s}
.kfe-nav li.kfe-open .kfe-caret{transform:rotate(180deg)}
.kfe-dropdown{position:absolute;top:100%;left:0;margin-top:2px;min-width:250px;padding:8px 0;
  background:var(--kfe-panel);border:1px solid var(--kfe-border);box-shadow:0 16px 40px rgba(5,8,12,.6);
  opacity:0;visibility:hidden;transition:opacity .14s}
.kfe-nav li.kfe-open>.kfe-dropdown{opacity:1;visibility:visible}
.kfe-dropdown a{display:block;padding:9px 18px;font-family:var(--kfe-sans);font-size:13px;
  color:rgba(224,229,235,.82);white-space:nowrap}
.kfe-dropdown a:hover{background:rgba(212,173,92,.08);color:var(--kfe-accent)}
.kfe-actions{display:flex;align-items:center;gap:10px;margin-left:auto}
.kfe-cta{display:inline-flex;align-items:center;height:40px;padding:0 16px;font-family:var(--kfe-mono);
  font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:var(--kfe-accent);background:transparent;
  border:1px solid var(--kfe-accent);border-radius:2px;transition:background .15s}
.kfe-cta:hover{background:rgba(212,173,92,.12)}
.kfe-login{display:inline-flex;align-items:center;height:40px;padding:0 16px;font-family:var(--kfe-mono);
  font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:#1a222c;background:var(--kfe-accent);
  border:1px solid var(--kfe-accent);border-radius:2px}
.kfe-login:hover{filter:brightness(1.06)}
.kfe-burger{display:none;color:var(--kfe-fg);padding:8px}
.kfe-burger svg{width:26px;height:26px}

/* ---- tier 2: secondary (section/app) header ---- */
.kfe-subnav{position:sticky;top:80px;z-index:8800;background:rgba(27,35,46,.96);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--kfe-border)}
.kfe-subnav-inner{max-width:1440px;margin:0 auto;padding:0 24px;height:50px;display:flex;align-items:center;gap:18px}
.kfe-subnav-title{font-family:var(--kfe-mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--kfe-accent);white-space:nowrap}
.kfe-subtabs{display:flex;align-items:center;gap:2px;overflow-x:auto}
.kfe-subtab{display:inline-flex;align-items:center;height:50px;padding:0 14px;font-family:var(--kfe-sans);
  font-size:13px;color:rgba(224,229,235,.7);white-space:nowrap;border:0;background:none;cursor:pointer;transition:color .15s}
.kfe-subtab:hover{color:var(--kfe-fg)}
.kfe-subtab[aria-current="true"]{color:var(--kfe-accent);box-shadow:inset 0 -2px 0 var(--kfe-accent)}

/* ---- footer ---- */
.kfe-footer{background:var(--kfe-panel);border-top:1px solid var(--kfe-border);margin-top:60px;font-family:var(--kfe-sans)}
.kfe-footer a{color:rgba(224,229,235,.7)}
.kfe-footer a:hover{color:var(--kfe-accent)}
.kfe-footer-inner{max-width:1440px;margin:0 auto;padding:44px 24px 20px;display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between}
.kfe-footer-brand{max-width:320px}
.kfe-footer-brand .kfe-brand{margin-bottom:12px}
.kfe-footer-tag{font-size:13px;color:rgba(224,229,235,.6);line-height:1.6}
.kfe-cols{display:flex;flex-wrap:wrap;gap:44px}
.kfe-col h3{font-family:var(--kfe-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--kfe-accent);margin:0 0 12px}
.kfe-col a{display:block;font-size:13px;padding:4px 0}
.kfe-footer-legal{max-width:1440px;margin:0 auto;padding:16px 24px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;border-top:1px solid var(--kfe-border);font-family:var(--kfe-mono);font-size:11px;color:rgba(224,229,235,.5)}
.kfe-footer-legal a{color:rgba(224,229,235,.5)}
.kfe-legal-links a{margin-left:16px}

/* ---- mobile ---- */
.kfe-mobile{display:none}
@media(max-width:1024px){
  .kfe-header .kfe-nav,.kfe-header .kfe-actions{display:none}
  .kfe-burger{display:inline-flex;margin-left:auto}
  .kfe-mobile.kfe-open{display:block;position:fixed;left:0;right:0;top:80px;bottom:0;overflow:auto;background:var(--kfe-panel);z-index:8990;padding:14px 24px 40px}
  .kfe-mobile a{display:block;padding:11px 2px;color:var(--kfe-fg);border-bottom:1px solid var(--kfe-border);font-size:15px}
  .kfe-mobile .kfe-mgroup>b{display:block;padding:14px 2px 4px;color:var(--kfe-accent);font-family:var(--kfe-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
  .kfe-mobile .kfe-mgroup a{padding-left:12px;font-size:14px}
  .kfe-mobile .kfe-m-login{color:var(--kfe-accent);font-family:var(--kfe-mono);text-transform:uppercase;letter-spacing:.14em;font-size:12px}
  .kfe-subnav-title{display:none}
}

/* ---- specificity lock: guarantee the shell wins over any legacy inline .kfe CSS on old pages ---- */
.kfe-header{background:rgba(35,44,57,.82)!important;height:80px!important;border-bottom:1px solid var(--kfe-border)!important}
.kfe-header .kfe-nav-link,.kfe-header .kfe-nav-trigger{font-family:var(--kfe-sans)!important;font-size:12px!important;font-weight:500!important;letter-spacing:1.6px!important;text-transform:uppercase!important;color:rgba(224,229,235,.6)!important;padding:8px 18px!important;background:none!important}
.kfe-header .kfe-nav-link:hover,.kfe-header .kfe-nav-trigger:hover,.kfe-header .kfe-nav li.kfe-open>.kfe-nav-trigger{color:var(--kfe-accent)!important}
.kfe-header .kfe-cta{background:transparent!important;color:var(--kfe-accent)!important;border:1px solid var(--kfe-accent)!important;height:40px!important;font-family:var(--kfe-mono)!important;font-size:10px!important;letter-spacing:.25em!important}
.kfe-header .kfe-login{background:var(--kfe-accent)!important;color:#1a222c!important;border:1px solid var(--kfe-accent)!important;height:40px!important;font-family:var(--kfe-mono)!important;font-size:10px!important;letter-spacing:.25em!important}
.kfe-header .kfe-dropdown{background:var(--kfe-panel)!important;border:1px solid var(--kfe-border)!important}
.kfe-header .kfe-dropdown a{color:rgba(224,229,235,.82)!important;text-transform:none!important;font-size:13px!important;letter-spacing:normal!important;font-family:var(--kfe-sans)!important}
.kfe-header .kfe-brand-text b{color:var(--kfe-fg)!important;font-family:var(--kfe-mono)!important}
/* per-section footer strip */
.kfe-secfoot{background:#1f2733;border-top:1px solid var(--kfe-border)}
.kfe-secfoot-inner{max-width:1440px;margin:0 auto;padding:14px 24px;display:flex;flex-wrap:wrap;align-items:center;gap:18px;font-size:13px}
.kfe-secfoot b{color:var(--kfe-accent);font-family:var(--kfe-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.kfe-secfoot a{color:rgba(224,229,235,.75);text-decoration:none}
.kfe-secfoot a:hover{color:var(--kfe-accent)}
.kfe-secfoot .kfe-secfaq{margin-left:auto;color:var(--kfe-accent)}
