
:root{
  --bg-0:#0a0e12;
  --bg-1:#0d1218;
  --bg-2:#101721;
  --card:#0e141b;
  --text:#d6e3ee;
  --muted:#98a9b6;
  --stroke: rgba(255,255,255,.06);
  --glow: rgba(25,181,255,.18);
  --accent:#19B5FF; /* clean blue-teal */
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  color:var(--text);
  background:
    radial-gradient(1200px 600px at 20% -10%, rgba(25,181,255,.08), transparent 55%),
    radial-gradient(1000px 500px at 80% -20%, rgba(25,181,255,.06), transparent 60%),
    linear-gradient(180deg, var(--bg-1), var(--bg-0) 40%, var(--bg-2) 100%);
}

a{color:var(--accent); text-decoration:none}
a:hover{text-decoration:underline}

.site-header{
  position:sticky; top:0;
  display:flex; align-items:center; justify-content:space-between;
  padding:18px 28px;
  background: linear-gradient(180deg, rgba(10,14,18,.9), rgba(10,14,18,.65), transparent);
  backdrop-filter: blur(6px);
  border-bottom:1px solid rgba(255,255,255,.04);
  z-index:50;
}
.brand{display:flex; align-items:center; gap:.6rem; font-weight:700;}
.glyph{
  width:26px; height:26px; display:inline-grid; place-items:center;
  border-radius:6px; border:1px solid var(--stroke);
  color:var(--accent); font-weight:800;
  background: radial-gradient(120% 120% at 50% 0%, rgba(25,181,255,.15), transparent);
}
.brand-name{color:#cfe9ff;}
.nav a{margin-left:20px; color:#9fcdf0}
.nav a:hover{color:#cfe9ff}

.hero{
  padding:64px 28px 24px;
  max-width:1100px; margin:0 auto;
}
.eyebrow{color:var(--accent); font-weight:700; letter-spacing:.06em; font-size:.82rem; margin-bottom:8px;}
h1{font-size:56px; line-height:1.05; margin:0 0 16px;}
.lede{max-width:900px; color:#c7d7e6; font-size:1.08rem}

.cta-row{display:flex; gap:12px; margin-top:18px;}
.btn{padding:10px 16px; border-radius:10px; font-weight:600; display:inline-flex; align-items:center; gap:8px}
.btn.primary{background:var(--accent); color:#05131a; box-shadow:0 0 0 6px var(--glow) inset}
.btn.outline{border:1px solid var(--stroke); color:#cfe9ff; background:transparent}
.btn.outline:hover{border-color:rgba(255,255,255,.12)}

.section{padding:38px 28px 8px; max-width:1100px; margin:24px auto 0;}
.section-label{color:#9fcdf0; letter-spacing:.08em; text-transform:uppercase; font-size:.82rem; margin:0 0 18px;}

.card-grid{
  display:grid; gap:22px;
  grid-template-columns: repeat(3, minmax(0,1fr));
}
.card-grid.five{grid-template-columns: repeat(5, minmax(0,1fr));}
.card-grid.three{ display:flex; gap: 2rem; justify-content:space-between; grid-template-columns: repeat(3, minmax(0,1fr));}

.card{
  background: linear-gradient(180deg, rgba(25,181,255,.05), rgba(25,181,255,.02));
  border:1px solid var(--stroke);
  border-radius:18px;
  padding:18px;
  box-shadow: 0 0 0 1px rgba(25,181,255,.05) inset, 0 8px 30px rgba(0,0,0,.35);
}
.card h4{margin:8px 0 8px; font-size:1.15rem}
.card p{margin:0; color:#b9c8d6}
.chip{
  display:inline-block; padding:6px 10px; border-radius:999px;
  border:1px solid var(--stroke); background:rgba(25,181,255,.06); color:#9fd8ff; font-weight:600; font-size:.82rem
}

.why{padding-bottom:36px}
.why-copy{max-width:900px; color:#cfe1f2; font-size:1.02rem}

.site-footer{
  display:flex; justify-content:space-between; gap:12px;
  padding:28px; border-top:1px solid rgba(255,255,255,.06);
  color:#94a7b7
}
.site-footer .links a{color:#9fcdf0}
.site-footer .dot{margin:0 8px; color:#607080}

@media (max-width: 980px){
  h1{font-size:40px}
  .card-grid{grid-template-columns: 1fr}
  .card-grid.five, .card-grid.three{grid-template-columns: 1fr}
}

.panel-section {
  display: flex;
  justify-content: center;
  padding: 3rem 1rem;
}
.panel-row {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: center;
}
.panel-card {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 250px;
  height: 160px;
  background-color: #0a1623;
  color: #00ffff;
  text-decoration: none;
  font-size: 1.5rem;
  font-weight: 600;
  border-radius: 1rem;
  box-shadow: 0 0 0 rgba(0,0,0,0);
  transition: all 0.3s ease-in-out;
}
.panel-card:hover {
  background-color: #112d46;
  box-shadow: 0 0 12px rgba(0, 255, 255, 0.7);
  transform: translateY(-5px);
}


/* Panel card hover behavior for textual cards */
a.panel-card-textual {
  text-decoration: none;
  display: block;
  border-radius: 12px;
  transition: all 0.3s ease;
}

a.panel-card-textual:hover .card {
  box-shadow: 0 0 12px 2px #00f0ff;
  background-color: rgba(0, 240, 255, 0.05);
  transform: scale(1.02);
  cursor: pointer;
}

.card-row {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 2rem;
  margin-bottom: 3rem;
}
.card-row .card {
  flex: 1;
  min-width: 0;
}


/* --- Aletheon paper stack integration --- */
.wrap{max-width:1100px;margin:0 auto;padding:36px 28px;}
.paper-stack-page .subtitle{color:var(--muted);margin-bottom:28px;line-height:1.6;}
.paper-stack-page .overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 28px;}
.paper-stack-page .overview-card{background:linear-gradient(180deg,rgba(25,181,255,.05),rgba(25,181,255,.02));border:1px solid var(--stroke);border-radius:14px;padding:14px 16px;box-shadow:0 8px 30px rgba(0,0,0,.25);}
.paper-stack-page .overview-card strong{display:block;font-size:22px;color:#cfe9ff;margin-bottom:2px;}
.paper-stack-page .overview-card span{color:var(--muted);font-size:13px;}
.paper-stack-page .taxonomy-note,.paper-stack-page .family-description{background:linear-gradient(180deg,rgba(25,181,255,.05),rgba(25,181,255,.02));border:1px solid var(--stroke);border-radius:14px;padding:16px 18px;margin:0 0 20px;color:#cfe1f2;line-height:1.6;}
.paper-stack-page .topnav{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px;}
.paper-stack-page .topnav a{color:#9fcdf0;background:rgba(25,181,255,.06);border:1px solid rgba(25,181,255,.18);padding:8px 12px;border-radius:999px;font-size:13px;}
.paper-stack-page .theme-block{margin:0 0 42px;}
.paper-stack-page .theme-head{margin:0 0 14px;padding:0 0 8px;border-bottom:1px solid rgba(255,255,255,.08);}
.paper-stack-page .theme-title{margin:0;font-size:28px;line-height:1.2;color:#cfe9ff;}
.paper-stack-page .theme-count{margin-top:6px;color:var(--muted);font-size:14px;}
.paper-stack-page .category,.paper-stack-page .family-label,.paper-stack-page .series-label,.paper-stack-page .origin-label{display:inline-block;font-size:12px;border-radius:999px;padding:5px 9px;margin:0 6px 10px 0;line-height:1.2;}
.paper-stack-page .category{letter-spacing:.02em;text-transform:uppercase;color:#9fcdf0;background:rgba(25,181,255,.06);border:1px solid rgba(25,181,255,.18);}
.paper-stack-page .family-label{background:rgba(103,232,249,.08);border:1px solid rgba(103,232,249,.25);color:#a5f3fc;font-weight:700;}
.paper-stack-page .series-label,.paper-stack-page .series-pill{background:rgba(253,186,116,.08);border:1px solid rgba(253,186,116,.22);color:#fed7aa;}
.paper-stack-page .origin-label{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#b9c8d6;}
.paper-stack-page .family-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;}
.paper-stack-page .series-pill{display:inline-block;border-radius:999px;padding:5px 8px;font-size:12px;}
.paper-stack-page .title{font-size:21px;line-height:1.35;margin:4px 0 10px;color:#e4f4ff;}
.paper-stack-page .abstract{margin:0;line-height:1.65;color:#b9c8d6;font-size:15px;}
.paper-stack-page .abstract-label{font-weight:800;color:#cfe9ff;margin-right:6px;}
.paper-stack-page .working-label{color:#fdba74;font-weight:700;margin-bottom:10px;font-size:14px;}
.paper-stack-page .accepted-label{color:#d8b4fe;font-weight:700;margin-bottom:10px;font-size:14px;}
.paper-stack-page .phd-label{color:#5eead4;font-weight:700;margin-bottom:10px;font-size:14px;}
.paper-stack-page .first-wave-label{color:#fcd34d;background:rgba(252,211,77,.08);border:1px solid rgba(252,211,77,.22);border-radius:999px;padding:5px 9px;display:inline-block;font-weight:700;margin:0 0 10px;font-size:13px;}
.paper-stack-page .new-paper .title,.paper-stack-page .new-paper .abstract{color:#86efac;}
.paper-stack-page .military-paper .title,.paper-stack-page .military-paper .abstract{color:#fca5a5;}
.paper-stack-page .accepted-paper .title,.paper-stack-page .accepted-paper .abstract{color:#d8b4fe;}
.paper-stack-page .working-paper .title{color:#fdba74;}
@media(max-width:800px){.paper-stack-page .overview-grid{grid-template-columns:1fr}.wrap{padding:28px 18px}}


/* --- Aletheon auxiliary document integration --- */
.aux-doc-page .aux-wrap{max-width:1120px;margin:0 auto;padding:36px 28px;}
.aux-doc-page .aux-topbar{margin-bottom:18px;}
.aux-doc-page h1{font-size:36px;line-height:1.15;color:#e4f4ff;margin:0 0 12px;}
.aux-doc-page h2{font-size:26px;line-height:1.25;color:#cfe9ff;margin:34px 0 14px;}
.aux-doc-page h3{font-size:20px;color:#e4f4ff;margin:24px 0 10px;}
.aux-doc-page p,.aux-doc-page li{color:#b9c8d6;line-height:1.65;}
.aux-doc-page a{color:#9fcdf0;}
.aux-doc-page .subtitle,.aux-doc-page .lead{color:#aebed0;line-height:1.65;font-size:16px;}
.aux-doc-page .hero,.aux-doc-page .callout,.aux-doc-page .card,.aux-doc-page .definition,.aux-doc-page .band,.aux-doc-page .layer-section,.aux-doc-page .module-card,.aux-doc-page .file-row{background:linear-gradient(180deg,rgba(25,181,255,.05),rgba(25,181,255,.02));border:1px solid var(--stroke);border-radius:16px;padding:18px 20px;margin:16px 0;box-shadow:0 8px 30px rgba(0,0,0,.20);}
.aux-doc-page .grid-2,.aux-doc-page .hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.aux-doc-page .grid-3,.aux-doc-page .module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.aux-doc-page .nav{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 28px;}
.aux-doc-page .nav a,.aux-doc-page .pill,.aux-doc-page .badge,.aux-doc-page .chip,.aux-doc-page .hero-chip{display:inline-block;border-radius:999px;padding:7px 11px;background:rgba(25,181,255,.06);border:1px solid rgba(25,181,255,.18);color:#9fcdf0;text-decoration:none;font-size:13px;}
.aux-doc-page table{width:100%;border-collapse:collapse;margin:18px 0;background:rgba(255,255,255,.02);border:1px solid var(--stroke);border-radius:12px;overflow:hidden;}
.aux-doc-page th,.aux-doc-page td{border:1px solid rgba(255,255,255,.08);padding:10px 12px;vertical-align:top;color:#b9c8d6;}
.aux-doc-page th{background:rgba(25,181,255,.08);color:#e4f4ff;text-align:left;}
.aux-doc-page .equation,.aux-doc-page .mono, .aux-doc-page code, .aux-doc-page pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#d9f2ff;padding:10px 12px;overflow:auto;}
.aux-doc-page .flow{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.aux-doc-page .step{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px;}
.aux-doc-page .source,.aux-doc-page .meta,.aux-doc-page .file-role,.aux-doc-page .count{color:#8fa3b7;font-size:14px;}
.aux-doc-page .big,.aux-doc-page .big-claim,.aux-doc-page .hero-claim{font-size:22px;color:#e4f4ff;font-weight:800;line-height:1.35;}
.companion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0 30px;}
.companion-card{display:block;text-decoration:none;background:linear-gradient(180deg,rgba(25,181,255,.05),rgba(25,181,255,.02));border:1px solid var(--stroke);border-radius:16px;padding:18px 20px;box-shadow:0 8px 30px rgba(0,0,0,.20);transition:all .2s ease;}
.companion-card:hover{transform:translateY(-2px);box-shadow:0 0 14px rgba(25,181,255,.24);}
.companion-card h3{color:#e4f4ff;margin:8px 0 8px;font-size:20px;}
.companion-card p{color:#b9c8d6;line-height:1.6;margin:0;}
@media(max-width:850px){.aux-doc-page .grid-2,.aux-doc-page .grid-3,.aux-doc-page .hero-grid,.aux-doc-page .module-grid,.companion-grid{grid-template-columns:1fr}.aux-doc-page .aux-wrap{padding:28px 18px}}


/* --- Experiment dashboard / selector integration v4 --- */
.nav{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:flex-end;}
.nav a{margin-left:0;}
.card-grid.four{grid-template-columns: repeat(4, minmax(0,1fr));}
.panel-card.experiments{background-color:#102333;color:#9fe7ff;}
.panel-card.experiments:hover{background-color:#15384f;}
.experiments-page .hero .lede{max-width:980px;}
.experiment-doc-page .site-header{position:sticky;}
.experiment-doc-page .container{max-width:1360px;}
.experiment-site-links{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px 0;}
.experiment-site-links a{display:inline-block;border-radius:999px;padding:8px 12px;background:rgba(25,181,255,.08);border:1px solid rgba(25,181,255,.20);color:#9fd8ff;font-size:13px;text-decoration:none;}
.experiment-site-links a:hover{background:rgba(25,181,255,.14);text-decoration:none;}
.experiment-crosslinks{padding-top:24px;}
@media(max-width:980px){.card-grid.four{grid-template-columns:1fr}.site-header{align-items:flex-start;gap:12px;flex-direction:column}.nav{justify-content:flex-start;gap:12px}}


/* --- Pandaemonium direct architecture integration v8 --- */
.pandaemonium-page .panda-hero{padding-top:72px;}
.pandaemonium-page .hero h1{max-width:980px;}
.pandaemonium-page .doctrine-card p{font-size:1.02rem;line-height:1.7;color:#cfe1f2;}
.big-claim{font-size:24px;line-height:1.35;font-weight:800;color:#e4f4ff;margin:0 0 12px;}
.card-grid.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;}
.card-grid.four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;}
.panda-hierarchy{align-items:stretch;}
.stack-card{overflow:hidden;}
.stack-flow{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:8px 0 14px;}
.stack-flow span{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 12px;border-radius:12px;border:1px solid rgba(25,181,255,.22);background:rgba(25,181,255,.07);color:#d9f2ff;font-weight:700;}
.stack-flow span:not(:last-child)::after{content:'→';color:#66ccff;margin-left:12px;font-weight:800;}
.stack-flow.compact span{font-size:.92rem;}
.state-flow span{background:rgba(253,186,116,.08);border-color:rgba(253,186,116,.24);}
@media(max-width:980px){.card-grid.two,.card-grid.four,.card-grid.five{grid-template-columns:1fr}.stack-flow span:not(:last-child)::after{content:''}}


/* --- LegionNET / Cerberus integration --- */
.legionnet-page .wide-diagram,.cerberus-page .wide-diagram{width:100%;height:auto;display:block;background:#f7f9fb;border-radius:12px;}
.diagram-card{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(25,181,255,.02));padding:16px;overflow:hidden;}
.legend-img{max-width:900px;margin:0 auto;}
.source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.card-grid.six{grid-template-columns:repeat(6,minmax(0,1fr));}
.legionnet-hero,.cerberus-hero{padding-top:58px;}
@media(max-width:1100px){.card-grid.six{grid-template-columns:repeat(2,minmax(0,1fr));}.source-grid{grid-template-columns:1fr;}}
@media(max-width:760px){.card-grid.six{grid-template-columns:1fr;}.diagram-card{padding:8px;}}


/* --- Company doctrine integration v10 --- */
.company-page .compact-hero{padding-top:72px;}
.company-page .hero h1{max-width:1050px;}
.company-page .doctrine-card p{font-size:1.02rem;line-height:1.72;color:#cfe1f2;}
.company-page .manifesto-hero h1{max-width:980px;}
.company-page .company-hero{background:radial-gradient(900px 280px at 25% 0%, rgba(25,181,255,.10), transparent 60%);}
.company-page .card h4{color:#e4f4ff;margin-top:8px;}
.company-page .card p{line-height:1.68;}
.company-page .stack-card p{color:#cfe1f2;line-height:1.7;}
.company-page .panel-card-textual .card{height:100%;}
.company-page .card-grid.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;}
@media(max-width:980px){.company-page .card-grid.two{grid-template-columns:1fr;}}


/* --- v15 launch cleanup: investor gate + video slots + studio film strip --- */
.compact-hero{padding-top:54px;padding-bottom:34px;}
.video-section .doctrine-card{max-width:980px;}
.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:18px 0 30px;}
.video-card{background:linear-gradient(180deg,rgba(25,181,255,.05),rgba(25,181,255,.02));border:1px solid var(--stroke);border-radius:18px;padding:18px;box-shadow:0 8px 30px rgba(0,0,0,.22);}
.video-card h4{margin:14px 0 8px;color:#e4f4ff;font-size:20px;}
.video-card p{color:#b9c8d6;line-height:1.6;margin:0;}
.video-frame{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:210px;border-radius:16px;border:1px dashed rgba(159,216,255,.34);background:radial-gradient(circle at 50% 20%,rgba(25,181,255,.14),rgba(25,181,255,.04) 42%,rgba(0,0,0,.18) 100%);color:#d9f2ff;text-align:center;overflow:hidden;}
.video-frame::before{content:'▶';font-size:42px;line-height:1;opacity:.72;margin-bottom:10px;}
.video-frame span{font-size:18px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;}
.video-frame small{display:block;color:#9fb4c7;margin-top:6px;}
.video-frame.has-embed{display:block;aspect-ratio:16/9;min-height:0;border-style:solid;background:#05080c;padding:0;}
.video-frame.has-embed::before{display:none;}
.video-frame iframe{display:block;width:100%;height:100%;border:0;border-radius:16px;}

.investor-gate .card{border-color:rgba(253,186,116,.18);}
.restricted-note .card,.restricted-note.doctrine-card{border-color:rgba(253,186,116,.24);background:linear-gradient(180deg,rgba(253,186,116,.055),rgba(25,181,255,.018));}
.strip-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.strip-frame{display:block;background:rgba(255,255,255,.025);border:1px solid var(--stroke);border-radius:14px;overflow:hidden;text-decoration:none;transition:all .2s ease;}
.strip-frame:hover{transform:translateY(-2px);box-shadow:0 0 14px rgba(25,181,255,.22);text-decoration:none;}
.strip-frame img{display:block;width:100%;height:180px;object-fit:cover;background:#080c10;}
.strip-frame span{display:block;padding:9px 11px;color:#b9c8d6;font-size:13px;}
.card-grid.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;}
@media(max-width:980px){.video-grid,.strip-gallery,.card-grid.two{grid-template-columns:1fr}.video-frame{min-height:180px}}
