/* ═══════════════════════════════════════════════════════════════════
   DOOR DESIGN SYSTEM  —  shared microsite machinery
   Factored verbatim from the approved My Food. My Money. page so every
   public door reuses the SAME primitives (reveal, hero, sections, the
   3-step engagement wizard, the "why free" close) instead of cloning a
   page. Per-door palette comes from CSS custom properties a door sets in
   its own <style>; structure + behaviour live here.
   This is factoring of existing, approved machinery — NOT a new framework.
   type: Cormorant Garamond (display) · Inter (body) · JetBrains Mono (mono)
   ═══════════════════════════════════════════════════════════════════ */

*, *::before, *::after { box-sizing: border-box; }

:root {
  /* Per-door palette — doors OVERRIDE --accent/--accent2/--neg etc. */
  --accent:      #35E0C8;
  --accent2:     #7C5CFF;
  --accent-dim:  rgba(53,224,200,0.09);
  --accent-soft: rgba(53,224,200,0.14);
  --neg:         #6b7596;            /* the "problem / absent / loss" state */
  --neg-dim:     rgba(107,117,150,0.10);
  --gold:        #D4A017;            /* reserved: the honest "why free" close */
  --white:       #EAEEF7;
  --mid:         #c3cadd;
  --dim:         #97a0bd;
  --bg:          #070a14;
  --bg1:         #0c1020;
  --bg2:         #121832;
  --line:        rgba(234,238,247,0.08);
  --ease-expo:   cubic-bezier(0.19, 1, 0.22, 1);
}

html { scroll-behavior: smooth; }
body.door {
  background: var(--bg);
  color: var(--white);
  font-family: 'Inter', sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
.door img { display: block; max-width: 100%; }
.door .sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }

/* ─── REVEAL ─── */
.reveal { opacity: 0; transform: translateY(36px); transition: opacity 1s var(--ease-expo), transform 1s var(--ease-expo); }
.reveal.in { opacity: 1; transform: none; }
.reveal-left  { transform: translateX(-40px); opacity: 0; transition: opacity 1s var(--ease-expo), transform 1s var(--ease-expo); }
.reveal-left.in  { transform: none; opacity: 1; }
.reveal-right { transform: translateX(40px); opacity: 0; transition: opacity 1s var(--ease-expo), transform 1s var(--ease-expo); }
.reveal-right.in { transform: none; opacity: 1; }
.d1{transition-delay:.1s}.d2{transition-delay:.22s}.d3{transition-delay:.36s}.d4{transition-delay:.52s}.d5{transition-delay:.7s}
@media (prefers-reduced-motion: reduce) {
  .reveal,.reveal-left,.reveal-right{opacity:1!important;transform:none!important;transition:none!important}
  .hero__eyebrow,.hero__h1,.hero__sub,.hero__actions{animation:none!important;opacity:1!important}
  .badge-dot,.scroll-dot{animation:none!important}
}

/* ─── PRIMITIVES ─── */
.wrap { max-width: 1160px; margin: 0 auto; padding: 0 6vw; }
.section { padding: 104px 0; }
.eyebrow { font-family:'JetBrains Mono',monospace; font-size:12px; font-weight:500; letter-spacing:.2em; text-transform:uppercase;
  display:flex; align-items:center; gap:14px; margin-bottom:1.4rem; color: var(--accent); }
.eyebrow::before { content:''; display:block; width:28px; height:1px; background:currentColor; flex-shrink:0; }
.eyebrow--accent2 { color: var(--accent2); }
.eyebrow--neg { color: var(--neg); }
.eyebrow--gold { color: var(--gold); }
.eyebrow.center { justify-content:center; }

.display { font-family:'Cormorant Garamond',serif; text-wrap:balance; font-weight:400; line-height:1.04; color:var(--white); }
.display--xl { font-size: clamp(3.2rem, 7vw, 6.4rem); }
.display--lg { font-size: clamp(2.4rem, 5vw, 4.4rem); }
.display--md { font-size: clamp(1.8rem, 3.2vw, 3rem); }
.display em { font-style: italic; color: var(--accent); }
.display .em-neg { font-style: italic; color: var(--neg); }
.display .em-gold { font-style: italic; color: var(--gold); }

.body-lg { font-size: clamp(1rem,1.6vw,1.1rem); font-weight:300; line-height:1.78; color:var(--mid); }
.body-lg strong { color: var(--white); }

.btn { display:inline-flex; align-items:center; gap:10px; font-size:13px; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
  text-decoration:none; padding:16px 36px; border-radius:6px; transition:opacity .22s,transform .22s; cursor:pointer; border:none; font-family:inherit; }
.btn:hover { opacity:.88; transform: translateY(-2px); }
.btn--accent { background: var(--accent); color:#04120f; }
.btn--outline { background:transparent; color:var(--white); border:1px solid rgba(234,238,247,.25); }
.btn--outline:hover { border-color: rgba(234,238,247,.6); }
.hr { height:1px; background:var(--line); }

/* ─── HERO (scaffold; bg is per-door) ─── */
.hero { position:relative; min-height:100svh; overflow:hidden; display:flex; flex-direction:column; justify-content:center; padding:120px 0 80px; }
.hero__field { position:absolute; inset:0; z-index:0; pointer-events:none; }
.hero__content { position:relative; z-index:3; max-width:1160px; margin:0 auto; width:100%; padding:0 6vw; }
.hero__content.split { display:grid; grid-template-columns:1.05fr .95fr; gap:56px; align-items:center; }
.hero__eyebrow { font-family:'JetBrains Mono',monospace; font-size:13px; letter-spacing:.18em; text-transform:uppercase; color:var(--accent);
  display:flex; align-items:center; gap:14px; margin-bottom:1.6rem; opacity:0; animation:fadeUp .9s .4s var(--ease-expo) forwards; }
.hero__eyebrow::before { content:''; width:24px; height:1px; background:var(--accent); display:block; }
.hero__h1 { font-family:'Cormorant Garamond',serif; font-size:clamp(2.9rem,6vw,5.4rem); font-weight:300; line-height:1.03; color:var(--white);
  opacity:0; animation:fadeUp 1s .65s var(--ease-expo) forwards; max-width:840px; }
.hero__h1 em { color:#07100c; font-style:italic; font-weight:600; background:var(--accent); padding:.02em .16em .08em;
  -webkit-box-decoration-break:clone; box-decoration-break:clone; }
.hero__h1 .neg { color:var(--neg); font-style:italic; }
.hero__sub { font-size:clamp(1rem,1.7vw,1.14rem); font-weight:300; line-height:1.74; color:var(--mid); max-width:560px; margin-top:1.6rem;
  opacity:0; animation:fadeUp 1s .9s var(--ease-expo) forwards; }
.hero__actions { display:flex; align-items:center; gap:18px; flex-wrap:wrap; margin-top:2.2rem; opacity:0; animation:fadeUp 1s 1.1s var(--ease-expo) forwards; }
@keyframes fadeUp { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:none} }

/* ─── STRIP ─── */
.strip { background:#090c18; border-top:1px solid var(--accent-dim); border-bottom:1px solid var(--accent-dim); padding:26px 6vw; overflow:hidden; }
.strip__inner { max-width:1160px; margin:0 auto; display:flex; align-items:center; gap:20px; flex-wrap:wrap; }
.strip__label { font-family:'JetBrains Mono',monospace; font-size:13px; letter-spacing:.14em; text-transform:uppercase; color:var(--white); white-space:nowrap; flex-shrink:0; }
.badge { display:inline-flex; align-items:center; gap:8px; padding:7px 15px; border-radius:100px; font-size:12.5px; font-weight:600;
  background:var(--accent-dim); border:1px solid var(--accent-soft); color:var(--white); }
.badge-dot { width:6px; height:6px; border-radius:50%; background:currentColor; animation:pulse 2s ease-in-out infinite; }
@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:.25} }
.strip__right { margin-left:auto; font-family:'JetBrains Mono',monospace; font-size:13px; color:var(--mid); white-space:nowrap; }
.strip__right strong { color: var(--accent); }

/* ─── COUNTER ─── */
.counter-section { padding:84px 0; background:#090c18; }
.counter-inner { max-width:1160px; margin:0 auto; padding:0 6vw; display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }
.counter-amount { font-family:'Cormorant Garamond',serif; font-size:clamp(3.4rem,7vw,5.6rem); font-weight:400; line-height:1; color:var(--accent2); letter-spacing:-.02em; }
.counter-unit { font-size:clamp(.9rem,1.4vw,1rem); font-weight:300; color:var(--mid); margin-top:10px; line-height:1.5; }
.counter-note { font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.08em; color:var(--dim); margin-top:14px; }

/* ─── SPLIT (problem / visual) ─── */
.split-section { display:grid; grid-template-columns:1fr 1fr; min-height:600px; }
.split-copy { background:var(--bg1); padding:80px 5vw 80px 6vw; display:flex; flex-direction:column; justify-content:center; }
.split-visual { background:#060810; padding:60px 6vw 60px 5vw; display:flex; flex-direction:column; justify-content:center; border-left:1px solid var(--line); }
.split-copy .display { margin-bottom:1.3rem; max-width:520px; }
.split-copy .body-lg { max-width:480px; }
.split-visual img { border-radius:12px; width:100%; }

/* ─── LADDER / progression chain (the spine) ─── */
.chainband { background:var(--bg); }
.chain { display:flex; flex-wrap:wrap; gap:0; margin-top:3rem; border:1px solid var(--line); border-radius:14px; overflow:hidden; }
.chain__node { flex:1 1 180px; min-width:160px; padding:26px 22px; border-right:1px solid var(--line); position:relative; background:var(--bg1); text-decoration:none; display:block; transition:background .2s; }
.chain__node:last-child { border-right:none; }
.chain__node:hover { background:var(--bg2); }
.chain__node.is-here { background:var(--accent-dim); }
.chain__node.is-coming { opacity:.72; }
.chain__step { font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--accent); margin-bottom:10px; }
.chain__node.is-coming .chain__step { color: var(--neg); }
.chain__t { font-family:'Cormorant Garamond',serif; font-size:1.4rem; font-weight:500; line-height:1.1; color:var(--white); margin-bottom:6px; }
.chain__d { font-size:12.5px; color:var(--dim); line-height:1.5; }
.chain__tag { display:inline-block; margin-top:10px; font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:.08em; text-transform:uppercase;
  color:var(--dim); border:1px solid var(--line); border-radius:100px; padding:3px 9px; }
.chain__node.is-here .chain__tag { color:var(--accent); border-color:var(--accent-soft); }
.chain__arrow { color:var(--dim); align-self:center; padding:0 4px; }

/* ─── STEPS (the fix) ─── */
.steps { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:3.2rem; }
.step { padding:34px 28px; border:1px solid var(--line); border-radius:14px; background:var(--bg1); }
.step__n { font-family:'JetBrains Mono',monospace; font-size:12px; letter-spacing:.12em; color:var(--accent); margin-bottom:20px; }
.step h3 { font-family:'Cormorant Garamond',serif; font-size:1.75rem; font-weight:500; line-height:1.12; margin-bottom:12px; color:var(--white); }
.step p { font-size:14.5px; line-height:1.68; color:var(--dim); }
.step__tag { display:inline-block; margin-top:18px; font-family:'JetBrains Mono',monospace; font-size:10.5px; letter-spacing:.08em; text-transform:uppercase;
  color:var(--dim); border:1px solid var(--line); border-radius:100px; padding:5px 11px; }

/* ─── EVIDENCE / why cards ─── */
.cards2 { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-top:3rem; }
.ecard { background:var(--bg1); border:1px solid var(--line); border-radius:12px; padding:30px 28px; }
.ecard h3 { font-family:'Cormorant Garamond',serif; font-size:1.6rem; font-weight:500; margin-bottom:8px; color:var(--white); }
.ecard p { font-size:14.5px; line-height:1.65; color:var(--dim); }
.ecard__k { font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--accent); margin-bottom:12px; }

/* ─── COMPARISON ─── */
.compare-table { margin-top:3rem; border:1px solid var(--line); border-radius:14px; overflow:hidden; }
.cmp-row { display:grid; grid-template-columns:1.3fr 1fr 1fr; align-items:center; }
.cmp-row + .cmp-row { border-top:1px solid var(--line); }
.cmp-row > div { padding:18px 22px; font-size:14.5px; }
.cmp-head { background:#060810; font-family:'JetBrains Mono',monospace; font-size:11.5px; letter-spacing:.12em; text-transform:uppercase; }
.cmp-head .cmp-old { color:var(--neg); } .cmp-head .cmp-new { color:var(--accent); }
.cmp-label { color:var(--white); font-weight:500; }
.cmp-old { color:var(--dim); } .cmp-new { color:var(--mid); background:var(--accent-dim); }
.cmp-new b { color:var(--accent); }

/* ─── OUTCOME callout ─── */
.outcome { background:var(--bg1); }
.outcome__card { border:1px solid var(--accent-soft); border-radius:16px; padding:48px 44px; background:linear-gradient(160deg,var(--accent-dim),var(--bg)); text-align:center; }
.outcome__card .display { max-width:720px; margin:0 auto; }
.outcome__kpis { display:flex; flex-wrap:wrap; gap:14px; justify-content:center; margin-top:2rem; }
.outcome__kpi { border:1px solid var(--line); border-radius:100px; padding:10px 20px; font-family:'JetBrains Mono',monospace; font-size:12.5px; color:var(--mid); }
.outcome__kpi b { color:var(--accent); }

/* ─── FINAL CTA ─── */
.cta-section { background:linear-gradient(180deg,var(--bg) 0%,#0a0f22 100%); text-align:center; }
.cta-title { font-family:'Cormorant Garamond',serif; font-size:clamp(2.2rem,4.6vw,3.8rem); font-weight:400; line-height:1.1; max-width:820px; margin:0 auto 1.4rem; }
.cta-sub { font-size:clamp(1rem,1.6vw,1.1rem); color:var(--mid); max-width:560px; margin:0 auto 2.2rem; line-height:1.7; }
.cta-actions { display:flex; gap:18px; justify-content:center; flex-wrap:wrap; }

/* ═══ ENGAGEMENT WIZARD (shared include) ═══ */
.engage { background:linear-gradient(160deg,#060a16 0%,#0a1230 55%,#060a16 100%); padding:88px 0 80px; border-top:4px solid var(--accent); }
.engage__wrap { max-width:860px; margin:0 auto; padding:0 6vw; }
.engage__head { text-align:center; margin-bottom:2.4rem; }
.engage__head .display { color:var(--white); }
.engage__head p { color:var(--mid); max-width:560px; margin:1rem auto 0; line-height:1.7; font-size:1rem; }
#sfm-steps { display:flex; gap:0; margin-bottom:2.4rem; border-radius:8px; overflow:hidden; border:1.5px solid rgba(255,255,255,.12); }
.sfm-step-tab { flex:1; text-align:center; padding:13px 8px; font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.08em; text-transform:uppercase;
  background:rgba(255,255,255,.04); color:rgba(234,238,247,.3); }
.sfm-step-tab.on { background:var(--accent-soft); color:var(--accent); }
.sfm-panel .fieldrow { margin-bottom:14px; }
.sfm-panel label { display:block; font-size:12px; color:var(--dim); margin-bottom:6px; font-family:'JetBrains Mono',monospace; letter-spacing:.06em; }
.sfm-panel input, .sfm-panel textarea { width:100%; padding:12px 14px; background:rgba(255,255,255,.07); border:1.5px solid rgba(255,255,255,.14);
  border-radius:7px; color:var(--white); font-size:14px; font-family:inherit; outline:none; transition:border-color .2s; }
.sfm-panel input:focus, .sfm-panel textarea:focus { border-color: var(--accent); }
.sfm-panel .intro { background:rgba(255,255,255,.03); border:1.5px solid rgba(255,255,255,.1); border-radius:12px; padding:28px 26px; }
.sfm-panel .intro p { font-size:.95rem; color:var(--mid); line-height:1.7; }
.sfm-btn { width:100%; padding:16px 28px; background:var(--accent); color:#04120f; font-size:13px; font-weight:700; letter-spacing:.1em; text-transform:uppercase;
  border:none; border-radius:7px; cursor:pointer; font-family:inherit; }
.sfm-btn:disabled { opacity:.6; cursor:default; }
.sfm-back { padding:16px 22px; background:transparent; color:var(--mid); font-size:13px; font-weight:600; letter-spacing:.08em; text-transform:uppercase;
  border:1px solid rgba(255,255,255,.18); border-radius:7px; cursor:pointer; font-family:inherit; }
#sfm-err-1 { display:none; color:var(--accent); font-size:13px; margin:12px 0 0; font-weight:500; }
#sfm-not-recorded { display:none; background:rgba(231,76,60,.08); border:1.5px solid rgba(231,76,60,.35); border-radius:8px; padding:14px 20px; margin-bottom:1.6rem; }
#sfm-not-recorded p { font-size:13.5px; color:#ff9b8f; line-height:1.6; }
.hp-field { position:absolute; left:-9999px; }

/* ═══ CLOSE — "why free" (shared include) ═══ */
.closer { background:var(--bg); }
.closer__rhythm > * + * { margin-top:3.4rem; }
.cl-diptych { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.cl-band { border:1px solid var(--line); border-radius:16px; overflow:hidden; display:flex; flex-direction:column; }
.cl-band__visual { min-height:170px; position:relative; display:flex; align-items:center; justify-content:center; padding:24px; }
.cl-band--before .cl-band__visual { background:radial-gradient(ellipse at center,var(--neg-dim),#060810); }
.cl-band--after .cl-band__visual { background:radial-gradient(ellipse at center,var(--accent-dim),#06100d); }
.cl-band__copy { padding:26px 28px 30px; }
.cl-label { font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.16em; text-transform:uppercase; display:inline-block; margin-bottom:12px; }
.cl-label--neg { color:var(--neg); } .cl-label--accent { color:var(--accent); } .cl-label--gold { color:var(--gold); }
.cl-band__h { font-family:'Cormorant Garamond',serif; font-size:1.9rem; font-weight:500; line-height:1.12; margin-bottom:10px; color:var(--white); }
.cl-band__h em { font-style:italic; color:var(--accent); } .cl-band__h .em-neg { color:var(--neg); font-style:italic; }
.cl-band__p { font-size:14.5px; line-height:1.65; color:var(--dim); } .cl-band__p + .cl-band__p { margin-top:10px; }

.cl-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.cl-card { border:1px solid var(--line); border-radius:14px; padding:28px 24px; background:var(--bg1); display:flex; flex-direction:column; }
.cl-card__step { font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--accent); margin-bottom:14px; }
.cl-card__title { font-family:'Cormorant Garamond',serif; font-size:1.5rem; font-weight:500; line-height:1.15; margin-bottom:12px; color:var(--white); }
.cl-card__desc { font-size:13.5px; line-height:1.6; color:var(--dim); margin-bottom:16px; }
.cl-points { list-style:none; padding:0; margin:0 0 18px; }
.cl-points li { font-size:13px; color:var(--mid); padding:5px 0 5px 20px; position:relative; }
.cl-points li::before { content:'→'; position:absolute; left:0; color:var(--accent); }
.cl-card__foot { margin-top:auto; }
.cl-meta { font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--dim); margin-bottom:12px; letter-spacing:.04em; }
.cl-card__note { font-size:12.5px; color:var(--dim); font-style:italic; margin-top:10px; }
.cl-card .btn { width:100%; justify-content:center; }

.cl-why { border:1px solid rgba(212,160,23,.25); border-radius:18px; padding:48px 44px; background:linear-gradient(170deg,rgba(212,160,23,.05),var(--bg1)); }
.cl-why__head { text-align:center; max-width:720px; margin:0 auto 2.6rem; }
.cl-h2 { font-family:'Cormorant Garamond',serif; font-size:clamp(1.8rem,3.4vw,2.7rem); font-weight:400; line-height:1.14; color:var(--white); }
.cl-h2 em { font-style:italic; color:var(--gold); }
.cl-sub { font-size:15px; color:var(--mid); margin-top:12px; line-height:1.6; }
.cl-why__proof { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-bottom:2.4rem; }
.cl-proof__item { text-align:center; padding:20px 14px; border:1px solid var(--line); border-radius:12px; background:rgba(255,255,255,.02); }
.cl-proof__n { font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--gold); margin-bottom:10px; }
.cl-proof__t { font-size:14px; font-weight:600; color:var(--white); margin-bottom:6px; }
.cl-proof__d { font-size:12.5px; color:var(--dim); line-height:1.5; }
.cl-why__compat { text-align:center; max-width:640px; margin:0 auto 2.4rem; }
.cl-why__compat p { font-size:15px; color:var(--mid); line-height:1.65; margin-top:8px; }
.cl-why__reveal { text-align:center; max-width:680px; margin:0 auto 2.4rem; }
.cl-h3 { font-family:'Cormorant Garamond',serif; font-size:clamp(1.4rem,2.6vw,2rem); font-weight:500; color:var(--white); line-height:1.2; }
.cl-give { font-size:14.5px; color:var(--dim); line-height:1.65; margin-top:14px; }
.cl-climax { margin-top:1.8rem; padding:22px; border-radius:12px; background:var(--accent-dim); border:1px solid var(--accent-soft); }
.cl-climax p { font-family:'Cormorant Garamond',serif; font-size:clamp(1.4rem,2.8vw,2.1rem); font-style:italic; color:var(--accent); }
.cl-why__fees { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.cl-fee { padding:26px; border:1px solid var(--line); border-radius:12px; background:rgba(255,255,255,.02); }
.cl-fee__k { font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--gold); margin-bottom:10px; }
.cl-fee__v { font-size:14px; color:var(--mid); line-height:1.6; }

/* ─── RELATED chain nav (story arrows, not a menu) ─── */
.related { background:#060810; }
.related__grid { display:flex; gap:14px; flex-wrap:wrap; margin-top:1.8rem; }
.related a { font-size:13.5px; color:var(--mid); text-decoration:none; border:1px solid var(--line); border-radius:100px; padding:9px 18px; transition:border-color .2s,color .2s; }
.related a:hover { border-color: var(--accent-soft); color:var(--white); }

/* ─── RESPONSIVE ─── */
@media (max-width:880px) {
  .section { padding:72px 0; } .hero { padding:104px 0 64px; }
  .hero__content.split { grid-template-columns:1fr; gap:40px; }
  .counter-inner { grid-template-columns:1fr; gap:32px; }
  .split-section { grid-template-columns:1fr; } .split-visual { border-left:none; border-top:1px solid var(--line); }
  .cards2 { grid-template-columns:1fr; } .steps { grid-template-columns:1fr; }
  .chain__node { flex:1 1 100%; border-right:none; border-bottom:1px solid var(--line); } .chain__node:last-child{border-bottom:none}
  .cl-diptych { grid-template-columns:1fr; } .cl-cards { grid-template-columns:1fr; }
  .cl-why { padding:34px 22px; } .cl-why__proof { grid-template-columns:1fr 1fr; } .cl-why__fees { grid-template-columns:1fr; }
  .cmp-row { grid-template-columns:1fr; } .cmp-row > div { padding:12px 18px; } .cmp-head { display:none; }
  .cmp-old::before { content:'Today: '; color:var(--neg); font-family:'JetBrains Mono',monospace; font-size:11px; }
  .cmp-new::before { content:'With us: '; color:var(--accent); font-family:'JetBrains Mono',monospace; font-size:11px; }
  .strip__right { margin-left:0; width:100%; }
}
@media (max-width:520px) { .cl-why__proof { grid-template-columns:1fr; } }