/* Shared style for muffinstudio.be inner pages (order, thanks, legal). Brand guide tokens. */
:root{--soleil:#FFC33A;--croute:#3B2416;--beurre:#F6EEDF;--braise:#C93F14;--miel:#E0A43A;--pate:#E9DCC4;--farine:#FFFDF8;--noix:#6B5A48;--display:"Bricolage Grotesque",system-ui,sans-serif;--text:"Instrument Sans",system-ui,sans-serif;--rise:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--beurre);color:var(--croute);font:17px/1.55 var(--text);-webkit-font-smoothing:antialiased}
a{color:inherit}.wrap{width:min(1080px,100% - 32px);margin-inline:auto}.narrow{width:min(760px,100% - 32px);margin-inline:auto}
h1,h2,h3{font-family:var(--display);font-weight:800;letter-spacing:-.03em;line-height:1.05;margin:0}h1{font-size:clamp(2.2rem,1.6rem + 3vw,3.6rem)}h2{font-size:clamp(1.4rem,1.2rem + 1vw,1.9rem);margin-top:36px}h3{font-size:1.15rem}
p{margin:0}
header.top{background:var(--beurre);border-bottom:1px solid var(--pate)}header.top .wrap{display:flex;justify-content:space-between;align-items:center;min-height:70px;gap:16px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}.lock{display:flex;flex-direction:column;line-height:1}.lock b{font:800 26px/1 var(--display);letter-spacing:-.04em}.lock small{font:600 10px/1 var(--text);letter-spacing:.34em;text-transform:uppercase;margin-top:4px;padding-left:2px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;border:1.5px solid transparent;font:600 16px var(--text);text-decoration:none;cursor:pointer;transition:transform .16s var(--rise),opacity .2s}
.btn:active{transform:scale(.97)}.btn.cta{background:var(--braise);color:#fff}.btn.ink{background:var(--croute);color:var(--soleil)}.btn.ghost{border-color:currentColor;background:none;color:inherit}.btn[aria-disabled=true],.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
@media (hover:hover) and (pointer:fine){.btn:not(:disabled):not([aria-disabled=true]):hover{transform:translateY(-2px)}}
.kicker{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#A8340F}
.lead{color:var(--noix);font-size:clamp(1.05rem,1rem + .3vw,1.2rem);margin-top:12px;max-width:56ch}
.card{background:var(--farine);border-radius:24px;padding:clamp(18px,3vw,28px)}
.legal h2{font-size:1.25rem;margin-top:30px}.legal p,.legal li{margin-top:10px;color:#4a3626}.legal ul{padding-left:20px}
:focus-visible{outline:2px solid var(--braise);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
@media (max-width:860px){.top .btn .long{display:none}}
footer.fm{text-align:left;border-top:1px solid var(--pate);margin-top:64px;color:var(--noix);font-size:15px}.fm-in{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:24px;padding-block:36px 20px}.fm-brand b{display:block;font:800 26px/1 var(--display);letter-spacing:-.04em;color:var(--croute)}.fm-brand small{display:block;font:600 10px/1 var(--text);letter-spacing:.34em;text-transform:uppercase;margin-top:4px;padding-left:2px;color:var(--croute)}.fm-col{display:flex;flex-direction:column;gap:8px}.fm-col .fm-h{margin:0 0 4px;font:600 12px/1 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--croute)}.fm-col a{text-decoration:none}.fm-col a:hover{text-decoration:underline}.fm-legal{font-size:13px;padding-block:14px 26px;border-top:1px solid var(--pate)}@media (max-width:700px){.fm-in{grid-template-columns:1fr 1fr}.fm-brand{grid-column:1/-1}}