/* Pages métier (VTC, artisan) : téléphone avec l'appli qui accompagne la lecture. Classes am-. */
.am-hero-phone{justify-self:end;position:relative}
.am-phone{--w:300px;width:var(--w);aspect-ratio:9/19;background:#0b0b0d;border-radius:46px;padding:10px;box-shadow:0 40px 90px rgba(0,0,0,.5),0 0 0 2px #2c2f36,inset 0 0 0 1px #3a3d44;position:relative}
.am-phone .am-in{position:relative;width:100%;height:100%;border-radius:37px;overflow:hidden;background:#f5f4f2;font-family:"Inter Tight",system-ui,sans-serif;color:#17181c}
.am-notch{position:absolute;top:8px;left:50%;width:92px;height:24px;margin-left:-46px;border-radius:14px;background:#0b0b0d;z-index:5}
.am-scr{position:absolute;inset:0;padding:42px 14px 14px;display:flex;flex-direction:column;gap:9px;opacity:0;transform:translateY(14px) scale(.98);transition:opacity .45s ease,transform .45s ease;font-size:12.5px;line-height:1.35}
.am-scr.on{opacity:1;transform:none}
.am-bar{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#6b6f78;margin-bottom:2px}
.am-bar b{color:#17181c;font-size:13px}
.am-title{font-size:17px;font-weight:700;letter-spacing:-.01em;color:#17181c;margin:0}
.am-sub{font-size:11.5px;color:#6b6f78;margin:-4px 0 2px}
.am-field{background:#fff;border:1px solid #e6e3df;border-radius:12px;padding:7px 10px}
.am-field small{display:block;font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:#8a8e96}
.am-field span{font-weight:600;color:#17181c}
.am-card{background:#fff;border:1px solid #ece9e5;border-radius:14px;padding:10px 11px;box-shadow:0 2px 8px rgba(20,6,11,.04)}
.am-card.dark{background:#17181c;border-color:#17181c;color:#fff}
.am-card.dark .am-muted{color:#b9bcc4}
.am-price{display:flex;justify-content:space-between;align-items:baseline}
.am-price b{font-size:22px;color:var(--am-acc,#6E1422)}
.am-muted{color:#6b6f78;font-size:11.5px}
.am-btn{display:block;text-align:center;border-radius:12px;padding:10px;font-weight:700;background:var(--am-acc,#6E1422);color:#fff}
.am-btn.ok{background:#12a150}.am-btn.wa{background:#25d366}.am-btn.line{background:#fff;color:#17181c;border:1px solid #ddd}
.am-btns{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.am-notif{display:flex;gap:9px;align-items:center;background:rgba(23,24,28,.92);color:#fff;border-radius:16px;padding:9px 11px;animation:am-pop 2.6s ease infinite}
.am-notif i{width:30px;height:30px;border-radius:9px;background:var(--am-acc,#6E1422);display:grid;place-items:center;font-style:normal;font-size:15px;flex:none}
.am-notif b{display:block;font-size:12px}.am-notif span{font-size:11px;color:#c9ccd3}
@keyframes am-pop{0%,100%{transform:translateY(0)}6%{transform:translateY(-4px)}12%{transform:translateY(0)}}
.am-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.am-list li{display:flex;justify-content:space-between;gap:8px;align-items:center;background:#fff;border:1px solid #ece9e5;border-radius:12px;padding:8px 10px}
.am-list li b{display:block;font-size:12.5px;color:#17181c}.am-list li small{color:#6b6f78;font-size:11px}
.am-tag{font-size:10.5px;font-weight:700;border-radius:20px;padding:3px 8px;white-space:nowrap;background:#eef0f3;color:#3b3f47}
.am-tag.g{background:#e3f6ea;color:#0e7a3c}.am-tag.o{background:#fff1dc;color:#9a5a00}.am-tag.b{background:#e6efff;color:#1f4fb8}
.am-qr{background:#fff;border-radius:16px;padding:14px;display:grid;place-items:center;border:1px solid #ece9e5}
.am-qr svg{width:150px;height:150px;display:block}
.am-stars{color:#f4b400;font-size:15px;letter-spacing:1px;text-align:center}
.am-big{font-size:26px;font-weight:800;color:#17181c;line-height:1}
.am-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.am-bars{display:flex;flex-direction:column;gap:6px}
.am-bars div{font-size:11px;color:#3b3f47}
.am-bars div span{display:block;height:7px;border-radius:6px;background:var(--am-acc,#6E1422);margin-top:3px;width:var(--p)}
.am-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.am-photos i{aspect-ratio:1;border-radius:9px;background:linear-gradient(135deg,#d9d2c8,#b9ada0);display:block}
.am-photos i:nth-child(2){background:linear-gradient(135deg,#c8d3d9,#9fb0ba)}.am-photos i:nth-child(3){background:linear-gradient(135deg,#e2d9cf,#c9b8a6)}
.am-switch{display:flex;justify-content:space-between;align-items:center}
.am-switch i{width:36px;height:21px;border-radius:20px;background:#12a150;position:relative}
.am-switch i:after{content:"";position:absolute;right:3px;top:3px;width:15px;height:15px;border-radius:50%;background:#fff}
.am-demo{font-size:9.5px;text-align:center;color:#9a9ea6;margin-top:auto}
/* Bloc qui défile */
.am-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:clamp(32px,6vw,90px);align-items:start}
.am-steps{display:flex;flex-direction:column}
.am-step{min-height:70vh;display:flex;flex-direction:column;justify-content:center;padding:24px 0;opacity:.35;transition:opacity .4s ease}
.am-step.on{opacity:1}
.am-step .k{font-family:"JetBrains Mono",monospace;font-size:13px;letter-spacing:.14em;color:var(--accent,#6E1422)}
.am-step h3{font-size:clamp(24px,2.6vw,34px);line-height:1.15;margin:10px 0 12px}
.am-step p{max-width:520px}
.am-stick{position:sticky;top:max(90px,calc(50vh - 330px));display:flex;flex-direction:column;align-items:center;gap:14px}
.am-dots{display:flex;gap:6px}.am-dots i{width:18px;height:4px;border-radius:4px;background:rgba(20,6,11,.15)}.am-dots i.on{background:var(--accent,#6E1422)}
.am-mini{display:none}
.am-note{font-size:13px;opacity:.75;margin-top:18px}
@media (max-width:900px){
  .am-hero-phone{justify-self:center;margin-top:8px}
  .am-grid{grid-template-columns:1fr}
  .am-stick{display:none}
  .am-step{min-height:0;opacity:1;padding:28px 0;border-bottom:1px solid rgba(20,6,11,.08)}
  .am-mini{display:flex;justify-content:center;margin-top:18px}
  .am-mini .am-phone{--w:260px}
  .am-mini .am-scr{opacity:1;transform:none}
}
html.calm .am-scr,html.calm .am-step{transition:none}html.calm .am-notif{animation:none}