/* =========================================================================
   DOMECOMMAND. STEALTHWAVE TACTICAL DECK · USE CASES SET
   ========================================================================= */
:root {
  --onyx:       #07090A;
  --gunmetal:   #0E1316;
  --coldsteel:  #131B21;
  --graphite:   #1E2830;
  --hairline:   #2A343C;
  --ash:        #5C6B75;
  --bone:       #F2EFE9;
  --bone-soft:  #C9D2D8;

  --cyan:       #7CC04C;
  --cyan-deep:  #4A7C2F;
  --cyan-dim:   rgba(124,192,76,0.18);
  --amber:      #FFB020;
  --amber-deep: #B07300;
  --threat:     #FF3C5C;
  --threat-deep:#7A0E22;

  --inturai-fuchsia:#C900FE;
  --inturai-purple: #A136FF;
  --inturai-blue:   #0033D9;

  --t-title:    104px;
  --t-h1:       72px;
  --t-h2:       48px;
  --t-sub:      36px;
  --t-body:     26px;
  --t-mono:     24px;
  --t-eyebrow:  24px;

  --pad-x:      96px;
  --pad-y:      88px;
}
* { box-sizing: border-box; }
html, body {
  margin: 0; padding: 0; background: #000;
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  color: var(--bone); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
}
section.slide {
  width: 1920px; height: 1080px; position: relative; overflow: hidden;
  background: var(--onyx); color: var(--bone); font-family: "Inter", system-ui, sans-serif;
}
.eyebrow {
  font: 600 var(--t-eyebrow)/1 "Inter", sans-serif; letter-spacing: 0.32em;
  text-transform: uppercase; color: var(--cyan); margin: 0;
}
.eyebrow.muted { color: var(--ash); }
.eyebrow.amber { color: var(--amber); }
.eyebrow.threat{ color: var(--threat); }
.eyebrow.inturai{ color: #E76BFF; }
.title { font: 600 var(--t-title)/0.95 "Inter", sans-serif; letter-spacing: -0.02em; margin: 0; color: var(--bone); }
.h1 { font: 600 var(--t-h1)/1.0 "Inter", sans-serif; letter-spacing: -0.02em; margin: 0; color: var(--bone); }
.h2 { font: 600 var(--t-h2)/1.1 "Inter", sans-serif; letter-spacing: -0.015em; margin: 0; color: var(--bone); }
.lead { font: 300 var(--t-sub)/1.35 "Inter", sans-serif; letter-spacing: -0.005em; margin: 0; color: var(--bone-soft); max-width: 1200px; }
.body { font: 400 var(--t-body)/1.5 "Inter", sans-serif; margin: 0; color: var(--bone-soft); }
.mono { font: 500 var(--t-mono)/1.2 "JetBrains Mono", ui-monospace, monospace; letter-spacing: 0.04em; color: var(--bone-soft); }
.cyan  { color: var(--cyan); } .amber { color: var(--amber); }
.threat{ color: var(--threat); } .dim { color: var(--ash); }
.grad-cyan { color: #5FA52E; -webkit-text-fill-color: #5FA52E; }
.grad-inturai { color: #C45CFF; -webkit-text-fill-color: #C45CFF; }

.chrome-top, .chrome-bot {
  position: absolute; left: var(--pad-x); right: var(--pad-x);
  display: flex; justify-content: space-between; align-items: center;
  font: 500 var(--t-mono)/1 "JetBrains Mono", ui-monospace, monospace;
  letter-spacing: 0.18em; text-transform: uppercase; color: var(--ash);
}
.chrome-top > *, .chrome-bot > * { white-space: nowrap; }
.chrome-top { top: 48px; } .chrome-bot { bottom: 48px; }
.chrome-top .sep { color: #2E3A44; margin: 0 14px; }

.grid-bg {
  position: absolute; inset: 0; pointer-events: none;
  background-image:
    linear-gradient(rgba(124,192,76,0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(124,192,76,0.05) 1px, transparent 1px);
  background-size: 80px 80px;
  mask-image: radial-gradient(circle at 75% 50%, #000 0%, transparent 75%);
  -webkit-mask-image: radial-gradient(circle at 75% 50%, #000 0%, transparent 75%);
}
.vignette {
  position: absolute; inset: 0; pointer-events: none;
  background:
    radial-gradient(900px 700px at 88% 22%, rgba(124,192,76,0.16), transparent 60%),
    radial-gradient(1100px 800px at 6% 88%, rgba(74,124,47,0.12), transparent 60%);
}
.corner-marks > * { position: absolute; width: 36px; height: 36px; border: 1px solid var(--ash); opacity: 0.5; }
.corner-marks .tl { top: 36px; left: 36px; border-right: 0; border-bottom: 0; }
.corner-marks .tr { top: 36px; right: 36px; border-left: 0; border-bottom: 0; }
.corner-marks .bl { bottom: 36px; left: 36px; border-right: 0; border-top: 0; }
.corner-marks .br { bottom: 36px; right: 36px; border-left: 0; border-top: 0; }

.chip {
  display: inline-flex; align-items: center; gap: 12px;
  font: 600 var(--t-mono)/1 "JetBrains Mono", ui-monospace, monospace;
  letter-spacing: 0.18em; text-transform: uppercase;
  padding: 12px 18px; border: 1px solid var(--hairline);
  background: var(--gunmetal); color: var(--bone);
}
.chip.cyan { border-color: rgba(124,192,76,0.55); background: rgba(124,192,76,0.06); color: var(--cyan); }
.chip.amber { border-color: rgba(255,176,32,0.55); background: rgba(255,176,32,0.06); color: var(--amber); }
.chip.threat { border-color: rgba(255,60,92,0.55); background: rgba(255,60,92,0.06); color: var(--threat); }
.chip.inturai { border-color: rgba(201,0,254,0.5); background: rgba(201,0,254,0.08); color: #E76BFF; }
.chip .dot { width: 8px; height: 8px; background: currentColor; border-radius: 999px; box-shadow: 0 0 10px currentColor; }

/* use-case template */
.uc-facts {
  position: absolute; left: var(--pad-x); right: var(--pad-x); bottom: 118px;
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px;
  background: var(--hairline); border: 1px solid var(--hairline);
}
.uc-facts.three { grid-template-columns: repeat(3, 1fr); }
.fact { background: var(--gunmetal); padding: 26px 30px; }
.fact .n { font: 600 56px/1 "Inter", sans-serif; letter-spacing: -0.02em; color: var(--bone); font-variant-numeric: tabular-nums; }
.fact .n span { color: var(--cyan); }
.fact.amberf .n span { color: var(--amber); }
.fact.threatf .n span { color: var(--threat); }
.fact.inturaif .n span { color: #E76BFF; }
.fact .l { font: 400 20px/1.4 "Inter", sans-serif; color: var(--bone-soft); margin-top: 12px; }
.fact .s { font: 500 15px/1.3 "JetBrains Mono", monospace; letter-spacing: 0.12em; color: var(--ash); margin-top: 12px; text-transform: uppercase; }
.imgpanel { position: absolute; border: 1px solid var(--hairline); overflow: hidden; background: var(--gunmetal); }
.imgpanel img { width: 100%; height: 100%; object-fit: cover; display: block; }
.imgpanel .cap {
  position: absolute; left: 0; right: 0; bottom: 0; padding: 18px 24px;
  background: linear-gradient(180deg, rgba(7,9,10,0) 0%, rgba(7,9,10,0.92) 60%);
  font: 500 18px/1.4 "JetBrains Mono", monospace; letter-spacing: 0.08em; color: var(--bone-soft);
}
.gate-row { display: flex; gap: 10px; flex-wrap: wrap; }
.gate {
  font: 600 19px/1 "JetBrains Mono", monospace; letter-spacing: 0.14em;
  padding: 10px 16px; border: 1px solid var(--hairline); color: var(--ash); background: var(--gunmetal);
}
.gate.on-auto { color: var(--cyan); border-color: rgba(124,192,76,0.55); }
.gate.on-hold { color: var(--threat); border-color: rgba(255,60,92,0.55); }

/* standalone render */
.deck{ display:block; }
section.slide{ display:block; margin:0 auto; }
@media screen{ section.slide{ margin:24px auto; box-shadow:0 12px 60px rgba(0,0,0,.6); } }
@page{ size:1920px 1080px; margin:0; }
@media print{
  html,body{ background:#000; }
  section.slide{ margin:0; box-shadow:none; break-after:page; page-break-after:always; }
  section.slide *, section.slide *::before, section.slide *::after{ box-shadow:none !important; }
}

/* product-slide additions */
.rail{ position:absolute; left:var(--pad-x); top:170px; width:560px; }
.rail .lead{ font-size:26px; margin-top:30px; max-width:560px; }
.rail .chips{ display:flex; gap:8px; flex-wrap:wrap; margin-top:30px; }
.rail .chips .chip{ padding:8px 13px; font-size:17px; }
.shot{ position:absolute; right:var(--pad-x); top:150px; width:1130px;
  border:1px solid var(--hairline); background:var(--gunmetal); }
.shot img{ width:100%; display:block; }
.shot .cap{ padding:16px 22px; border-top:1px solid var(--hairline);
  font:500 17px/1.5 "JetBrains Mono", monospace; letter-spacing:0.06em; color:var(--ash); }
.shot .cap b{ color:var(--cyan); font-weight:500; }
.quoterule{ border-left:2px solid var(--cyan); padding:14px 20px; margin-top:16px;
  font:400 21px/1.5 "JetBrains Mono", monospace; color:var(--bone-soft); background:var(--gunmetal); }

/* architecture + ooda + tables */
.icon{ width:30px; height:30px; flex:none; }
.icon *{ stroke:currentColor; fill:none; stroke-width:1.6; }
.archcol{ display:flex; flex-direction:column; gap:14px; }
.archbox{ border:1px solid var(--hairline); background:var(--gunmetal); padding:16px 18px; }
.archbox .bt{ display:flex; align-items:center; gap:12px;
  font:600 17px/1.2 "JetBrains Mono", monospace; letter-spacing:0.12em; color:var(--bone); text-transform:uppercase; }
.archbox .bd{ font:400 16px/1.5 "Inter", sans-serif; color:var(--ash); margin-top:8px; }
.archbox .bd b{ color:var(--bone-soft); font-weight:500; }
.flowarr{ display:flex; flex-direction:column; justify-content:center; align-items:center;
  color:var(--cyan); font:600 20px/1.4 "JetBrains Mono", monospace; }
.flowarr span{ color:var(--ash); font-size:12px; letter-spacing:0.1em; writing-mode:vertical-rl; margin-top:8px; }
.modgrid{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:14px; }
.modbox{ border:1px solid rgba(124,192,76,0.4); background:rgba(124,192,76,0.05); padding:12px 14px; }
.modbox .mt{ font:600 15.5px/1.2 "JetBrains Mono", monospace; letter-spacing:0.1em; color:var(--cyan); text-transform:uppercase; }
.modbox .md{ font:400 14.5px/1.45 "Inter", sans-serif; color:var(--bone-soft); margin-top:6px; }
.distri{ margin-top:14px; border:1px dashed rgba(255,176,32,0.6); background:rgba(255,176,32,0.05);
  padding:12px 16px; display:flex; align-items:center; gap:14px; }
.distri .dt{ font:600 15.5px/1.2 "JetBrains Mono", monospace; letter-spacing:0.12em; color:var(--amber); }
.distri .dd{ font:400 14.5px/1.4 "Inter", sans-serif; color:var(--ash); }
.captable{ border-collapse:collapse; width:100%; background:var(--gunmetal); border:1px solid var(--hairline); }
.captable th{ font:600 15px/1.2 "JetBrains Mono", monospace; letter-spacing:0.14em; text-transform:uppercase;
  color:var(--ash); text-align:left; padding:14px 20px; border-bottom:1px solid var(--hairline); }
.captable td{ padding:14px 20px; border-bottom:1px solid rgba(42,52,60,0.55); vertical-align:top; }
.captable tr:last-child td{ border-bottom:none; }
.captable .c1{ font:600 18px/1.3 "Inter", sans-serif; color:var(--bone); white-space:nowrap; }
.captable .c2{ font:400 17px/1.5 "Inter", sans-serif; color:var(--bone-soft); }
.captable .c3{ font:500 14px/1.5 "JetBrains Mono", monospace; color:var(--cyan); letter-spacing:0.04em; }
.inttable td{ vertical-align:middle; }
.oodapanel{ position:absolute; right:var(--pad-x); top:150px; width:1130px; height:780px; }
.oodacard{ position:absolute; width:305px; border:1px solid var(--hairline); background:var(--gunmetal); padding:18px 20px; }
.oodacard .ot{ display:flex; align-items:baseline; gap:12px; }
.oodacard .on{ font:700 30px/1 "Inter", sans-serif; letter-spacing:-0.01em; color:var(--bone); }
.oodacard .ok{ font:600 13px/1 "JetBrains Mono", monospace; letter-spacing:0.16em; color:var(--cyan); }
.oodacard .od{ font:400 15.5px/1.5 "Inter", sans-serif; color:var(--ash); margin-top:8px; }
.oodacard .od b{ color:var(--bone-soft); font-weight:500; }

/* module spec sheets */
.spec{ position:absolute; right:var(--pad-x); top:170px; width:1100px;
  border:1px solid var(--hairline); background:var(--gunmetal); }
.spec .sh{ display:flex; justify-content:space-between; align-items:center;
  padding:16px 26px; border-bottom:1px solid var(--hairline);
  font:600 16px/1 "JetBrains Mono", monospace; letter-spacing:0.16em; color:var(--ash); }
.spec table{ border-collapse:collapse; width:100%; }
.spec td{ padding:17px 26px; border-bottom:1px solid rgba(42,52,60,0.55); vertical-align:top; }
.spec tr:last-child td{ border-bottom:none; }
.spec .k{ font:600 15px/1.4 "JetBrains Mono", monospace; letter-spacing:0.12em;
  text-transform:uppercase; color:var(--cyan); width:250px; white-space:nowrap; }
.spec .v{ font:400 18.5px/1.55 "Inter", sans-serif; color:var(--bone-soft); }
.spec .v b{ color:var(--bone); font-weight:600; }

/* bullets, apart grid, brains */
.bullets{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:14px; }
.bullets li{ position:relative; padding-left:26px; font:400 21px/1.5 "Inter", sans-serif; color:var(--bone-soft); }
.bullets li::before{ content:""; position:absolute; left:0; top:11px; width:9px; height:9px; background:var(--cyan); }
.bullets li b{ color:var(--bone); font-weight:600; }
.bullets.amberb li::before{ background:var(--amber); }
.apart{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px; }
.apartcard{ border:1px solid var(--hairline); background:var(--gunmetal); padding:34px 30px; border-top:2px solid var(--cyan); min-height:300px; }
.apartcard h3{ font:600 30px/1.15 "Inter", sans-serif; letter-spacing:-0.01em; color:var(--bone); margin:0; }
.apartcard p{ font:400 20px/1.6 "Inter", sans-serif; color:var(--bone-soft); margin:16px 0 0; }
.apartcard p b{ color:var(--cyan); font-weight:600; }
.apartcard .std{ font:500 14px/1.6 "JetBrains Mono", monospace; letter-spacing:0.06em; color:var(--ash); margin-top:14px; }
.brain{ border:1px solid var(--hairline); background:var(--gunmetal); padding:40px 44px; min-height:340px; }
.brain .bh{ display:flex; align-items:baseline; gap:16px; }
.brain .bh .bn{ font:600 40px/1 "Inter", sans-serif; letter-spacing:-0.015em; color:var(--bone); }
.brain .bh .bk{ font:600 15px/1 "JetBrains Mono", monospace; letter-spacing:0.16em; }
.brain .bl{ font:300 25px/1.55 "Inter", sans-serif; color:var(--bone-soft); margin:18px 0 0; }
.brain .bl b{ color:var(--bone); font-weight:600; }