:root {
  --ink: #0d1215;
  --paper: #0d1215;
  --white: #f6f3ec;
  --lime: #d7ad56;
  --orange: #d7ad56;
  --cyan: #b38c43;
  --muted: #a4adb0;
  --line: #2b3438;
  --red: #e79480;
  --green: #d7ad56;
}

body { background: var(--ink); color: var(--white); }
::selection { background: #d7ad56; color: #0d1215; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 2px solid #ffd785; outline-offset: 3px; }
.nav { background: rgba(13,18,21,.94); border-color: rgba(215,173,86,.24); box-shadow: none; }
.brand { color: var(--white); letter-spacing: -.065em; }
.brand-word:after { content: " / BUSINESS FLOW RECOVERY"; color: #d7ad56; font-size: .52rem; font-weight: 700; letter-spacing: .12em; vertical-align: middle; margin-left: 10px; }
.nav-links a:not(.btn) { color: #c4caca; font-weight: 600; }
.lang-switch { background: #161d20; border-color: #3b4547; }
.lang-switch button { color: #c5caca; }
.lang-switch button.active { background: #d7ad56; color: #0d1215; }
.btn { background: #d7ad56; border: 1px solid #d7ad56; border-radius: 2px; color: #0d1215; box-shadow: none; font-weight: 800; letter-spacing: .01em; }
.btn:hover { background: #ebc676; border-color: #ebc676; transform: translateY(-2px); box-shadow: 0 10px 28px rgba(215,173,86,.15); }
.btn.ghost { color: #eee8d8; border-color: #596166; background: transparent; }
.btn.ghost:hover { color: #0d1215; }
.hero { padding: 54px 0 66px; background: radial-gradient(ellipse at 75% 35%, rgba(215,173,86,.08), transparent 45%), #0d1215; }
.hero-grid { grid-template-columns: 1.1fr .9fr; gap: 44px; }
.eyebrow, .kicker { color: #d7ad56; font-size: .7rem; letter-spacing: .19em; }
.eyebrow:before { height: 1px; background: #d7ad56; }
h1 { font-size: clamp(3.25rem,6.4vw,6.6rem); line-height: .91; letter-spacing: -.071em; margin: 20px 0 22px; }
.hero-copy > p { color: #b7bfc0; font-size: 1.12rem; max-width: 580px; }
.hero-actions { margin-top: 27px; }
.microproof { color: #919c9d; margin-top: 31px; font-size: .67rem; }
.microproof span:before { color: #d7ad56; }
.stage { min-height: 490px; background: #121a1d; border: 1px solid #48504c; border-radius: 3px; box-shadow: 10px 10px 0 rgba(215,173,86,.24); }
.stage:before { background: radial-gradient(circle,rgba(215,173,86,.12),transparent 68%); }
.pipeline { background: linear-gradient(180deg,#171f21,#101719); border-color: #354044; border-radius: 2px; height: 350px; }
.channel, .loss-card { background: rgba(27,36,38,.92); border-color: #3f4a49; border-radius: 2px; }
.rail { background: #364045; }
.rail:before { background: linear-gradient(90deg,#8e713b,#d7ad56); }
.node { background: #172023; border-color: #697064; }
.packet { background: #d7ad56; border-color: #51442c; box-shadow: 0 0 20px rgba(215,173,86,.5); }
.seal { border-color: #d7ad56; }
.scanbeam { background: #d7ad56; box-shadow: 0 0 25px 7px rgba(215,173,86,.18); }
.scanbeam:before { color: #d7ad56; }
.replay { background: transparent; border-color: #6d715f; color: #eee8d8; }
.ticker { background: #d7ad56; color: #0d1215; border: 0; }
.ticker-track { padding: 9px 0; font-size: .67rem; letter-spacing: .15em; }
.focus-band { background: #151d20; border-color: #30393b; }
.focus-inner p { color: #a4adaf; }
.focus-inner b { color: #d7ad56; }
section { background: #0d1215; border-top: 1px solid #283135; }
.section-head p, .audit-copy p, .contact p { color: #aab3b4; }
h2.big, .audit-copy h2, .contact h2 { color: #f6f3ec; }
.leaks { border-color: #323d3e; }
.leak { border-color: #323d3e; }
.leak:hover { background: #182023; }
.leak p, .module p, .flow-example p, .offer p { color: #aab3b4; }
.num, .module code, .flow-example span { color: #d7ad56; }
.dark { background: #151c1f; }
.method { background: #364143; border-color: #364143; }
.method-step { background: #151c1f; }
.method-step:after { background: #d7ad56; }
.method-step b { color: #d7ad56; }
.module, .flow-example, .offer { color: #f6f3ec; background: #171f21; border: 1px solid #384244; border-radius: 2px; }
.flow-example article { border-color: #384244; }
.flow-example article:last-child, .offer.featured { background: #25291f; border-color: #b68d48; box-shadow: none; }
.flow-example article:last-child span, .offer.featured .label { color: #d7ad56; }
.proof-note { color: #929c9d; }
.audit { background: #141c1e; }
.audit-box { background: #1c2527; border: 1px solid #685c3f; border-radius: 2px; box-shadow: 9px 9px 0 rgba(215,173,86,.15); }
.field input[type=range] { accent-color: #d7ad56; }
.exposure strong { color: #d7ad56; }
.offer { border-width: 1px; }
.offer li { border-color: #434a46; }
.offer li:before { color: #d7ad56; }
.contact { background: #101719; }
.form label { color: #e5e5df; }
.form input, .form select, .form textarea { color: #f6f3ec; background: #182023; border-color: #4b5555; border-radius: 2px; }
.form input::placeholder, .form textarea::placeholder { color: #9fa8a8; opacity: 1; }
.notice { color: #aab3b4; }
footer { border-top: 1px solid #444841; }
.footer-inner p { color: #9fa8a8; }

@media (max-width: 980px) {
  .hero-grid { grid-template-columns: 1fr; }
  .hero { padding-top: 52px; }
  .stage { max-width: 700px; }
}
@media (max-width: 650px) {
  .brand-word:after { display: none; }
  .hero { padding-top: 42px; }
  h1 { font-size: clamp(3.15rem, 11.5vw, 4.8rem); }
  .hero-actions .btn { width: 100%; }
  .stage { min-height: 475px; box-shadow: 6px 6px 0 rgba(215,173,86,.2); }
  .flow-example article { border-color: #384244; }
  .offer { min-height: 0; }
}

/* Customer journey: direct contact, readable steps and an explicit email handoff. */
html{scroll-padding-top:90px}h1{font-size:clamp(3rem,5.5vw,5.6rem);line-height:1;letter-spacing:-.065em}.contact-email{color:var(--lime);font-weight:800;font-size:clamp(1rem,2vw,1.3rem);overflow-wrap:anywhere}.next-steps{padding:0;list-style:none;counter-reset:steps}.next-steps li{counter-increment:steps;border-top:1px solid var(--line);padding:18px 0 18px 36px;position:relative}.next-steps li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;color:var(--lime);font-size:.8rem}.next-steps strong,.next-steps span{display:block}.next-steps span{margin-top:5px;color:var(--muted);font-size:.91rem}.faq{max-width:860px;margin-left:auto}.faq details{border-top:1px solid #414a4c;padding:20px 0}.faq summary{font-weight:800;cursor:pointer;font-size:1.1rem;line-height:1.5}.faq p{color:var(--muted);max-width:760px}.email-preview{border:1px solid #75633e;padding:22px;background:#1a2426}.email-preview[hidden]{display:none}.email-preview h3{margin-top:0}.email-preview .hero-actions{gap:12px}.form .notice{line-height:1.6}.form #emailDraft{min-height:260px;line-height:1.6}.form .btn{max-width:100%}.form input,.form textarea,.form select{min-width:0;font-size:16px}.form{align-content:start}.nav .btn{white-space:nowrap}.hero-copy,.stage,.contact-grid>*{min-width:0}summary:focus-visible{outline:2px solid var(--lime);outline-offset:5px}@media(max-width:650px){.nav-links{gap:6px}.nav .btn.small{font-size:.72rem;padding:0 9px}.lang-switch button{min-width:30px;padding:4px}.nav-inner{gap:9px}.hero-copy h1{font-size:clamp(2.8rem,10.8vw,4.2rem)}.contact-grid{gap:30px}.contact h2{font-size:2.65rem}.email-preview{padding:16px}.email-preview .btn{width:100%}.hero .microproof{line-height:1.7}}