/* ==========================================================================
   DRiPGATE V5 candidate · command-floor aesthetic
   Near-black + graphite, brand green #6FED65, restrained amber,
   cyan/magenta reserved for agent identity only.
   ========================================================================== */

:root{
  --bg:#05070a;
  --panel:#0a1014;
  --panel-2:#0d141a;
  --line:#17232b;
  --line-soft:rgba(23,35,43,.7);
  --text:#f1f5f2;
  --muted:#91a09a;
  --faint:#6b7a74;
  --green:#6fed65;
  --green-dim:#1d5b2c;
  --amber:#f5b95c;
  --red:#ff706d;
  --cyan:#4fd8e8;      /* MisterDoors only */
  --magenta:#ff3da5;   /* DevGrrl only */
  --max:1160px;
  --serif:Georgia,'Iowan Old Style','Palatino Linotype','Times New Roman',serif;
  --sans:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --mono:ui-monospace,'SF Mono',SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{
  margin:0;color:var(--text);font-family:var(--sans);line-height:1.6;
  background:
    radial-gradient(circle at 82% -8%,rgba(111,237,101,.09),transparent 30rem),
    radial-gradient(circle at -10% 34%,rgba(111,237,101,.04),transparent 30rem),
    var(--bg);
  -webkit-font-smoothing:antialiased;
}
a{color:inherit}
img,canvas{max-width:100%}
.wrap{width:min(calc(100% - 40px),var(--max));margin-inline:auto}

.visually-hidden{
  position:absolute;width:1px;height:1px;margin:-1px;padding:0;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}
.skip{
  position:absolute;left:-999px;top:0;z-index:99;background:var(--green);
  color:#061007;padding:10px 16px;font:700 13px/1 var(--mono);text-decoration:none;
}
.skip:focus{left:8px;top:8px}

:focus-visible{outline:2px solid var(--green);outline-offset:2px;border-radius:2px}

/* ---------- preview banner ---------- */
.preview{
  position:sticky;top:0;z-index:50;padding:9px 16px;text-align:center;
  background:#150f04;border-bottom:1px solid #4a3510;color:#d8c9a8;
  font:650 10px/1.5 var(--mono);letter-spacing:.16em;
}
.preview b{color:var(--amber)}

/* ---------- header ---------- */
.sitehead{border-bottom:1px solid var(--line-soft)}
.navrow{display:flex;align-items:center;justify-content:space-between;gap:16px;height:74px}
.brand{font:900 20px/1 var(--sans);letter-spacing:.16em;text-decoration:none}
.brand i{font-style:normal;color:var(--green)}
.navlinks{display:flex;gap:24px}
.navlinks a{
  font:650 11px/1 var(--mono);letter-spacing:.09em;text-transform:uppercase;
  color:#aab6b1;text-decoration:none;padding:6px 0;
}
.navlinks a:hover{color:var(--green)}

/* ---------- buttons ---------- */
.button{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  border:1px solid var(--green);background:var(--green);color:#061007;
  padding:15px 22px;border-radius:8px;text-decoration:none;
  font:800 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;
  box-shadow:0 0 28px rgba(111,237,101,.10);
  transition:transform .16s,background .16s;
}
.button:hover{transform:translateY(-2px);background:#8af780}
.button.ghost{background:transparent;color:var(--text);border-color:#2a3b44;box-shadow:none}
.button.ghost:hover{border-color:var(--green);color:var(--green)}
.button.small{padding:11px 16px}

/* ---------- hero ---------- */
.hero{
  padding:92px 0 72px;display:grid;gap:64px;align-items:center;
  grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);
  position:relative;
}
.eyebrow{
  display:flex;align-items:center;gap:10px;margin:0 0 20px;color:var(--green);
  font:750 11px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;
}
.pulse{
  width:7px;height:7px;border-radius:50%;background:var(--green);flex:none;
  box-shadow:0 0 0 5px rgba(111,237,101,.08),0 0 16px var(--green);
  animation:pulse 1.8s ease-in-out infinite;
}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
h1{
  font-family:var(--serif);font-weight:700;
  font-size:clamp(38px,5.4vw,68px);line-height:1.04;letter-spacing:-.02em;
  margin:0 0 24px;max-width:820px;
}
h1 em{font-style:normal;color:var(--green)}
.lead{max-width:720px;color:#b4c0bb;font-size:19px;line-height:1.6;margin:0}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.qualifier{color:var(--faint);margin:18px 0 0;font:550 11px/1.7 var(--mono);letter-spacing:.04em}

/* truth scan card */
.scan{
  position:relative;border:1px solid #1b2a31;border-radius:14px;padding:24px;
  background:linear-gradient(150deg,rgba(13,20,26,.98),rgba(6,10,13,.98));
  box-shadow:0 28px 80px rgba(0,0,0,.4);overflow:hidden;
}
.scan::before{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--green),transparent);
  animation:scanline 3.6s ease-in-out infinite;
}
@keyframes scanline{0%,100%{opacity:.2;transform:translateX(-32%)}50%{opacity:1;transform:translateX(32%)}}
.scan-head{
  display:flex;justify-content:space-between;align-items:center;gap:10px;
  border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:4px;
  color:#77877f;font:650 10px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;
}
.scan-tag{color:var(--amber)}
.scan-row{
  display:flex;justify-content:space-between;align-items:center;gap:16px;
  padding:13px 0;border-bottom:1px solid var(--line-soft);
}
.scan-row:last-of-type{border-bottom:0}
.scan-row span{color:#94a39d;font-size:13px}
.scan-row b{font:750 13px/1 var(--mono);white-space:nowrap}
.good{color:var(--green)}.warn{color:var(--amber)}.bad{color:var(--red)}
.scan-note{
  margin:10px 0 0;padding-top:12px;border-top:1px solid var(--line);
  color:var(--faint);font:550 10px/1.6 var(--mono);letter-spacing:.03em;
}

/* ---------- proof band ---------- */
.proof-band{border-block:1px solid var(--line);background:rgba(10,16,20,.72)}
.proof-grid{display:grid;grid-template-columns:1.25fr repeat(4,.75fr)}
.proof-intro,.stat{padding:28px 26px;border-right:1px solid var(--line)}
.stat:last-child{border-right:0}
.proof-intro b{display:block;font-size:17px;margin-bottom:8px;font-family:var(--serif)}
.proof-intro span{color:var(--muted);font-size:12.5px;line-height:1.55}
.stat strong{display:block;color:var(--green);font:800 28px/1.1 var(--mono);letter-spacing:-.01em;margin-bottom:8px}
.stat span{color:#7f8d87;font-size:11px;line-height:1.5;text-transform:uppercase;letter-spacing:.07em}

/* ---------- sections ---------- */
.section{padding:92px 0;border-bottom:1px solid var(--line-soft)}
.section-label{
  color:var(--green);font:750 10px/1 var(--mono);letter-spacing:.17em;
  text-transform:uppercase;margin:0 0 16px;
}
h2{
  font-family:var(--serif);font-weight:700;
  font-size:clamp(32px,3.8vw,52px);line-height:1.08;letter-spacing:-.015em;
  margin:0 0 18px;max-width:840px;
}
.section-lead{color:#98a69f;font-size:17.5px;line-height:1.65;max-width:720px;margin:0 0 40px}

/* ---------- stalls ---------- */
.callout{
  margin:0 0 40px;border-left:3px solid var(--green);padding:8px 0 8px 24px;
  font-family:var(--serif);font-size:clamp(20px,2.4vw,27px);line-height:1.4;color:#dce4e0;
}
.callout p{margin:0}
.callout footer{
  margin-top:8px;font:650 10px/1 var(--mono);letter-spacing:.14em;
  text-transform:uppercase;color:var(--faint);
}
.leaks{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.leak{
  min-height:180px;border:1px solid var(--line);border-radius:11px;padding:24px;
  background:linear-gradient(150deg,var(--panel-2),var(--panel));
  transition:transform .18s,border-color .18s;
}
.leak:hover{transform:translateY(-3px);border-color:#315144}
.leak .num{color:#486058;font:700 11px/1 var(--mono);margin-bottom:30px}
.leak h3{font-size:17.5px;line-height:1.3;margin:0 0 10px}
.leak p{color:#87958f;font-size:14px;line-height:1.6;margin:0}

/* ---------- floor scene ---------- */
.floor-section{
  background:
    radial-gradient(circle at 50% 0%,rgba(111,237,101,.05),transparent 28rem),
    linear-gradient(180deg,rgba(8,12,16,.6),transparent 300px);
}
.scene-frame{
  border:1px solid #1b2a31;border-radius:14px;overflow:hidden;
  background:#03050a;box-shadow:0 34px 90px rgba(0,0,0,.5);
}
.scene-wrap{position:relative;background:#03050a}
.scene-wrap::after{ /* CRT scanlines, static overlay */
  content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 1px,transparent 1px 3px);
}
#floor-canvas{
  display:block;width:100%;height:auto;aspect-ratio:480/272;
  image-rendering:pixelated;image-rendering:crisp-edges;cursor:pointer;
}
#floor-canvas:focus-visible{outline:2px solid var(--green);outline-offset:-2px}
.noscript-note{margin:0;padding:18px;color:var(--muted);font:550 12px/1.6 var(--mono)}

.hud{
  display:flex;align-items:center;gap:14px;border-top:1px solid var(--green-dim);
  background:#060a08;padding:8px 14px;
}
.hud-label{flex:none;color:var(--faint);font:700 9px/1.4 var(--mono);letter-spacing:.13em}
.ticker{flex:1;overflow:hidden;white-space:nowrap;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.ticker-track{
  display:inline-block;white-space:nowrap;color:var(--green);
  font:650 11px/1.4 var(--mono);letter-spacing:.06em;
  animation:ticker 48s linear infinite;will-change:transform;
}
.ticker:hover .ticker-track{animation-play-state:paused}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.hud-stats{
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  border-top:1px solid var(--line);background:#04070a;padding:9px 14px;
  color:var(--muted);font:650 9.5px/1.5 var(--mono);letter-spacing:.1em;
}
.hud-demo{color:var(--amber)}
.motion-btn{
  border:1px solid #2a3b44;background:transparent;color:var(--muted);cursor:pointer;
  padding:6px 10px;border-radius:6px;font:700 9.5px/1 var(--mono);letter-spacing:.1em;
}
.motion-btn:hover{border-color:var(--green);color:var(--green)}
.motion-btn[aria-pressed="true"]{color:var(--green);border-color:var(--green-dim)}

/* body flag set by JS when motion is off */
.motion-off .ticker-track{animation:none}
.motion-off .ticker{overflow-x:auto}
.motion-off .pulse,.motion-off .scan::before{animation:none}

/* ---------- crew cards + panel ---------- */
.crew{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:14px;margin-top:14px}
.crew-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start}
.agent-card{
  text-align:left;border:1px solid var(--line);border-radius:10px;padding:16px;
  background:var(--panel);color:var(--text);cursor:pointer;display:grid;gap:4px;
  transition:border-color .16s,transform .16s;
}
.agent-card:hover{transform:translateY(-2px);border-color:#31514455}
.agent-card[aria-pressed="true"]{border-color:var(--green);background:#0b1410}
.agent-card.is-human[aria-pressed="true"]{border-color:var(--amber);background:#14100a}
.chip{width:22px;height:8px;border-radius:3px;margin-bottom:6px}
.chip-amber{background:var(--amber)}
.chip-green{background:var(--green)}
.chip-cyan{background:var(--cyan)}
.chip-magenta{background:var(--magenta)}
.agent-name{font:800 14px/1.2 var(--mono);letter-spacing:.08em}
.agent-kind{color:var(--faint);font:700 9px/1.4 var(--mono);letter-spacing:.14em}
.agent-role{color:var(--muted);font-size:12.5px;line-height:1.45}

.agent-panel{
  border:1px solid var(--line);border-radius:10px;padding:22px;
  background:linear-gradient(150deg,var(--panel-2),var(--panel));
}
.panel-kind{margin:0 0 6px;color:var(--faint);font:700 9.5px/1.4 var(--mono);letter-spacing:.14em}
.panel-name{margin:0 0 10px;font:800 22px/1.1 var(--mono);letter-spacing:.06em}
.panel-role{margin:0 0 14px;color:#a7b3ae;font-size:14px;line-height:1.6}
.panel-duties{list-style:none;margin:0 0 16px;padding:0}
.panel-duties li{
  color:#92a099;font-size:13px;padding:6px 0 6px 20px;position:relative;
  border-bottom:1px solid var(--line-soft);
}
.panel-duties li:last-child{border-bottom:0}
.panel-duties li::before{content:"→";position:absolute;left:0;color:var(--green)}
.panel-status{
  margin:0;padding:12px 14px;border:1px solid var(--line);border-radius:8px;
  background:#060a08;color:#b9c6c0;font:550 12px/1.5 var(--mono);
}
.panel-status-label{color:var(--faint);font-weight:750;font-size:9px;letter-spacing:.14em;margin-right:8px}

/* ---------- chain of command ---------- */
.chain{
  list-style:none;margin:26px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px;align-items:stretch;
}
.chain li{
  flex:1;min-width:180px;position:relative;border:1px solid var(--line);border-radius:9px;
  background:var(--panel);padding:14px 16px 14px 16px;display:grid;gap:3px;
}
.chain li:not(:last-child)::after{
  content:"→";position:absolute;right:-12px;top:50%;transform:translateY(-50%);
  color:var(--green);font:800 14px/1 var(--mono);z-index:1;
}
.chain b{font:800 12px/1.3 var(--mono);letter-spacing:.1em}
.chain span{color:var(--muted);font-size:12px}
.c-amber{color:var(--amber)}
.c-green{color:var(--green)}
.c-cyan{color:var(--cyan)}
.c-magenta{color:var(--magenta)}

/* ---------- operating model ---------- */
.human{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.human-card{border:1px solid var(--line);border-radius:10px;padding:26px;background:var(--panel)}
.human-card b{font-size:16px}
.human-card ul{list-style:none;padding:0;margin:16px 0 0}
.human-card li{color:#92a099;font-size:14px;padding:8px 0 8px 21px;position:relative}
.human-card li::before{content:"→";position:absolute;left:0;color:var(--green)}
.truth{
  margin:20px 0 0;padding:16px 20px;border:1px solid #213139;border-radius:9px;
  background:#0a1115;color:#95a49e;font:550 12px/1.65 var(--mono);
}
.truth b{color:var(--green)}

/* ---------- method ---------- */
.method{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden;
}
.method-card{background:#091015;padding:32px}
.method-card .step{color:var(--green);font:800 10.5px/1 var(--mono);letter-spacing:.12em}
.method-card h3{font-family:var(--serif);font-size:26px;margin:16px 0 12px}
.method-card p{color:#8e9d96;font-size:14.5px;line-height:1.7;margin:0}

/* ---------- offers ---------- */
.offer-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:20px;align-items:stretch}
.offer{
  border:1px solid #254036;border-radius:14px;padding:32px;position:relative;overflow:hidden;
  background:linear-gradient(145deg,rgba(111,237,101,.055),rgba(9,16,20,.98));
}
.offer::after{
  content:"X-RAY";position:absolute;right:-10px;top:44px;transform:rotate(90deg);
  color:rgba(111,237,101,.045);font:950 78px/1 var(--sans);letter-spacing:-.06em;pointer-events:none;
}
.offer-eyebrow{margin:0;color:var(--green);font:750 10px/1.4 var(--mono);letter-spacing:.15em}
.offer h3{font-family:var(--serif);font-size:32px;margin:10px 0}
.price{font:900 34px/1.2 var(--mono);color:var(--green);margin:20px 0}
.price small{display:block;font:600 10px/1.6 var(--mono);color:#728079;letter-spacing:.06em;margin-top:6px}
.offer ul{list-style:none;padding:0;margin:20px 0 26px}
.offer li{position:relative;padding:8px 0 8px 24px;color:#a9b5b0;font-size:14px}
.offer li::before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900}
.credit{color:#7e8d86;font:550 10px/1.6 var(--mono);margin:14px 0 0}

.after{display:grid;gap:12px;align-content:start}
.next-card{border:1px solid var(--line);border-radius:10px;background:#080e12;padding:22px}
.next-card>span{color:#687870;font:650 10px/1 var(--mono);letter-spacing:.1em}
.next-card h4{font-size:18px;margin:12px 0 8px;display:flex;flex-wrap:wrap;gap:10px;align-items:baseline}
.next-price{color:var(--green);font:800 13px/1 var(--mono);white-space:nowrap}
.next-card p{font-size:13px;line-height:1.6;color:#829089;margin:0}

.small-ways{border:1px dashed #22333c;border-radius:10px;padding:18px 20px;background:rgba(8,14,18,.6)}
.small-ways-label{margin:0 0 10px;color:var(--faint);font:700 9.5px/1 var(--mono);letter-spacing:.15em}
.way{
  display:flex;justify-content:space-between;gap:14px;align-items:baseline;
  padding:9px 0;border-bottom:1px solid var(--line-soft);
}
.way:last-child{border-bottom:0}
.way span{color:#8a9892;font-size:13px}
.way b{color:#c3cec9;font-weight:650}
.way a{color:var(--green);font:700 11px/1 var(--mono);letter-spacing:.06em;text-decoration:none;white-space:nowrap;text-transform:uppercase}
.way a:hover{text-decoration:underline}

/* ---------- fit ---------- */
.fit-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fit-card{border:1px solid var(--line);border-radius:12px;padding:28px;background:var(--panel)}
.fit-card h3{font-size:19px;margin:0 0 8px}
.fit-card ul{list-style:none;padding:0;margin:14px 0 0}
.fit-card li{position:relative;padding:8px 0 8px 24px;color:#a9b5b0;font-size:14px}
.fit-card li::before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900}
.not-fit li::before{content:"✕";color:var(--red)}
.not-note{margin:16px 0 0;color:var(--faint);font-size:13px;line-height:1.6}

/* ---------- final ---------- */
.final{
  padding:104px 0;text-align:center;
  background:radial-gradient(circle at 50% 115%,rgba(111,237,101,.10),transparent 34rem);
}
.final h2{margin-inline:auto;max-width:820px}
.final p{color:#9aa8a1;font-size:17.5px;line-height:1.6;max-width:640px;margin:0 auto 30px}
.final .micro{font:550 10px/1.7 var(--mono);color:#627069;margin:18px auto 0}
.final .section-label{text-align:center}

/* ---------- footer ---------- */
.sitefoot{border-top:1px solid var(--line)}
.footrow{
  padding:30px 0 48px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;
  color:#5f6d66;font:550 10px/1.7 var(--mono);letter-spacing:.06em;text-transform:uppercase;
}
.footrow a{text-decoration:none;color:#7d8b84}
.footrow a:hover{color:var(--green)}

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .pulse,.scan::before{animation:none}
  .ticker-track{animation:none}
  .ticker{overflow-x:auto}
  .button:hover,.leak:hover,.agent-card:hover{transform:none}
}

/* ---------- responsive ---------- */
@media (max-width:980px){
  .hero{grid-template-columns:1fr;padding-top:64px}
  .scan{max-width:620px}
  .proof-grid{grid-template-columns:1fr 1fr}
  .proof-intro{grid-column:1/-1;border-right:0;border-bottom:1px solid var(--line)}
  .stat:nth-child(3){border-right:0}
  .leaks{grid-template-columns:1fr 1fr}
  .method{grid-template-columns:1fr}
  .offer-layout,.human,.fit-layout,.crew{grid-template-columns:1fr}
  .chain li:not(:last-child)::after{content:"↓";right:auto;left:18px;top:auto;bottom:-13px;transform:none}
  .chain{flex-direction:column;gap:12px}
  .navlinks{display:none}
}
@media (max-width:610px){
  .wrap{width:min(calc(100% - 26px),var(--max))}
  .navrow{height:64px}
  .hero{padding:52px 0 56px}
  .lead{font-size:16.5px}
  .hero-actions{flex-direction:column}
  .hero-actions .button{width:100%}
  .proof-grid{grid-template-columns:1fr}
  .proof-intro,.stat{border-right:0;border-bottom:1px solid var(--line)}
  .stat:last-child{border-bottom:0}
  .leaks{grid-template-columns:1fr}
  .section{padding:66px 0}
  .crew-cards{grid-template-columns:1fr 1fr}
  .offer,.fit-card,.human-card,.method-card{padding:22px}
  .scan{padding:18px}
  .hud{flex-direction:column;align-items:flex-start;gap:6px}
  .footrow{flex-direction:column}
}


/* ================= V6 · AI-powered brand management ================= */
.brand-hero h1 em{background:linear-gradient(90deg,var(--cyan),#d55cff 52%,#ffb347);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-console{box-shadow:0 0 0 1px rgba(73,229,255,.08),0 32px 90px rgba(166,73,255,.12)}
.brand-proof-grid{grid-template-columns:minmax(250px,1.5fr) repeat(4,minmax(130px,1fr))}
.brand-proof-grid .stat strong{font-size:clamp(18px,1.6vw,26px);letter-spacing:.06em}
.brand-leaks .leak,.deliverable-grid .leak{position:relative;overflow:hidden}
.brand-leaks .leak:after,.deliverable-grid .leak:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:linear-gradient(90deg,var(--cyan),#c95cff,transparent);opacity:.65}
.brand-method{grid-template-columns:repeat(4,minmax(0,1fr))}
.brand-offer{background:radial-gradient(circle at 88% 12%,rgba(204,78,255,.13),transparent 30%),radial-gradient(circle at 0 100%,rgba(57,224,255,.1),transparent 35%),var(--panel)}
.brand-final{background:radial-gradient(circle at 50% 0,rgba(199,72,255,.14),transparent 38%),radial-gradient(circle at 20% 100%,rgba(46,223,255,.1),transparent 38%),#070a10}
@media(max-width:1000px){.brand-proof-grid{grid-template-columns:1fr 1fr}.brand-proof-grid .proof-intro{grid-column:1/-1}.brand-method{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.brand-proof-grid,.brand-method{grid-template-columns:1fr}.brand-proof-grid .proof-intro{grid-column:auto}#floor-canvas{width:100%;height:auto;max-width:480px}.scene-wrap{overflow:hidden}}

/* ================= Team · human producer + installed leverage ================= */
.team-hero{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(32px,5vw,76px);align-items:center;padding:82px 0 72px}
.team-hero h1{font-family:var(--serif);font-size:clamp(46px,6.4vw,92px);line-height:.94;letter-spacing:-.055em;margin:18px 0 24px}
.team-hero h1 em{display:block;background:linear-gradient(90deg,var(--amber),#f3ddaf 42%,var(--magenta));-webkit-background-clip:text;background-clip:text;color:transparent}
.team-portrait{margin:0;position:relative;border:1px solid #2a3439;border-radius:16px;overflow:hidden;background:#090d11;box-shadow:0 35px 100px rgba(0,0,0,.55),0 0 0 1px rgba(244,181,77,.06)}
.team-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(4,7,10,.82));pointer-events:none}
.team-portrait img{display:block;width:100%;height:auto;min-height:0;aspect-ratio:41/18;object-fit:contain}
.team-portrait figcaption{position:absolute;left:22px;bottom:18px;z-index:1;color:#d5ddd9;font:700 9px/1.4 var(--mono);letter-spacing:.15em}
.team-manifesto{display:grid;grid-template-columns:.7fr 1.3fr;gap:36px;align-items:center;padding:30px 0}
.team-manifesto b{font-family:var(--serif);font-size:clamp(22px,3vw,36px);line-height:1.08;color:#eef4f1}
.team-manifesto span{font-size:17px;line-height:1.65;color:#96a39d}
.producer-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(36px,7vw,110px)}
.producer-copy p{font-size:clamp(17px,2vw,21px);line-height:1.72;color:#aab5b0;margin:0 0 22px}
.team-role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:36px}
.team-role{border:1px solid var(--line);border-radius:12px;padding:25px;background:linear-gradient(155deg,#0c1318,#080d11);position:relative;overflow:hidden}
.team-role:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--green),var(--cyan),var(--magenta));opacity:.6}
.team-role.human-role{background:linear-gradient(155deg,rgba(244,181,77,.08),#0b0d10);border-color:rgba(244,181,77,.27)}
.role-index{font:800 9.5px/1 var(--mono);letter-spacing:.14em}
.team-role h3{font-family:var(--serif);font-size:30px;margin:14px 0 5px}
.role-title{min-height:62px;color:#a6b1ac;font-size:13.5px;line-height:1.5}
.team-role ul{list-style:none;padding:0;margin:18px 0 0}
.team-role li{position:relative;padding:7px 0 7px 18px;color:#788780;font-size:12.5px;line-height:1.5;border-top:1px solid var(--line-soft)}
.team-role li:before{content:"→";position:absolute;left:0;color:var(--green)}
.leverage-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:30px}
.leverage-grid article{border:1px solid var(--line);border-radius:12px;padding:28px;background:var(--panel)}
.leverage-grid b{color:var(--green);font:800 10px/1 var(--mono);letter-spacing:.16em}
.leverage-grid h3{font-family:var(--serif);font-size:25px;margin:14px 0 9px}
.leverage-grid p{color:#84928b;line-height:1.65;margin:0}
.approval-section{padding-top:20px}
.approval-card{border:1px solid #2b3c35;border-radius:16px;padding:clamp(28px,5vw,56px);background:radial-gradient(circle at 85% 0,rgba(111,237,101,.09),transparent 36%),#0a1013}
.approval-card h2{max-width:850px}
.approval-card>p:last-child{max-width:770px;color:#9caaa3;font-size:17px;line-height:1.7}
@media(max-width:1050px){.team-hero{grid-template-columns:1fr}.team-portrait{max-width:900px}.team-role-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.team-hero{padding:54px 0}.team-portrait img{min-height:0}.team-manifesto,.producer-grid,.leverage-grid{grid-template-columns:1fr}.team-role-grid{grid-template-columns:1fr}.role-title{min-height:0}.team-manifesto{gap:12px}}