/* ═══════════════════════════════════════════════════════════
   LANDING — OUTCOMES + PILLARS
   The compounding-revenue calculator (interactive range driven by
   js/landing.js) and the three "engine / revenue / operating system"
   pillars band. Breakpoints live in landing/responsive.css.
═══════════════════════════════════════════════════════════ */

/* ── outcomes / compounding calculator ── */
.impact-lead{font-size:17.5px;line-height:1.72;color:var(--ink-2);max-width:700px;margin-bottom:46px;font-weight:400}
.impact-lead b{color:var(--navy);font-weight:700}
.calc{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:stretch}
.levers{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.lever{padding:24px 22px;border-radius:14px;background:var(--panel);box-shadow:0 16px 40px rgba(11,28,61,.16);display:flex;flex-direction:column;justify-content:space-between;min-height:128px}
.lever .lv-name{font-size:14px;color:var(--on-navy-body);font-weight:500;line-height:1.3}
.lever .lv-up{font-family:var(--font-display);font-size:38px;color:var(--logo);font-weight:700;margin-top:16px;line-height:1}
.lv-sub{display:block;font-size:12px;color:var(--on-navy-dim);font-weight:400;margin-top:4px}
.lever.wide{grid-column:1 / -1;min-height:0;padding:20px 22px;flex-direction:row;align-items:center;justify-content:space-between}
.lever.wide .lv-up{margin-top:0}

.calc-eq{display:flex;flex-direction:column;gap:16px}
.calc-control{padding:24px;border-radius:14px;background:#fff;border:1px solid rgba(200,149,26,.32);box-shadow:0 12px 30px rgba(11,28,61,.08)}
.calc-control label{display:block;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:18px;font-weight:700}
.calc-control input[type=range]{width:100%;-webkit-appearance:none;appearance:none;height:5px;border-radius:4px;background:rgba(11,28,61,.16);outline:none}
.calc-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--amber);cursor:pointer;box-shadow:0 0 0 4px rgba(255,204,0,.22)}
.calc-control input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--amber);cursor:pointer;border:none;box-shadow:0 0 0 4px rgba(255,204,0,.22)}
.calc-pct{margin-top:16px;font-size:15px;color:var(--navy);font-weight:700}
.calc-result{flex:1;padding:32px 28px;border-radius:14px;background:linear-gradient(165deg,var(--panel),var(--panel-2));box-shadow:0 22px 50px rgba(11,28,61,.22);display:flex;flex-direction:column;justify-content:center}
.calc-result .cr-k{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--gold-2);margin-bottom:6px;font-weight:700}
.calc-result .cr-num{font-family:var(--font-display);font-size:50px;line-height:1;color:var(--logo);font-weight:700;margin-bottom:6px}
.cr-split{height:1px;background:rgba(224,169,43,.3);margin:14px 0}
.calc-result .cr-note{font-size:13.5px;color:var(--on-navy-body);font-weight:400;line-height:1.6;margin-top:8px}
.impact-foot{font-size:13.5px;color:var(--ink-2);max-width:720px;margin-top:32px;font-weight:400;line-height:1.7}

/* ── pillars band (navy) ── */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}
.pill{padding-top:30px;border-top:3px solid var(--amber)}
.pill .k{font-family:var(--font-display);font-size:30px;color:var(--amber);font-weight:700;margin-bottom:14px;line-height:1}
.pill .t{font-family:var(--font-display);font-weight:600;font-size:27px;color:#fff;margin-bottom:14px;line-height:1.15}
.pill .t b{color:var(--amber);font-style:italic;font-weight:600}
.pill p{font-size:15px;color:var(--on-navy-body);font-weight:400}