/* Nommera -- /services/mise-en-marche/ v6 (2026-11-03). Tout est préfixé .mm3- ; s'appuie sur les variables de site.css.
   Échelle d'espacement : 4 / 8 / 12 / 16 / 24 / 32 / 48 / 72. Rayons : 16 (cartes), 12 (champs), 999 (boutons, pastilles).
   Mouvement : transform + opacité uniquement ; désactivé avec prefers-reduced-motion. */
.mm3{--mm-green:#02704d;--mm-r:16px;--mm-tint:rgba(236,233,221,.55);--mm-line:var(--border);color:var(--ink);}
.mm3 *{box-sizing:border-box;}
.mm3-wrap{max-width:1200px;margin:0 auto;padding:0 32px;}
:where(.mm3) :where(h1,h2,h3){margin:0;font-weight:800;letter-spacing:-.02em;line-height:1.12;text-wrap:balance;}
:where(.mm3) p{margin:0;}
:where(.mm3) a{color:inherit;}
.mm3-sec{padding:72px 0;}
.mm3-sec--tint{background:var(--mm-tint);border-top:1px solid var(--mm-line);border-bottom:1px solid var(--mm-line);}
.mm3-head{max-width:700px;margin-bottom:32px;}
.mm3-head h2,.mm3-order-copy h2{font-size:clamp(26px,3.2vw,38px);}
.mm3-eyebrow{font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mm-green);margin-bottom:12px;}
.mm3-sub{margin-top:12px;font-size:17px;line-height:1.55;color:var(--ink-soft);max-width:64ch;}
.mm3-fine{font-size:13.5px;line-height:1.55;color:var(--ink-soft);max-width:70ch;}
.mm3-fine a,.mm3-note a,.mm3-aud-notes a,.mm3-routes a{color:var(--ink);font-weight:700;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--green);}
.mm3-fine a:hover,.mm3-note a:hover,.mm3-aud-notes a:hover,.mm3-routes a:hover{color:var(--mm-green);}
.mm3 :focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:6px;}

/* boutons */
.mm3-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border-radius:999px;font:700 15.5px/1.2 inherit;font-family:inherit;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;text-align:center;}
.mm3-btn:hover{transform:translateY(-1px);}
.mm3-btn--primary{background:var(--green);color:#042a1f;border-color:var(--green);}
.mm3-btn--primary:hover{background:#13e3a6;border-color:#13e3a6;}
.mm3-btn--dark{background:var(--ink);color:#fff;border-color:var(--ink);}
.mm3-btn--dark:hover{background:#2a2e33;}
.mm3-btn--ghost{background:transparent;color:var(--ink);border-color:var(--ink);}
.mm3-btn--ghost:hover{background:var(--ink);color:#fff;}
.mm3-btn[disabled]{opacity:.6;cursor:progress;transform:none;}
.mm3-btn[hidden]{display:none;}

/* pastilles de statut : texte + forme, jamais la couleur seule */
.st{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:12.5px;font-weight:800;white-space:nowrap;}
.st svg{width:13px;height:13px;flex:none;}
.st--ok{background:#dff5ec;color:#03593e;}
.st--warn{background:#fff0cc;color:#6b4300;}
.st--warn::before{content:"";width:7px;height:7px;border-radius:50%;background:#c27a00;}
.st--idle{background:#e9e8df;color:#40454c;}
.st--idle::before{content:"";width:7px;height:7px;border-radius:50%;border:2px solid #6d727a;}
.mm3-badge{display:inline-block;padding:4px 12px;border-radius:999px;background:var(--paper);border:1px dashed #b7b3a4;color:var(--ink-soft);font-size:12px;font-weight:700;white-space:nowrap;}

/* 1 · hero */
.mm3-hero{padding:56px 0 64px;position:relative;overflow:hidden;}
.mm3-hero::before{content:"";position:absolute;right:-10%;top:-35%;width:58%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(2,208,152,.16),rgba(2,208,152,0) 66%);pointer-events:none;}
.mm3-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:48px;align-items:center;}
.mm3-tag{display:inline-block;padding:6px 14px;border-radius:999px;background:var(--tan);font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;margin-bottom:24px;}
.mm3-hero h1{font-size:clamp(34px,4.2vw,54px);max-width:16em;}
.mm3-lede{margin-top:24px;font-size:clamp(17px,1.5vw,20px);line-height:1.5;color:var(--ink-soft);max-width:34em;}
.mm3-facts{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:8px;font-size:15.5px;}
.mm3-facts li{display:flex;flex-wrap:wrap;gap:2px 8px;align-items:baseline;}
.mm3-facts b{font-size:17px;}
.mm3-facts span{color:var(--ink-soft);}
.mm3-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px;}
.mm3-note{margin-top:16px;font-size:14.5px;line-height:1.5;color:var(--ink-soft);max-width:46ch;scroll-margin-top:100px;}

/* panneau d'exemple */
.mm3-panel{background:var(--paper);border:1px solid var(--mm-line);border-radius:var(--mm-r);box-shadow:0 24px 48px -28px rgba(17,17,17,.28);overflow:hidden;}
.mm3-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;border-bottom:1px solid var(--mm-line);}
.mm3-panel-title{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;}
.mm3-panel-title i{width:8px;height:8px;border-radius:50%;background:var(--green);}
.mm3-demo-list{list-style:none;margin:0;padding:0 24px;}
.mm3-demo-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #eeece3;font-size:15px;font-weight:600;}
.mm3-demo-foot{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px 24px;background:#faf9f4;border-top:1px solid var(--mm-line);}
.mm3-demo-foot small{display:block;font-size:12px;color:var(--ink-soft);font-weight:600;margin-bottom:4px;}
.mm3-demo-foot b{font-size:14.5px;}

/* 2 · livrables */
.mm3-deliv{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:24px;align-items:stretch;}
.mm3-deliv-tabs{display:flex;flex-direction:column;gap:8px;}
.mm3-tab{display:flex;align-items:center;gap:16px;width:100%;padding:16px;border-radius:var(--mm-r);border:1px solid var(--mm-line);background:transparent;font:inherit;color:var(--ink);text-align:left;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease;}
.mm3-tab .n{flex:none;width:36px;height:36px;border-radius:50%;background:var(--tan);display:inline-flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:800;transition:background-color .2s ease,color .2s ease;}
.mm3-tab b{display:block;font-size:16px;line-height:1.25;}
.mm3-tab small{display:block;margin-top:2px;font-size:13.5px;color:var(--ink-soft);line-height:1.35;}
.mm3-tab:hover{border-color:#bdb9a9;background:rgba(255,255,255,.6);}
.mm3-tab[aria-selected="true"]{background:var(--paper);border-color:var(--ink);box-shadow:0 14px 28px -20px rgba(17,17,17,.4);}
.mm3-tab[aria-selected="true"] .n{background:var(--ink);color:#fff;}
.mm3-deliv-stage{display:grid;gap:16px;}
.mm3-pane{background:var(--paper);border:1px solid var(--mm-line);border-radius:var(--mm-r);padding:24px 32px 24px;}
.mm3-pane-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.mm3-pane-top h3{font-size:22px;}
.mm3-pane-lead{margin:12px 0 16px;font-size:15.5px;line-height:1.5;color:var(--ink-soft);max-width:60ch;}
.mm3-rows{list-style:none;margin:0;padding:0;}
.mm3-rows li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid #eeece3;font-weight:700;font-size:15.5px;}
.mm3-rows small{display:block;margin-top:2px;font-weight:500;font-size:13.5px;color:var(--ink-soft);}
.mm3-rec{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 32px;}
.mm3-rec div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid #eeece3;font-size:15px;}
.mm3-rec dt{color:var(--ink-soft);font-weight:600;}
.mm3-rec dd{margin:0;font-weight:800;text-align:right;}
/* onglets actifs seulement avec JS ; sans JS les quatre exemples s'empilent */
.mm3-deliv.is-tabs .mm3-pane{display:none;}
.mm3-deliv.is-tabs .mm3-pane.is-cur{display:block;animation:mm3-in .35s ease both;}
.mm3-deliv:not(.is-tabs) .mm3-deliv-tabs{display:none;}
.mm3-deliv:not(.is-tabs){grid-template-columns:1fr;}

/* 3 · processus */
.mm3-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative;counter-reset:s;}
.mm3-steps::before{content:"";position:absolute;left:20px;right:20px;top:20px;height:2px;background:linear-gradient(90deg,var(--ink) 0 100%);opacity:.14;}
.mm3-steps li{position:relative;padding-top:0;}
.mm3-steps .n{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--ink);color:#fff;font-weight:800;font-size:16px;margin-bottom:16px;}
.mm3-steps h3{font-size:21px;margin-bottom:8px;}
.mm3-steps li>p:not(.res){font-size:15px;line-height:1.5;color:var(--ink-soft);}
.mm3-steps .res{margin-top:12px;padding:12px 16px;border-radius:12px;background:var(--paper);border:1px solid var(--mm-line);font-size:14px;line-height:1.45;font-weight:600;}
.mm3-steps .res b{display:block;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--mm-green);margin-bottom:4px;}

/* 4 · formules */
.mm3-aud{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-bottom:24px;}
.mm3-aud-label{font-size:14px;font-weight:700;color:var(--ink-soft);}
.mm3-seg{display:inline-flex;padding:4px;border-radius:999px;background:var(--tan);border:1px solid var(--mm-line);}
.mm3-seg button{min-height:44px;padding:8px 20px;border:0;border-radius:999px;background:transparent;font:700 15px/1.2 inherit;font-family:inherit;color:var(--ink);cursor:pointer;transition:background-color .2s ease,color .2s ease;}
.mm3-seg button[aria-checked="true"]{background:var(--ink);color:#fff;}
.mm3-aud-notes{flex:1 1 100%;font-size:14.5px;line-height:1.55;color:var(--ink-soft);max-width:70ch;}
.mm3-aud-notes p[hidden]{display:none;}
.mm3-aud-notes:not(:has(p:not([hidden]))){display:none;}
.mm3:not(:has(.has-aud)) .mm3-aud-notes p[hidden]{display:block;}
.mm3-aud-notes p+p{margin-top:8px;}
.mm3-seg{display:none;}
.has-aud .mm3-seg{display:inline-flex;}
.has-aud .mm3-aud-label{display:inline;}
.mm3-aud-label{display:none;}
.mm3-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch;}
.mm3-plan{display:flex;flex-direction:column;padding:32px;background:var(--paper);border:1px solid var(--mm-line);border-radius:var(--mm-r);transition:border-color .25s ease,box-shadow .25s ease,opacity .25s ease;}
.mm3-plan--full{border:2px solid var(--ink);box-shadow:0 24px 40px -30px rgba(17,17,17,.45);}
.mm3-plan-for{font-size:12.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:8px;}
.mm3-plan h3{font-size:26px;}
.mm3-price{margin-top:16px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;}
.mm3-price b{font-size:clamp(40px,4.4vw,52px);line-height:1;letter-spacing:-.03em;font-weight:800;}
.mm3-price span{font-size:15px;font-weight:700;color:var(--ink-soft);}
.mm3-ttc{margin-top:4px;font-size:14px;color:var(--ink-soft);font-weight:600;}
.mm3-list{list-style:none;margin:24px 0;padding:0;display:grid;gap:12px;flex:1;}
.mm3-list li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;line-height:1.4;}
.mm3-list svg{flex:none;width:20px;height:20px;margin-top:1px;padding:3px;border-radius:50%;background:#dff5ec;color:#03593e;}
.mm3-list li.plus{font-weight:700;}
.mm3-list li.plus svg{background:var(--green);color:#042a1f;}
.mm3-plan .mm3-btn{width:100%;}
.has-aud[data-aud="publisher"] .mm3-plan--full{opacity:.72;border-width:1px;box-shadow:none;}
.has-aud[data-aud="publisher"] [data-mm-plan-card="standard"]{border:2px solid var(--ink);box-shadow:0 24px 40px -30px rgba(17,17,17,.45);}
.has-aud[data-aud="author"] .mm3-plan--full{border-color:var(--mm-green);}
.mm3-terms{display:grid;grid-template-columns:1fr 1fr;gap:24px 48px;margin-top:32px;padding-top:24px;border-top:1px solid var(--mm-line);}
.mm3-terms h3{font-size:16px;margin-bottom:8px;}
.mm3-terms p{font-size:15px;line-height:1.55;color:var(--ink-soft);}
.mm3-fine{margin-top:24px;}

/* 5 · public et limites */
.mm3-scope{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.mm3-scope-col{background:var(--paper);border:1px solid var(--mm-line);border-radius:var(--mm-r);padding:32px;}
.mm3-scope-col h3{font-size:19px;margin-bottom:8px;}
.mm3-scope-col h3:not(:first-child){margin-top:24px;}
.mm3-scope-col p{font-size:15.5px;line-height:1.55;color:var(--ink-soft);}
.mm3-chips{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:8px;}
.mm3-chips li{padding:6px 14px;border-radius:999px;background:var(--cream);border:1px solid var(--mm-line);font-size:14px;font-weight:700;}
.mm3-routes{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:0;border-top:1px solid var(--mm-line);}
.mm3-routes li{padding:16px 0;border-bottom:1px solid var(--mm-line);font-size:15.5px;line-height:1.5;display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;}
.mm3-routes b{font-weight:700;}

/* 6 · FAQ : composants communs .faq-list / .faq-item de site.css (identiques aux autres pages) */

/* 7 · demande */
.mm3-order{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:start;}
#demande{scroll-margin-top:84px;}
.mm3-order-terms{list-style:none;margin:24px 0;padding:0;display:grid;gap:0;border-top:1px solid var(--mm-line);}
.mm3-order-terms li{display:flex;flex-direction:column;gap:2px;padding:12px 0;border-bottom:1px solid var(--mm-line);font-size:15px;}
.mm3-order-terms b{font-size:17px;}
.mm3-order-terms span{color:var(--ink-soft);}
.mm3-card{background:var(--paper);border:1px solid var(--mm-line);border-radius:var(--mm-r);padding:32px;box-shadow:0 24px 48px -34px rgba(17,17,17,.3);}
.mm3-success{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:800;margin-bottom:12px;}
.mm3-success svg{width:28px;height:28px;padding:6px;border-radius:50%;background:var(--green);color:#042a1f;}
.mm3-alert{margin-bottom:24px;padding:12px 16px;border-radius:12px;background:#fce9e9;color:#8f2525;font-size:14.5px;font-weight:600;}
.mm3-progress{list-style:none;margin:0 0 24px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.mm3-progress li{display:flex;align-items:center;gap:8px;padding-top:12px;border-top:3px solid var(--mm-line);font-size:14px;font-weight:700;color:var(--ink-soft);}
.mm3-progress .n{width:24px;height:24px;border-radius:50%;background:var(--tan);display:inline-flex;align-items:center;justify-content:center;font-size:12px;flex:none;}
.mm3-progress li.is-cur{border-top-color:var(--ink);color:var(--ink);}
.mm3-progress li.is-cur .n{background:var(--ink);color:#fff;}
.mm3-progress li.is-done{border-top-color:var(--green);color:var(--mm-green);}
.mm3-progress li.is-done .n{background:var(--green);color:#042a1f;}
.mm3-multi .mm3-step{display:none;}
.mm3-multi .mm3-step.is-cur{display:block;animation:mm3-in .3s ease both;}
.mm3-form .mm3-step>*+*{margin-top:20px;}
.mm3-fs{border:0;margin:0;padding:0;min-width:0;}
.mm3-fs legend{padding:0;margin:0 0 8px;font-size:14px;font-weight:700;}
.mm3-field label{display:block;margin-bottom:6px;font-size:14px;font-weight:700;}
.mm3-field .opt{font-weight:500;color:var(--ink-soft);}
.mm3-field small{display:block;margin-top:6px;font-size:13px;color:var(--ink-soft);}
.mm3 input[type=text],.mm3 input[type=email],.mm3 input[type=url],.mm3 input[type=date],.mm3 select,.mm3 textarea{width:100%;min-height:48px;padding:12px 16px;border:1.5px solid #cfcbbb;border-radius:12px;background:var(--cream);font:16px/1.3 inherit;font-family:inherit;color:var(--ink);}
.mm3 textarea{min-height:112px;resize:vertical;}
.mm3 input:focus,.mm3 select:focus,.mm3 textarea:focus{outline:3px solid var(--blue);outline-offset:1px;background:#fff;}
.mm3 [aria-invalid="true"]{border-color:#b42318;background:#fff8f7;}
.mm3-row2{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.mm3-row2>*{margin-top:0;}
.mm3-checks,.mm3-radios{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.mm3-radios{grid-template-columns:repeat(3,auto);justify-content:start;gap:8px;}
.mm3-checks label,.mm3-radios label{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 12px;border:1.5px solid var(--mm-line);border-radius:12px;font-size:15px;cursor:pointer;background:var(--cream);transition:border-color .2s ease,background-color .2s ease;}
.mm3-checks label:hover,.mm3-radios label:hover{border-color:#a9a595;}
.mm3-checks label:has(input:checked),.mm3-radios label:has(input:checked){border-color:var(--ink);background:#fff;font-weight:700;}
.mm3-checks input,.mm3-radios input,.mm3-consent input{width:20px;height:20px;flex:none;margin:0;accent-color:var(--ink);}
.mm3-consent{display:flex;align-items:flex-start;gap:12px;font-size:13.5px;line-height:1.5;color:var(--ink-soft);cursor:pointer;}
.mm3-consent input{margin-top:1px;}
.mm3-consent a{text-decoration:underline;color:var(--ink);}
.mm3-formmsg{margin-top:16px;padding:12px 16px;border-radius:12px;background:#fce9e9;color:#8f2525;font-size:14.5px;font-weight:600;}
.mm3-formmsg[hidden]{display:none;}
.mm3-nav{display:flex;gap:12px;justify-content:space-between;margin-top:24px;}
.mm3-nav .mm3-btn{flex:1 1 0;}
.mm3-nav .mm3-btn--ghost{flex:0 0 auto;}
.mm3 abbr{text-decoration:none;}

/* apparition : contenu toujours visible sans JS */
.mm3-js .mm3-rv{opacity:0;transform:translateY(16px);}
.mm3-js .mm3-rv.is-in{opacity:1;transform:none;transition:opacity .4s ease calc(var(--i,0)*90ms),transform .4s ease calc(var(--i,0)*90ms);}
/* hero : le tableau se remplit ligne par ligne (une seule séquence, ~4 s) */
.mm3-demo{position:relative;}
.mm3-demo::after{content:"";position:absolute;left:0;right:0;top:0;height:90px;background:linear-gradient(180deg,rgba(2,208,152,0),rgba(2,208,152,.16) 70%,rgba(2,208,152,0));transform:translateY(-100px);pointer-events:none;animation:mm3-scan 3.6s cubic-bezier(.4,0,.3,1) .35s 1 both;}
.mm3-demo-bar{height:3px;background:#eeece3;overflow:hidden;}
.mm3-demo-bar span{display:block;height:100%;width:100%;background:var(--green);transform-origin:left;transform:scaleX(.67);animation:mm3-fill 3.4s cubic-bezier(.3,.6,.3,1) .5s 1 backwards;}
.mm3-demo-list li{position:relative;}
.mm3-demo-list li::before{content:"";position:absolute;inset:0 -24px;background:rgba(2,208,152,.12);opacity:0;animation:mm3-flash .9s ease calc(.7s + var(--i,0)*.5s) 1 both;}
.mm3-demo-list li>*{position:relative;}
.sw{display:inline-grid;justify-items:end;}
.sw>*{grid-area:1/1;}
.sw .st--pre{background:#eeece3;color:#50555c;animation:mm3-out .3s ease calc(.9s + var(--i,0)*.5s) 1 forwards;}
.sw .st--pre i{width:10px;height:10px;border-radius:50%;border:2px solid #9a9a8c;border-top-color:var(--ink);animation:mm3-spin .8s linear calc(.35s) 3;}
.sw .fin{opacity:1;animation:mm3-pop .45s cubic-bezier(.2,.9,.3,1.3) calc(.9s + var(--i,0)*.5s) 1 backwards;}
.sw .fin svg path{stroke-dasharray:24;animation:mm3-draw .4s ease calc(1.1s + var(--i,0)*.5s) 1 backwards;}
.mm3-demo-state{display:inline-grid;}
.mm3-demo-state>*{grid-area:1/1;}
.mm3-demo-state .s1{animation:mm3-out .3s ease 3.5s 1 forwards;}
.mm3-demo-state .s2{animation:mm3-in .4s ease 3.6s 1 backwards;}
@keyframes mm3-scan{from{transform:translateY(-100px);}to{transform:translateY(460px);}}
@keyframes mm3-fill{from{transform:scaleX(0);}}
@keyframes mm3-flash{0%{opacity:0;}30%{opacity:1;}100%{opacity:0;}}
@keyframes mm3-out{to{opacity:0;transform:scale(.9);}}
@keyframes mm3-pop{from{opacity:0;transform:scale(.7);}}
@keyframes mm3-draw{from{stroke-dashoffset:24;}to{stroke-dashoffset:0;}}
@keyframes mm3-spin{to{transform:rotate(360deg);}}
@keyframes mm3-in{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}

@media (max-width:1000px){
  .mm3-hero-grid{grid-template-columns:1fr;gap:32px;}
  .mm3-deliv{grid-template-columns:1fr;}
  .mm3-deliv-tabs{flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:4px;scroll-snap-type:x proximity;}
  .mm3-tab{flex:0 0 auto;width:auto;min-width:220px;scroll-snap-align:start;}
  .mm3-steps{grid-template-columns:1fr 1fr;gap:32px 24px;}
  .mm3-steps::before{display:none;}
  .mm3-order{grid-template-columns:1fr;gap:32px;}
}
@media (max-width:720px){
  .mm3-wrap{padding:0 16px;}
  .mm3-sec{padding:48px 0;}
  .mm3-hero{padding:32px 0 48px;}
  .mm3-tag{margin-bottom:16px;}
  .mm3-lede{margin-top:16px;}
  .mm3-facts{margin-top:16px;}
  .mm3-cta-row{margin-top:24px;flex-direction:column;}
  .mm3-cta-row .mm3-btn{width:100%;}
  .mm3-head{margin-bottom:24px;}
  .mm3-tab{min-width:0;flex:0 0 78%;}
  .mm3-pane,.mm3-plan,.mm3-scope-col,.mm3-card{padding:24px 16px;}
  .mm3-rec{grid-template-columns:1fr;}
  .mm3-steps{grid-template-columns:1fr;gap:0;}
  .mm3-steps li{padding:0 0 24px 56px;}
  .mm3-steps li::before{content:"";position:absolute;left:19px;top:44px;bottom:4px;width:2px;background:rgba(17,17,17,.14);}
  .mm3-steps li:last-child::before{display:none;}
  .mm3-steps .n{position:absolute;left:0;top:0;margin:0;}
  .mm3-steps h3{padding-top:6px;}
  .mm3-plans,.mm3-terms,.mm3-scope{grid-template-columns:1fr;}
  .mm3-seg{display:none;width:100%;}
  .has-aud .mm3-seg{display:flex;}
  .mm3-seg button{flex:1;padding:8px 12px;}
  .mm3-row2,.mm3-checks{grid-template-columns:1fr;}
  .mm3-radios{grid-template-columns:1fr;}
  .mm3-nav{flex-direction:column-reverse;}
  .mm3-nav .mm3-btn--ghost{flex:1 1 auto;}
  .mm3-rows li{flex-wrap:wrap;gap:8px;}
}
@media (prefers-reduced-motion:reduce){
  .mm3 *,.mm3 *::before,.mm3 *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;}
  .mm3-js .mm3-rv{opacity:1;transform:none;}
  .sw .st--pre,.mm3-demo-state .s1,.mm3-demo::after,.mm3-demo-list li::before{display:none;}
}
