*{box-sizing:border-box}body{margin:0;background:#f7f7f2;color:#152021;font-family:Inter,"Segoe UI",Arial,sans-serif}.mt-demo{max-width:1440px;margin:auto;padding:30px 64px 20px}.demo-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{display:flex;align-items:center;gap:10px;color:#152021;text-decoration:none;font-size:25px;font-weight:800;letter-spacing:-1px}.brand-icon{position:relative;background:#172728;color:#f7d34a;border-radius:10px;width:38px;height:38px;display:grid;place-items:center;font-size:24px}.brand-icon span{font-size:12px;position:absolute;right:2px;top:0}.demo-pill{font-size:12px;border:1px solid #d9ddd5;border-radius:30px;padding:9px 14px;display:flex;align-items:center;gap:8px;color:#586561}.demo-pill i{width:7px;height:7px;background:#63846e;border-radius:50%}.demo-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.85fr);gap:70px;align-items:start;padding:52px 0 38px}.intro{padding-top:8px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#67776a;margin:0 0 22px}h1{font-size:clamp(38px,4.15vw,62px);line-height:1.08;letter-spacing:-2.8px;margin:0;font-weight:750}h1 span{position:relative;display:inline-block;z-index:0}h1 span:after{content:"";position:absolute;bottom:2px;left:-3px;right:-5px;height:19px;background:#f7d64d;transform:rotate(-1deg);z-index:-1}.lede{font-size:16px;line-height:1.65;color:#66726f;max-width:490px;margin:25px 0 21px}.demo-notice{display:flex;align-items:center;gap:14px;margin-bottom:25px}.demo-notice>span{width:38px;height:38px;flex:none;display:grid;place-items:center;background:#e7ede3;border-radius:50%;color:#486c50;font-size:21px}.demo-notice p{font-size:12px;line-height:1.65;margin:0;color:#66726f}.demo-notice strong{color:#304c3a;font-weight:700}.settings-panel{background:#fff;border:1px solid #e1e4db;border-radius:17px;padding:22px;box-shadow:0 8px 20px #22352203}.panel-title{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:21px}.panel-title h2{font-size:15px;margin:0;font-weight:750}.text-button{border:0;background:none;color:#67756b;padding:5px;font-size:11px;text-decoration:underline;cursor:pointer}.field-label,.setting-grid label{display:block;font-size:11px;color:#65736c;font-weight:600}.settings-panel input[type=text],.settings-panel select{font-family:inherit;border:1px solid #dce2d9;border-radius:8px;background:#fbfcf9;color:#20322a;font-size:12px;width:100%;padding:11px 10px;margin-top:7px;min-height:40px}.setting-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 14px;margin-top:19px}.check-setting{display:flex;align-items:center;gap:8px;font-size:12px;margin-top:20px;cursor:pointer}.check-setting input{accent-color:#374d36;width:16px;height:16px;margin:0}.setting-hint{font-size:10px;color:#87918b;margin:14px 0 0}.custom-note{font-size:11px;line-height:1.7;color:#7c8880;max-width:490px;margin:18px 0 0}.custom-note strong{color:#4f6256}.simulator{display:flex;align-items:center;flex-direction:column;position:relative;max-width:480px;width:100%;justify-self:center}.simulator:before{content:"";position:absolute;background:#e9eddf;width:390px;height:390px;top:160px;left:50%;transform:translateX(-50%);border-radius:50%;z-index:-1}.device-caption{display:flex;gap:15px;color:#7b8c7a;align-items:center;font-size:10px;font-weight:700;letter-spacing:2px;margin-bottom:14px}.device-caption span:last-child{font-size:22px;font-weight:400}.terminal{width:346px;background:#172b29;padding:0 11px;border-radius:31px;box-shadow:0 24px 45px #21382a24,0 0 0 1px #091f1d;flex:none}.terminal-top{height:40px;display:flex;justify-content:space-between;align-items:center;color:#a0b2a6;padding:0 12px;font-size:9px;letter-spacing:2px;font-weight:700}.terminal-demo{letter-spacing:1px!important;font-size:7px;background:#ffffff10;border:1px solid #ffffff17;padding:4px 6px;border-radius:5px}.terminal-screen{background:#f5f8f9;position:relative;isolation:isolate;overflow:hidden;border-radius:6px;min-height:567px;display:flex;flex-direction:column;--accent:#efbf05;--soft:#f7ebbc;--button-text:#172021}.decoration{position:absolute;width:175px;height:160px;background:var(--accent);opacity:.48;top:-98px;right:-48px;border-radius:35% 60% 40% 60%;transform:rotate(30deg);z-index:-1}.decoration:after{content:"";position:absolute;top:530px;left:-60px;width:230px;height:150px;background:var(--accent);border-radius:60% 40% 0 40%;transform:rotate(-20deg)}.season-decoration{position:absolute;top:0;right:26px;font-size:27px;pointer-events:none;z-index:-1}.terminal-screen[data-theme=christmas]{--accent:#be242b;--soft:#edf4eb;--button-text:white}.terminal-screen[data-theme=christmas] .season-decoration:after{content:"│ │ │\A ● ★ ●";white-space:pre;color:#bd262f;line-height:19px;font-size:22px}.terminal-screen[data-theme=halloween]{--accent:#ed841d;--soft:#fff0df;--button-text:#251a12}.terminal-screen[data-theme=halloween] .season-decoration:after{content:"🎃";font-size:29px;line-height:55px}.app-header{display:flex;align-items:center;gap:9px;padding:17px 17px 13px;min-height:60px;flex:none}.shop-icon{width:29px;height:29px;display:grid;place-items:center;background:var(--soft);color:#263b33;border-radius:8px;font-size:21px}.app-header #shop-name{font-size:13px;font-weight:750;line-height:1.2;overflow-wrap:anywhere;max-width:224px}.app-lock{margin-left:auto;color:#6b7e77;font-size:20px}.app-content{display:flex;flex-direction:column;padding:7px 17px 13px;flex:1;gap:10px;min-height:470px}.screen-disclaimer{text-align:center;font-size:8px;letter-spacing:.2px;color:#6f8279;margin:0;padding:0 0 9px}.terminal-bottom{height:25px;display:flex;justify-content:center;align-items:center}.terminal-bottom span{width:35px;height:3px;border-radius:3px;background:#60716a}.app-content h2{font-size:25px;line-height:1.12;margin:2px 0 6px;letter-spacing:-.65px;font-weight:740}.app-content h3{font-size:15px;line-height:1.3;margin:0}.app-content p{font-size:11px;line-height:1.5;margin:0;color:#6c7e7a}.app-eyebrow{font-size:9px!important;letter-spacing:1.5px;font-weight:700;color:#657f6e!important}.amount-card{background:white;border:1px solid #dce3e7;border-radius:16px;text-align:center;padding:14px 7px;margin-bottom:2px}.amount-card small{font-size:10px;color:#8b731a;font-weight:650;letter-spacing:1px}.amount-number{font-size:40px;letter-spacing:-1.3px;color:#17212f;font-weight:750;line-height:1.2;padding:5px 0}.feature-badges{display:flex;justify-content:flex-end;gap:5px;margin-bottom:2px}.feature-badges span{border:1px solid #d7dfdf;border-radius:8px;padding:5px 7px;color:#63756c;background:#ffffffa0;font-size:8px}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:auto}.app-content button{font-family:inherit;cursor:pointer;touch-action:manipulation}.keypad button{min-height:42px;background:white;border:1px solid #dce3e7;border-radius:11px;color:#1b2531;font-size:24px;box-shadow:0 1px 1px #00000002}.keypad button[data-key=clear]{font-size:10px;color:#716324}.keypad button[data-key=back]{font-size:19px}.app-button{width:100%;background:var(--accent);color:var(--button-text);font-size:12px;border:1px solid transparent;min-height:42px;border-radius:11px;padding:10px 8px;font-weight:650}.app-button.secondary{background:white;color:#273b32;border-color:#dbe3df}.app-button.quiet{background:transparent;color:#65776d;border-color:transparent;min-height:32px;font-size:11px}.app-button:disabled{opacity:.45;cursor:default}.button-stack{display:flex;flex-direction:column;gap:7px;margin-top:auto}.suggestions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:9px 0}.suggestion{border:1px solid #dde3e5;background:white;border-radius:13px;min-height:75px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:#152621}.suggestion strong{font-size:23px}.suggestion small{font-size:11px;color:#6d7f75}.employee-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.employee-card{min-height:112px;background:white;border:1px solid #dde4e0;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}.employee-avatar{width:43px;height:43px;border-radius:50%;background:var(--soft);display:grid;place-items:center;color:#6d5d28;font-size:19px}.employee-card strong{font-size:13px}.common-card{display:flex;align-items:center;gap:13px;padding:16px;background:white;border:1px solid #dde3e0;border-radius:13px;text-align:left;width:100%;margin:9px 0 2px}.common-card>span:first-child{font-size:28px;color:#82937d}.common-card small{display:block;font-size:10px;color:#718377;margin-top:5px}.summary{background:white;border:1px solid #dce4df;border-radius:16px;padding:19px 15px;margin:6px 0}.summary-row{display:flex;justify-content:space-between;gap:10px;font-size:12px;padding:7px 0;color:#51665a}.summary-row b{color:#233b2c;white-space:nowrap}.summary-total{border-top:1px solid #e7ece5;margin-top:6px;padding-top:14px}.summary-total strong{font-size:32px;letter-spacing:-1px}.app-centered{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;flex:1}.status-icon{width:68px;height:68px;background:#e4eee0;border-radius:50%;color:#446c44;display:grid;place-items:center;font-size:36px}.donation-card{background:white;border:1px solid #dce4df;border-radius:15px;padding:20px 14px;text-align:center;margin:20px 0}.donation-card .donation-amount{font-size:43px;color:#31472f;font-weight:700;letter-spacing:-1px;margin:12px 0}.stars{display:flex;gap:6px;margin:12px 0}.stars button{flex:1;background:white;border:1px solid #dce2dd;border-radius:10px;padding:10px 2px;color:#977615;font-size:24px}.stars small{display:block;font-size:10px;color:#6b7e70;margin-top:5px}.simulated-card{border:1px solid #dce3d9;border-radius:16px;width:100%;padding:21px 14px;background:white}.simulated-card .card-chip{font-size:30px;display:block;margin-bottom:10px}.simulated-card strong{display:block;font-size:30px;margin-top:10px}.no-real-qr{width:142px;min-height:142px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;border:2px dashed #bbc9be;border-radius:14px;background:white;color:#4b6957;margin:12px auto}.no-real-qr span{font-size:44px}.no-real-qr small{font-size:10px}.demo-controls{width:346px;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:17px}.demo-controls button{border:0;background:none;font-size:11px;color:#506b57;cursor:pointer;padding:7px 0}.demo-controls>span{font-size:10px;color:#859181}.demo-footer{border-top:1px solid #dfe3d9;padding-top:20px;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#8a958b}.input-error{color:#af3a26!important;font-size:10px!important;min-height:15px}.app-content>*{animation:appear .18s ease-out}@keyframes appear{from{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #6a917b;outline-offset:3px}button:hover:not(:disabled){filter:brightness(.97)}@media(min-width:1500px){.demo-layout{gap:110px;padding-top:65px}}@media(max-width:1050px){.mt-demo{padding:25px 30px}.demo-layout{gap:30px;grid-template-columns:1fr 360px}h1{font-size:43px;letter-spacing:-2px}.setting-grid{grid-template-columns:1fr;gap:12px}.lede{font-size:14px}}@media(max-width:760px){.mt-demo{padding:20px}.demo-header{gap:10px}.wordmark{font-size:21px}.demo-pill{font-size:9px;padding:7px 9px}.demo-layout{grid-template-columns:1fr;gap:30px;padding-top:35px}.intro{max-width:520px;margin:auto}h1{font-size:44px}.lede{font-size:15px}.setting-grid{grid-template-columns:1fr 1fr}.simulator{max-width:100%;}.demo-footer{flex-direction:column;line-height:1.5}.settings-panel{padding:19px}.custom-note{font-size:11px}.terminal{max-width:100%}.demo-controls{max-width:100%}}@media(max-width:380px){.mt-demo{padding:16px}.setting-grid{grid-template-columns:1fr}.terminal{width:330px}.app-content{padding-left:13px;padding-right:13px}.demo-pill{max-width:140px}.panel-title{align-items:flex-start}}@media(prefers-reduced-motion:reduce){.app-content>*{animation:none}}

.donation-symbol{font-size:32px}.donation-copy{margin-top:10px!important}
.demo-layout>section{min-width:0}.simulator:before{max-width:100%}@media(max-width:760px){.demo-layout{grid-template-columns:minmax(0,1fr)}.intro{width:100%}.demo-controls{width:100%}.terminal{width:100%;max-width:346px}}

/* ===== Couleurs du site MoneyTips =====
   Vert et bleu lagon du site, à la place du jaune d'origine.
   Les ambiances Noël et Halloween gardent leurs propres couleurs. */
body{background:#F5FCF9;color:#1F2A2E}
.wordmark{background:#FFFFFF;border-radius:12px;padding:6px 12px;box-shadow:0 2px 10px rgba(0,122,85,.10)}
.wordmark-logo{display:block;height:44px;width:auto}
.demo-pill i{background:#02A071}
.eyebrow,.device-caption,.app-eyebrow{color:#007A55!important}
h1 span{color:#02A071}
h1 span:after{background:#DDF5EC}
.demo-notice>span{background:#DDF5EC;color:#007A55}
.demo-notice strong,.custom-note strong{color:#007A55}
.check-setting input{accent-color:#02A071}
.text-button{color:#007A55}
.simulator:before{background:#E3F6FD}
.terminal{background:#0B4F5C;box-shadow:0 24px 45px rgba(11,79,92,.22),0 0 0 1px #083B45}
.terminal-top{color:#BFE6F4}
.terminal-screen{--accent:#02A071;--soft:#DDF5EC;--button-text:#FFFFFF}
.terminal-screen[data-theme=classic] .decoration,
.terminal-screen[data-theme=classic] .decoration:after{background:#8FD6F0}
.terminal-screen[data-theme=classic] .decoration{opacity:.7}
.shop-icon{color:#007A55}
.amount-card small,.keypad button[data-key=clear]{color:#007A55}
.employee-avatar{color:#007A55}
.common-card>span:first-child{color:#02A071}
.status-icon{background:#DDF5EC;color:#007A55}
.donation-card .donation-amount{color:#007A55}
.stars button{color:#02A071}
.no-real-qr{border-color:#9FD9C4;color:#007A55}
.demo-controls button{color:#007A55}
.input-error{color:#0B6E99!important}
button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-color:#02A071}

/* ===== Lisibilité : public de 45 à 60 ans =====
   Textes plus grands dans le terminal et autour, champs à 16 px (pas de zoom forcé sur iPhone). */
.eyebrow{font-size:13px}
.lede{font-size:17px;color:#3D4B50}
.demo-pill{font-size:13px;color:#3D4B50}
.demo-notice p{font-size:15px;color:#3D4B50}
.panel-title h2{font-size:18px}
.text-button{font-size:14px;min-height:44px}
.field-label,.setting-grid label{font-size:14px;color:#3D4B50}
.settings-panel input[type=text],.settings-panel select{font-size:16px;min-height:48px}
.check-setting{font-size:15px;min-height:44px}
.check-setting input{width:22px;height:22px}
.setting-hint{font-size:14px;color:#3D4B50}
.custom-note{font-size:15px;color:#3D4B50}
.device-caption{font-size:13px}
.terminal-top{font-size:11px}
.terminal-demo{font-size:10px}
.app-header #shop-name{font-size:16px}
.app-content p{font-size:14px;color:#3D4B50}
.app-eyebrow{font-size:12px!important}
.amount-card small{font-size:13px}
.feature-badges span{font-size:12px}
.keypad button{min-height:48px}
.keypad button[data-key=clear]{font-size:14px}
.app-button{font-size:16px;min-height:50px}
.app-button.quiet{font-size:14px;min-height:44px}
.suggestion small{font-size:14px}
.employee-card strong{font-size:16px}
.common-card small{font-size:13px}
.summary-row{font-size:15px}
.stars button{font-size:26px}
.stars small{font-size:13px}
.no-real-qr small{font-size:13px;text-align:center}
.screen-disclaimer{font-size:12px}
.input-error{font-size:13px!important}
.demo-controls button{font-size:15px;min-height:44px}
.demo-controls>span{font-size:14px;color:#3D4B50}
.demo-footer{font-size:13px}
@media(max-width:760px){.demo-pill{font-size:12px}}

/* Téléphone : le terminal passe avant les réglages */
@media(max-width:760px){
  .demo-layout{display:flex;flex-direction:column;gap:0}
  .intro{display:contents}
  .intro>.eyebrow,.intro>h1,.intro>.lede,.intro>.demo-notice{order:1;width:100%}
  .simulator{order:2;margin:10px 0 34px}
  .settings-panel{order:3;width:100%}
  .custom-note{order:4}
}