/* =========================================================================
   Design 3.0 — Page d'accueil (chargée uniquement sur la home via <link>)
   Le navbar/footer sont stylés par design3.css. Ici : reset + corps de page.
   ========================================================================= */
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--font);background:var(--bg);color:var(--body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;transition:background .25s;min-height:100vh;display:flex;flex-direction:column}
body svg{display:block}body a{color:inherit;text-decoration:none}
body button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
.icon{width:20px;height:20px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.icon-sm{width:15px;height:15px}

.wrap{max-width:1120px;width:100%;margin:0 auto;padding:0 24px;flex:1 0 auto}
.cta-primary{display:inline-flex;align-items:center;gap:9px;background:var(--green);color:#fff;font-weight:700;font-size:15px;padding:13px 22px;border-radius:12px;transition:.15s}.cta-primary:hover{background:var(--green-700)}
.cta-second{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);color:var(--ink);font-weight:700;font-size:15px;padding:13px 22px;border-radius:12px;background:var(--surface);transition:.15s}.cta-second:hover{border-color:var(--green)}
.sec{padding:48px 0}
.sec-h{text-align:center;max-width:580px;margin:0 auto 26px}
.sec-h .kick{display:inline-block;font-size:12.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--green);margin-bottom:10px}
.sec-h h2{font-size:29px;color:var(--ink);font-weight:800;letter-spacing:-.02em;margin-bottom:10px}.sec-h p{font-size:16px}
/* hero centré */
.herohead{text-align:center;padding:70px 0 46px}
.hero-mk{display:inline-grid;place-items:center;margin-bottom:24px;animation:heroFloat 3.6s ease-in-out infinite}
.hero-mk-sq{position:relative;display:grid;place-items:center;width:82px;height:82px;border-radius:23px;background:var(--green);box-shadow:0 14px 32px rgba(44,110,73,.26);animation:heroWiggle 2.4s ease-in-out infinite;transform-origin:50% 55%}
.hero-mk-sq svg{width:46px;height:46px}
.hero-mk-sq::after{content:"";position:absolute;inset:0;border-radius:23px;pointer-events:none;animation:heroGlow 3.6s ease-out infinite}
@keyframes heroFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes heroGlow{0%{box-shadow:0 0 0 0 rgba(44,110,73,.40)}70%{box-shadow:0 0 0 18px rgba(44,110,73,0)}100%{box-shadow:0 0 0 0 rgba(44,110,73,0)}}
@keyframes heroWiggle{0%{transform:rotate(0)}4%{transform:rotate(-8deg)}9%{transform:rotate(7deg)}14%{transform:rotate(-4deg)}18%,100%{transform:rotate(0)}}
@media(prefers-reduced-motion:reduce){.hero-mk,.hero-mk-sq,.hero-mk-sq svg,.hero-mk-sq::after{animation:none}}
.herohead h1{font-size:clamp(30px,4.7vw,58px);line-height:1.05;letter-spacing:-.035em;color:var(--ink);font-weight:800;margin:0 auto 18px;max-width:none;white-space:nowrap}
.herohead h1 em{font-style:normal;color:var(--green)}
.herohead p.lead{font-size:16.5px;max-width:520px;margin:0 auto 28px}
.herohead .acts{justify-content:center}
.modes{display:flex;flex-direction:column;gap:26px;padding-bottom:8px}
/* bloc explicatif / securebox */
.securebox{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:38px;position:relative;overflow:hidden}
.securebox::before{content:"";position:absolute;top:-90px;left:-60px;width:320px;height:240px;background:radial-gradient(circle,var(--green-50),transparent 65%);opacity:.8;pointer-events:none}
.securebox>*{position:relative}
.securebox.flip .sb-demo{order:2}
.sb-demo{background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:24px;text-align:center}
.sb-demo .choice{background:var(--surface)}
.om{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:13px 15px;display:flex;align-items:center;gap:11px;text-align:left}
.om-av{width:42px;height:42px;border-radius:11px;overflow:hidden;background:var(--green-100);flex-shrink:0}.om-av img{width:100%;height:100%;object-fit:cover}
.om-info{min-width:0;flex:1}
.om-name{color:var(--ink);font-weight:700;font-size:14px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.om-sub{font-size:12px;color:var(--muted);margin-top:1px}
.om-price{font-weight:800;color:var(--ink);font-size:15px;white-space:nowrap}.om-price small{font-size:11px;color:var(--muted);font-weight:600}
.om-wrap{display:flex;flex-direction:column}
.om-btn{margin-top:11px;display:flex;align-items:center;justify-content:center;gap:7px;background:var(--green);color:#fff;font-weight:700;font-size:12.5px;padding:10px;border-radius:10px}.om-btn:hover{background:var(--green-700)}.om-btn svg{width:13px;height:13px}
.secu-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:800;color:var(--green-700);background:var(--green-50);border:1px solid var(--green-100);padding:2px 8px;border-radius:20px;position:relative}
.secu-badge svg{width:12px;height:12px}
.secu-badge.hl{animation:secuPulse 2.2s ease-out infinite}
@keyframes secuPulse{0%{box-shadow:0 0 0 0 rgba(44,110,73,.5)}70%{box-shadow:0 0 0 8px rgba(44,110,73,0)}100%{box-shadow:0 0 0 0 rgba(44,110,73,0)}}
@media(prefers-reduced-motion:reduce){.secu-badge.hl{animation:none}}
.sb-cap{display:block;margin-top:14px;font-size:12.5px;color:var(--muted)}
.sb-right .kick{display:inline-block;font-size:12.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--green);margin-bottom:10px}
.sb-right h2{font-size:27px;color:var(--ink);font-weight:800;letter-spacing:-.02em;margin-bottom:12px}
.sb-right>p{font-size:15px;margin-bottom:18px}
.sb-points{display:flex;flex-direction:column;gap:11px}
.sb-pt{display:flex;align-items:flex-start;gap:11px;font-size:14px;color:var(--body)}
.sb-pt .pc{width:26px;height:26px;border-radius:8px;background:var(--green-50);color:var(--green);display:grid;place-items:center;flex-shrink:0;margin-top:1px}.sb-pt .pc svg{width:15px;height:15px}
.sb-pt b{color:var(--ink)}
.sb-free{display:inline-flex;align-items:center;gap:8px;margin-top:18px;background:var(--green);color:#fff;font-weight:800;font-size:13.5px;padding:10px 16px;border-radius:11px}
.sb-free svg{width:17px;height:17px}
.sb-cta{display:inline-flex;align-items:center;gap:8px;margin-top:18px;background:var(--green);color:#fff;font-weight:700;font-size:14px;padding:11px 18px;border-radius:11px}.sb-cta:hover{background:var(--green-700)}.sb-cta svg{width:15px;height:15px}
/* choix vente */
.choices{display:flex;flex-direction:column;gap:9px}
.choice{display:flex;align-items:center;gap:12px;background:var(--bg);border:1px solid var(--line);border-radius:13px;padding:13px 14px;transition:.14s}
.choice:hover{border-color:var(--green);background:var(--surface);box-shadow:var(--shadow)}
.choice .ci{width:38px;height:38px;border-radius:11px;background:var(--green-50);color:var(--green);display:grid;place-items:center;flex-shrink:0}.choice .ci svg{width:19px;height:19px}
.choice .ct{flex:1;min-width:0}.choice .ct b{display:flex;align-items:center;gap:7px;color:var(--ink);font-size:13.5px}.choice .ct i{font-style:normal;font-size:11.5px;color:var(--muted)}
.choice .cg{color:var(--green);flex-shrink:0}.choice .cg svg{width:16px;height:16px}
.newtag{background:var(--d3-red);color:#fff;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;line-height:1.6;padding:1px 6px;border-radius:20px}
/* échange */
.swapdemo{display:flex;align-items:center;justify-content:center;gap:14px}
.svtag{flex:1;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:16px 10px}
.svtag .sn{color:var(--ink);font-weight:700;font-size:14px}.svtag .ss{font-size:11.5px;color:var(--muted)}
.swarr{width:40px;height:40px;border-radius:12px;background:var(--green);color:#fff;display:grid;place-items:center;flex-shrink:0}.swarr svg{width:20px;height:20px}
.xtags{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:-4px 0 14px}
.xtag{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:var(--green-700);background:var(--green-50);border:1px solid var(--green-100);padding:3px 9px;border-radius:20px}
/* flow 4 étapes */
.flow{background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:36px;display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.fstep{text-align:center;padding:0 16px;position:relative}
.fstep:not(:last-child)::after{content:"";position:absolute;top:23px;right:-2px;width:100%;height:2px;background:repeating-linear-gradient(90deg,var(--green-100) 0 6px,transparent 6px 12px)}
.fstep .num{width:48px;height:48px;border-radius:50%;background:var(--green);color:#fff;font-weight:800;font-size:18px;display:grid;place-items:center;margin:0 auto 16px;position:relative;z-index:1}
.fstep h4{font-size:15.5px;color:var(--ink);font-weight:700;margin-bottom:6px}.fstep p{font-size:13px}
.fstep .tag{display:inline-block;margin-top:9px;font-size:11px;font-weight:700;color:var(--green-700);background:var(--green-50);border:1px solid var(--green-100);padding:2px 9px;border-radius:20px}
/* messagerie */
.msg{display:grid;grid-template-columns:.95fr 1.05fr;gap:36px;align-items:center}
.msg .kick{display:inline-block;font-size:12.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--green);margin-bottom:10px}
.msg h2{font-size:29px;color:var(--ink);font-weight:800;letter-spacing:-.02em;margin-bottom:14px}
.msg>div>p{font-size:15.5px;margin-bottom:18px}
.checks{display:flex;flex-direction:column;gap:12px}
.chk{display:flex;gap:12px;align-items:flex-start}
.chk .ci{width:26px;height:26px;border-radius:8px;background:var(--green-50);color:var(--green);display:grid;place-items:center;flex-shrink:0;margin-top:1px}.chk .ci svg{width:15px;height:15px}
.chk span{font-size:13.5px;display:block}
.chatmock{background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);overflow:hidden}
.cm-head{display:flex;align-items:center;gap:11px;padding:14px 16px;border-bottom:1px solid var(--line)}
.cm-head .av{width:38px;height:38px;border-radius:10px;overflow:hidden;background:var(--green-100);flex-shrink:0}.cm-head .av img{width:100%;height:100%;object-fit:cover}
.cm-head b{color:var(--ink);font-size:14px;display:block}.cm-head span{font-size:11.5px;color:var(--green);display:flex;align-items:center;gap:5px}.cm-head span i{width:7px;height:7px;border-radius:50%;background:var(--green);display:inline-block}
.cm-body{padding:16px;display:flex;flex-direction:column;gap:10px;background:var(--bg)}
.bub{max-width:74%;padding:10px 13px;border-radius:14px;font-size:13.5px;line-height:1.4}
.bub.them{background:var(--surface);border:1px solid var(--line);color:var(--body);border-bottom-left-radius:5px;align-self:flex-start}
.bub.me{background:var(--green);color:#fff;border-bottom-right-radius:5px;align-self:flex-end}
.cm-track{padding:14px 16px;border-top:1px solid var(--line);display:flex;align-items:center;gap:12px}
.cm-track .tinfo{flex:1}.cm-track .tinfo b{color:var(--ink);font-size:13px}.cm-track .tinfo .steps{display:flex;gap:6px;margin-top:7px}
.cm-track .tinfo .steps span{flex:1;height:5px;border-radius:5px;background:var(--line)}.cm-track .tinfo .steps span.done{background:var(--green)}.cm-track .tinfo .steps span.cur{background:var(--green);opacity:.5}
.cm-track .frac{font-size:12px;font-weight:800;color:var(--green-700);background:var(--green-50);border:1px solid var(--green-100);padding:4px 10px;border-radius:20px;white-space:nowrap}
/* stats */
.statline{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.sl{background:var(--green-50);border:1px solid var(--green-100);border-radius:var(--radius);padding:24px;text-align:center}
.sl .n{font-size:34px;font-weight:800;color:var(--green-700);letter-spacing:-.02em}.sl .l{font-size:13.5px;color:var(--body)}
.endcta{text-align:center;background:var(--green);border-radius:22px;padding:48px 24px;margin:46px 0;position:relative;overflow:hidden}
.endcta::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% -10%,rgba(255,255,255,.16),transparent 55%)}
.endcta>*{position:relative}
.endcta h2{font-size:28px;color:#fff;font-weight:800;letter-spacing:-.02em;margin-bottom:10px}
.endcta p{font-size:16px;color:rgba(255,255,255,.85);margin-bottom:22px}
.endcta a{display:inline-flex;align-items:center;gap:9px;background:#fff;color:var(--green-700);font-weight:700;font-size:15px;padding:13px 24px;border-radius:12px}
@media(max-width:1040px){.flow{grid-template-columns:repeat(2,1fr);gap:28px 0}.fstep:nth-child(2)::after{display:none}.msg{grid-template-columns:1fr;gap:26px}.msg .order{order:-1}.securebox{grid-template-columns:1fr;gap:24px;padding:26px}.securebox.flip .sb-demo{order:0}.herohead{padding:46px 0 32px}}
@media(max-width:680px){.herohead h1{white-space:normal;font-size:30px}}
@media(max-width:640px){.psteps,.selltwo{grid-template-columns:1fr}.flow{grid-template-columns:1fr}.fstep::after{display:none!important}.statline{grid-template-columns:1fr}}

/* ===================== ACCUEIL — VERSION MOBILE (≤768px) ===================== */
.d3-only-mobile{display:none}
@media(max-width:768px){
  .d3-only-desktop{display:none!important}
  .d3-only-mobile{display:block}
  .d3-only-mobile em{font-style:normal;color:var(--green)}
  .d3-only-mobile .hero{text-align:center;padding:34px 18px 22px}
  .d3-only-mobile .hero-mk{display:inline-grid;place-items:center;margin-bottom:16px}
  .d3-only-mobile .hero-mk-sq{position:relative;display:grid;place-items:center;width:74px;height:74px;border-radius:21px;background:var(--green);box-shadow:0 14px 32px rgba(44,110,73,.26)}
  .d3-only-mobile .hero-mk-sq svg{width:41px;height:41px}
  .d3-only-mobile .hero h1{font-size:28px;line-height:1.12;letter-spacing:-.03em;color:var(--ink);font-weight:800;margin-bottom:12px}
  .d3-only-mobile .hero p.lead{font-size:15px;color:var(--body);max-width:none;margin:0}
  .d3-only-mobile .sec{padding:24px 16px}
  .d3-only-mobile .sec-h{text-align:center;margin-bottom:18px;max-width:none}
  .d3-only-mobile .sec-h h2{font-size:22px;color:var(--ink);font-weight:800;letter-spacing:-.02em}
  .d3-only-mobile .sec-h p{font-size:14.5px;margin-top:6px}
  .d3-only-mobile .kick{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--green);margin-bottom:8px}
  .d3-only-mobile .modes{display:flex;flex-direction:column;gap:14px;padding:8px 16px 0}
  .d3-only-mobile .mcard{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:18px;display:flex;flex-direction:column}
  .d3-only-mobile .mcard.accent{background:var(--green-50);border-color:var(--green-100)}
  .d3-only-mobile .mvis{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:16px;margin-top:16px;order:2}
  .d3-only-mobile .mcard.accent .mvis{background:var(--surface)}
  .d3-only-mobile .mcard h2{font-size:19px;color:var(--ink);font-weight:800;letter-spacing:-.01em;margin-bottom:8px}
  .d3-only-mobile .mtxt>p{font-size:14px;margin-bottom:13px}
  .d3-only-mobile .pts{list-style:none;display:flex;flex-direction:column;gap:9px;margin:0 0 15px;padding:0}
  .d3-only-mobile .pts li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px}
  .d3-only-mobile .pts li svg{width:16px;height:16px;color:var(--green);flex-shrink:0;margin-top:2px}
  .d3-only-mobile .pts li b{color:var(--ink)}
  .d3-only-mobile .mcta{display:inline-flex;align-items:center;gap:8px;background:var(--green);color:#fff;font-weight:700;font-size:14px;padding:11px 18px;border-radius:11px;align-self:flex-start}
  .d3-only-mobile .mcta svg{width:15px;height:15px}
  .d3-only-mobile .free{display:inline-flex;align-items:center;gap:8px;background:var(--green);color:#fff;font-weight:800;font-size:13px;padding:10px 15px;border-radius:11px;align-self:flex-start}
  .d3-only-mobile .free svg{width:16px;height:16px}
  .d3-only-mobile .offer{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:14px}
  .d3-only-mobile .offer .oh{display:flex;align-items:center;gap:8px;color:var(--ink);font-weight:700;flex-wrap:wrap}
  .d3-only-mobile .obadge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:800;color:var(--green-700);background:var(--green-50);border:1px solid var(--green-100);padding:2px 8px;border-radius:20px}
  .d3-only-mobile .obadge svg{width:12px;height:12px}
  .d3-only-mobile .offer .om{font-size:12px;color:var(--muted);margin-top:3px}
  .d3-only-mobile .offer .op{font-size:20px;font-weight:800;color:var(--ink);margin-top:8px}
  .d3-only-mobile .offer .op small{font-size:12px;color:var(--muted);font-weight:600}
  .d3-only-mobile .obtn{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:7px;background:var(--green);color:#fff;font-weight:700;font-size:13px;padding:11px;border-radius:10px}
  .d3-only-mobile .obtn svg{width:14px;height:14px}
  .d3-only-mobile .vcap{font-size:12px;color:var(--muted);margin-top:12px;text-align:center}
  .d3-only-mobile .choices{display:flex;flex-direction:column;gap:9px}
  .d3-only-mobile .choice{display:flex;align-items:center;gap:11px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px}
  .d3-only-mobile .choice .ci{width:36px;height:36px;border-radius:10px;background:var(--green-50);color:var(--green);display:grid;place-items:center;flex-shrink:0}
  .d3-only-mobile .choice .ci svg{width:18px;height:18px}
  .d3-only-mobile .choice .ct{flex:1;min-width:0}
  .d3-only-mobile .choice .ct b{display:flex;align-items:center;gap:7px;color:var(--ink);font-size:13.5px}
  .d3-only-mobile .choice .ct i{font-style:normal;font-size:11.5px;color:var(--muted)}
  .d3-only-mobile .choice .cg{color:var(--green)}
  .d3-only-mobile .choice .cg svg{width:16px;height:16px}
  .d3-only-mobile .newtag{background:var(--d3-red);color:#fff;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;padding:1px 6px;border-radius:20px;line-height:1.6}
  .d3-only-mobile .swap{display:flex;align-items:center;gap:11px}
  .d3-only-mobile .svtag{flex:1;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 8px}
  .d3-only-mobile .svtag .sn{color:var(--ink);font-weight:700;font-size:14px}
  .d3-only-mobile .svtag .ss{font-size:11.5px;color:var(--muted)}
  .d3-only-mobile .swarr{width:36px;height:36px;border-radius:11px;background:var(--green);color:#fff;display:grid;place-items:center;flex-shrink:0}
  .d3-only-mobile .swarr svg{width:18px;height:18px}
  .d3-only-mobile .xtags{display:flex;gap:6px;justify-content:center;margin-top:12px}
  .d3-only-mobile .xtag{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:var(--green-700);background:var(--green-50);border:1px solid var(--green-100);padding:3px 9px;border-radius:20px}
  .d3-only-mobile .steps{display:flex;flex-direction:column;gap:10px}
  .d3-only-mobile .fstep{display:flex;gap:13px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 15px}
  .d3-only-mobile .fstep .num{width:30px;height:30px;border-radius:50%;background:var(--green);color:#fff;font-weight:800;font-size:14px;display:grid;place-items:center;flex-shrink:0}
  .d3-only-mobile .fstep .ft{border:none;background:none}
  .d3-only-mobile .fstep .ft b{color:var(--ink);font-size:14.5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
  .d3-only-mobile .fstep .ft p{font-size:13px;margin-top:3px}
  .d3-only-mobile .fstep .tag{font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:var(--green-700);background:var(--green-50);border:1px solid var(--green-100);padding:1px 7px;border-radius:10px}
  .d3-only-mobile .chat{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-top:18px}
  .d3-only-mobile .chat-h{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line);font-size:13px}
  .d3-only-mobile .chat-h .av{width:34px;height:34px;border-radius:9px;background:var(--green-100);flex-shrink:0}
  .d3-only-mobile .chat-h b{color:var(--ink)}
  .d3-only-mobile .chat-h i{font-style:normal;color:var(--green);font-size:11.5px;margin-left:auto;display:flex;align-items:center;gap:5px}
  .d3-only-mobile .chat-h i::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green)}
  .d3-only-mobile .chat-b{padding:14px;display:flex;flex-direction:column;gap:8px;background:var(--bg)}
  .d3-only-mobile .bub{max-width:84%;padding:9px 12px;border-radius:13px;font-size:13px;line-height:1.4}
  .d3-only-mobile .bub.them{background:var(--surface);border:1px solid var(--line);align-self:flex-start;border-bottom-left-radius:5px}
  .d3-only-mobile .bub.me{background:var(--green);color:#fff;align-self:flex-end;border-bottom-right-radius:5px}
  .d3-only-mobile .chat-t{display:flex;align-items:center;gap:10px;padding:12px 14px;border-top:1px solid var(--line)}
  .d3-only-mobile .chat-t b{font-size:12.5px;color:var(--ink);flex:1}
  .d3-only-mobile .frac{font-size:11.5px;font-weight:800;color:var(--green-700);background:var(--green-50);border:1px solid var(--green-100);padding:4px 10px;border-radius:20px}
  .d3-only-mobile .stats{display:flex;gap:9px}
  .d3-only-mobile .stat{flex:1;text-align:center;background:var(--green-50);border:1px solid var(--green-100);border-radius:14px;padding:16px 6px}
  .d3-only-mobile .stat .n{display:block;font-size:21px;font-weight:800;color:var(--green-700);letter-spacing:-.02em}
  .d3-only-mobile .stat .l{font-size:11px;color:var(--body);line-height:1.3;display:block;margin-top:2px}
}