/* BraneMatrix 2026 brand system — editorial AI-security direction */
:root{
  --bg-0:#07100d;
  --bg-1:#0b1713;
  --bg-2:#10211a;
  --bg-3:#162b22;
  --brand:#c6ff5a;
  --brand-2:#86f7d1;
  --safe:#c6ff5a;
  --alert:#ff846c;
  --c-brand:#c4a7ff;
  --c-brand-2:#f2a3dc;
  --tx-0:#f5f7ef;
  --tx-1:#bac8bd;
  --tx-2:#829489;
  --line:rgba(232,248,230,.13);
  --glow:rgba(198,255,90,.23);
  --grad:linear-gradient(106deg,#d5ff6a 0%,#8af4d2 100%);
  --grad-c:linear-gradient(106deg,#bfa7ff 0%,#f3a4d6 100%);
  --maxw:1280px;
}

body{
  background:var(--bg-0);
  letter-spacing:-.012em;
  background-image:radial-gradient(circle at 76% -8%,rgba(134,247,209,.09),transparent 31%),linear-gradient(180deg,#07100d 0%,#09130f 100%);
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:60;opacity:.08;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");
}
.wrap{padding:0 32px}
.section{padding:128px 0}
.section h2,.cta h2{font-size:clamp(34px,4.1vw,58px);line-height:1.08;max-width:900px;letter-spacing:-.055em}
.section .lead{font-size:17px;line-height:1.8;margin-top:20px;max-width:675px}
.tag{
  color:#d7ff85;border-color:rgba(198,255,90,.32);background:rgba(198,255,90,.07);
  font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.15em;padding:7px 12px;
}
.grad-txt{background:linear-gradient(105deg,#e5ff9f,#82f5cf);-webkit-background-clip:text;background-clip:text}

/* Navigation */
header{background:rgba(7,16,13,.72);border-bottom-color:rgba(232,248,230,.1)}
.nav{height:76px}.logo{font-size:17px;letter-spacing:-.03em}.logo .mk{width:31px;height:31px}
.menu{gap:29px;font-size:13px}.menu>a,.dd-trigger{font-size:13px}.dd-panel{background:#102018;border-color:var(--line);border-radius:14px;padding:8px;box-shadow:0 24px 64px -22px #000}
.btn{border-radius:999px;padding:12px 20px;font-size:13px}.btn-primary{color:#0a130e;box-shadow:none}.btn-primary:hover{box-shadow:0 0 0 4px rgba(198,255,90,.13)}
.btn-ghost{border-color:rgba(232,248,230,.21)}

/* Hero */
.hero{padding:126px 0 104px;min-height:670px;display:flex;align-items:center}
.hero-bg{background:radial-gradient(ellipse 60% 76% at 83% 46%,rgba(134,247,209,.13),transparent 67%),radial-gradient(ellipse 45% 60% at 15% 0%,rgba(198,255,90,.12),transparent 70%),linear-gradient(160deg,#07100d 2%,#0b1913 100%)}
.grid-lines{opacity:.22;background-size:68px 68px;mask-image:radial-gradient(ellipse at 74% 48%,#000 15%,transparent 66%)}
.hero .wrap{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:72px}
.hero h1{font-size:clamp(48px,5.5vw,78px);line-height:1.03;letter-spacing:-.065em;max-width:800px;margin:25px 0 24px}
.hero p.sub{font-size:18px;line-height:1.75;max-width:620px;color:#c2d0c5}
.hero-cta{margin:39px 0 30px}.hero-cta .btn{padding:14px 23px}
.hero-micro{gap:8px;max-width:650px}.hero-micro span{border-color:rgba(232,248,230,.14);background:rgba(232,248,230,.035);font-size:12px;padding:7px 11px}
.hero-visual{isolation:isolate}.hero-visual::before{content:"";position:absolute;width:68%;aspect-ratio:1;z-index:-1;left:16%;top:15%;border:1px solid rgba(198,255,90,.24);border-radius:50%;box-shadow:0 0 0 36px rgba(198,255,90,.028),0 0 0 72px rgba(198,255,90,.018),0 0 90px rgba(134,247,209,.22);animation:bm-pulse 5s ease-in-out infinite}
.hero-visual svg{filter:drop-shadow(0 32px 56px rgba(0,0,0,.28)) saturate(.85)}
@keyframes bm-pulse{50%{transform:scale(1.06);opacity:.65}}

/* Architecture */
.pipe{gap:0;margin-top:56px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:rgba(16,33,26,.63)}
.pipe::before{display:none}.pipe-node{border:0;border-right:1px solid var(--line);border-radius:0;background:transparent;padding:32px 27px;min-height:264px}.pipe-node:last-child{border-right:0}.pipe-node:hover{background:rgba(198,255,90,.075);box-shadow:none;transform:none}.pipe-node:hover .dot{background:var(--brand);color:#0a130e}
.pipe-node .dot{width:42px;height:42px;border-radius:50%;background:rgba(198,255,90,.1);color:#d5ff80;margin-bottom:28px}.pipe-num{color:#9abf8b;font-size:10px;letter-spacing:.12em}.pipe-node h4{font-size:21px;margin:10px 0 7px;letter-spacing:-.04em}.pipe-node p{font-size:13.5px;line-height:1.7}

/* Cards and panels */
.pcards{gap:14px}.group-label{margin:56px 0 18px;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:#9bb59f}.pcard{background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.008));border-radius:18px;border-color:var(--line);padding:29px;min-height:360px}.pcard:hover{transform:translateY(-5px);border-color:rgba(198,255,90,.48);box-shadow:0 20px 45px -32px rgba(0,0,0,.9)}.pcard .ic,.fcard .ic,.wpcard .ic{border-radius:50%;background:rgba(198,255,90,.11);color:#d4ff82}.pcard h3{font-size:20px;letter-spacing:-.04em}.pcard .oneliner{line-height:1.65}.pcard li::before,.pcard .more{color:#d4ff82}.pcard.cprod{min-height:0;border-color:rgba(196,167,255,.35);background:linear-gradient(108deg,rgba(196,167,255,.10),rgba(242,163,220,.035))}.pcard.cprod .ic{border-radius:14px}
.sgrid{gap:14px;margin-top:50px}.scard{padding:28px 24px;border-radius:16px;background:#0d1d16;border-color:var(--line);min-height:190px}.scard:hover{border-color:#c6ff5a;box-shadow:0 16px 36px -28px #000}.scard .ic{color:#d8ff86}.scard h4{font-size:17px;letter-spacing:-.03em}
.fgrid{gap:12px}.fcard{padding:28px 24px;background:rgba(255,255,255,.025);border-color:var(--line);border-radius:16px}.fcard h4{font-size:17px;letter-spacing:-.03em}.fcard p{line-height:1.72}
.rpanel{margin-top:52px;border-radius:22px;background:linear-gradient(125deg,#10241b,#0b1712);border-color:var(--line);padding:48px}.rtopics span{border-color:rgba(232,248,230,.17);padding:7px 12px}.radar{filter:hue-rotate(70deg)}

/* CTA / Footer */
.cta{padding:124px 0;background:radial-gradient(ellipse 44% 70% at 50% 20%,rgba(198,255,90,.15),transparent 71%),#09140f;border-top-color:var(--line)}.cta h2{margin-left:auto;margin-right:auto}.cta .btns{margin-top:34px}
footer{background:#06100b;border-top-color:var(--line);padding:76px 0 32px}.fcol h5{color:#eff6e9;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em}.fcol a,.fcol p{color:#91a69a}.fcol a:hover,.fnote a:hover{color:#d6ff85}.fqr img{border-radius:12px}.fnote{color:#71857a}

/* Detail views share the upgraded language */
.phero{padding:118px 0 64px;background:radial-gradient(ellipse at 75% 0%,rgba(134,247,209,.12),transparent 42%),#0a1711;border-bottom:1px solid var(--line)}.phero h1{font-size:clamp(38px,4.8vw,62px);line-height:1.1;letter-spacing:-.055em}.link-row,.demo-flow,.demo-form,.wpcard{border-color:var(--line);background:#0e2018;border-radius:18px}.link-row:hover{border-color:#c6ff5a}.wpcard:hover{border-color:#c6ff5a}.demo-form{padding:38px}

@media(max-width:900px){
  .wrap{padding:0 20px}.section{padding:84px 0}.hero{padding:92px 0 78px;min-height:auto}.hero .wrap{gap:26px}.hero-visual{max-width:360px}.hero h1{font-size:clamp(42px,11vw,62px)}.hero p.sub{font-size:16px}.pipe{grid-template-columns:1fr 1fr}.pipe-node{border-bottom:1px solid var(--line);min-height:0}.pipe-node:nth-child(2){border-right:0}.pipe-node:nth-child(n+3){border-bottom:0}.rpanel{padding:28px}.pcard{min-height:0}
}
@media(max-width:560px){
  .section h2,.cta h2{font-size:34px}.hero h1{font-size:42px}.hero-visual{max-width:285px}.pipe{grid-template-columns:1fr}.pipe-node,.pipe-node:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}.pipe-node:last-child{border-bottom:0}.pipe-node{padding:25px}.hero-micro{display:none}.pcard.cprod ul[style]{grid-template-columns:1fr!important}.cta{padding:88px 0}
}
@media(prefers-reduced-motion:reduce){.hero-visual::before{animation:none}}