/* Original BrickFlow concept palette. Colour-only overrides: layout and copy stay intact. */
:root {
  --ink: #f8faff;
  --muted: #bcc9e0;
  --paper: #0d1b35;
  --white: #0b152b;
  --violet: #8f42f5;
  --violet2: #a85bff;
  --cyan: #3b8cff;
  --green: #51d9b4;
  --line: #2d4166;
  --dark: #091326;
  --dark2: #142340;
}
body { background: #0a1429; }
.site-header { background: #0d172df2; border-bottom-color: #293b5f; }
.nav nav a:hover, .nav nav a.active { color: #ffffff; }
.button { background: linear-gradient(105deg, #9339ed, #317df7); box-shadow: 0 12px 30px #4435db40; }
.button.ghost { background: #18284a; color: #d6ddff; border: 1px solid #6177b1; }
.hero {
  background: radial-gradient(circle at 98% 58%, #33217d 0, transparent 33%),
              radial-gradient(circle at 39% 80%, #132e78 0, transparent 43%),
              linear-gradient(135deg, #0b1428, #0d1a38);
}
.eyebrow, .plain span, .text-link, .steps-grid article>span { color: #a77aff; }
.proof span:before { color: #6be0b7; }
.product-stage { background: linear-gradient(150deg, #17233b, #111a30); border: 1px solid #354b78; box-shadow: 0 34px 78px #02091980; }
.stage-head, .stage-foot { color: #c2cce3; }
.stage-head>span { color: #70e3c2; }
.file-card, .plate-window { background: #172741; color: #f8faff; border: 1px solid #395079; }
.file-icon { background: #27376a; color: #bb9dff; }
.file-card small, .plate-copy small, .plate-copy span { color: #b3c1db; }
.file-card>b { color: #b18bff; }
.plates i { background: linear-gradient(135deg, #273b60 0 12%, #15233d 12% 100%); border-color: #465d85; }
.plates i:after { background: repeating-linear-gradient(90deg,#8aa0ce44 0 1px,transparent 1px 6px),repeating-linear-gradient(#8aa0ce44 0 1px,transparent 1px 6px); }
.format-band, .dark-section { background: #0b1730; }
.format-grid div span, .dark-section .lead, .dark-section p { color: #b6c6e1; }
.format-grid>a, .output-list b { color: #a982ff; }
.section, .requirements { background: #0b152b; }
.steps-grid article, .input-table article, .support-card, .callout, .requirements-grid { background: #111f3a; border-color: #30456b; }
.step-art { background: #17294a; }
.step-art i { box-shadow: 0 8px 18px #33229b50; }
.import-art i:nth-child(2) { background: #315da8; }
.output-art i { background: repeating-linear-gradient(90deg,#8aa0ce44 0 1px,transparent 1px 9px),repeating-linear-gradient(#8aa0ce44 0 1px,#17294a 1px 9px); border-color: #405982; }
.dark-section { background: radial-gradient(circle at 10% 20%,#222767,transparent 36%),#0a1429; }
.output-list>div { background: #18274788; border-color: #43598266; }
.demo { background: #0d1b35; }
.video-frame { background: radial-gradient(circle at 50% 45%,#30317f,transparent 26%),linear-gradient(145deg,#13264b,#0a1429); color: #c9d4eb; box-shadow: 0 28px 60px #02091888; }
.play { background: #203660; color: #b484ff; }
.buy { background: linear-gradient(135deg,#19265c,#0a142a); }
.buy-grid>div>p:last-child { color: #bfcae2; }
.price-card { background: #152440; color: #f8faff; border: 1px solid #40547b; }
.price-card small { color: #bd9aff; }
.price-card button { background: #42506c; color: #e2e8f4; }
.subhero { background: radial-gradient(circle at 85% 20%,#263a85,transparent 32%),linear-gradient(#0c1730,#111f3f); }
.input-table article>div b { color: #bb93ff; }
.input-table article>div span { color: #89e9ca; background: #173d45; }
.input-table article.recommended { border-color: #8665dc; box-shadow: 0 15px 38px #462fa055; }
.legal p, .legal li { color: #c3cee2; }
footer { background: #071021; color: #b9c8df; }
.footnote { border-top-color: #2a3c5e; }

/* The hero plates are a branded illustration, not a screenshot or output guarantee. */
.hero-brick-plates {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 14px;
  border: 1px solid #49618d;
  border-radius: 12px;
  background: #0b1730;
}
.moc-window{background:#172741;color:#f8faff;border:1px solid #395079;border-radius:15px;padding:16px}
.moc-window .plate-copy{margin-bottom:12px}
.moc-window img{display:block;width:100%;height:200px;object-fit:cover;object-position:center 57%;border-radius:10px}
.asset-credit{font-size:11px;line-height:1.45;color:#b3c1db;margin:9px 0 0}
.asset-credit a{color:#d4c5ff}
.plate-window .hero-brick-plates{display:block;width:100%;height:auto;border-radius:10px;margin-top:12px}
.stage-foot{font-size:11px;line-height:1.35;color:#b3c1db}
@media(max-width:560px){.moc-window img{height:175px}}