:root {
  --bg: #070a08;
  --bg-soft: #0b100d;
  --panel: rgba(16, 22, 18, 0.78);
  --panel-2: #101712;
  --line: rgba(210, 255, 223, 0.12);
  --line-strong: rgba(190, 255, 207, 0.22);
  --text: #f1f5f2;
  --muted: #91a096;
  --lime: #b7ff62;
  --lime-2: #8fec49;
  --lime-soft: rgba(183, 255, 98, 0.12);
  --danger: #f08080;
  --mono: "DM Mono", monospace;
  --sans: "Manrope", sans-serif;
  --max: 1180px;
  --radius: 18px;
  --shadow: 0 24px 80px rgba(0,0,0,.35);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--text);
  background: var(--bg);
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
img { max-width: 100%; display: block; }
.site-shell { position: relative; overflow: hidden; }
.container { width: min(calc(100% - 40px), var(--max)); margin: 0 auto; }
.section-pad { padding: 112px 0; position: relative; }
.noise {
  position: fixed; inset: 0; pointer-events: none; z-index: 30; opacity: .035;
  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='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");
}
.grid-glow {
  position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1300px; height: 900px;
  background:
    linear-gradient(rgba(183,255,98,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(183,255,98,.035) 1px, transparent 1px),
    radial-gradient(circle at 50% 18%, rgba(183,255,98,.12), transparent 40%);
  background-size: 56px 56px, 56px 56px, auto;
  mask-image: linear-gradient(to bottom, #000 0%, transparent 88%);
  pointer-events: none;
}

.site-header {
  position: fixed; top: 0; left: 0; right: 0; z-index: 20; border-bottom: 1px solid transparent;
  transition: .25s ease; background: rgba(7,10,8,.25); backdrop-filter: blur(14px);
}
.site-header.scrolled { border-color: var(--line); background: rgba(7,10,8,.82); }
.header-inner { height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: inline-flex; align-items: center; gap: 12px; font-weight: 700; }
.brand-mark {
  display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 30px;
  border: 1px solid var(--lime); color: var(--lime); font: 500 11px/1 var(--mono); letter-spacing: .16em;
  clip-path: polygon(0 0, 86% 0, 100% 25%, 100% 100%, 14% 100%, 0 75%);
}
.brand-name { font-size: 14px; letter-spacing: -.01em; }
.site-nav { display: flex; align-items: center; gap: 30px; font-size: 13px; color: #b3beb6; }
.site-nav a { transition: color .2s ease; }
.site-nav a:hover { color: var(--text); }
.nav-cta { padding: 10px 15px; border: 1px solid var(--line-strong); background: rgba(255,255,255,.02); color: var(--lime) !important; }
.menu-toggle { display: none; width: 40px; height: 40px; border: 1px solid var(--line); background: transparent; padding: 12px; }
.menu-toggle span { display: block; height: 1px; background: var(--text); margin: 5px 0; }

.hero { padding-top: 176px; min-height: 820px; display: flex; align-items: center; }
.hero-grid { display: grid; grid-template-columns: 1.02fr .98fr; gap: 68px; align-items: center; }
.eyebrow, .section-kicker {
  display: inline-flex; align-items: center; gap: 9px; color: var(--lime); font: 500 11px/1 var(--mono); letter-spacing: .16em; text-transform: uppercase;
}
.status-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 5px rgba(183,255,98,.08), 0 0 18px rgba(183,255,98,.45); }
h1, h2, h3, p { margin-top: 0; }
h1 { margin: 24px 0 28px; max-width: 760px; font-size: clamp(48px, 5vw, 74px); line-height: .98; letter-spacing: -.055em; font-weight: 700; }
h1 span, h2 span { color: var(--lime); }
.hero-offer { max-width: 700px; font-size: 18px; line-height: 1.7; color: #aab6ae; }
.hero-offer strong { color: var(--text); font-weight: 600; }
.hero-actions { display: flex; gap: 12px; margin-top: 34px; flex-wrap: wrap; }
.btn { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 0 19px; font-weight: 700; font-size: 13px; border: 1px solid transparent; transition: transform .2s ease, background .2s ease, border-color .2s ease; }
.btn:hover { transform: translateY(-2px); }
.btn-primary { color: #071007; background: var(--lime); box-shadow: 0 12px 34px rgba(183,255,98,.12); }
.btn-primary:hover { background: #c7ff86; }
.btn-ghost { border-color: var(--line-strong); background: rgba(255,255,255,.025); color: #dbe2dd; }
.btn-block { width: 100%; }
.hero-meta { display: flex; gap: 18px; flex-wrap: wrap; margin-top: 34px; color: #6f7e74; font: 400 10px/1.4 var(--mono); text-transform: uppercase; letter-spacing: .1em; }
.hero-meta span { display: inline-flex; align-items: center; gap: 9px; }
.hero-meta span::before { content: "+"; color: var(--lime); }

.system-window { border: 1px solid var(--line-strong); background: linear-gradient(180deg, rgba(19,28,22,.92), rgba(9,13,10,.96)); box-shadow: var(--shadow); position: relative; }
.system-window::after { content:""; position:absolute; inset:-1px; background: radial-gradient(circle at 75% 15%, rgba(183,255,98,.12), transparent 35%); pointer-events:none; }
.window-bar, .system-footer { height: 46px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 16px; border-bottom: 1px solid var(--line); color: #6f7b73; font: 400 10px/1 var(--mono); letter-spacing: .04em; }
.window-dots { display: flex; gap: 5px; }
.window-dots i { width: 6px; height: 6px; border-radius: 50%; background: #38433c; }
.window-live { justify-self: end; color: var(--lime); }
.system-body { min-height: 440px; padding: 34px 24px; display: grid; grid-template-columns: 1fr 120px 1fr; align-items: center; gap: 14px; position: relative; z-index: 1; }
.flow-column { display: flex; flex-direction: column; align-items: stretch; }
.flow-label { color: #708077; font: 500 9px/1 var(--mono); letter-spacing: .12em; margin-bottom: 14px; }
.flow-card { min-height: 64px; border: 1px solid var(--line); background: rgba(255,255,255,.015); display: grid; grid-template-columns: 28px 1fr auto; align-items: center; gap: 8px; padding: 10px; }
.flow-card b { font: 500 9px/1 var(--mono); color: #66736a; }
.flow-card span { font-size: 11px; font-weight: 600; }
.flow-card small { font: 500 8px/1 var(--mono); }
.flow-card.danger small { color: var(--danger); }
.flow-card.success { border-color: rgba(183,255,98,.22); background: rgba(183,255,98,.035); }
.flow-card.success small { color: var(--lime); }
.flow-line { width: 1px; height: 22px; background: #2a332d; margin-left: 20px; }
.flow-line.active { background: linear-gradient(var(--lime), rgba(183,255,98,.15)); box-shadow: 0 0 10px rgba(183,255,98,.25); }
.compression-core { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; height: 150px; }
.core-ring { width: 88px; height: 88px; border: 1px solid rgba(183,255,98,.35); border-radius: 50%; position: absolute; box-shadow: inset 0 0 25px rgba(183,255,98,.04); }
.core-ring::before, .core-ring::after { content:""; position:absolute; inset:9px; border-radius:50%; border:1px dashed rgba(183,255,98,.22); }
.core-ring::after { inset: 23px; border-style: solid; background: rgba(183,255,98,.04); }
.core-pulse { position:absolute; width: 6px; height: 6px; border-radius:50%; background:var(--lime); box-shadow:0 0 15px var(--lime); animation:pulse 2s infinite; }
.compression-core strong { margin-top: 120px; color: var(--lime); font: 500 9px/1 var(--mono); letter-spacing:.1em; }
.compression-core small { color:#536057; font:400 7px/1 var(--mono); margin-top:5px; }
.system-footer { grid-template-columns: repeat(3,1fr); border-top:1px solid var(--line); border-bottom:0; height:auto; min-height:54px; gap:10px; }
.system-footer span { display:flex; align-items:center; gap:7px; }
.ok { width:5px;height:5px;border-radius:50%;background:var(--lime); box-shadow:0 0 9px rgba(183,255,98,.5); }
@keyframes pulse { 0%,100%{transform:scale(1);opacity:.7} 50%{transform:scale(1.8);opacity:1} }

.signal-strip, .tech-strip { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); overflow: hidden; background: #0b0f0c; }
.marquee-track, .tech-track { min-width: max-content; display: flex; align-items: center; gap: 26px; padding: 18px 0; animation: marquee 28s linear infinite; color: #5f6d63; font: 500 10px/1 var(--mono); letter-spacing: .12em; }
.marquee-track i, .tech-track i { color: var(--lime); font-style: normal; }
@keyframes marquee { to { transform: translateX(-50%); } }

.split-heading { display: grid; grid-template-columns: 1.1fr .7fr; gap: 110px; align-items: end; margin-bottom: 58px; }
h2 { font-size: clamp(38px, 4vw, 58px); line-height: 1.05; letter-spacing: -.045em; margin: 18px 0 0; max-width: 820px; }
.section-intro { color: var(--muted); margin-bottom: 4px; font-size: 15px; }
.leak-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.leak-card { min-height: 320px; padding: 28px; border:1px solid var(--line); background:linear-gradient(180deg, rgba(255,255,255,.022), rgba(255,255,255,.008)); position:relative; overflow:hidden; }
.leak-card::after { content:""; position:absolute; width:180px; height:180px; right:-90px; bottom:-90px; border:1px solid rgba(183,255,98,.08); border-radius:50%; }
.leak-number { position:absolute; right:22px; top:20px; color:#49554d; font:500 10px/1 var(--mono); }
.leak-icon { width:42px; height:42px; border:1px solid var(--line-strong); display:flex; align-items:center; justify-content:center; color:var(--lime); font-family:var(--mono); margin-bottom:58px; }
.leak-card h3 { font-size:21px; letter-spacing:-.025em; margin-bottom:12px; }
.leak-card p { color:var(--muted); font-size:14px; }
.leak-tag { position:absolute; left:28px; bottom:24px; color:#5e6a62; font:500 9px/1 var(--mono); letter-spacing:.1em; }

.method-section { border-top:1px solid var(--line); background:linear-gradient(180deg,#090d0a,#070a08); }
.method-head { display:grid; grid-template-columns:1.08fr .66fr; gap:100px; align-items:end; margin:18px 0 72px; }
.method-head p { color:var(--muted); font-size:15px; margin-bottom:4px; }
.method-track { display:grid; grid-template-columns:repeat(5,1fr); position:relative; }
.method-track::before { content:""; position:absolute; left:7%; right:7%; top:55px; height:1px; background:linear-gradient(90deg,transparent,var(--line-strong) 10%,var(--line-strong) 90%,transparent); }
.method-step { position:relative; padding:0 22px; text-align:center; }
.step-num { color:#536057; font:500 9px/1 var(--mono); }
.step-node { width:14px; height:14px; border:1px solid var(--lime); background:var(--bg); border-radius:50%; margin:24px auto 28px; position:relative; z-index:2; box-shadow:0 0 0 7px rgba(183,255,98,.04); }
.method-step h3 { font-size:20px; margin-bottom:10px; }
.method-step p { color:var(--muted); font-size:13px; min-height:82px; }
.method-step small { color:#58665d; font:500 8px/1.2 var(--mono); letter-spacing:.09em; }

.builds-section { background: radial-gradient(circle at 20% 35%, rgba(183,255,98,.035), transparent 23%); }
.build-list { display:flex; flex-direction:column; gap:18px; }
.build-card { display:grid; grid-template-columns:.88fr 1.12fr; min-height:410px; border:1px solid var(--line); background:#0a0f0c; overflow:hidden; }
.build-card.reverse { grid-template-columns:1.12fr .88fr; }
.build-card.reverse .build-copy { order:2; }
.build-card.reverse .build-visual { order:1; border-left:0; border-right:1px solid var(--line); }
.build-copy { padding:44px; display:flex; flex-direction:column; justify-content:center; }
.build-meta { display:flex; justify-content:space-between; color:#5c695f; font:500 9px/1 var(--mono); letter-spacing:.1em; margin-bottom:30px; }
.build-copy h3 { font-size:31px; line-height:1.14; letter-spacing:-.035em; margin-bottom:17px; }
.build-copy p { color:var(--muted); font-size:14px; max-width:560px; }
.build-tags { display:flex; flex-wrap:wrap; gap:7px; padding:0; margin:18px 0 0; list-style:none; }
.build-tags li { border:1px solid var(--line); padding:7px 9px; color:#87938b; font:500 8px/1 var(--mono); text-transform:uppercase; }
.build-visual { border-left:1px solid var(--line); padding:30px; background:linear-gradient(135deg,rgba(183,255,98,.025),transparent 45%), #080c09; display:flex; flex-direction:column; justify-content:center; }
.ui-top { display:flex; justify-content:space-between; align-items:center; padding:0 0 14px; border-bottom:1px solid var(--line); color:#66736a; font:500 9px/1 var(--mono); }
.ui-top b { color:var(--lime); font-weight:500; }
.qualification-ui { position:relative; }
.score-ring { width:142px; height:142px; border:1px solid rgba(183,255,98,.33); border-radius:50%; margin:34px auto 30px; display:flex; flex-direction:column; justify-content:center; align-items:center; box-shadow:inset 0 0 45px rgba(183,255,98,.03),0 0 0 10px rgba(183,255,98,.015); }
.score-ring span { font:500 42px/1 var(--mono); color:var(--lime); }
.score-ring small { font:500 8px/1 var(--mono); color:#66736a; margin-top:7px; }
.qual-data { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.qual-data div, .intent-grid div { padding:12px; border:1px solid var(--line); background:rgba(255,255,255,.012); }
.qual-data span, .intent-grid span { display:block; color:#606d64; font:500 8px/1 var(--mono); margin-bottom:8px; }
.qual-data b, .intent-grid b { color:#dbe2dd; font:500 10px/1 var(--mono); }
.ui-log { margin-top:8px; padding:12px; border:1px solid rgba(183,255,98,.14); color:#91a096; font:400 9px/1 var(--mono); display:flex; align-items:center; gap:8px; }
.ui-log i { width:5px;height:5px;border-radius:50%;background:var(--lime); }
.recovery-ui { gap:9px; }
.recovery-ui .ui-top { margin-bottom:22px; }
.timeline-row { min-height:60px; border:1px solid var(--line); display:grid; grid-template-columns:38px 1fr auto; align-items:center; gap:10px; padding:10px 14px; color:#68756c; }
.timeline-row b { font:500 9px/1 var(--mono); color:#526057; }
.timeline-row span { font-size:12px; font-weight:600; }
.timeline-row small { font:500 8px/1 var(--mono); }
.timeline-row.done { opacity:.65; }
.timeline-row.active, .timeline-row.now { border-color:rgba(183,255,98,.22); color:#dfe7e1; }
.timeline-row.now { background:rgba(183,255,98,.04); box-shadow:inset 3px 0 0 var(--lime); }
.timeline-row.now small, .timeline-row.active small { color:var(--lime); }
.reply-ui .ui-top { margin-bottom:28px; }
.message-bubble { width:88%; margin:0 auto 22px; padding:18px; border:1px solid rgba(183,255,98,.18); background:rgba(183,255,98,.035); font:400 13px/1.6 var(--mono); color:#cbd5cd; }
.intent-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; }
.intent-grid b { color:var(--lime); }

.audit-section { padding-top:80px; }
.audit-shell { border:1px solid rgba(183,255,98,.24); background:linear-gradient(120deg,rgba(183,255,98,.06),transparent 40%),#0a0f0c; display:grid; grid-template-columns:1.08fr .92fr; box-shadow:var(--shadow); }
.audit-copy { padding:58px; }
.audit-copy h2 { font-size:clamp(38px,4vw,54px); }
.audit-copy > p { max-width:650px; color:var(--muted); margin:22px 0 30px; }
.audit-points { display:flex; flex-direction:column; gap:12px; }
.audit-points span { display:flex; align-items:center; gap:14px; color:#c2cbc4; font-size:13px; }
.audit-points i { color:var(--lime); font:500 9px/1 var(--mono); font-style:normal; }
.audit-console { margin:18px; border:1px solid var(--line); background:#070a08; padding:24px; align-self:stretch; }
.console-head { display:flex; justify-content:space-between; border-bottom:1px solid var(--line); padding-bottom:15px; color:#657169; font:500 9px/1 var(--mono); }
.console-head b { color:var(--lime); }
.audit-console pre { margin:38px 0; color:#7e8b82; font:400 12px/2 var(--mono); white-space:pre-wrap; }
.audit-console code span { color:#a6b2a9; }
.audit-console code b { color:var(--lime); font-weight:500; }
.audit-console code em { color:#d8e0da; font-style:normal; }
.console-note { display:block; text-align:center; color:#566259; font:400 8px/1.4 var(--mono); margin-top:13px; }

.center-heading { text-align:center; max-width:860px; margin:0 auto 54px; }
.center-heading h2 { margin-left:auto; margin-right:auto; }
.work-section { border-top:1px solid var(--line); }
.work-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.work-card { min-height:440px; border:1px solid var(--line); background:#0a0e0b; padding:34px; position:relative; display:flex; flex-direction:column; }
.work-card.featured { border-color:rgba(183,255,98,.35); background:linear-gradient(180deg,rgba(183,255,98,.055),rgba(183,255,98,.01)); }
.work-badge { position:absolute; top:-1px; right:28px; padding:9px 12px; background:var(--lime); color:#071007; font:500 8px/1 var(--mono); letter-spacing:.08em; }
.work-index { color:#5a675f; font:500 10px/1 var(--mono); margin-bottom:54px; }
.work-card h3 { font-size:25px; letter-spacing:-.03em; }
.work-card p { color:var(--muted); font-size:14px; }
.work-card ul { list-style:none; padding:0; margin:22px 0 30px; display:flex; flex-direction:column; gap:10px; }
.work-card li { color:#a9b4ac; font-size:12px; display:flex; align-items:center; gap:9px; }
.work-card li::before { content:"+"; color:var(--lime); font-family:var(--mono); }
.work-card a { margin-top:auto; color:var(--lime); font:500 10px/1 var(--mono); text-transform:uppercase; letter-spacing:.08em; }

.guarantee-section { padding-top:40px; }
.guarantee-shell { min-height:320px; border-top:1px solid var(--line-strong); border-bottom:1px solid var(--line-strong); display:grid; grid-template-columns:240px 1fr; align-items:center; gap:54px; }
.guarantee-stamp { width:190px; height:190px; border:1px solid rgba(183,255,98,.38); border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; text-align:center; position:relative; }
.guarantee-stamp::before { content:""; position:absolute; inset:10px; border:1px dashed rgba(183,255,98,.18); border-radius:50%; }
.guarantee-stamp > span { font:500 58px/1 var(--mono); color:var(--lime); }
.guarantee-stamp small { color:#8c9a90; font:500 8px/1.4 var(--mono); }
.guarantee-stamp small > span { display:block; }
.guarantee-copy h2 { max-width:850px; font-size:clamp(36px,4vw,52px); }
.guarantee-copy p { max-width:820px; color:#adb8b0; margin:22px 0 14px; }
.guarantee-copy > small { color:#657169; font:400 9px/1.5 var(--mono); }

.lab-section { background:linear-gradient(180deg,#070a08,#090e0b); }
.lab-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:70px; align-items:center; }
.lab-copy p { color:var(--muted); max-width:580px; margin:24px 0 30px; }
.lab-chip-row { display:flex; flex-wrap:wrap; gap:8px; }
.lab-chip-row span { padding:7px 10px; border:1px solid var(--line); color:#758279; font:500 8px/1 var(--mono); }
.hermes-terminal { border:1px solid var(--line-strong); background:#060806; box-shadow:var(--shadow); }
.terminal-bar { display:flex; justify-content:space-between; padding:16px 18px; border-bottom:1px solid var(--line); color:#67736b; font:500 9px/1 var(--mono); }
.terminal-bar b { color:var(--lime); }
.terminal-lines { padding:28px; min-height:310px; font:400 11px/1.75 var(--mono); color:#809087; }
.terminal-lines p { margin:0 0 6px; }
.terminal-lines i { color:var(--lime); font-style:normal; }
.terminal-lines span { color:#c1ccc4; }
.terminal-lines .cursor { margin-top:18px; color:#68766d; }
.terminal-footer { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }
.terminal-footer span { padding:13px 10px; text-align:center; color:#59665d; font:400 8px/1 var(--mono); border-right:1px solid var(--line); }
.terminal-footer span:last-child { border-right:0; }

.final-cta { padding-top:70px; }
.final-shell { min-height:310px; display:grid; grid-template-columns:1.1fr .65fr; gap:100px; align-items:center; border-top:1px solid var(--line); }
.final-action p { color:var(--muted); margin-bottom:24px; }
.tech-track { color:#77837b; animation-duration:34s; }
.tech-track span { font-size:10px; }

.site-footer { padding:64px 0 30px; border-top:1px solid var(--line); background:#060806; }
.footer-grid { display:grid; grid-template-columns:1.3fr .7fr .45fr; gap:80px; }
.footer-brand { margin-bottom:16px; }
.footer-grid p { color:#66736a; font-size:12px; }
.footer-links { display:flex; flex-direction:column; gap:9px; }
.footer-links > span { color:#566159; font:500 8px/1 var(--mono); letter-spacing:.1em; margin-bottom:7px; }
.footer-links a { color:#a9b4ac; font-size:12px; }
.footer-links a:hover { color:var(--lime); }
.footer-bottom { display:flex; justify-content:space-between; padding-top:38px; margin-top:42px; border-top:1px solid var(--line); color:#4e5a52; font:400 8px/1 var(--mono); letter-spacing:.08em; }

.reveal { opacity:0; transform:translateY(20px); transition:opacity .65s ease, transform .65s ease; }
.reveal.visible { opacity:1; transform:none; }
.delay-1 { transition-delay:.08s; } .delay-2 { transition-delay:.16s; } .delay-3 { transition-delay:.24s; } .delay-4 { transition-delay:.32s; }

@media (max-width: 1020px) {
  .hero { min-height:auto; }
  .hero-grid, .split-heading, .method-head, .lab-grid { grid-template-columns:1fr; gap:46px; }
  .hero-system { max-width:760px; }
  .split-heading, .method-head { margin-bottom:46px; }
  .section-intro, .method-head p { max-width:680px; }
  .leak-grid { grid-template-columns:1fr; }
  .leak-card { min-height:260px; }
  .method-track { grid-template-columns:repeat(3,1fr); gap:36px 10px; }
  .method-track::before { display:none; }
  .build-card, .build-card.reverse { grid-template-columns:1fr; }
  .build-card.reverse .build-copy, .build-card.reverse .build-visual { order:initial; }
  .build-card.reverse .build-visual, .build-visual { border-left:0; border-right:0; border-top:1px solid var(--line); }
  .audit-shell { grid-template-columns:1fr; }
  .work-grid { grid-template-columns:1fr; }
  .work-card { min-height:auto; }
  .guarantee-shell { grid-template-columns:180px 1fr; gap:34px; }
  .guarantee-stamp { width:160px; height:160px; }
  .final-shell { grid-template-columns:1fr; gap:30px; padding:70px 0; }
}

@media (max-width: 760px) {
  .container { width:min(calc(100% - 28px), var(--max)); }
  .section-pad { padding:78px 0; }
  .site-header { background:rgba(7,10,8,.86); border-bottom:1px solid var(--line); }
  .header-inner { height:68px; }
  .brand-name { display:none; }
  .menu-toggle { display:block; }
  .site-nav { position:fixed; left:14px; right:14px; top:78px; display:flex; flex-direction:column; align-items:stretch; gap:0; padding:8px; border:1px solid var(--line-strong); background:#0a0f0c; box-shadow:var(--shadow); opacity:0; pointer-events:none; transform:translateY(-10px); transition:.2s ease; }
  .site-nav.open { opacity:1; pointer-events:auto; transform:none; }
  .site-nav a { padding:15px; border-bottom:1px solid var(--line); }
  .site-nav a:last-child { border-bottom:0; }
  .nav-cta { margin-top:8px; }
  .hero { padding-top:130px; }
  h1 { font-size:clamp(44px,13vw,64px); }
  h2 { font-size:clamp(34px,10vw,48px); }
  .hero-offer { font-size:16px; }
  .hero-actions { flex-direction:column; }
  .btn { width:100%; }
  .system-body { grid-template-columns:1fr; gap:22px; padding:24px 16px; }
  .compression-core { height:112px; }
  .compression-core strong { margin-top:96px; }
  .core-ring { width:68px; height:68px; }
  .system-footer { grid-template-columns:1fr; padding:13px 16px; }
  .window-bar { grid-template-columns:auto 1fr auto; gap:10px; }
  .window-bar > span:nth-child(2) { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .method-track { grid-template-columns:1fr; }
  .method-step { text-align:left; padding:0; display:grid; grid-template-columns:40px 1fr; column-gap:10px; }
  .step-num { grid-column:1; grid-row:1; margin-top:7px; }
  .step-node { grid-column:1; grid-row:2 / span 3; margin:5px 0 0; }
  .method-step h3, .method-step p, .method-step small { grid-column:2; }
  .method-step p { min-height:0; }
  .build-copy { padding:30px 24px; }
  .build-copy h3 { font-size:27px; }
  .build-visual { padding:20px; }
  .qual-data { grid-template-columns:1fr; }
  .audit-copy { padding:36px 24px; }
  .audit-console { margin:8px; padding:18px; }
  .audit-console pre { font-size:10px; }
  .work-card { padding:28px 24px; }
  .guarantee-shell { grid-template-columns:1fr; padding:54px 0; }
  .guarantee-stamp { width:145px; height:145px; }
  .lab-grid { gap:38px; }
  .terminal-lines { padding:20px; font-size:9px; min-height:270px; }
  .terminal-footer { grid-template-columns:1fr; }
  .terminal-footer span { border-right:0; border-bottom:1px solid var(--line); }
  .footer-grid { grid-template-columns:1fr; gap:38px; }
  .footer-brand .brand-name { display:inline; }
  .footer-bottom { gap:20px; flex-direction:column; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *, *::before, *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
  .reveal { opacity:1; transform:none; }
}

/* 2026-09-04 live QA refinement */
:root {
  --text: #f4f7f5;
  --muted: #a0ada4;
  --max: 1220px;
}

.brand {
  gap: 14px;
}
.brand-name {
  font-size: 15px;
  font-weight: 800;
  letter-spacing: -.025em;
}
.brand-signal {
  padding-left: 14px;
  border-left: 1px solid var(--line-strong);
  color: #67756c;
  font: 500 8px/1 var(--mono);
  letter-spacing: .12em;
  text-transform: uppercase;
  white-space: nowrap;
}

.hero {
  padding-top: 160px;
  min-height: 800px;
}
.hero-grid {
  grid-template-columns: 1.04fr .96fr;
  gap: 58px;
}
h1 {
  font-size: clamp(52px, 5.2vw, 78px);
  line-height: .97;
}
.hero-offer {
  max-width: 660px;
  color: #b1bcb4;
}
.hero-system {
  transform: translateY(8px);
}

.section-pad {
  padding: 102px 0;
}
.split-heading {
  margin-bottom: 50px;
}
.section-intro {
  color: #9daba1;
}

.build-card {
  min-height: 430px;
  border-color: rgba(210,255,223,.14);
}
.build-copy {
  padding: 48px;
}
.build-copy p {
  color: #a0ada4;
  line-height: 1.72;
}
.proof-visual {
  padding: 0;
  min-height: 430px;
  display: grid;
  grid-template-rows: auto 1fr auto;
  background:
    radial-gradient(circle at 50% 50%, rgba(183,255,98,.045), transparent 48%),
    #060806;
}
.proof-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  min-height: 48px;
  padding: 0 16px;
  border-bottom: 1px solid var(--line);
  color: #6f7c73;
  font: 500 8px/1 var(--mono);
  letter-spacing: .09em;
}
.proof-bar b {
  color: var(--lime);
  font-weight: 500;
}
.proof-shot {
  min-height: 320px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
  overflow: hidden;
  cursor: zoom-in;
  position: relative;
}
.proof-shot::after {
  content: "VIEW FULL";
  position: absolute;
  right: 28px;
  bottom: 26px;
  padding: 8px 10px;
  border: 1px solid rgba(183,255,98,.32);
  background: rgba(7,10,8,.88);
  color: var(--lime);
  font: 500 7px/1 var(--mono);
  letter-spacing: .1em;
  opacity: 0;
  transform: translateY(4px);
  transition: .2s ease;
}
.proof-shot:hover::after {
  opacity: 1;
  transform: none;
}
.proof-shot img {
  width: 100%;
  max-height: 350px;
  object-fit: contain;
  border: 1px solid rgba(255,255,255,.055);
  box-shadow: 0 16px 40px rgba(0,0,0,.32);
  transition: transform .25s ease, border-color .25s ease;
}
.proof-shot:hover img {
  transform: scale(1.015);
  border-color: rgba(183,255,98,.18);
}
.proof-shot-wide img {
  max-height: 300px;
}
.proof-note {
  min-height: 54px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  padding: 12px 16px;
  border-top: 1px solid var(--line);
  color: #7f8c83;
  font: 400 8px/1.45 var(--mono);
}
.proof-note span {
  display: flex;
  align-items: center;
  gap: 9px;
}
.proof-note i {
  width: 5px;
  height: 5px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--lime);
  box-shadow: 0 0 9px rgba(183,255,98,.45);
}
.proof-note b {
  color: #718078;
  font-weight: 500;
  white-space: nowrap;
}

.audit-shell,
.work-card,
.hermes-terminal {
  box-shadow: 0 24px 70px rgba(0,0,0,.22);
}
.work-card {
  min-height: 410px;
}

@media (max-width: 1020px) {
  .hero-system { transform: none; }
  .build-card, .build-card.reverse { min-height: 0; }
  .proof-visual { min-height: 390px; }
}

@media (max-width: 760px) {
  .brand-signal { display: none; }
  .brand-name { display: inline; font-size: 14px; }
  .hero { padding-top: 116px; }
  .section-pad { padding: 76px 0; }
  .build-copy { padding: 30px 24px; }
  .proof-visual { min-height: 330px; }
  .proof-shot { min-height: 245px; padding: 12px; }
  .proof-shot img, .proof-shot-wide img { max-height: 250px; }
  .proof-note { align-items: flex-start; }
  .proof-note b { display: none; }
  .footer-brand .brand-signal { display: inline; }
}

/* 2026-09-04 design revision preview */
.brand-copy {
  display: inline-flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.bws-mark {
  width: 56px;
  height: 40px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  isolation: isolate;
}
.bws-frame {
  position: absolute;
  inset: 3px 2px;
  border: 1px solid rgba(183,255,98,.64);
  clip-path: polygon(0 0, 74% 0, 100% 34%, 100% 100%, 26% 100%, 0 66%);
  background:
    linear-gradient(135deg, rgba(183,255,98,.08), transparent 48%),
    rgba(183,255,98,.018);
  box-shadow: inset 0 0 18px rgba(183,255,98,.035);
}
.bws-frame::before,
.bws-frame::after {
  content: "";
  position: absolute;
  background: var(--lime);
  opacity: .8;
}
.bws-frame::before { width: 14px; height: 1px; right: -1px; top: 8px; }
.bws-frame::after { width: 1px; height: 11px; left: 8px; bottom: -1px; }
.bws-letters {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  letter-spacing: -4px;
  transform: translateX(-1px) skewX(-8deg);
}
.bws-letters i {
  font-style: normal;
  font-family: var(--sans);
  font-size: 15px;
  line-height: 1;
  font-weight: 800;
  color: #edf5ef;
  text-shadow: 0 0 16px rgba(255,255,255,.05);
}
.bws-letters i:nth-child(2) {
  color: var(--lime);
  font-size: 17px;
  transform: translateY(1px) scaleX(.92);
}
.bws-letters i:nth-child(3) { color: #9eaca2; }
.bws-node {
  position: absolute;
  z-index: 3;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--lime);
  box-shadow: 0 0 10px rgba(183,255,98,.75);
}
.bws-node-a { right: 3px; top: 4px; }
.bws-node-b { left: 3px; bottom: 4px; }
.bws-mark-small { width: 50px; height: 36px; }

h1 > span { display: block; margin-top: 8px; }

.workflow-window { overflow: hidden; }
.workflow-window .window-live {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.workflow-window .window-live i {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--lime);
  box-shadow: 0 0 10px rgba(183,255,98,.65);
  animation: liveBlink 1.25s ease-in-out infinite;
}
@keyframes liveBlink { 0%,100% { opacity:.35; transform:scale(.8); } 50% { opacity:1; transform:scale(1.25); } }

.workflow-canvas {
  min-height: 440px;
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 50%, rgba(183,255,98,.075), transparent 32%),
    linear-gradient(rgba(183,255,98,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(183,255,98,.035) 1px, transparent 1px);
  background-size: auto, 32px 32px, 32px 32px;
}
.workflow-canvas::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(7,10,8,.5), transparent 16%, transparent 84%, rgba(7,10,8,.5));
  pointer-events: none;
  z-index: 1;
}
.workflow-wires {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.workflow-wire {
  fill: none;
  stroke: rgba(173,196,181,.65);
  stroke-width: 1.6;
  stroke-dasharray: 7 9;
  vector-effect: non-scaling-stroke;
  animation: wireFlow 2.1s linear infinite;
}
.workflow-wire.output-wire {
  stroke: rgba(183,255,98,.72);
  stroke-width: 1.8;
  animation-duration: 1.55s;
}
@keyframes wireFlow { to { stroke-dashoffset: -32; } }
.flow-packet {
  fill: #d8e0da;
  filter: url(#flowGlow);
  opacity: .78;
}
.output-packet { fill: var(--lime); opacity: 1; }
.workflow-node {
  position: absolute;
  z-index: 5;
  width: 134px;
  min-height: 58px;
  padding: 10px 10px 9px;
  border: 1px solid rgba(210,255,223,.14);
  background: rgba(9,14,11,.92);
  box-shadow: 0 10px 28px rgba(0,0,0,.2);
  display: grid;
  grid-template-columns: 22px 1fr;
  grid-template-rows: auto auto;
  column-gap: 6px;
  align-items: center;
}
.workflow-node::after {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  background: #5d6a61;
  box-shadow: 0 0 8px rgba(255,255,255,.08);
}
.source-node::after { right: -3px; }
.output-node::after { left: -3px; background: var(--lime); box-shadow: 0 0 9px rgba(183,255,98,.5); }
.workflow-node > span {
  grid-row: 1 / span 2;
  color: #5f6d64;
  font: 500 8px/1 var(--mono);
}
.workflow-node strong {
  font-size: 10px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -.01em;
  color: #d9e1db;
}
.workflow-node small {
  margin-top: 5px;
  color: #607067;
  font: 500 7px/1 var(--mono);
  letter-spacing: .08em;
}
.output-node { border-color: rgba(183,255,98,.18); background: rgba(12,18,13,.94); }
.output-node small { color: #8bb861; }
.source-a { left: 2.5%; top: 15%; }
.source-b { left: 2.5%; top: 42%; }
.source-c { left: 2.5%; top: 69%; }
.output-a { right: 2.5%; top: 14%; }
.output-b { right: 2.5%; top: 33%; }
.output-c { right: 2.5%; top: 52%; }
.output-d { right: 2.5%; top: 70%; }

.workflow-engine {
  position: absolute;
  z-index: 6;
  left: 50%;
  top: 50%;
  width: 112px;
  height: 112px;
  transform: translate(-50%,-50%);
  border: 1px solid rgba(183,255,98,.38);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: radial-gradient(circle, rgba(183,255,98,.085), rgba(8,13,10,.96) 64%);
  box-shadow: 0 0 42px rgba(183,255,98,.08), inset 0 0 28px rgba(183,255,98,.035);
}
.workflow-engine strong {
  position: relative;
  z-index: 4;
  color: var(--lime);
  font: 500 8px/1.2 var(--mono);
  letter-spacing: .08em;
}
.workflow-engine small {
  position: relative;
  z-index: 4;
  margin-top: 7px;
  color: #66736b;
  font: 400 5px/1 var(--mono);
  letter-spacing: .05em;
}
.engine-orbit {
  position: absolute;
  inset: 9px;
  border: 1px dashed rgba(183,255,98,.18);
  border-radius: 50%;
  animation: orbitSpin 12s linear infinite;
}
.orbit-two { inset: 20px; animation-direction: reverse; animation-duration: 7s; border-style: solid; opacity:.55; }
@keyframes orbitSpin { to { transform: rotate(360deg); } }
.workflow-status { position: relative; z-index: 7; }

.logo-strip { background: #080b09; }
.logo-track {
  width: max-content;
  display: flex;
  align-items: center;
  gap: 22px;
  padding: 17px 0;
  animation: marquee 26s linear infinite;
}
.tool-logo {
  width: 92px;
  height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(210,255,223,.09);
  background: rgba(255,255,255,.012);
  opacity: .62;
  transition: opacity .2s ease, border-color .2s ease, transform .2s ease;
}
.tool-logo:hover { opacity: 1; border-color: rgba(183,255,98,.22); transform: translateY(-2px); }
.tool-logo img {
  width: 27px;
  height: 27px;
  object-fit: contain;
  filter: invert(91%) sepia(7%) saturate(252%) hue-rotate(91deg) brightness(93%) contrast(89%);
}
.ghl-logo b {
  width: 27px;
  height: 27px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #9ca9a0;
  color: #c5cec8;
  font: 800 8px/1 var(--sans);
  letter-spacing: -.06em;
  clip-path: polygon(0 0, 75% 0, 100% 25%, 100% 100%, 25% 100%, 0 75%);
}

@media (max-width: 1020px) {
  .workflow-canvas { min-height: 420px; }
  .workflow-node { width: 128px; }
}

@media (max-width: 760px) {
  .brand { gap: 10px; }
  .bws-mark { width: 48px; height: 34px; }
  .brand-copy .brand-name { display: inline; font-size: 12px; }
  .brand-copy .brand-signal { display: none; }
  h1 > span { margin-top: 7px; }
  .workflow-canvas { min-height: 520px; }
  .workflow-node {
    width: 118px;
    min-height: 54px;
    padding: 9px 8px;
  }
  .workflow-node strong { font-size: 8px; }
  .workflow-node small { font-size: 6px; }
  .source-a { left: 2%; top: 9%; }
  .source-b { left: 2%; top: 28%; }
  .source-c { left: 2%; top: 47%; }
  .output-a { right: 2%; top: 9%; }
  .output-b { right: 2%; top: 28%; }
  .output-c { right: 2%; top: 63%; }
  .output-d { right: 2%; top: 81%; }
  .workflow-engine { width: 92px; height: 92px; left: 50%; top: 54%; }
  .workflow-engine strong { font-size: 7px; }
  .workflow-engine small { font-size: 4px; }
  .tool-logo { width: 76px; height: 44px; }
  .tool-logo img, .ghl-logo b { width: 24px; height: 24px; }
  .footer-brand .brand-copy .brand-signal { display: inline; }
}

/* Revision batch 2: clarity, case-study visualization, centered marquees */
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.brand-mark-only { gap: 0; }
.brand-mark-only .bws-mark { width: 64px; height: 42px; }
.footer-brand.brand-mark-only .bws-mark { width: 58px; height: 38px; }

.hero-copy h1 { max-width: 760px; }
.hero-copy h1 span { display: block; margin-top: .16em; }

.centered-marquee { transform: translate3d(-25%,0,0); }
.marquee-track.centered-marquee {
  gap: 0;
  animation: marqueeCentered 30s linear infinite;
}
.marquee-group, .logo-group {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 26px;
  padding-right: 26px;
}
@keyframes marqueeCentered {
  from { transform: translate3d(-25%,0,0); }
  to { transform: translate3d(-75%,0,0); }
}

.case-studies-section { overflow: hidden; }
.case-list { gap: 28px; }
.case-card {
  border: 1px solid rgba(210,255,223,.14);
  background:
    radial-gradient(circle at 55% 35%, rgba(183,255,98,.025), transparent 38%),
    #090d0a;
  overflow: hidden;
}
.case-head {
  display: grid;
  grid-template-columns: minmax(0,1fr) 160px;
  gap: 42px;
  align-items: start;
  padding: 38px 40px 30px;
  border-bottom: 1px solid var(--line);
}
.case-head .build-meta { max-width: 540px; margin-bottom: 16px; }
.case-head h3 { font-size: clamp(27px,3vw,38px); line-height:1.08; letter-spacing:-.04em; margin-bottom: 12px; }
.case-head > div > p { color: #a0ada4; max-width: 720px; font-size:14px; line-height:1.7; }
.mechanism-thumb {
  width: 160px;
  border: 1px solid rgba(210,255,223,.12);
  background: #050806;
  padding: 7px;
  text-decoration: none;
  transition: border-color .2s ease, transform .2s ease;
}
.mechanism-thumb:hover { border-color: rgba(183,255,98,.35); transform: translateY(-2px); }
.mechanism-thumb img { width:100%; height:82px; object-fit:cover; display:block; opacity:.78; filter:saturate(.8) contrast(1.04); }
.mechanism-thumb span { display:block; margin-top:8px; color:#738078; font:500 7px/1.25 var(--mono); letter-spacing:.07em; }

.case-pipeline {
  display: grid;
  grid-template-columns: 1fr 52px 1.22fr 52px 1fr;
  min-height: 315px;
}
.case-stage {
  padding: 30px 28px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.case-stage + .case-arrow, .case-arrow + .case-stage { border-left: 1px solid var(--line); }
.stage-label { color:#67746c; font:500 8px/1 var(--mono); letter-spacing:.1em; margin-bottom:20px; }
.before-stage strong, .outcome-stage strong { font-size:20px; line-height:1.28; letter-spacing:-.025em; }
.before-stage ul { list-style:none; padding:0; margin:20px 0 0; display:grid; gap:9px; }
.before-stage li { color:#8b978f; font-size:12px; padding-left:16px; position:relative; }
.before-stage li::before { content:""; position:absolute; left:0; top:.55em; width:6px; height:1px; background:#6a756e; }
.system-stage { background: linear-gradient(180deg, rgba(183,255,98,.022), transparent); }
.system-stage p { color:#9ca9a0; font-size:12px; line-height:1.65; margin-top:22px; }
.mini-system-flow { display:flex; flex-wrap:wrap; align-items:center; gap:7px; }
.mini-system-flow span {
  min-height:34px;
  display:inline-flex;
  align-items:center;
  padding:0 10px;
  border:1px solid rgba(183,255,98,.18);
  background:rgba(183,255,98,.025);
  color:#d9e3dc;
  font:500 8px/1 var(--mono);
  white-space:nowrap;
}
.mini-system-flow i { color:var(--lime); font-style:normal; font:500 10px/1 var(--mono); opacity:.7; }
.case-arrow { position:relative; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.case-arrow i { position:absolute; left:7px; right:7px; height:1px; background:linear-gradient(90deg,transparent,rgba(183,255,98,.42),transparent); }
.case-arrow i::after { content:""; position:absolute; top:-2px; width:5px; height:5px; border-radius:50%; background:var(--lime); box-shadow:0 0 12px rgba(183,255,98,.65); animation:casePacket 2.1s linear infinite; }
.case-arrow b { position:relative; z-index:2; color:var(--lime); font:500 14px/1 var(--mono); background:#090d0a; padding:8px; }
@keyframes casePacket { from { left:0; } to { left:calc(100% - 5px); } }
.outcome-stage { background:radial-gradient(circle at 70% 30%, rgba(183,255,98,.05), transparent 55%); }
.outcome-grid { display:grid; gap:8px; margin-top:22px; }
.outcome-grid span { border-left:2px solid rgba(183,255,98,.5); background:rgba(183,255,98,.018); padding:10px 12px; color:#a8b4ac; font:500 8px/1.3 var(--mono); text-transform:uppercase; letter-spacing:.05em; }

.logo-track.centered-marquee {
  gap: 0;
  animation: marqueeCentered 38s linear infinite;
}
.logo-group { gap: 18px; padding: 18px 18px 18px 0; }
.tool-logo {
  width: 82px;
  height: 50px;
  padding: 11px;
}
.tool-logo img { width:28px; height:28px; filter:none; opacity:.82; }
.tool-logo svg { width:29px; height:29px; color:#b9c6bd; opacity:.88; }
.ghl-logo { color:#b9c6bd; }

@media (max-width: 980px) {
  .case-head { grid-template-columns:1fr 135px; gap:24px; padding:30px 26px 24px; }
  .mechanism-thumb { width:135px; }
  .mechanism-thumb img { height:70px; }
  .case-pipeline { grid-template-columns:1fr; }
  .case-stage { padding:26px; min-height:auto; }
  .case-stage + .case-arrow, .case-arrow + .case-stage { border-left:0; border-top:1px solid var(--line); }
  .case-arrow { height:42px; }
  .case-arrow i { top:50%; left:30%; right:30%; }
  .case-arrow b { transform:rotate(90deg); }
}
@media (max-width: 620px) {
  .brand-mark-only .bws-mark { width:58px; height:38px; }
  .hero-copy h1 { font-size:clamp(42px,13vw,58px); line-height:.98; }
  .case-head { grid-template-columns:1fr; }
  .mechanism-thumb { width:150px; }
  .case-head h3 { font-size:28px; }
  .marquee-group { gap:20px; padding-right:20px; }
  .tool-logo { width:70px; height:46px; }
}

/* Revision batch 3 */
.hero-copy h1{max-width:780px}.hero-copy h1 span{color:var(--lime);display:block;margin-top:.16em}
.centered-marquee{--marquee-start:0px;--marquee-shift:900px;transform:translate3d(var(--marquee-start),0,0);will-change:transform}.marquee-track.centered-marquee,.logo-track.centered-marquee{animation-name:marqueeTrueCenter;animation-timing-function:linear;animation-iteration-count:infinite}.marquee-track.centered-marquee{animation-duration:30s}.logo-track.centered-marquee{animation-duration:42s}@keyframes marqueeTrueCenter{from{transform:translate3d(var(--marquee-start),0,0)}to{transform:translate3d(calc(var(--marquee-start) - var(--marquee-shift)),0,0)}}
.case-head.no-thumb{grid-template-columns:1fr}.case-head.no-thumb>div{max-width:860px}.case-head.no-thumb .build-meta{max-width:none;justify-content:flex-start;gap:18px;align-items:center}.capability-badge{margin-left:auto;color:var(--lime);border:1px solid rgba(183,255,98,.2);background:rgba(183,255,98,.03);padding:6px 8px;font:500 7px/1 var(--mono);letter-spacing:.08em}.case-card:nth-child(5),.case-card:nth-child(6){border-style:dashed;background:radial-gradient(circle at 70% 30%,rgba(183,255,98,.025),transparent 38%),#080c09}
.agents-section{position:relative;overflow:hidden;background:radial-gradient(circle at 76% 28%,rgba(183,255,98,.055),transparent 24%),linear-gradient(180deg,#080c09,#070a08);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.agent-heading{margin-bottom:46px}.agent-feature{display:grid;grid-template-columns:1.02fr .98fr;min-height:500px;border:1px solid rgba(210,255,223,.14);background:#090d0a;margin-bottom:20px}.agent-feature-copy{padding:48px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.agent-feature-copy h3{font-size:clamp(34px,4vw,52px);line-height:1.02;letter-spacing:-.045em;margin-bottom:16px}.agent-feature-copy>p{color:#9eaaa2;max-width:680px;font-size:14px;line-height:1.75}.agent-cap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:28px}.agent-cap-grid span{min-height:48px;display:flex;align-items:center;padding:11px 13px 11px 30px;border:1px solid var(--line);color:#aab6ae;font:500 9px/1.35 var(--mono);position:relative}.agent-cap-grid span:before{content:"";position:absolute;left:13px;width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px rgba(183,255,98,.55)}
.agent-loop{position:relative;min-height:500px;overflow:hidden;background:linear-gradient(rgba(183,255,98,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(183,255,98,.025) 1px,transparent 1px);background-size:34px 34px}.agent-loop:before,.agent-loop:after{content:"";position:absolute;inset:50% auto auto 50%;border:1px solid rgba(183,255,98,.12);border-radius:50%;transform:translate(-50%,-50%)}.agent-loop:before{width:330px;height:330px}.agent-loop:after{width:230px;height:230px;border-style:dashed;animation:agentSpin 18s linear infinite}.agent-core{position:absolute;left:50%;top:50%;width:150px;height:150px;transform:translate(-50%,-50%);border:1px solid rgba(183,255,98,.28);background:radial-gradient(circle,rgba(183,255,98,.09),#0a100c 68%);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:3}.agent-core i{width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 18px rgba(183,255,98,.7);margin-bottom:9px;animation:coreBeat 1.7s ease-in-out infinite}.agent-core strong{font-size:20px;line-height:1.05;letter-spacing:-.03em}.agent-core small{margin-top:8px;color:#718077;font:500 6px/1 var(--mono);letter-spacing:.08em}.agent-ring{position:absolute;inset:0}.agent-ring span{--angle:calc(var(--i)*60deg);position:absolute;left:50%;top:50%;width:118px;min-height:44px;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-176px) rotate(calc(var(--angle)*-1));display:flex;align-items:center;justify-content:center;text-align:center;padding:8px;border:1px solid rgba(183,255,98,.16);background:#0a0f0c;color:#bac5be;font:500 8px/1.25 var(--mono)}@keyframes agentSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes coreBeat{50%{transform:scale(1.45);opacity:.65}}
.agent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.agent-card{border:1px solid var(--line);background:#090d0a;padding:30px;min-height:260px}.agent-card-icon{color:var(--lime);font:500 9px/1 var(--mono);margin-bottom:34px}.agent-card h3{font-size:23px;letter-spacing:-.03em;margin-bottom:12px}.agent-card p{color:#8f9c94;font-size:13px;line-height:1.7}.agent-mini-flow{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:24px}.agent-mini-flow span{border:1px solid rgba(183,255,98,.14);background:rgba(183,255,98,.02);color:#aab6ae;padding:7px 8px;font:500 7px/1 var(--mono)}.agent-mini-flow i{color:var(--lime);font-style:normal;font-size:8px}@media(max-width:980px){.agent-feature{grid-template-columns:1fr}.agent-feature-copy{border-right:0;border-bottom:1px solid var(--line);padding:36px 28px}.agent-loop{min-height:460px}.agent-grid{grid-template-columns:1fr}}@media(max-width:620px){.agent-cap-grid{grid-template-columns:1fr}.agent-feature-copy{padding:30px 22px}.agent-loop{min-height:390px}.agent-loop:before{width:280px;height:280px}.agent-loop:after{width:190px;height:190px}.agent-ring span{width:92px;min-height:38px;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-145px) rotate(calc(var(--angle)*-1));font-size:7px}.agent-core{width:125px;height:125px}.case-head.no-thumb .build-meta{flex-wrap:wrap}.capability-badge{margin-left:0}}


/* Revision batch 4 — alignment, output-rich hero, seamless marquees, expanded capabilities */

/* Hero headline: both lines share the exact same left edge. */
.hero-copy h1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  width: 100%;
  max-width: 780px;
  margin-left: 0;
  padding-left: 0;
}
.hero-copy h1 .headline-line {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: left;
  transform: none;
  text-indent: 0;
}
.hero-copy h1 .headline-white { color: var(--text); }
.hero-copy h1 .headline-green { color: var(--lime); margin-top: .16em; }

/* More output than input: three inputs expand into seven operational outcomes. */
.workflow-canvas-expanded { min-height: 500px; }
.workflow-canvas-expanded .source-a { left: 2.5%; top: 16%; }
.workflow-canvas-expanded .source-b { left: 2.5%; top: 44%; }
.workflow-canvas-expanded .source-c { left: 2.5%; top: 72%; }

.workflow-canvas-expanded .output-node {
  width: 132px;
  min-height: 48px;
  padding: 8px 9px;
}
.workflow-canvas-expanded .output-a { right: 2.5%; top: 6%; }
.workflow-canvas-expanded .output-b { right: 2.5%; top: 18.4%; }
.workflow-canvas-expanded .output-c { right: 2.5%; top: 30.8%; }
.workflow-canvas-expanded .output-d { right: 2.5%; top: 43.2%; }
.workflow-canvas-expanded .output-e { right: 2.5%; top: 55.6%; }
.workflow-canvas-expanded .output-f { right: 2.5%; top: 68%; }
.workflow-canvas-expanded .output-g { right: 2.5%; top: 80.4%; }

.workflow-side-label {
  position: absolute;
  z-index: 7;
  top: 12px;
  color: #647168;
  font: 500 7px/1 var(--mono);
  letter-spacing: .11em;
  text-transform: uppercase;
}
.input-side-label { left: 2.5%; }
.output-side-label { right: 2.5%; color: #8db967; }
.workflow-canvas-expanded .workflow-engine {
  width: 116px;
  height: 116px;
}

/* Truly seamless marquee belts. Groups have zero inter-group gap and
   animation distance equals one measured group width in JS. */
.seamless-marquee {
  gap: 0 !important;
  width: max-content;
  min-width: max-content;
  animation-timing-function: linear !important;
  animation-iteration-count: infinite !important;
  animation-play-state: running !important;
}
.seamless-marquee .marquee-group,
.seamless-marquee .logo-group {
  flex: 0 0 auto;
  margin: 0;
}
.marquee-track.seamless-marquee {
  animation-duration: 46s;
}
.marquee-track.seamless-marquee .marquee-group {
  gap: 24px;
  padding-right: 24px;
}
.signal-strip {
  position: relative;
  isolation: isolate;
}
.signal-strip::before,
.signal-strip::after,
.logo-strip::before,
.logo-strip::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: clamp(38px, 7vw, 110px);
  z-index: 4;
  pointer-events: none;
}
.signal-strip::before,
.logo-strip::before { left: 0; background: linear-gradient(90deg, #0b0f0c, transparent); }
.signal-strip::after,
.logo-strip::after { right: 0; background: linear-gradient(270deg, #0b0f0c, transparent); }

/* Colored, recognizable platform logos. */
.logo-strip {
  position: relative;
  isolation: isolate;
}
.logo-track.seamless-marquee {
  animation-duration: 50s;
}
.logo-track.seamless-marquee .logo-group {
  gap: 16px;
  padding: 18px 16px 18px 0;
}
.logo-strip .tool-logo {
  width: 78px;
  height: 54px;
  padding: 9px;
  border: 1px solid rgba(210,255,223,.10);
  background:
    radial-gradient(circle at 50% 45%, rgba(255,255,255,.055), transparent 65%),
    rgba(255,255,255,.018);
  display: flex;
  align-items: center;
  justify-content: center;
}
.logo-strip .tool-logo img {
  width: 34px;
  height: 34px;
  object-fit: contain;
  opacity: 1;
  filter: none;
}
.logo-strip .ghl-logo-color {
  background: radial-gradient(circle at 50% 45%, rgba(40,103,255,.08), transparent 65%), rgba(255,255,255,.018);
}
.ghl-official-ish {
  width: 36px;
  height: 34px;
  position: relative;
  display: block;
  transform: rotate(-2deg);
}
.ghl-official-ish i {
  position: absolute;
  left: 3px;
  width: 30px;
  height: 7px;
  border-radius: 2px;
  transform: skewX(-27deg);
  box-shadow: 0 0 8px rgba(255,255,255,.04);
}
.ghl-official-ish i:nth-child(1) { top: 3px; background: #2f66ff; }
.ghl-official-ish i:nth-child(2) { top: 13px; background: #f8cc28; }
.ghl-official-ish i:nth-child(3) { top: 23px; background: #33c66b; }

/* Builds 05–09 are capability patterns, Build 10 is custom by design. */
.capability-case {
  border-style: dashed;
  background:
    radial-gradient(circle at 70% 30%, rgba(183,255,98,.025), transparent 38%),
    #080c09;
}
.custom-case {
  border-color: rgba(183,255,98,.28);
  background:
    radial-gradient(circle at 74% 28%, rgba(183,255,98,.065), transparent 38%),
    linear-gradient(180deg, #0a100c, #080c09);
}
.custom-badge {
  border-color: rgba(183,255,98,.34);
  background: rgba(183,255,98,.07);
}

/* Six agent examples: two rows of three on desktop. */
.agent-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.agent-card { min-height: 276px; }
.custom-agent-card {
  border-color: rgba(183,255,98,.28);
  background:
    radial-gradient(circle at 72% 24%, rgba(183,255,98,.07), transparent 42%),
    #090d0a;
}
.custom-agent-card .agent-card-icon { color: #d9ffc0; }

@media (max-width: 980px) {
  .workflow-canvas-expanded { min-height: 540px; }
  .workflow-canvas-expanded .workflow-node { width: 126px; }
  .workflow-canvas-expanded .output-node { width: 122px; min-height: 46px; }
  .agent-grid { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .hero-copy h1 { width: 100%; }
  .workflow-canvas-expanded { min-height: 590px; }
  .workflow-canvas-expanded .workflow-node {
    width: 106px;
    min-height: 46px;
    padding: 7px;
  }
  .workflow-canvas-expanded .output-node { width: 102px; }
  .workflow-canvas-expanded .workflow-node strong { font-size: 7.2px; }
  .workflow-canvas-expanded .workflow-node small { font-size: 5.4px; }
  .workflow-canvas-expanded .workflow-engine { width: 86px; height: 86px; }
  .workflow-canvas-expanded .workflow-engine strong { font-size: 6.3px; }
  .workflow-canvas-expanded .workflow-engine small { font-size: 4px; }
  .workflow-canvas-expanded .source-a { top: 16%; }
  .workflow-canvas-expanded .source-b { top: 44%; }
  .workflow-canvas-expanded .source-c { top: 72%; }
  .workflow-canvas-expanded .output-a { top: 7%; }
  .workflow-canvas-expanded .output-b { top: 19%; }
  .workflow-canvas-expanded .output-c { top: 31%; }
  .workflow-canvas-expanded .output-d { top: 43%; }
  .workflow-canvas-expanded .output-e { top: 55%; }
  .workflow-canvas-expanded .output-f { top: 67%; }
  .workflow-canvas-expanded .output-g { top: 79%; }
  .logo-strip .tool-logo { width: 68px; height: 48px; }
  .logo-strip .tool-logo img { width: 30px; height: 30px; }
}

/* Final responsive hero composition: preserve the desktop graph, but give
   phones a shorter, legible vertical system after the offer and CTA. */
@media (min-width: 621px) and (max-width: 1020px) {
  .hero { padding-top: 142px; padding-bottom: 72px; }
  .hero-grid { gap: 34px; }
  .workflow-canvas-expanded { min-height: 500px; }
  .workflow-canvas-expanded .workflow-node { width: 118px; }
  .workflow-canvas-expanded .output-node { width: 114px; }
  .workflow-canvas-expanded .workflow-engine { width: 102px; height: 102px; }
}

@media (max-width: 620px) {
  body { overflow-x: hidden; }
  .hero {
    padding-top: 106px;
    padding-bottom: 54px;
  }
  .hero-grid { gap: 30px; }
  .hero-copy h1 {
    margin: 18px 0 20px;
    font-size: clamp(39px, 10.5vw, 50px);
    line-height: 1.01;
    letter-spacing: -.048em;
  }
  .hero-copy h1 .headline-white,
  .hero-copy h1 .headline-green {
    left: 0;
    max-width: 100%;
  }
  .hero-offer { max-width: 34rem; font-size: 15px; line-height: 1.58; }
  .hero-actions { gap: 10px; margin-top: 26px; }
  .hero-actions .btn { min-height: 54px; padding: 0 18px; }
  .hero-meta { gap: 8px 14px; margin-top: 24px; font-size: 9px; }
  .hero-system { width: 100%; max-width: 100%; }
  .workflow-canvas-expanded {
    min-height: 408px;
    max-height: 408px;
  }
  .workflow-canvas-expanded .workflow-node {
    width: 100px;
    min-height: 44px;
    padding: 7px 6px;
    grid-template-columns: 17px 1fr;
    column-gap: 4px;
  }
  .workflow-canvas-expanded .output-node { width: 96px; padding-inline:5px; }
  .workflow-canvas-expanded .workflow-node strong { font-size: 7.5px; }
  .workflow-canvas-expanded .workflow-node small { margin-top: 3px; font-size: 5.8px; }
  .workflow-canvas-expanded .source-a { left: 2%; top: 13%; }
  .workflow-canvas-expanded .source-b { left: 2%; top: 46%; }
  .workflow-canvas-expanded .source-c { left: 2%; top: 79%; }
  .workflow-canvas-expanded .output-a { right: 2%; top: 6%; }
  .workflow-canvas-expanded .output-b { right: 2%; top: 19.2%; }
  .workflow-canvas-expanded .output-c { right: 2%; top: 32.4%; }
  .workflow-canvas-expanded .output-d { right: 2%; top: 45.6%; }
  .workflow-canvas-expanded .output-e { right: 2%; top: 58.8%; }
  .workflow-canvas-expanded .output-f { right: 2%; top: 72%; }
  .workflow-canvas-expanded .output-g { right: 2%; top: 85.2%; }
  .workflow-canvas-expanded .workflow-engine { width: 80px; height: 80px; left: 47%; top: 51%; }
  .workflow-canvas-expanded .workflow-engine strong { font-size: 6px; }
  .workflow-canvas-expanded .workflow-engine small { font-size: 3.6px; }
  .workflow-canvas-expanded .workflow-side-label { top: 9px; font-size: 6px; }
  .workflow-window .workflow-status { grid-template-columns:repeat(3,minmax(0,1fr)); min-height:44px; padding:6px 8px; gap:6px; font-size:9px; line-height:1.35; }
  .workflow-status span { min-width:0; gap:4px; }
  .workflow-status .ok { flex-shrink:0; }
}

/* Revision Batch 5 — Optical Headline Alignment, Clear Service Cards, Social Placeholders, Reliable Logo Fallbacks */

/* The glyphs B and W have different visual side-bearings. These small opposing
   nudges align their visible ink edges, not just their CSS boxes. */
.hero-copy h1 .headline-white {
  position: relative;
  left: -4px;
}
.hero-copy h1 .headline-green {
  position: relative;
  left: 4px;
}

.work-choice-heading { max-width: 920px; }
.work-choice-intro {
  max-width: 720px;
  margin: 18px auto 0;
  color: #8f9a93;
  font-size: 14px;
  line-height: 1.75;
}
.work-grid-clear { align-items: stretch; }
.work-card-clear {
  min-height: 520px;
  padding: 30px;
  gap: 0;
}
.work-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 34px;
}
.work-card-clear .work-index { margin: 0; }
.work-type-label {
  border: 1px solid rgba(183,255,98,.16);
  background: rgba(183,255,98,.025);
  padding: 8px 10px;
  color: #89968d;
  font: 500 8px/1 var(--mono);
  letter-spacing: .08em;
}
.work-card-clear.featured .work-type-label {
  background: var(--lime);
  color: #071007;
  border-color: var(--lime);
}
.work-card-clear h3 { margin: 0 0 22px; font-size: 26px; line-height: 1.18; }
.work-best-for {
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  padding: 16px 0;
  margin-bottom: 18px;
}
.work-best-for span {
  display: block;
  color: var(--lime);
  font: 500 8px/1 var(--mono);
  letter-spacing: .1em;
  margin-bottom: 9px;
}
.work-best-for p { margin: 0; color: #9eaaa2; font-size: 12px; line-height: 1.65; }
.work-card-clear ul { margin: 0 0 20px; gap: 9px; }
.work-outcome {
  margin-top: auto;
  padding: 14px 15px;
  border-left: 2px solid rgba(183,255,98,.65);
  background: rgba(183,255,98,.025);
  color: #b8c4bc;
  font: 500 9px/1.55 var(--mono);
}
.work-card-clear .work-cta {
  margin-top: 18px;
  min-height: 44px;
  border: 1px solid rgba(183,255,98,.24);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 14px;
  background: rgba(183,255,98,.035);
  color: var(--lime);
}
.work-card-clear.featured .work-cta {
  background: var(--lime);
  color: #071007;
  border-color: var(--lime);
}
.work-card-clear .work-cta:hover { transform: translateY(-1px); }

/* Every platform has a visible branded icon plus a local textual fallback that
   sits underneath it. If an icon service ever fails, the card never becomes a
   browser 'broken image' tile. */
.logo-strip .tool-logo { position: relative; overflow: hidden; }
.logo-strip .tool-logo img {
  position: relative;
  z-index: 2;
  width: 36px;
  height: 36px;
  object-fit: contain;
  border-radius: 7px;
}
.tool-fallback {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #a9b6ae;
  font: 700 12px/1 var(--mono);
  letter-spacing: -.02em;
}
.logo-strip .tool-logo img:not([src]),
.logo-strip .tool-logo img[src=""] { display:none; }

.social-links {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-top: 15px;
}
.social-link {
  width: 34px;
  height: 34px;
  border: 1px solid var(--line-strong);
  background: #0b100c;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #c7d1ca;
  opacity: .78;
  user-select: none;
}
.social-linkedin { font: 700 14px/1 Arial,sans-serif; color:#0A66C2; }
.social-facebook { font: 700 21px/1 Arial,sans-serif; color:#1877F2; padding-top:4px; }
.social-instagram {
  position: relative;
  background: linear-gradient(135deg,#833AB4,#E1306C 50%,#FCAF45);
  border-color: transparent;
  border-radius: 8px;
}
.social-instagram::before {
  content:"";
  width: 17px;
  height: 17px;
  border: 2px solid #fff;
  border-radius: 5px;
}
.social-instagram::after {
  content:"";
  position:absolute;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#fff;
  top:8px;
  right:8px;
}
.social-instagram i {
  position:absolute;
  width:6px;
  height:6px;
  border:2px solid #fff;
  border-radius:50%;
}

@media (max-width: 620px) {
  .hero-copy h1 .headline-white { left: -2px; }
  .hero-copy h1 .headline-green { left: 2px; }
  .work-card-clear { min-height: auto; }
}

/* Revision Batch 6 — Readability and final visual QA */
/* Keep the same DM Mono family and existing colors; improve only size, weight,
   spacing and rendering so technical microcopy remains legible. */
body { text-rendering: optimizeLegibility; }
.eyebrow,.section-kicker { font-size:12px; line-height:1.25; }
.hero-meta { font-size:11px; line-height:1.55; }
.window-bar,.system-footer { font-size:11px; line-height:1.35; }
.flow-label { font-size:10px; line-height:1.3; }
.flow-card b { font-size:10px; }
.flow-card small { font-size:9.5px; line-height:1.25; }
.compression-core strong { font-size:10px; line-height:1.2; }
.compression-core small { font-size:9px; line-height:1.3; }
.marquee-track,.tech-track { font-size:11px; line-height:1.2; }
.leak-number { font-size:11px; }
.leak-tag { font-size:10px; line-height:1.35; }
.step-num { font-size:10px; }
.method-step small { font-size:10px; line-height:1.35; }
.build-meta { font-size:10.5px; line-height:1.35; }
.build-tags li { font-size:9.5px; line-height:1.3; }
.stage-label { font-size:10px; line-height:1.3; }
.mini-system-flow span { font-size:9.5px; line-height:1.2; }
.outcome-grid span { font-size:9.5px; line-height:1.45; }
.capability-badge { font-size:9px; line-height:1.25; }
.agent-cap-grid span { font-size:10px; line-height:1.45; }
.agent-core small { font-size:9px; line-height:1.3; }
.agent-ring span { font-size:9px; line-height:1.35; }
.agent-card-icon { font-size:10px; }
.agent-mini-flow span { font-size:9px; line-height:1.2; }
.workflow-side-label { font-size:9px; line-height:1.3; }
.console-head { font-size:11px; line-height:1.35; letter-spacing:.03em; }
.audit-console pre { font-size:13px; line-height:1.9; }
.console-note { font-size:10.5px; line-height:1.55; letter-spacing:.015em; }
.audit-points i { font-size:10px; }
.work-index { font-size:11px; }
.work-type-label,.work-best-for span { font-size:9.5px; line-height:1.25; }
.work-outcome { font-size:10px; line-height:1.6; }
.work-card-clear .work-cta { font-size:11px; line-height:1.25; }
.guarantee-stamp small { font-size:10px; line-height:1.5; }
.guarantee-copy > small { font-size:10px; line-height:1.6; }
.lab-chip-row span { font-size:9.5px; line-height:1.25; }
.terminal-bar { font-size:10px; line-height:1.3; }
.terminal-lines { font-size:12px; line-height:1.85; }
.terminal-footer span { font-size:9.5px; line-height:1.3; }
.footer-links > span { font-size:9.5px; line-height:1.3; }
.footer-bottom { font-size:9.5px; line-height:1.4; }
/* Local SVGs remove all remote favicon failure points. */
.logo-strip .tool-logo img { width:36px; height:36px; object-fit:contain; border-radius:0; }
.social-link { padding:6px; opacity:1; border-color:var(--line-strong); }
.social-link img { width:100%; height:100%; object-fit:contain; }
/* Keep headline line edges optically aligned. */
.hero-copy h1 .headline-white { left:-4px; }
.hero-copy h1 .headline-green { left:4px; }
@media(max-width:620px){
  .console-head{font-size:10px}.audit-console pre{font-size:11px;line-height:1.8}.console-note{font-size:9.5px}
  .workflow-side-label{font-size:8px}.agent-ring span{font-size:8px}.agent-core small{font-size:8px}
}
/* Micro-label cleanup inside live diagrams. */
.workflow-node > span { font-size:9px; line-height:1.2; }
.workflow-node strong { font-size:10.5px; line-height:1.25; }
.workflow-node small { font-size:8.5px; line-height:1.25; letter-spacing:.055em; }
.workflow-engine strong { font-size:9.5px; line-height:1.25; }
.workflow-engine small { font-size:8px; line-height:1.3; letter-spacing:.035em; }
@media(max-width:620px){
  .workflow-canvas-expanded .workflow-node strong{font-size:8.4px}
  .workflow-canvas-expanded .workflow-node small{font-size:6.8px}
  .workflow-canvas-expanded .workflow-engine strong{font-size:7.5px}
  .workflow-canvas-expanded .workflow-engine small{font-size:5.8px}
}
/* Final alignment and responsive repair found during QA. */
.hero-copy h1 .headline-white,
.hero-copy h1 .headline-green { left:0; }
@media(max-width:1020px){
  .hero-grid{grid-template-columns:1fr;gap:46px;}
  .hero-system{width:100%;max-width:760px;justify-self:start;}
}