@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');

:root{
  --canvas:#f7f5ef;
  --paper:#fffdf8;
  --cream:#f4eee3;
  --ink:#20211e;
  --muted:#667166;
  --line:#dde4d8;
  --green:#2d5841;
  --green-deep:#214432;
  --sage:#e2ebdc;
  --sage-dark:#9caf92;
  --olive:#75866d;
  --red:#d9615e;
  --terracotta:#c86b48;
  --terracotta-soft:#f1e2d7;
  --sand:#e8dbc9;
  --shadow:0 18px 60px rgba(35,51,39,.08);
  --radius:24px;
  --max:1240px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--canvas);color:var(--ink);font:16px/1.55 'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:radial-gradient(rgba(32,33,30,.12) .55px,transparent .55px);background-size:7px 7px;mix-blend-mode:multiply;z-index:-1}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{border:0;cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d08b5a;outline-offset:4px}
img{max-width:100%}
h1,h2,h3,p{margin:0}
h1,h2{font-weight:500;letter-spacing:-1.7px;line-height:1.08}
h1{font-size:clamp(46px,6.2vw,82px)}
h2{font-size:clamp(35px,4.4vw,59px)}
h1 em,h2 em{font-style:normal;color:var(--green)}
.merchant-page h1 em,.merchant-page h2 em{color:var(--terracotta)}
h3{font-size:19px;line-height:1.2;font-weight:600;letter-spacing:-.4px}
.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}
.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:50px;padding:13px 19px;border-radius:12px;font-size:14px;font-weight:600;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}
.button:hover{transform:translateY(-2px)}
.button-solid{background:var(--green);color:#fffdf8;box-shadow:0 9px 22px rgba(45,88,65,.18)}
.button-solid:hover{background:var(--green-deep);box-shadow:0 12px 30px rgba(45,88,65,.25)}
.button-terracotta{background:var(--terracotta);color:#fffdf8;box-shadow:0 9px 22px rgba(200,107,72,.2)}
.button-terracotta:hover{background:#a95539;box-shadow:0 12px 30px rgba(200,107,72,.28)}
.button-outline{background:transparent;border:1px solid #b8c8b2;color:var(--green)}
.button-outline:hover{background:var(--sage);border-color:var(--sage-dark)}
.button-dark{background:var(--ink);color:var(--paper)}
.button-light{background:var(--cream);color:var(--ink)}
.button-light:hover{background:#fffaf0}
.button-icon{width:17px;height:17px}
.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:14px;font-weight:600}
.text-link:hover{color:var(--terracotta)}
.light-link{color:#f5efe4}
.light-link:hover{color:#fff}
.full-button{width:100%}
.eyebrow{display:flex;align-items:center;gap:10px;color:var(--olive);font-size:12px;font-weight:700;letter-spacing:1.7px;text-transform:uppercase;margin-bottom:23px}
.terracotta-eyebrow{color:var(--terracotta)}
.eyebrow-line{display:inline-block;width:28px;height:1px;background:currentColor}
.section{max-width:var(--max);margin:0 auto;padding:132px 34px}
.section-heading{max-width:610px;margin-bottom:55px}
.section-heading>p:last-child{margin-top:25px;color:var(--muted);font-size:18px;max-width:570px}
.section-heading.centered{margin-left:auto;margin-right:auto;text-align:center}
.section-heading.centered .eyebrow{justify-content:center}
section[id]{scroll-margin-top:96px}

/* En-tête commun */
.site-header{position:sticky;top:0;z-index:50;background:rgba(247,245,239,.9);border-bottom:1px solid transparent;backdrop-filter:blur(16px);transition:border-color .2s,box-shadow .2s,background .2s}
.site-header.scrolled{border-color:var(--line);box-shadow:0 8px 25px rgba(35,51,39,.04)}
.header-inner{max-width:var(--max);height:82px;margin:auto;padding:0 34px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.site-brand{display:flex;align-items:center;gap:13px;min-width:120px}
.logo-crop{display:block;width:102px;height:45px;position:relative;overflow:hidden;border-radius:10px;background:var(--cream);flex-shrink:0;box-shadow:0 1px 0 rgba(32,33,30,.08)}
.logo-crop img{position:absolute;max-width:none;width:300%;height:100%;left:50%;top:50%;object-fit:fill;transform:translate(-50%,-50%)}
.logo-crop.merchant{width:47px;height:47px}
.logo-crop.merchant img{width:100%;height:100%;object-fit:cover}
.brand-name{display:none}
.main-nav{display:flex;align-items:center;gap:29px;margin-left:auto;margin-right:auto}
.main-nav a{color:var(--muted);font-size:14px;transition:color .2s}
.main-nav a:hover,.main-nav a.active{color:var(--ink)}
.main-nav a.active{font-weight:600}
.header-actions{display:flex;align-items:center;gap:17px}
.role-switch{display:inline-flex;align-items:center;gap:7px;border-bottom:1px solid var(--terracotta);padding:4px 0;color:var(--terracotta);font-size:14px;font-weight:600;white-space:nowrap}
.role-switch:hover{color:#a95539}
.role-switch.active{color:var(--green);border-color:var(--green)}
.header-mode-switch{--mode-slide:50px;position:relative;display:flex;align-items:center;gap:4px;padding:5px;border:1px solid #e5dfd4;border-radius:25px;background:#eeeadf;flex-shrink:0;isolation:isolate;overflow:hidden}
.header-mode-switch:before{content:'';position:absolute;z-index:-1;left:5px;top:5px;width:46px;height:42px;border-radius:19px;background:var(--green);box-shadow:0 8px 18px rgba(45,88,65,.16);transform:translateX(0);transition:transform .36s cubic-bezier(.22,.8,.26,1)}
.header-mode-switch.is-epargne:before{transform:translateX(var(--mode-slide))}
.header-mode-switch button{position:relative;z-index:1;width:46px;height:42px;display:grid;place-items:center;border:0;border-radius:19px;background:transparent;color:var(--muted);font-size:17px;font-weight:700;cursor:pointer;transition:color .24s ease}
.header-mode-switch button.active{background:transparent;color:var(--paper);box-shadow:none}
.header-mode-switch button:not(.active):hover{background:rgba(255,253,248,.78);color:var(--ink)}
.header-mode-switch button:focus-visible{outline:3px solid rgba(239,173,138,.8);outline-offset:2px}
.menu-toggle{display:none;width:43px;height:43px;border-radius:11px;background:var(--paper);border:1px solid var(--line);place-items:center}
.mobile-menu{display:none}
.merchant-header{background:rgba(247,245,239,.94)}

/* Hero usager */
.hero{max-width:var(--max);margin:0 auto;position:relative}
.hero-user{min-height:calc(100vh - 82px);padding:95px 34px 110px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);align-items:center;gap:46px;overflow:visible}
.hero-user:before{content:'';position:absolute;left:-12%;top:6%;width:57%;height:85%;background:radial-gradient(ellipse,#e6eddd 0%,rgba(230,237,221,.35) 48%,transparent 73%);z-index:-1}
.hero-copy{max-width:595px}
.hero-copy h1{margin-bottom:28px}
.hero-user .hero-copy h1{font-size:clamp(54px,5.3vw,68px);line-height:1.16;letter-spacing:-1.3px;margin-bottom:34px}
.hero-lead{color:var(--muted);font-size:19px;line-height:1.55;max-width:525px}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:33px}
.hero-meta{display:flex;flex-wrap:wrap;gap:17px 25px;margin-top:45px;color:var(--olive);font-size:12px;font-weight:600}
.hero-meta span{display:inline-flex;align-items:center;gap:7px}
.meta-icon{width:16px;height:16px;color:var(--red)}
.hero-visual{height:635px;position:relative;display:grid;place-items:center}
.hero-halo{position:absolute;width:580px;height:580px;border-radius:50%;background:radial-gradient(circle at 45% 42%,#e9efdf 0,#e5ecd9 45%,rgba(228,235,220,0) 70%);border:1px solid rgba(190,204,181,.45)}
.hero-halo:after{content:'';position:absolute;inset:30px;border:1px dashed rgba(117,134,109,.35);border-radius:50%;transform:rotate(18deg)}
.phone{position:relative;background:#1e241f;border:7px solid #202620;border-radius:43px;box-shadow:0 30px 55px rgba(35,51,39,.23),0 3px 0 #87917d;width:303px;height:610px;padding:8px;z-index:2;transform:rotate(3deg);transition:transform .35s ease,box-shadow .35s ease}
.phone:hover{transform:rotate(0) translateY(-8px);box-shadow:0 40px 75px rgba(35,51,39,.3),0 3px 0 #87917d}
.phone-top{height:27px;color:#ebeee4;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:9px;position:relative}
.phone-camera{position:absolute;left:50%;top:6px;width:52px;height:13px;border-radius:15px;background:#080c09;transform:translateX(-50%)}
.app-screen{height:calc(100% - 27px);border-radius:30px 30px 34px 34px;background:#f8f5ed;padding:18px 15px;overflow:hidden}
.app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.app-mini-brand{font-size:23px;letter-spacing:-1.5px;font-weight:600;color:var(--ink)}
.app-mini-brand span{color:var(--red);font-size:12px;vertical-align:top;margin-left:2px}
.app-avatar{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#dce8d3;color:var(--green);font-size:12px;font-weight:700}
.app-greeting{font-size:20px;letter-spacing:-.5px;margin-bottom:2px;font-weight:600}
.app-caption{font-size:10px;color:var(--muted);line-height:1.35;margin-bottom:17px}
.app-ritual{border-radius:17px;background:var(--green);color:#fffdf8;padding:15px 14px 13px;box-shadow:0 9px 18px rgba(45,88,65,.17)}
.app-ritual-top{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:7px;letter-spacing:1px;color:#d6e0d1}
.app-ritual-top b{border:1px solid rgba(255,255,255,.25);border-radius:5px;padding:3px 5px;font-size:7px;letter-spacing:0;font-weight:500}
.app-ritual>strong{display:block;font-size:47px;letter-spacing:-2px;font-weight:500;line-height:1.12;margin:8px 0 1px}
.app-ritual>small{font-size:9px;color:#d8e1d2}
.app-progress{height:4px;background:rgba(255,255,255,.19);margin:13px 0 10px;border-radius:10px;overflow:hidden}.app-progress i{display:block;width:43%;height:100%;background:#d8e3bd;border-radius:inherit}
.app-ritual-bottom{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#d8e1d2}.app-sun{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.11)}.app-sun .icon{width:14px;height:14px}
.app-point{display:flex;gap:9px;align-items:center;background:#fffdf8;border:1px solid #e4e8dc;border-radius:15px;padding:9px;margin-top:12px}.point-thumb{width:48px;height:48px;border-radius:11px;flex-shrink:0;background:url('/assets/point-cafe-v3.png') center/cover}.app-point small,.map-result small{display:block;color:var(--olive);font-size:7px;letter-spacing:.9px;font-weight:700}.app-point strong{display:block;font-size:11px;line-height:1.2;margin:3px 0}.app-point span{font-size:8px;color:var(--muted);display:flex;align-items:center;gap:2px}.tiny-icon{width:11px;height:11px}.app-steps{display:flex;align-items:center;gap:7px;margin-top:14px;color:var(--muted);font-size:9px}.app-steps>span:not(:last-child){width:22px;height:22px;border-radius:50%;display:grid;place-items:center}.step-done{background:#dfead9;color:var(--green)}.step-current{background:var(--green);color:white}.app-steps .icon{width:12px;height:12px}
.floating-card{position:absolute;background:var(--paper);border:1px solid rgba(217,225,211,.95);box-shadow:var(--shadow);border-radius:17px;z-index:3}.floating-qr{right:0;top:54px;width:128px;padding:12px;transform:rotate(8deg);transition:transform .3s ease}.floating-qr:hover{transform:rotate(3deg) translateY(-5px)}.floating-label{display:block;color:var(--olive);font-size:8px;letter-spacing:1.1px;font-weight:700;margin-bottom:8px}.floating-qr img{display:block;width:83px;height:83px;margin:auto;image-rendering:pixelated}.floating-qr strong{display:block;font-size:11px;line-height:1.2;margin-top:8px}.floating-note{left:4px;bottom:68px;padding:13px 16px;display:flex;gap:9px;align-items:center;color:var(--muted);font-size:11px;line-height:1.35;transform:rotate(-5deg);transition:transform .3s ease}.floating-note:hover{transform:rotate(-1deg) translateY(-4px)}.floating-note strong{color:var(--ink);font-weight:700}.note-mark{font-size:26px;color:var(--red);line-height:1}

/* Sections usager */
.brand-statement{max-width:var(--max);margin:0 auto;padding:50px 34px 73px;border-top:1px solid var(--line);display:flex;align-items:center;gap:23px}.statement-mark{font-size:40px;line-height:1;font-weight:700;letter-spacing:-4px}.statement-mark span{font-size:19px;color:var(--red);vertical-align:top;margin-left:2px}.brand-statement p{flex:1;color:var(--muted);font-size:16px;line-height:1.45}.brand-statement p strong{color:var(--ink);font-weight:600}.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.principle-grid>.reveal{background:var(--paper);min-height:270px;padding:27px 23px;border:1px solid var(--line);border-radius:var(--radius);position:relative;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.principle-grid>.reveal:hover{transform:translateY(-7px);border-color:#c8d7c0;box-shadow:var(--shadow)}.number{font-size:12px;color:var(--olive);letter-spacing:1px;margin-bottom:49px}.feature-icon{width:28px;height:28px;color:var(--green);margin-bottom:22px}.principle-grid h3{margin-bottom:10px}.principle-grid p{color:var(--muted);font-size:14px;line-height:1.5}
.process-section{display:grid;grid-template-columns:1fr 1fr;gap:112px;align-items:start}.process-visual{height:560px;position:relative;background:var(--sage);border-radius:var(--radius);overflow:hidden}.process-visual:before{content:'';position:absolute;width:450px;height:450px;border:1px solid rgba(117,134,109,.45);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.process-line{position:absolute;width:1px;height:350px;left:50%;top:102px;background:linear-gradient(var(--green),rgba(45,88,65,.1));transform:rotate(27deg);transform-origin:top}.process-dot{position:absolute;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--paper);border:1px solid #a9bea1;color:var(--green);font-size:12px;font-weight:700;z-index:2}.dot-one{left:27%;top:22%}.dot-two{left:55%;top:31%}.dot-three{left:39%;top:54%}.dot-four{left:65%;top:69%}.process-card{position:absolute;background:var(--paper);border:1px solid rgba(215,226,209,.9);box-shadow:0 15px 35px rgba(39,65,46,.11);border-radius:15px;padding:17px}.process-card-top{width:205px;top:98px;left:16%;transform:rotate(-6deg)}.process-card-top strong{display:block;font-size:18px;margin-bottom:2px}.process-card-top small{font-size:11px;color:var(--muted)}.mini-map{height:67px;margin-top:13px;border-radius:10px;background:#ecf0e5;position:relative;overflow:hidden}.mini-map:before,.mini-map:after{content:'';position:absolute;background:#c3d3bb;height:1px;width:130%;transform:rotate(27deg);left:-10%;top:42%}.mini-map:after{transform:rotate(-38deg);top:55%;background:#d3c7ae}.mini-map i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--red);z-index:2}.mini-map i:first-child{left:28%;top:36%}.mini-map i:nth-child(2){left:68%;top:54%;background:var(--green)}.mini-map i:nth-child(3){left:47%;top:68%;width:4px;height:4px;background:var(--terracotta)}.process-card-bottom{right:12%;bottom:104px;display:flex;align-items:center;gap:11px;transform:rotate(5deg)}.process-card-bottom strong{display:block;font-size:13px}.process-card-bottom small{display:block;font-size:10px;color:var(--muted);margin-top:2px}.process-check{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:white}.process-check .icon{width:15px;height:15px}.process-copy>p:not(.eyebrow){color:var(--muted);font-size:17px;line-height:1.6}.check-list{display:grid;gap:20px;margin:30px 0 32px}.check-list>div{display:flex;gap:12px;align-items:flex-start}.check-list>.icon,.check-list>div>.icon{color:var(--green);margin-top:2px}.check-list strong{display:block;font-size:14px}.check-list small{display:block;color:var(--muted);font-size:13px;margin-top:3px}
.app-section{padding-top:145px}.app-feature-grid{display:grid;grid-template-columns:1fr 1.18fr 1fr;align-items:center;gap:35px}.app-feature-column{display:grid;gap:20px}.app-feature-column article{display:flex;gap:15px;border-top:1px solid var(--line);padding-top:20px;min-height:145px}.feature-number{font-size:12px;color:var(--olive);font-weight:700;letter-spacing:1px}.app-feature-column article .icon{color:var(--green);width:23px;height:23px;margin-bottom:13px}.app-feature-column h3{font-size:17px;margin-bottom:8px}.app-feature-column p{font-size:14px;color:var(--muted);line-height:1.5}.app-showcase{height:575px;display:grid;place-items:center;position:relative}.showcase-glow{position:absolute;width:420px;height:420px;border-radius:50%;background:#e9efdf}.phone-small{width:257px;height:515px;transform:rotate(-4deg)}.phone-small:hover{transform:rotate(0) translateY(-8px)}.phone-small .app-screen{padding:16px 13px}.map-screen{height:300px;border-radius:17px;background:#e1e9d9;position:relative;overflow:hidden;margin-top:5px}.map-screen:before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 47%,rgba(255,253,248,.76) 48%,rgba(255,253,248,.76) 51%,transparent 52%),linear-gradient(25deg,transparent 38%,rgba(255,253,248,.83) 39%,rgba(255,253,248,.83) 43%,transparent 44%),linear-gradient(-48deg,transparent 65%,rgba(255,253,248,.75) 66%,rgba(255,253,248,.75) 69%,transparent 70%)}.map-road{position:absolute;border:1px solid rgba(157,177,146,.75);border-radius:50%;width:270px;height:130px}.road-a{left:-55px;top:42px;transform:rotate(22deg)}.road-b{right:-92px;top:125px;transform:rotate(-36deg)}.road-c{left:25px;bottom:-53px;transform:rotate(10deg);border-color:rgba(185,158,119,.65)}.map-pin{position:absolute;width:25px;height:25px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);display:grid;place-items:center;background:var(--green);color:white;font-size:9px;font-weight:700;box-shadow:0 5px 10px rgba(32,57,40,.2)}.map-pin::first-letter{transform:rotate(45deg)}.pin-a{left:26%;top:24%;background:var(--red)}.pin-b{left:52%;top:47%}.pin-c{left:73%;top:68%;background:var(--terracotta)}.map-search{position:absolute;top:12px;left:12px;right:12px;border-radius:9px;background:#fffdf8e8;display:flex;align-items:center;gap:7px;padding:8px;color:var(--muted);font-size:10px}.map-result{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fffdf8;border:1px solid #e2e8dc;border-radius:14px;padding:11px;margin-top:12px}.map-result strong{display:block;font-size:12px}.map-result span{display:block;font-size:9px;color:var(--muted);margin-top:2px}.result-arrow{width:27px;height:27px;background:var(--sage);display:grid;place-items:center;border-radius:8px;color:var(--green)}.result-arrow .icon{width:14px;height:14px}
.path-section{max-width:var(--max);margin:0 auto;padding:40px 34px 140px;display:grid;grid-template-columns:1fr 1fr;gap:17px}.path-card{border-radius:var(--radius);min-height:360px;padding:31px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.path-user{background:var(--sage)}.path-user-image-card{padding:0;background:var(--sage);color:inherit;text-decoration:none;display:block}.path-user-image-card img{display:block;width:100%;height:100%;min-height:360px;object-fit:cover;border-radius:inherit}.path-merchant{background:var(--terracotta-soft)}.path-card .eyebrow{margin:21px 0 14px}.path-card h2{font-size:35px;letter-spacing:-1px;margin-bottom:30px}.path-logo{width:118px;height:53px}.path-logo.merchant{width:53px;height:53px}.path-art{position:absolute;right:-8px;bottom:-45px;width:260px;height:230px}.path-sun{position:absolute;width:125px;height:125px;background:#cad9bc;border-radius:50%;right:32px;top:19px}.path-curve{position:absolute;width:275px;height:175px;border:1px solid #86a278;border-radius:50%;right:-50px;top:80px;transform:rotate(21deg)}.path-curve:after{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:var(--red);left:57px;top:39px}.path-point{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--green);left:52px;top:84px}.merchant-mini-chart{position:absolute;right:37px;bottom:30px;width:175px;height:150px;display:flex;align-items:flex-end;gap:11px;border-bottom:1px solid rgba(160,116,91,.4);padding:0 15px 15px}.merchant-mini-chart span{display:block;flex:1;border-radius:6px 6px 0 0;background:var(--terracotta);opacity:.82}.merchant-mini-chart span:nth-child(1){opacity:.28}.merchant-mini-chart span:nth-child(2){opacity:.42}.merchant-mini-chart span:nth-child(3){opacity:.6}.merchant-mini-chart small{position:absolute;bottom:-26px;right:15px;color:#a45b3d;font-size:11px}
.faq-section{padding-top:120px}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 45px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:16px;font-weight:600}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:24px;line-height:1;font-weight:400;color:var(--olive)}details[open] summary:after{content:'−'}details p{color:var(--muted);font-size:14px;line-height:1.55;margin:13px 36px 3px 0}
.final-cta{max-width:var(--max);margin:0 auto 60px;padding:55px 60px;border-radius:var(--radius);background:var(--green);color:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:35px}.final-cta .eyebrow{color:#cbd9c3;margin-bottom:17px}.final-cta h2{font-size:45px}.final-cta h2 em{color:#e1edcf}.final-cta .button-light{min-width:190px}

/* Hero commerçant */
.hero-merchant{max-width:none;min-height:675px;padding:90px max(34px,calc((100% - 1172px)/2)) 95px;background:var(--green-deep);color:var(--paper);display:grid;grid-template-columns:minmax(0,.86fr) minmax(560px,1.14fr);align-items:center;gap:45px;overflow:hidden}.hero-merchant:before{content:'';position:absolute;left:-8%;bottom:-37%;width:630px;height:630px;border:1px solid rgba(221,234,210,.15);border-radius:50%;box-shadow:0 0 0 50px rgba(221,234,210,.03),0 0 0 110px rgba(221,234,210,.03);z-index:0}.hero-merchant:after{content:'';position:absolute;right:-5%;top:-32%;width:560px;height:560px;border:1px solid rgba(221,234,210,.14);border-radius:50%;z-index:0}.merchant-hero-copy,.merchant-hero-visual{position:relative;z-index:1}.merchant-hero-copy{max-width:610px}.merchant-hero-copy h1{margin-bottom:28px}.merchant-hero-copy h1 em{color:#efad8a}.merchant-hero-copy .hero-lead{color:#d9e2d4}.merchant-hero-copy .eyebrow{color:#e3ab8b}.merchant-meta{color:#c2d2bd}.merchant-meta .meta-icon{color:#efaa83}.merchant-hero-visual{height:510px;display:grid;place-items:center}.merchant-orbit{position:absolute;width:525px;height:370px;border:1px solid rgba(212,230,201,.18);border-radius:50%;transform:rotate(-13deg)}.merchant-orbit:after{content:'';position:absolute;width:8px;height:8px;border-radius:50%;background:var(--terracotta);left:12%;top:19%;box-shadow:210px 175px 0 #e5a07f}.merchant-dashboard{position:relative;width:514px;min-height:343px;border-radius:19px;background:#fbf9f2;color:var(--ink);box-shadow:0 25px 65px rgba(12,30,20,.35);padding:20px 21px;transform:rotate(3deg);transition:transform .35s ease,box-shadow .35s ease}.merchant-dashboard:hover{transform:rotate(0) translateY(-7px);box-shadow:0 35px 80px rgba(12,30,20,.45)}.dashboard-top,.dashboard-title,.screen-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.dashboard-top{border-bottom:1px solid #e1e7dc;padding-bottom:13px}.dashboard-top>span:first-child{display:flex;align-items:center;gap:8px;font-size:11px}.dashboard-logo{width:31px;height:31px;border-radius:8px}.dashboard-top b{font-size:12px}.dashboard-user{width:27px;height:27px;border-radius:50%;background:var(--terracotta-soft);color:#a65c3d;display:grid;place-items:center;font-size:10px;font-weight:700}.dashboard-title{align-items:flex-end;margin:18px 0 14px}.dashboard-title small,.screen-header small{display:block;color:var(--olive);font-size:8px;letter-spacing:1px;font-weight:700;margin-bottom:3px}.dashboard-title strong{font-size:16px}.dashboard-live{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--green);border:1px solid #ccddc4;background:var(--sage);padding:5px 7px;border-radius:7px}.dashboard-live i{width:6px;height:6px;border-radius:50%;background:#6b9a5e}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dashboard-stats>div{background:#f0f4eb;border:1px solid #e2e9db;border-radius:11px;padding:11px 10px}.dashboard-stats small{display:block;color:var(--muted);font-size:8px;line-height:1.2}.dashboard-stats strong{display:block;font-size:24px;letter-spacing:-1px;font-weight:500;margin:6px 0 0}.dashboard-stats em{font-style:normal;color:var(--green);font-size:9px}.dashboard-chart{margin-top:13px;border-top:1px solid #e5e9df;padding-top:11px}.chart-heading{display:flex;justify-content:space-between;font-size:10px}.chart-heading small{color:var(--muted);font-size:8px}.chart-bars{height:60px;margin-top:8px;display:flex;gap:8px;align-items:flex-end;border-bottom:1px solid #dfe6d9}.chart-bars i{display:block;flex:1;border-radius:4px 4px 0 0;background:var(--terracotta);opacity:.3}.chart-bars i:nth-child(4n),.chart-bars i:last-child{opacity:.85}.chart-bars i:nth-child(5n){opacity:.54}.chart-labels{display:flex;justify-content:space-between;color:#9ba59a;font-size:7px;padding-top:4px}.dashboard-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px;color:var(--muted);font-size:9px}.dashboard-bottom span{display:flex;align-items:center;gap:4px}.dashboard-bottom .icon{width:12px;height:12px;color:var(--terracotta)}.dashboard-bottom strong{font-size:10px;color:var(--ink);font-weight:600}.merchant-qr-card{position:absolute;right:-51px;bottom:-50px;width:142px;padding:13px;border-radius:15px;background:var(--cream);color:var(--ink);box-shadow:0 20px 45px rgba(12,30,20,.28);transform:rotate(-8deg);transition:transform .3s ease}.merchant-qr-card:hover{transform:rotate(-3deg) translateY(-5px)}.merchant-qr-card small{display:block;color:var(--terracotta);font-size:8px;letter-spacing:1px;font-weight:700;margin-bottom:8px}.merchant-qr-card img{display:block;width:93px;height:93px;margin:auto;image-rendering:pixelated}.merchant-qr-card strong{display:block;font-size:11px;line-height:1.25;margin-top:9px}.merchant-qr-card span{font-size:8px;color:var(--muted)}
.merchant-ribbon{max-width:var(--max);margin:-35px auto 0;position:relative;z-index:3;background:var(--paper);border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow);padding:22px 27px;display:grid;grid-template-columns:1fr 1fr 1fr 1.6fr;align-items:center;gap:20px}.merchant-ribbon>div:not(.ribbon-note){border-right:1px solid var(--line)}.merchant-ribbon strong{display:block;font-size:26px;letter-spacing:-1px;font-weight:500;color:var(--terracotta)}.merchant-ribbon span{color:var(--muted);font-size:11px}.ribbon-note{font-size:13px;color:var(--muted);padding-left:9px}
.merchant-benefits{padding-top:150px}.merchant-page .section-heading{max-width:680px}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.benefit-card{min-height:330px;padding:26px 22px;border:1px solid var(--line);background:var(--paper);border-radius:var(--radius);display:flex;flex-direction:column;align-items:flex-start;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.benefit-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:#e0c5b5}.benefit-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--terracotta-soft);color:var(--terracotta);margin-bottom:39px}.benefit-card .eyebrow{font-size:10px;margin-bottom:13px}.benefit-card h3{margin-bottom:12px}.benefit-card>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.5;margin-bottom:18px}.benefit-card .text-link{margin-top:auto;color:var(--terracotta);font-size:12px}.benefit-card-dark{background:var(--green-deep);color:var(--paper);border-color:transparent}.benefit-card-dark .benefit-icon{background:rgba(238,180,145,.14);color:#efad8a}.benefit-card-dark .eyebrow{color:#e5aa88}.benefit-card-dark>p:not(.eyebrow){color:#cedbca}.merchant-sales-callout{margin-top:60px;padding:clamp(22px,4vw,34px);border-radius:var(--radius);background:var(--green-deep);color:var(--paper);display:grid;gap:9px}.merchant-sales-callout p{margin:0}.merchant-sales-main{font-size:clamp(21px,2.2vw,27px);font-weight:600;line-height:1.3;letter-spacing:-.3px}.merchant-sales-detail{max-width:900px;color:#d9e2d4;font-size:16px;line-height:1.55}.merchant-orange-highlight{color:#efad8a;font-weight:500}.benefit-card-dark .text-link{color:#f0ba98}
.installation-section{display:grid;grid-template-columns:.86fr 1.14fr;gap:110px;align-items:start;background:linear-gradient(90deg,transparent 0,transparent 100%)}.installation-copy>p:not(.eyebrow){color:var(--muted);font-size:17px;line-height:1.6;max-width:455px}.terracotta-outline{color:var(--terracotta);border-color:#ddbba9;margin-top:29px}.terracotta-outline:hover{background:var(--terracotta-soft);border-color:#d59d85}.timeline{border-top:1px solid #d9c9bd}.timeline-step{display:grid;grid-template-columns:62px 1fr;gap:20px;padding:25px 0;border-bottom:1px solid #d9c9bd}.timeline-step>span{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:var(--terracotta-soft);color:var(--terracotta);font-size:11px;font-weight:700}.timeline-step h3{font-size:18px;margin:1px 0 7px}.timeline-step p{color:var(--muted);font-size:14px;line-height:1.5;max-width:500px}
.package-section{display:grid;grid-template-columns:1.1fr .9fr;gap:75px;align-items:center}.package-visual{position:relative}.package-visual img{width:100%;height:450px;object-fit:cover;border-radius:var(--radius);display:block;box-shadow:var(--shadow)}.image-caption{position:absolute;left:18px;bottom:18px;padding:8px 11px;border-radius:8px;background:#fffdf8dc;color:var(--muted);font-size:11px;backdrop-filter:blur(8px)}.package-copy>p:not(.eyebrow){color:var(--muted);font-size:17px;line-height:1.6}.package-list{display:grid;gap:0;margin:27px 0 30px;border-top:1px solid var(--line)}.package-list>div{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.package-list>.icon,.package-list>div>.icon{color:var(--terracotta);width:21px;height:21px;margin-top:2px}.package-list strong{display:block;font-size:14px}.package-list small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.package-price{border:1px solid #e3cdbf;background:#fbf3ed;border-radius:15px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:18px}.package-price small{display:block;color:var(--terracotta);font-size:10px;font-weight:700;letter-spacing:.7px;text-transform:uppercase}.package-price strong{display:block;font-size:28px;letter-spacing:-1px;font-weight:500;margin-top:2px}.package-price strong span{font-size:12px;letter-spacing:0;color:var(--muted)}.package-price p{color:var(--muted);font-size:11px;margin-top:3px}.package-price .button{white-space:nowrap;font-size:12px;padding:11px 13px;min-height:42px}
.merchant-app-section{padding-top:145px}.merchant-app-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:105px;align-items:center}.merchant-app-screen{background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:24px;transform:rotate(-2deg);transition:transform .35s ease}.merchant-app-screen:hover{transform:rotate(0) translateY(-6px)}.screen-header{border-bottom:1px solid var(--line);padding-bottom:15px}.screen-header>span:first-child{display:flex;align-items:center;gap:8px;font-size:13px}.screen-logo{width:32px;height:32px;border-radius:8px}.screen-period{border:1px solid var(--line);color:var(--muted);font-size:10px;padding:6px 8px;border-radius:7px}.screen-kpis{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:18px 0}.screen-kpis>div{background:#f0f4eb;border-radius:12px;padding:16px}.screen-kpis small{display:block;color:var(--muted);font-size:10px}.screen-kpis strong{display:block;font-size:35px;font-weight:500;letter-spacing:-1.4px;margin:5px 0}.screen-kpis span{color:var(--green);font-size:10px}.screen-funnel{border:1px solid var(--line);border-radius:13px;padding:16px}.funnel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.funnel-title strong{font-size:13px}.funnel-title span{color:var(--muted);font-size:10px}.funnel-row{display:grid;grid-template-columns:68px 1fr 45px;align-items:center;gap:9px;margin:11px 0;font-size:10px;color:var(--muted)}.funnel-row i{height:9px;border-radius:10px;background:var(--terracotta);display:block;opacity:.85}.funnel-row:nth-child(3) i{opacity:.6}.funnel-row:nth-child(4) i{opacity:.42}.funnel-row b{text-align:right;color:var(--ink);font-size:11px}.screen-offer{display:flex;align-items:center;gap:10px;margin-top:14px;border:1px solid #eed8c9;background:#fcf4ed;border-radius:12px;padding:12px}.offer-dot{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:var(--terracotta-soft);color:var(--terracotta)}.offer-dot .icon{width:16px;height:16px}.screen-offer small{display:block;color:var(--terracotta);font-size:8px;letter-spacing:.7px;font-weight:700}.screen-offer strong{display:block;font-size:12px;margin-top:3px}.offer-status{margin-left:auto;color:var(--green);background:var(--sage);border-radius:6px;padding:4px 6px;font-size:9px}.merchant-app-copy{display:grid;gap:29px}.app-copy-item{display:flex;gap:15px;border-top:1px solid var(--line);padding-top:20px}.app-copy-item>span{font-size:11px;color:var(--terracotta);font-weight:700;letter-spacing:1px}.app-copy-item h3{font-size:18px;margin-bottom:8px}.app-copy-item p{font-size:14px;line-height:1.55;color:var(--muted)}
.business-section{padding-top:150px}.form-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:39px;display:grid;grid-template-columns:.7fr 1.3fr;gap:65px;box-shadow:var(--shadow)}.form-intro h2{font-size:42px;margin-bottom:20px}.form-intro>p:not(.eyebrow){font-size:15px;color:var(--muted);line-height:1.55}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label,.file-field,.consent{display:block;font-size:12px;color:var(--muted);font-weight:600}.form-grid input,.form-grid select,.file-field input,.form-card textarea{display:block;width:100%;margin-top:7px;min-height:45px;border:1px solid #d9e2d5;border-radius:9px;background:#fcfcf8;padding:10px 12px;font-size:14px;color:var(--ink)}.form-grid input::placeholder,.form-card textarea::placeholder{color:#a3ada0}.form-grid input[data-registration]:invalid:not(:placeholder-shown){border-color:#b53a34;box-shadow:0 0 0 2px rgba(181,58,52,.08)}.file-field{margin-top:16px}.file-field span{font-weight:400}.file-field input{padding:9px}.file-field small{display:block;font-size:10px;font-weight:400;color:#8c9789;margin-top:5px}.consent{display:flex;gap:9px;align-items:flex-start;margin:17px 0;font-weight:400;font-size:11px}.consent input{width:16px;height:16px;min-height:16px;margin:1px 0;accent-color:var(--terracotta)}.form-success{display:flex;align-items:flex-start;gap:8px;color:var(--green);font-size:12px;margin-top:14px}.form-success .icon{width:17px;height:17px;flex:0 0 auto}.form-success.form-error{color:#a32929;font-weight:700}.merchant-application-result{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px}.merchant-result-copy{display:flex;align-items:flex-start;gap:9px;line-height:1.55}.merchant-track-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:170px;min-height:44px;padding:10px 15px;border-radius:10px;background:var(--green);color:#fff!important;font-weight:700;text-decoration:none;white-space:nowrap}.merchant-track-link:hover{background:var(--green-deep)}.merchant-track-link .icon{width:15px;height:15px}.order-section{padding-top:20px}.order-card{background:var(--green-deep);color:var(--paper);border-radius:var(--radius);padding:42px 47px;display:flex;align-items:center;justify-content:space-between;gap:40px}.order-card h2{font-size:43px}.order-card h2 em{color:#efad8a}.order-card>div:first-child>p:not(.eyebrow){max-width:620px;color:#d1ded0;font-size:15px;margin:17px 0 22px}.order-details{display:flex;flex-wrap:wrap;gap:11px 20px}.order-details span{display:inline-flex;align-items:center;gap:6px;color:#d5e1d3;font-size:12px}.order-details .icon{width:14px;height:14px;color:#e9a47f}.order-action{min-width:200px;text-align:center;border-left:1px solid rgba(224,234,215,.2);padding-left:40px}.order-price small,.order-price span{display:block;color:#c8d6c5;font-size:11px}.order-price strong{display:block;font-size:39px;line-height:1.1;font-weight:500;margin:5px 0}.order-action .button{width:100%;margin:17px 0 8px}.order-note{font-size:10px;color:#c8d6c5}
.support-section{padding-top:54px}.support-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;border:1px solid #e3cdbf;background:#fbf3ed;border-radius:var(--radius);padding:28px 31px}.support-mark{width:53px;height:53px;display:grid;place-items:center;border-radius:15px;background:var(--terracotta-soft);color:var(--terracotta)}.support-card h2{font-size:28px;margin-bottom:8px}.support-card p:not(.eyebrow){color:var(--muted);font-size:13px;max-width:570px}.support-actions{display:flex;align-items:center;gap:19px;flex-wrap:wrap;justify-content:flex-end}.support-actions .button{font-size:12px;min-height:43px}.support-actions .text-link{font-size:12px;color:var(--terracotta)}.merchant-faq{padding-top:120px}.merchant-faq .faq-grid{border-color:#e4d7cc}.merchant-faq details{border-color:#e4d7cc}.merchant-faq summary:after{color:var(--terracotta)}.merchant-final{background:var(--terracotta)}.merchant-final .eyebrow{color:#f6d6c5}.merchant-final h2 em{color:#fff0e6}

/* Pied de page et modales */
.site-footer{max-width:var(--max);margin:auto;padding:30px 34px 42px;color:var(--muted)}.footer-inner{display:flex;align-items:center;gap:25px;padding-top:27px;border-top:1px solid var(--line)}.footer-brand{display:flex;align-items:center;gap:8px;color:var(--ink);font-weight:600}.footer-mark{font-size:25px;letter-spacing:-2px}.footer-mark span{font-size:10px;color:var(--red);vertical-align:top}.footer-inner p{font-size:13px;flex:1}.footer-links{display:flex;gap:20px;font-size:12px}.footer-links a:hover{color:var(--terracotta)}.footer-bottom{display:flex;justify-content:space-between;gap:15px;padding-top:22px;font-size:10px;color:#8c978a}.no-script{padding:25px;text-align:center}
dialog{width:min(650px,calc(100% - 28px));max-height:90vh;padding:0;border:1px solid var(--line);border-radius:22px;background:var(--paper);color:var(--ink);box-shadow:0 30px 100px rgba(24,39,29,.3)}dialog::backdrop{background:rgba(28,45,34,.55);backdrop-filter:blur(5px)}.modal-head{display:flex;justify-content:space-between;gap:20px;padding:26px 27px 20px;border-bottom:1px solid var(--line)}.modal-head .eyebrow{margin-bottom:9px}.modal-head h2{font-size:28px;letter-spacing:-.8px}.modal-head>div>p:last-child{font-size:12px;color:var(--muted);margin-top:5px}.modal-close{width:37px;height:37px;border:1px solid var(--line);border-radius:10px;background:var(--paper);display:grid;place-items:center;flex-shrink:0}.modal-body{padding:25px 27px 29px}.order-modal-summary{display:flex;gap:12px;align-items:center;padding:14px;border:1px solid #ead4c6;background:#fcf3ed;border-radius:13px;margin-bottom:20px}.order-modal-summary>span{width:34px;height:34px;display:grid;place-items:center;background:var(--terracotta-soft);color:var(--terracotta);border-radius:9px}.order-modal-summary strong{display:block;font-size:14px}.order-modal-summary small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.modal-body form{display:grid;gap:15px}.modal-body label{display:block;color:var(--muted);font-size:12px;font-weight:600}.modal-body input,.modal-body select,.modal-body textarea{display:block;width:100%;margin-top:7px;min-height:45px;border:1px solid #d9e2d5;border-radius:9px;background:#fcfcf8;padding:10px 12px;font-size:14px}.modal-body textarea{min-height:110px;resize:vertical}.checkout-price{display:flex;align-items:center;gap:11px;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0}.checkout-price span{font-size:13px;flex:1}.checkout-price strong{font-size:19px;color:var(--terracotta)}.checkout-price small{width:100%;color:var(--muted);font-size:11px}.modal-body .form-grid{gap:13px}.modal-body .consent{margin:0}.modal-body .full-button{margin-top:4px}
#toast{position:fixed;left:50%;bottom:26px;z-index:90;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--green-deep);color:var(--paper);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:12px 18px;font-size:13px;box-shadow:0 12px 36px rgba(22,44,30,.25);transition:opacity .2s,transform .2s;max-width:calc(100% - 30px);text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.reveal-delay{transition-delay:.12s}.reveal-delay-1{transition-delay:.08s}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}

@media(max-width:1100px){
  .header-inner,.section,.brand-statement,.path-section,.site-footer{padding-left:26px;padding-right:26px}
  .hero-user{gap:25px;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr)}
  .hero-visual{transform:scale(.9);transform-origin:center right;margin-left:-40px}
  .main-nav{gap:18px}
  .principle-grid,.benefit-grid{grid-template-columns:repeat(2,1fr)}
  .installation-section{gap:55px}
  .process-section{gap:clamp(55px,10.6vw,112px)}
  .app-feature-grid{grid-template-columns:1fr 1fr}.app-feature-grid .app-showcase{grid-row:1 / span 2;grid-column:2}.app-feature-column:last-child{grid-column:1}
  .merchant-hero-visual{transform:scale(.86);transform-origin:center right;margin-left:-45px}
  .hero-merchant{grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr)}
  .merchant-ribbon{margin-left:26px;margin-right:26px}
  .package-section,.merchant-app-grid{gap:48px}
  .form-card{gap:35px}
}
.merchant-video-button{position:absolute;top:19px;right:24px;z-index:5;display:flex;align-items:center;gap:12px;min-width:260px;padding:14px 16px;border:1px solid rgba(217,225,211,.95);border-radius:16px;background:var(--paper);color:var(--ink);box-shadow:0 18px 38px rgba(12,30,20,.21);text-align:left;cursor:pointer;transform:rotate(2deg);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.merchant-video-button:hover,.merchant-video-button:focus-visible{transform:rotate(0) translateY(-5px);box-shadow:0 24px 46px rgba(12,30,20,.3);border-color:#c4d5bd}.merchant-video-button:focus-visible{outline:3px solid rgba(239,173,138,.8);outline-offset:4px}.merchant-video-icon{width:42px;height:42px;display:grid;place-items:center;flex-shrink:0;border-radius:12px;background:var(--terracotta-soft);color:var(--terracotta)}.merchant-video-icon .icon{width:21px;height:21px}.merchant-video-button small,.merchant-video-button strong{display:block}.merchant-video-button small{color:var(--terracotta);font-size:9px;letter-spacing:.9px;text-transform:uppercase;font-weight:700}.merchant-video-button strong{font-size:13px;margin-top:2px}.merchant-video-button>.button-icon{width:18px;height:18px;margin-left:auto;color:var(--terracotta)}
@media(max-width:820px){.merchant-video-button{top:10px;right:20px}}
@media(max-width:560px){.merchant-video-button{top:2px;right:0;min-width:220px;padding:11px 12px;gap:9px}.merchant-video-icon{width:36px;height:36px}.merchant-video-button strong{font-size:11px}}

@media(max-width:820px){
  h1{font-size:clamp(43px,10vw,66px)}
  .hero-user .hero-copy h1{font-size:clamp(40px,8vw,64px);line-height:1.12;margin-bottom:28px}
  h2{font-size:clamp(34px,8vw,51px)}
  .header-inner{height:72px;padding:0 20px}.main-nav,.role-switch{display:none}.menu-toggle{display:grid}.header-actions{margin-left:auto}.logo-crop{width:100px;height:42px}.logo-crop.merchant{width:43px;height:43px}.mobile-menu{padding:0 20px 18px;background:rgba(247,245,239,.98);border-bottom:1px solid var(--line)}.mobile-menu.open{display:block}.mobile-menu nav{display:grid;padding-top:9px}.mobile-menu nav a{padding:13px 0;border-bottom:1px solid var(--line);font-size:15px}.mobile-role{display:inline-flex;margin-top:15px;padding:8px 0;color:var(--terracotta);font-weight:600;font-size:14px}
  .hero-user{display:flex;flex-direction:column;align-items:flex-start;padding:82px 20px 80px;min-height:0;gap:30px}.hero-user:before{width:100%;height:70%;left:-25%;top:-5%}.hero-copy{max-width:650px}.hero-lead{font-size:17px}.hero-meta{margin-top:32px}.hero-visual{width:100%;height:600px;transform:none;margin:0}.hero-halo{width:540px;height:540px}.floating-qr{right:7%}.floating-note{left:9%}
  .brand-statement{padding:42px 20px 58px;align-items:flex-start;flex-wrap:wrap}.brand-statement p{flex-basis:calc(100% - 70px)}.brand-statement .text-link{margin-left:70px}
  .section{padding-top:100px;padding-bottom:100px}.section-heading{margin-bottom:39px}.section-heading>p:last-child{font-size:16px}.principle-grid,.benefit-grid{gap:12px}.principle-grid>.reveal{min-height:240px}
  .process-section,.installation-section,.package-section,.merchant-app-grid{grid-template-columns:1fr;gap:48px}.process-visual{height:470px}.process-card-top{top:75px}.process-card-bottom{bottom:75px}.process-copy{max-width:630px}.app-feature-grid{grid-template-columns:1fr;gap:25px}.app-feature-grid .app-showcase{grid-row:auto;grid-column:auto;grid-row:2}.app-feature-column:last-child{grid-column:auto;grid-row:3}.app-showcase{height:525px}.path-section{grid-template-columns:1fr;padding-top:15px}.path-card{min-height:330px}.faq-grid{grid-template-columns:1fr}
  .hero-merchant{display:flex;flex-direction:column;align-items:flex-start;min-height:0;padding:80px 20px 75px;gap:30px}.hero-merchant:before{left:-35%;bottom:-45%}.merchant-hero-copy{max-width:660px}.merchant-hero-visual{width:100%;height:490px;transform:none;margin:0}.merchant-dashboard{max-width:calc(100% - 70px);width:514px}.merchant-ribbon{margin:0 20px;padding:20px;grid-template-columns:repeat(3,1fr);gap:12px}.ribbon-note{grid-column:1/-1;border-top:1px solid var(--line);padding:14px 0 0}.merchant-benefits{padding-top:100px}.installation-section{padding-top:95px}.package-visual img{height:370px}.form-card{grid-template-columns:1fr;gap:34px;padding:30px}.business-section{padding-top:100px}.order-card{padding:35px 30px;display:grid}.order-action{border-left:0;border-top:1px solid rgba(224,234,215,.2);padding:25px 0 0;display:flex;align-items:center;gap:15px;text-align:left}.order-action .button{width:auto;margin:0}.order-price{min-width:160px}.order-note{margin-left:auto}.support-card{grid-template-columns:auto 1fr}.support-actions{grid-column:1/-1;justify-content:flex-start}.merchant-faq{padding-top:100px}
}
@media(max-width:560px){
  body{font-size:15px}.header-inner{padding:0 14px}.mobile-menu{padding-left:14px;padding-right:14px}.logo-crop{width:93px;height:40px}.logo-crop.merchant{width:41px;height:41px}.hero-user{padding-left:14px;padding-right:14px}.hero-actions{align-items:stretch;flex-direction:column;gap:15px}.hero-actions .button{width:100%}.hero-actions .text-link{justify-content:center}.hero-meta{gap:11px 15px;font-size:11px}.hero-visual{height:510px;transform:scale(.84);transform-origin:top center;margin-bottom:-80px}.hero-halo{width:500px;height:500px}.floating-qr{right:0;top:34px}.floating-note{left:0;bottom:28px}.brand-statement{padding-left:14px;padding-right:14px}.brand-statement p{font-size:14px}.brand-statement .text-link{margin-left:0;width:100%}.section{padding:82px 14px}.section-heading{margin-bottom:32px}.section-heading>p:last-child{font-size:15px;margin-top:18px}.principle-grid,.benefit-grid{grid-template-columns:1fr}.principle-grid>.reveal{min-height:0;padding:23px}.number{margin-bottom:31px}.feature-icon{margin-bottom:17px}.process-visual{height:390px}.process-visual:before{width:330px;height:330px}.process-line{height:260px;top:76px}.process-card-top{top:54px;left:5%;width:185px}.process-card-bottom{right:4%;bottom:49px}.process-dot{width:26px;height:26px;font-size:10px}.dot-one{left:19%;top:22%}.dot-two{left:59%;top:29%}.dot-three{left:38%;top:54%}.dot-four{left:70%;top:70%}.check-list{gap:16px}.app-showcase{height:475px}.phone-small{transform:rotate(-3deg) scale(.88)}.phone-small:hover{transform:rotate(0) translateY(-8px) scale(.88)}.path-section{padding:0 14px 85px}.path-card{min-height:310px;padding:23px}.path-user-image-card{padding:0;min-height:310px}.path-user-image-card img{min-height:310px}.path-card h2{font-size:29px}.path-art{transform:scale(.82);transform-origin:bottom right}.merchant-mini-chart{transform:scale(.8);transform-origin:bottom right}.faq-grid{gap:0}.final-cta{margin:0 14px 35px;padding:34px 24px;display:block}.final-cta h2{font-size:34px}.final-cta .button{margin-top:25px;width:100%}
  .hero-merchant{padding:72px 14px 58px}.merchant-hero-copy .hero-lead{font-size:16px}.merchant-hero-copy .hero-actions{margin-top:26px}.merchant-hero-visual{height:390px;transform:scale(.73);transform-origin:top center;margin-bottom:-90px}.merchant-orbit{width:480px;height:340px}.merchant-ribbon{margin:0 14px;grid-template-columns:1fr 1fr;padding:18px}.merchant-ribbon>div:not(.ribbon-note){border-right:0}.merchant-ribbon strong{font-size:22px}.merchant-ribbon span{font-size:10px}.ribbon-note{font-size:11px}.merchant-benefits{padding-top:82px}.installation-section{padding-top:80px}.timeline-step{grid-template-columns:45px 1fr;gap:12px;padding:21px 0}.timeline-step>span{width:34px;height:34px;font-size:10px}.timeline-step h3{font-size:16px}.timeline-step p{font-size:13px}.package-visual img{height:285px}.package-price{display:block}.package-price .button{width:100%;margin-top:13px}.merchant-app-section{padding-top:95px}.merchant-app-screen{padding:15px;transform:none}.screen-kpis{gap:7px}.screen-kpis>div{padding:12px}.screen-kpis strong{font-size:29px}.funnel-row{grid-template-columns:58px 1fr 38px}.form-card{padding:23px 18px}.form-grid{grid-template-columns:1fr}.form-intro h2{font-size:37px}.order-section{padding-top:0}.order-card{padding:29px 22px}.order-card h2{font-size:35px}.order-action{display:grid;grid-template-columns:1fr 1fr}.order-price{min-width:0}.order-action .button{grid-column:1/-1;order:3;width:100%;text-align:center}.order-note{grid-column:1/-1;margin:0}.support-section{padding-top:25px}.support-card{display:block;padding:24px}.support-mark{margin-bottom:17px}.support-card h2{font-size:25px}.support-actions{display:block;margin-top:22px}.support-actions .button{margin-bottom:13px}.support-actions .text-link{display:flex}.site-footer{padding:25px 14px 30px}.footer-inner{align-items:flex-start;flex-wrap:wrap;gap:15px}.footer-inner p{flex-basis:100%;order:3}.footer-links{gap:14px;font-size:11px}.footer-bottom{font-size:9px;flex-wrap:wrap}.modal-head,.modal-body{padding-left:19px;padding-right:19px}.modal-body .form-grid{grid-template-columns:1fr}.checkout-price strong{font-size:17px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

/* Espace commerçant : titre moins haut et texte plus respirant */
.hero-merchant{grid-template-columns:minmax(0,1fr) minmax(560px,1.05fr);gap:45px}
.hero-merchant .merchant-hero-copy h1{font-size:clamp(50px,5vw,64px);line-height:1.16;letter-spacing:-1.3px;margin-bottom:34px}
.hero-merchant .merchant-hero-copy .hero-lead{max-width:520px;font-size:17px;line-height:1.6}
.hero-merchant .merchant-hero-copy .hero-actions{margin-top:34px}
.hero-merchant .merchant-hero-copy .hero-meta{margin-top:38px}
@media(min-width:821px) and (max-width:1100px){.hero-merchant{grid-template-columns:minmax(0,1fr) minmax(460px,1.05fr);gap:30px}.hero-merchant .merchant-hero-visual{transform:scale(.88);transform-origin:center right;margin-left:-30px}}
@media(max-width:820px){.hero-merchant .merchant-hero-copy h1{font-size:clamp(40px,7.5vw,62px);line-height:1.12;margin-bottom:28px}}

/* Ajustements demandés · carte, engagement et présentation smartphone */
.logo-crop,.header-logo{width:47px;height:47px;aspect-ratio:1/1}
.logo-crop img{width:300%;height:100%;object-fit:fill}
.logo-crop.merchant{width:47px;height:47px}
.path-logo,.path-logo.merchant{width:58px;height:58px}
.phone{box-shadow:0 30px 55px rgba(35,51,39,.23)}
.phone:hover{box-shadow:0 40px 75px rgba(35,51,39,.3)}
.floating-qr{cursor:pointer}

.section-engagement{padding-top:92px;background:linear-gradient(180deg,rgba(226,235,220,.18),transparent 48%)}
.engagement-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:78px;align-items:stretch}
.engagement-copy{max-width:430px;padding-top:7px;display:flex;flex-direction:column;position:relative}
.engagement-copy>p{color:var(--muted);font-size:17px;line-height:1.65}
.engagement-points{display:grid;gap:12px;margin-top:35px}
.engagement-points>div{display:flex;align-items:center;gap:13px;padding:13px 15px;border:1px solid var(--line);background:rgba(255,253,248,.72);border-radius:14px}
.engagement-points>.icon,.engagement-points>div>.icon{width:21px;height:21px;color:var(--green)}
.engagement-points>div:first-child>.icon{color:var(--red)}
.engagement-points strong,.engagement-points small{display:block}
.engagement-points strong{font-size:14px}.engagement-points small{font-size:12px;color:var(--muted);margin-top:1px}
.engagement-module{border:1px solid var(--line);background:var(--paper);border-radius:var(--radius);padding:28px 30px;box-shadow:var(--shadow)}
.module-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.module-head .eyebrow{margin-bottom:10px}.module-head h3{font-size:22px;max-width:420px}.module-badge{padding:6px 8px;border:1px solid #e4d1c5;border-radius:7px;color:var(--terracotta);font-size:9px;font-weight:700;letter-spacing:1px}
.mode-switch{display:grid;grid-template-columns:minmax(0,1fr) 78px minmax(0,1fr);align-items:center;gap:7px;padding:6px;margin-top:24px;background:#ebe9e1;border:1px solid #e0ddd3;border-radius:19px}
.mode-switch button{min-height:57px;border-radius:14px;background:transparent;color:var(--ink);display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:15px;transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}
.mode-switch button .icon{width:21px;height:21px}.mode-switch button>span:first-child:not(:only-child){font-size:21px}
.mode-switch button.active{background:var(--green);color:var(--paper);box-shadow:0 8px 18px rgba(45,88,65,.16)}
.mode-switch button.mixte-choice{width:68px;height:68px;min-height:68px;margin:auto;border:5px solid var(--paper);border-radius:50%;background:#efe8dc;color:var(--ink);box-shadow:0 5px 14px rgba(35,51,39,.1);font-size:12px}
.mode-switch button.mixte-choice.active{background:var(--terracotta);color:var(--paper);transform:scale(1.06);box-shadow:0 8px 20px rgba(200,107,72,.25)}
.module-description{min-height:25px;margin:17px 2px 18px;color:var(--muted);font-size:14px}
.amount-control,.days-control{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding-top:17px}
.amount-control strong,.days-control strong{display:block;font-size:14px}.amount-control small,.days-control small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.amount-control output{font-size:26px;font-weight:500;letter-spacing:-1px;color:var(--green);white-space:nowrap}
.amount-range{display:block;width:100%;margin:14px 0 21px;accent-color:var(--green);height:5px}
.engagement-details{border-top:1px solid var(--line);padding-top:7px}.engagement-row{display:flex;align-items:center;justify-content:space-between;gap:17px;padding:14px 0;border-bottom:1px solid var(--line)}.engagement-row strong,.engagement-row small{display:block}.engagement-row strong{font-size:14px}.engagement-row small{color:var(--muted);font-size:12px;margin-top:2px}.engagement-row select{min-width:150px;border:1px solid #d9e2d5;background:#fcfcf8;border-radius:10px;padding:10px 12px;font-size:13px}.amount-badge{padding:9px 13px;border:1px solid var(--line);background:#f8f8f2;border-radius:10px;color:var(--ink);font-size:17px;white-space:nowrap}
.engagement-note{margin-top:14px;padding:13px 14px;border-radius:12px;background:#f1f0e9;color:var(--muted);font-size:12px;line-height:1.45}
.mix-range-block{padding:16px 0 7px}.mix-range-label{display:flex;justify-content:space-between;gap:15px;font-size:13px;font-weight:600}.mix-range-label strong{color:var(--green)}.mix-range-block input{width:100%;margin:14px 0 10px;accent-color:var(--green);height:5px}
.mix-split{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:7px}.mix-split>div{padding:15px;border-radius:13px;background:#f5f6f0}.mix-split small{display:block;color:var(--olive);font-size:10px;letter-spacing:.7px;font-weight:700}.mix-split strong{display:block;font-size:27px;font-weight:500;letter-spacing:-1px;margin:4px 0}.mix-split span{color:var(--muted);font-size:11px}.days-control{margin-top:20px}.days-picker{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.days-picker button{width:35px;height:32px;border:1px solid var(--line);border-radius:9px;background:#fafaf5;color:var(--muted);font-size:10px}.days-picker button.active{background:var(--green);border-color:var(--green);color:var(--paper)}.module-footnote{margin-top:16px;color:var(--muted);font-size:11px;line-height:1.45}

.principle-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(260px,.92fr);gap:18px;align-items:stretch}.principle-carousel{min-height:415px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;padding:31px 32px 25px;border-radius:var(--radius);background:var(--green);color:var(--paper);box-shadow:0 20px 45px rgba(45,88,65,.16)}.principle-carousel:before{content:'';position:absolute;width:310px;height:310px;border:1px solid rgba(237,245,228,.18);border-radius:50%;right:-90px;bottom:-145px}.principle-carousel:after{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:var(--red);right:105px;bottom:82px;box-shadow:28px 35px 0 #efad8a}.principle-card{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:flex-start}.principle-card .number{color:#c9dcc0;font-size:12px;margin-bottom:57px}.principle-card .feature-icon{color:var(--paper);width:34px;height:34px;margin-bottom:25px}.principle-card h3{font-size:31px;letter-spacing:-.8px;margin-bottom:13px}.principle-card p{max-width:420px;color:#dce8d6;font-size:16px;line-height:1.55}.principle-next{position:absolute;top:0;right:0;width:54px;height:54px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.48);border-radius:50%;background:transparent;color:var(--paper);transition:background .2s ease,transform .2s ease}.principle-next:hover{background:rgba(255,255,255,.14);transform:translateX(3px)}.principle-next .icon{width:23px;height:23px}.principle-card-hint{display:flex;align-items:center;gap:7px;margin-top:auto;padding-top:24px;color:#dce8d6;font-size:11px;letter-spacing:.3px}.principle-card-hint .icon{width:14px;height:14px}.principle-progress{position:relative;z-index:1;display:flex;gap:7px;padding-top:20px}.principle-progress button{width:39px;height:7px;border-radius:8px;background:rgba(255,255,255,.28);color:transparent;overflow:hidden;transition:background .2s ease,width .2s ease}.principle-progress button.active{width:68px;background:#e6efcf}.principle-rail{display:grid;align-content:center;gap:0;padding:26px 20px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,253,248,.7)}.principle-rail>.eyebrow{margin:0 13px 17px}.principle-rail-item{display:grid;grid-template-columns:37px 1fr auto;align-items:center;gap:10px;min-height:69px;padding:12px 13px;border-top:1px solid var(--line);background:transparent;text-align:left;color:var(--muted);transition:color .2s ease,background .2s ease,border-radius .2s ease}.principle-rail-item>span{font-size:11px;color:var(--olive);font-weight:700}.principle-rail-item strong{font-size:14px;font-weight:600}.principle-rail-item .icon{width:15px;height:15px;opacity:0;transform:translateX(-4px);transition:opacity .2s,transform .2s}.principle-rail-item:hover,.principle-rail-item.active{color:var(--green);background:var(--sage);border-radius:11px}.principle-rail-item.active .icon,.principle-rail-item:hover .icon{opacity:1;transform:none}

.process-map{height:560px;position:relative;overflow:hidden;border-radius:var(--radius);background:#dfe9d9;isolation:isolate}.process-map iframe{display:block;width:100%;height:100%;border:0;filter:saturate(.72) sepia(.08) hue-rotate(8deg)}.map-wash{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(135deg,rgba(226,235,220,.35),rgba(255,253,248,.03) 57%,rgba(200,107,72,.1))}.map-marker{position:absolute;z-index:2;display:flex;align-items:center;gap:8px;padding:8px 10px 8px 8px;border:1px solid rgba(217,225,211,.98);border-radius:12px;background:rgba(255,253,248,.95);box-shadow:0 10px 24px rgba(35,51,39,.14);font-size:10px;transition:transform .2s ease,box-shadow .2s ease}.map-marker:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(35,51,39,.2)}.marker-pin{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:var(--paper)}.marker-pin .icon{width:15px;height:15px}.map-marker strong,.map-marker small{display:block;white-space:nowrap}.map-marker strong{font-size:11px}.map-marker small{font-size:9px;color:var(--muted);margin-top:1px}.marker-bakery{left:8%;top:22%}.marker-coffee{left:48%;top:54%}.marker-work{right:8%;top:31%}.marker-work .marker-pin{background:var(--terracotta)}.map-current{position:absolute;z-index:2;left:18px;top:17px;padding:8px 10px;border-radius:9px;background:rgba(255,253,248,.9);color:var(--green);font-size:10px;font-weight:700;letter-spacing:.4px}.map-attribution{position:absolute;z-index:2;right:10px;bottom:8px;padding:3px 5px;border-radius:5px;background:rgba(255,253,248,.8);color:#59685b;font-size:9px}

.card-section{padding-top:118px}.card-showcase-grid{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:78px}.card-visual{position:relative;min-height:430px}.card-visual>img{display:block;width:100%;height:430px;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}.card-scan-preview{position:absolute;right:-24px;bottom:-24px;display:flex;align-items:center;gap:11px;width:245px;padding:13px;border:1px solid var(--line);border-radius:15px;background:var(--paper);box-shadow:0 16px 32px rgba(35,51,39,.13);transform:rotate(-3deg);transition:transform .25s ease}.card-scan-preview:hover{transform:rotate(0) translateY(-5px)}.card-scan-preview img{width:64px;height:64px;image-rendering:pixelated}.card-scan-preview small{display:block;color:var(--olive);font-size:8px;letter-spacing:1px;font-weight:700}.card-scan-preview strong{display:block;font-size:11px;line-height:1.25;margin-top:4px}.card-copy{max-width:470px}.card-copy-intro{display:flex;align-items:center;gap:16px;margin-bottom:23px}.card-copy-mark{font-size:44px;font-weight:700;letter-spacing:-5px;line-height:1}.card-copy-mark span{font-size:20px;color:var(--red);vertical-align:top;margin-left:2px}.card-copy-intro .eyebrow{margin-bottom:8px}.card-copy h3{font-size:25px;line-height:1.17}.card-copy>p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.6}.card-benefit-list{display:grid;gap:0;margin:29px 0 30px;border-top:1px solid var(--line)}.card-benefit-list>div{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.card-benefit-list>.icon,.card-benefit-list>div>.icon{color:var(--green);width:20px;height:20px;margin-top:2px}.card-benefit-list strong,.card-benefit-list small{display:block}.card-benefit-list strong{font-size:14px}.card-benefit-list small{font-size:12px;color:var(--muted);margin-top:2px}

body[data-page="scan"]{background:#f5f0e7}body[data-page="scan"] .site-footer{display:none}.scan-page{min-height:100vh;padding-bottom:112px}.scan-page-top{max-width:1040px;margin:auto;padding:30px 28px 18px;display:flex;align-items:center;gap:24px}.scan-brand{font-size:31px;font-weight:600;letter-spacing:-1.5px}.scan-brand span{color:var(--red);font-size:19px;vertical-align:top}.scan-mode{display:flex;align-items:center;gap:0;margin-left:auto;border:1px solid #e5dfd4;border-radius:25px;padding:5px;background:#eeeadf}.scan-mode span{width:46px;height:42px;display:grid;place-items:center;border-radius:19px;color:var(--muted);font-size:17px;font-weight:700}.scan-mode span:first-child{background:var(--green);color:var(--paper)}.scan-avatar{width:47px;height:47px;display:grid;place-items:center;border-radius:50%;background:#17231c;color:var(--paper);font-size:15px;font-weight:600}.scan-page-inner{max-width:960px;margin:auto;padding:38px 28px 80px}.scan-back{display:inline-flex;color:var(--green);font-size:15px;font-weight:600;margin-bottom:47px}.scan-hero{position:relative;overflow:hidden;min-height:340px;padding:65px 52px;border-radius:35px;background:linear-gradient(135deg,#173b29,#21583e);color:var(--paper);box-shadow:0 18px 45px rgba(31,70,49,.18)}.scan-hero:after{content:'';position:absolute;width:390px;height:390px;border:1px solid rgba(233,241,225,.2);border-radius:50%;right:-90px;top:-190px}.scan-logo-word{position:relative;z-index:1;font-size:35px;font-weight:600;letter-spacing:-1.7px;margin-bottom:54px}.scan-logo-word span{color:#efaa83}.scan-hero h1{position:relative;z-index:1;font-size:clamp(37px,5.1vw,60px);line-height:1.05;margin-bottom:21px}.scan-hero h1,.scan-hero p{max-width:610px}.scan-hero p{position:relative;z-index:1;color:#d7e4d2;font-size:18px;line-height:1.5}.scan-hero-heart{position:absolute;right:100px;top:63px;z-index:1;color:var(--red);font-size:60px;transform:rotate(8deg)}.scan-actions{display:grid;gap:14px;margin-top:40px}.scan-action-card{display:flex;align-items:center;gap:21px;padding:24px 27px;border:1px solid #e2ded4;border-radius:23px;background:rgba(255,253,248,.86);box-shadow:0 9px 22px rgba(57,54,43,.04);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.scan-action-card:hover{transform:translateY(-4px);border-color:#c5d6bd;box-shadow:0 15px 29px rgba(57,54,43,.1)}.scan-action-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:17px;background:#deeee2;color:var(--green);flex-shrink:0}.scan-action-icon .icon{width:29px;height:29px}.scan-action-card strong,.scan-action-card small{display:block}.scan-action-card strong{font-size:19px}.scan-action-card small{color:var(--muted);font-size:15px;margin-top:2px}.scan-arrow{width:21px;height:21px;margin-left:auto;color:var(--green)}.scan-page-note{max-width:650px;margin:43px auto 0;text-align:center;color:#77796f;font-size:16px;line-height:1.55}.scan-bottom-nav{position:fixed;z-index:40;left:0;right:0;bottom:0;display:flex;justify-content:center;gap:clamp(22px,6vw,78px);padding:17px 24px 13px;border-top:1px solid #e0ddd2;background:rgba(255,253,248,.94);backdrop-filter:blur(15px)}.scan-bottom-nav a{display:grid;justify-items:center;gap:6px;color:#7c877e;font-size:12px;font-weight:600}.scan-bottom-nav a .icon{width:24px;height:24px}.scan-bottom-nav a.active{color:var(--red)}

@media(max-width:1100px){.engagement-layout{gap:45px}.principle-layout{grid-template-columns:1fr .86fr}.card-showcase-grid{gap:45px}.scan-page-inner{max-width:900px}}
@media(max-width:820px){.logo-crop,.header-logo,.logo-crop.merchant{width:43px;height:43px}.engagement-layout,.card-showcase-grid{grid-template-columns:1fr;gap:45px}.engagement-copy{max-width:650px}.engagement-module{max-width:720px}.principle-layout{grid-template-columns:1fr;gap:15px}.principle-carousel{min-height:405px}.principle-rail{padding:16px 20px}.principle-rail>.eyebrow{margin-top:5px}.process-map{height:470px}.card-visual{max-width:720px}.card-copy{max-width:650px}.scan-page-top{padding:24px 20px 12px}.scan-page-inner{padding:33px 20px 65px}.scan-hero{padding:48px 35px;min-height:330px}.scan-hero-heart{right:45px}.scan-bottom-nav{gap:30px}}
@media(max-width:560px){.logo-crop,.header-logo,.logo-crop.merchant{width:41px;height:41px}.site-brand{gap:9px}.section-engagement{padding-top:80px}.engagement-module{padding:22px 18px}.module-head h3{font-size:19px}.mode-switch{grid-template-columns:minmax(0,1fr) 61px minmax(0,1fr);gap:3px}.mode-switch button{min-height:52px;font-size:12px;gap:4px}.mode-switch button .icon{width:17px;height:17px}.mode-switch button.mixte-choice{width:56px;height:56px;min-height:56px;border-width:4px;font-size:10px}.engagement-row{align-items:flex-start;flex-direction:column;gap:9px}.engagement-row select,.amount-badge{width:100%}.mix-split{gap:7px}.mix-split>div{padding:11px}.mix-split strong{font-size:22px}.days-control{display:block}.days-picker{justify-content:flex-start;margin-top:13px}.days-picker button{width:36px}.principle-carousel{min-height:400px;padding:25px 22px 21px}.principle-card .number{margin-bottom:48px}.principle-card h3{font-size:28px}.principle-card p{font-size:15px}.principle-next{width:47px;height:47px}.principle-rail{padding:11px}.principle-rail-item{min-height:59px}.process-map{height:410px}.map-marker{padding:6px}.map-marker strong{font-size:9px}.map-marker small{font-size:8px}.marker-bakery{left:3%;top:19%}.marker-coffee{left:35%;top:53%}.marker-work{right:3%;top:32%}.map-marker>span:last-child{display:none}.map-current{left:10px;top:10px;font-size:9px}.map-attribution{font-size:8px}.card-section{padding-top:82px}.card-visual{min-height:292px}.card-visual>img{height:292px}.card-scan-preview{right:4px;bottom:-20px;width:220px}.card-scan-preview img{width:55px;height:55px}.card-copy-intro{align-items:flex-start}.card-copy-mark{font-size:39px}.card-copy h3{font-size:23px}.scan-page-top{padding:19px 14px 8px;gap:10px}.scan-brand{font-size:25px}.scan-mode span{width:34px;height:34px;font-size:14px}.scan-avatar{width:39px;height:39px;font-size:13px}.scan-page-inner{padding:28px 14px 50px}.scan-back{font-size:13px;margin-bottom:31px}.scan-hero{min-height:320px;padding:34px 25px;border-radius:24px}.scan-logo-word{font-size:28px;margin-bottom:38px}.scan-hero h1{font-size:37px}.scan-hero p{font-size:15px}.scan-hero-heart{right:24px;top:30px;font-size:42px}.scan-actions{margin-top:27px;gap:11px}.scan-action-card{padding:17px 14px;gap:13px;border-radius:17px}.scan-action-icon{width:48px;height:48px;border-radius:13px}.scan-action-icon .icon{width:23px;height:23px}.scan-action-card strong{font-size:14px}.scan-action-card small{font-size:11px}.scan-arrow{width:17px;height:17px}.scan-page-note{margin-top:29px;font-size:13px}.scan-bottom-nav{justify-content:space-between;gap:0;padding:12px 15px 11px}.scan-bottom-nav a{font-size:9px;gap:4px}.scan-bottom-nav a .icon{width:21px;height:21px}}
.principle-carousel:after{display:none}.path-curve:after{width:38px;height:5px;border-radius:8px;background:var(--red);left:46px;top:50px;transform:rotate(-26deg)}

/* Ajustements de cette version · téléphone, scroll, carte et personnalisation */
.phone-capture{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:30px;image-rendering:auto}
.phone.phone-user{padding:8px}
.floating-video{right:-9px;bottom:112px;display:flex;align-items:center;gap:10px;padding:11px 13px;text-align:left;color:var(--ink);transform:rotate(4deg);transition:transform .3s ease,box-shadow .3s ease}.floating-video:hover{transform:rotate(1deg) translateY(-5px);box-shadow:0 18px 35px rgba(35,51,39,.14)}.video-mini-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--sage);color:var(--green)}.video-mini-icon .icon{width:18px;height:18px}.floating-video small,.floating-video strong{display:block}.floating-video small{color:var(--olive);font-size:9px;letter-spacing:.6px}.floating-video strong{font-size:11px;margin-top:1px;white-space:nowrap}

.engagement-copy>p strong{color:var(--ink);font-weight:700}
.engagement-points{gap:11px}
.engagement-point-choice{width:100%;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:14px 15px;border:1px solid var(--line);border-radius:14px;background:rgba(255,253,248,.72);text-align:left;transition:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease;color:var(--ink)}
.engagement-point-choice:hover,.engagement-point-choice.active{transform:translateX(4px);border-color:#b9ceb3;background:var(--sage);box-shadow:0 9px 22px rgba(45,88,65,.08)}
.engagement-point-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:var(--green)}
.engagement-point-icon .icon{width:20px;height:20px}
.engagement-point-choice:first-child .engagement-point-icon{color:var(--red)}
.engagement-point-choice strong,.engagement-point-choice small{display:block}
.engagement-point-choice strong{font-size:14px}.engagement-point-choice small{font-size:12px;color:var(--muted);margin-top:2px}
.engagement-point-arrow{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;color:var(--green);opacity:.35;transition:opacity .2s ease,transform .2s ease}
.engagement-point-choice:hover .engagement-point-arrow,.engagement-point-choice.active .engagement-point-arrow{opacity:1;transform:translateX(2px)}
.engagement-point-arrow .icon{width:16px;height:16px}
.mode-dropdown{display:grid;gap:5px;min-width:148px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.7px;text-transform:uppercase}
.mode-dropdown select{width:100%;border:1px solid #d9e2d5;border-radius:10px;background:#fcfcf8;padding:10px 28px 10px 11px;font-size:13px;letter-spacing:0;text-transform:none;color:var(--ink)}
.mode-switch button{cursor:pointer}

.principle-scroll-intro{display:flex;align-items:center;gap:10px;margin:-20px 0 8px;color:var(--olive);font-size:12px}
.principle-scroll-intro>span{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:var(--sage);color:var(--green)}
.principle-scroll-intro .icon{width:15px;height:15px}
.principle-slide{min-height:clamp(500px,calc(100vh - 145px),720px);display:flex;align-items:center;padding:28px 0;scroll-margin-top:102px}
.principle-slide .principle-layout{width:100%}
.principle-slide .principle-carousel{min-height:415px}
.principle-slide.active .principle-carousel{box-shadow:0 22px 50px rgba(45,88,65,.19)}
.principle-slide.active .principle-rail-item.active{font-weight:600}
.principle-slide .principle-card-hint{letter-spacing:.2px}

.process-map{height:auto;padding:14px;display:grid;gap:12px;background:var(--sage);box-shadow:var(--shadow)}
.map-discovery-control,.map-app-card{border:1px solid rgba(217,225,211,.95);border-radius:17px;background:rgba(255,253,248,.92)}
.map-discovery-control{padding:16px 17px 13px}
.map-discovery-heading,.map-radius-line,.map-app-heading,.map-status{display:flex;align-items:center;justify-content:space-between;gap:12px}
.map-discovery-heading strong,.map-app-heading strong{display:block;font-size:13px}.map-discovery-heading small,.map-app-heading small{display:block;color:var(--muted);font-size:10px;margin-top:1px}.map-discovery-heading output{font-size:18px;font-weight:600;color:var(--green)}
.map-radius-line{margin-top:12px;color:var(--muted);font-size:10px}.map-radius-line input{width:calc(100% - 70px);accent-color:#3e8bea;height:5px}
.map-filter-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.map-filter-list button{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:var(--paper);font-size:10px;color:var(--muted);transition:background .2s ease,color .2s ease,border-color .2s ease}.map-filter-list button:hover,.map-filter-list button.active{background:var(--green);border-color:var(--green);color:var(--paper)}
.map-app-card{overflow:hidden}.map-app-heading{padding:14px 16px 12px}.map-actions{display:flex;gap:5px}.map-actions button{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--green);font-size:19px;line-height:1}.map-actions button:first-child{font-size:16px;background:var(--green);color:var(--paper);border-color:var(--green)}
.declic-map-viewport{height:365px;position:relative;overflow:hidden;background:#d7e5dc;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.map-world{position:absolute;left:50%;top:50%;width:110%;height:110%;transform:translate(-50%,-50%) scale(1);transform-origin:center;transition:transform .45s cubic-bezier(.2,.75,.25,1)}
.map-reference{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(.98)}
.map-world:after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(226,235,220,.08),rgba(255,253,248,0) 55%,rgba(200,107,72,.08));pointer-events:none}
.declic-map-viewport .app-map-marker{position:absolute;z-index:2;right:auto;bottom:auto;display:grid;place-items:center;width:46px;height:46px;padding:0;border:4px solid #fffdf8;border-radius:14px;background:var(--green);color:var(--paper);box-shadow:0 9px 17px rgba(30,62,43,.25);transform:translate(-50%,-50%);transition:filter .2s ease,box-shadow .2s ease,opacity .2s ease}.declic-map-viewport .app-map-marker:hover,.declic-map-viewport .app-map-marker:focus-visible{filter:brightness(1.08);box-shadow:0 13px 24px rgba(30,62,43,.32);z-index:4}.declic-map-viewport .app-map-marker.marker-work{background:var(--terracotta)}
.app-map-marker-icon{width:100%;height:100%;display:grid;place-items:center}.app-map-marker-icon .icon{width:22px;height:22px}.app-map-label{position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);display:none;min-width:145px;padding:8px 9px;border:1px solid var(--line);border-radius:10px;background:rgba(255,253,248,.97);color:var(--ink);box-shadow:0 8px 20px rgba(35,51,39,.15);text-align:left;white-space:nowrap}.app-map-marker:hover .app-map-label,.app-map-marker:focus-visible .app-map-label{display:block}.app-map-label strong,.app-map-label small{display:block}.app-map-label strong{font-size:11px}.app-map-label small{margin-top:2px;color:var(--muted);font-size:9px}
.app-map-marker.is-hidden{display:none}.map-gps-marker{position:absolute;z-index:2;width:24px;height:24px;border-radius:50% 50% 50% 0;background:var(--red);box-shadow:0 4px 10px rgba(155,61,58,.3);transform:translate(-50%,-50%) rotate(-45deg)}.map-gps-marker i{position:absolute;left:7px;top:7px;width:10px;height:10px;border-radius:50%;background:var(--paper)}
.map-status{padding:10px 16px;color:var(--muted);font-size:10px}.map-status span:first-child{font-weight:700;color:var(--ink)}.process-map>.map-attribution{position:static;z-index:auto;right:auto;bottom:auto;justify-self:end;color:#637268;font-size:9px;padding:0 3px}
.process-actions{display:flex;flex-wrap:wrap;gap:12px}.video-button{cursor:pointer}

.pre-engagement-cta{max-width:var(--max);margin:0 auto 0;background:var(--green);color:var(--paper);border-radius:var(--radius)}.pre-engagement-cta h2 em{color:#d8e7c5}.pre-engagement-cta .eyebrow{color:#c3d7b9}

.site-footer{max-width:none;padding-left:max(34px,calc((100% - var(--max)) / 2 + 34px));padding-right:max(34px,calc((100% - var(--max)) / 2 + 34px));background:#edf1e7}.footer-inner{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.4fr repeat(4,1fr);align-items:start;gap:30px;padding-top:36px;border-top:0}.footer-brand-block{display:grid;gap:12px}.footer-brand-block p{max-width:180px;flex:none;color:var(--muted);font-size:13px}.footer-column{display:grid;gap:9px;align-content:start}.footer-column strong{margin-bottom:4px;color:var(--ink);font-size:12px}.footer-column a{font-size:12px;color:var(--muted)}.footer-column a:hover{color:var(--green)}.footer-bottom{max-width:var(--max);margin:30px auto 0;padding-top:18px;border-top:1px solid var(--line)}

.personalization-section{padding-top:58px}.personalization-back{display:inline-flex;margin-bottom:55px;color:var(--green);font-size:14px;font-weight:600}.personalization-heading{max-width:690px;margin-bottom:48px}.personalization-heading h1{font-size:clamp(43px,5.5vw,70px);margin-bottom:22px}.personalization-heading>p:last-child{max-width:620px}
.personalization-grid{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:70px}.personalization-preview{position:sticky;top:115px}.preview-label{margin-bottom:11px;color:var(--olive);font-size:11px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase}.custom-card-preview{position:relative;min-height:360px;padding:28px 30px 24px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border-radius:28px;background:var(--sage);box-shadow:0 22px 60px rgba(35,51,39,.14);transition:background .25s ease,transform .3s ease}.custom-card-preview:hover{transform:translateY(-4px)}.custom-card-preview:before{content:'';position:absolute;width:260px;height:260px;right:-80px;top:-105px;border:1px solid rgba(45,88,65,.27);border-radius:50%}.custom-card-preview:after{content:'';position:absolute;width:140px;height:140px;right:-48px;bottom:-62px;border-radius:50%;background:rgba(200,107,72,.35)}.custom-card-preview.cream{background:#f4eee3}.custom-card-preview.green{background:var(--green);color:var(--paper)}.custom-card-preview.green:before{border-color:rgba(255,253,248,.25)}.custom-card-preview.green:after{background:rgba(239,173,138,.55)}.custom-card-top,.custom-card-bottom{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:15px}.custom-card-word{font-size:29px;font-weight:700;letter-spacing:-1.7px}.custom-card-word span{color:var(--red);font-size:19px;vertical-align:top;margin-left:3px}.custom-card-mode{padding:7px 10px;border-radius:999px;background:rgba(255,253,248,.64);color:var(--green);font-size:10px;font-weight:700}.green .custom-card-mode{background:rgba(255,253,248,.16);color:var(--paper)}.custom-card-kicker{position:relative;z-index:1;margin-top:45px;color:var(--olive);font-size:10px;font-weight:700;letter-spacing:1.6px}.green .custom-card-kicker{color:#c5dbc0}.custom-card-preview h2{position:relative;z-index:1;max-width:430px;margin:16px 0 43px;font-size:clamp(31px,4vw,47px);letter-spacing:-1.5px;line-height:1.03}.custom-card-preview h2 em{color:inherit}.custom-card-bottom{align-items:flex-end}.custom-card-bottom small,.custom-card-bottom strong,.custom-card-bottom span{display:block}.custom-card-bottom small{color:var(--olive);font-size:9px;letter-spacing:1px;font-weight:700}.green .custom-card-bottom small{color:#c5dbc0}.custom-card-bottom strong{font-size:17px;margin-top:4px}.custom-card-bottom span{color:var(--muted);font-size:11px;margin-top:3px}.green .custom-card-bottom span{color:#d6e3d3}.custom-card-bottom img{width:76px;height:76px;position:relative;z-index:1;background:#fffdf8;padding:5px;border-radius:8px;image-rendering:pixelated}.preview-note{margin-top:18px;color:var(--muted);font-size:13px;line-height:1.55}.personalization-form{display:grid;gap:25px;padding:29px 30px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow)}.form-block{display:grid;gap:13px;padding-bottom:23px;border-bottom:1px solid var(--line)}.form-block:last-of-type{padding-bottom:0;border-bottom:0}.form-block .eyebrow{margin-bottom:2px}.personalization-form label{display:block;color:var(--muted);font-size:12px;font-weight:600}.personalization-form input,.personalization-form textarea{display:block;width:100%;margin-top:7px;border:1px solid #d9e2d5;border-radius:10px;background:#fcfcf8;padding:11px 12px;font-size:15px;color:var(--ink)}.personalization-form textarea{resize:vertical;min-height:92px}.form-block>label>small{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:5px}.style-choice,.card-mode-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.style-choice button,.card-mode-choice button{min-height:45px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:10px;background:#fafaf5;font-size:11px;color:var(--muted);transition:background .2s ease,color .2s ease,border-color .2s ease}.style-choice button.active,.style-choice button:hover,.card-mode-choice button.active,.card-mode-choice button:hover{background:var(--sage);border-color:#b9ceb3;color:var(--green)}.style-swatch{width:16px;height:16px;border-radius:50%;border:1px solid rgba(35,51,39,.12)}.sage-swatch{background:var(--sage)}.cream-swatch{background:var(--cream)}.green-swatch{background:var(--green)}.card-mode-choice .icon{width:17px;height:17px}.personalization-helper,.prototype-note{color:var(--muted);font-size:12px;line-height:1.5}.prototype-note{text-align:center;font-size:10px}

.video-demo{display:grid;gap:22px}.video-demo-stage{position:relative;min-height:245px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;overflow:hidden;padding:31px;border-radius:18px;background:linear-gradient(135deg,#173b29,#2d5841);color:var(--paper)}.video-demo-orbit{position:absolute;width:310px;height:310px;right:-78px;top:-120px;border:1px solid rgba(255,253,248,.23);border-radius:50%}.video-demo-logo{position:relative;z-index:1;font-size:25px;font-weight:700;margin-bottom:42px}.video-demo-logo span{color:#efad8a;font-size:17px;vertical-align:top}.video-demo-play{position:absolute;right:39%;top:39%;width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(255,253,248,.55);border-radius:50%;background:rgba(255,253,248,.11);color:var(--paper)}.video-demo-play .icon{width:26px;height:26px}.video-demo-stage strong{position:relative;z-index:1;font-size:25px;line-height:1.08}.video-demo-stage small{position:relative;z-index:1;margin-top:12px;color:#d7e4d2;font-size:11px}.video-demo-steps{display:grid;gap:0}.video-demo-steps>div{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.video-demo-steps>div:last-child{border-bottom:0}.video-demo-steps>div>span{font-size:11px;color:var(--terracotta);font-weight:700;letter-spacing:1px}.video-demo-steps strong,.video-demo-steps small{display:block}.video-demo-steps strong{font-size:14px}.video-demo-steps small{margin-top:3px;color:var(--muted);font-size:12px}

@media(max-width:820px){
  .principle-slide{min-height:560px;padding:22px 0}.principle-scroll-intro{margin-top:-10px}.process-map{padding:10px}.declic-map-viewport{height:425px}.personalization-grid{grid-template-columns:1fr;gap:40px}.personalization-preview{position:static}.personalization-section{padding-top:39px}.personalization-back{margin-bottom:37px}.personalization-heading{margin-bottom:35px}.personalization-form{max-width:720px}
  .footer-inner{grid-template-columns:1.4fr 1fr 1fr;gap:26px 18px}.footer-brand-block{grid-row:span 2}.footer-column:nth-child(4){grid-column:2}.footer-column:nth-child(5){grid-column:3}
}
@media(max-width:560px){
  .phone-capture{border-radius:28px}.pre-engagement-cta{margin-left:14px;margin-right:14px;padding:31px 23px}.pre-engagement-cta h2{font-size:32px}.engagement-point-choice{grid-template-columns:31px 1fr 24px;padding:12px}.engagement-point-icon{width:27px;height:27px}.engagement-point-choice strong{font-size:13px}.engagement-point-choice small{font-size:11px}.module-head{display:grid}.mode-dropdown{width:100%}.mode-dropdown select{min-height:43px}.principle-scroll-intro{font-size:11px}.principle-slide{min-height:520px;padding:14px 0}.principle-slide .principle-carousel{min-height:400px}.process-map{padding:8px}.map-discovery-control{padding:13px}.map-filter-list{gap:5px}.map-filter-list button{font-size:9px;padding:7px 8px}.map-app-heading{padding:12px}.declic-map-viewport{height:398px}.map-app-heading strong{font-size:12px}.map-app-heading small{font-size:9px}.declic-map-viewport .app-map-marker{width:39px;height:39px;border-width:3px;border-radius:12px}.app-map-marker-icon .icon{width:18px;height:18px}.app-map-label{min-width:123px;padding:6px 7px}.app-map-label strong{font-size:9px}.app-map-label small{font-size:8px}.process-actions{display:grid}.process-actions .button{width:100%}.site-footer{padding-left:14px;padding-right:14px}.footer-inner{grid-template-columns:1fr 1fr;gap:24px 18px;padding-top:28px}.footer-brand-block{grid-column:1/-1;grid-row:auto}.footer-column:nth-child(4),.footer-column:nth-child(5){grid-column:auto}.footer-bottom{margin-top:24px;display:grid;gap:7px;font-size:9px}.personalization-section{padding-left:14px;padding-right:14px}.personalization-heading h1{font-size:43px}.custom-card-preview{min-height:300px;padding:22px 21px;border-radius:22px}.custom-card-word{font-size:25px}.custom-card-kicker{margin-top:35px;font-size:9px}.custom-card-preview h2{font-size:32px;margin:13px 0 35px}.custom-card-bottom img{width:65px;height:65px}.personalization-form{padding:22px 18px}.style-choice,.card-mode-choice{gap:5px}.style-choice button,.card-mode-choice button{font-size:9px;padding:0 3px}.video-demo-stage{min-height:220px;padding:24px}.video-demo-play{right:34%;top:37%}.video-demo-stage strong{font-size:22px}
}

/* Reprise fidèle des visuels APK et des interactions demandées */
.phone.phone-user{overflow:hidden;padding:7px;background:linear-gradient(145deg,#111712,#2c332d 58%,#141a15);border-color:#1a201b;box-shadow:0 30px 55px rgba(35,51,39,.25),0 3px 0 #778477}
.phone.phone-user:before{content:'';position:absolute;z-index:5;left:50%;top:12px;width:64px;height:17px;border-radius:14px;background:#080c09;transform:translateX(-50%);box-shadow:0 1px 1px rgba(255,255,255,.08)}
.phone.phone-user .phone-top{display:none}
.phone.phone-user .app-screen{position:relative;display:flex;flex-direction:column;width:100%;height:100%;min-width:0;min-height:0;box-sizing:border-box;padding:0;border-radius:30px 30px 34px 34px;background:#f8f5ed;overflow:hidden;isolation:isolate}
.phone.phone-user .app-screen:after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;background:linear-gradient(118deg,rgba(255,255,255,.22),transparent 23%,transparent 72%,rgba(255,255,255,.07));box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.phone.phone-user .phone-capture{position:relative;z-index:1;display:block;flex:1 1 0;min-height:0;width:100%;height:0;object-fit:fill;border-radius:0;transform:none;filter:saturate(.98) contrast(1.01)}
.phone-system-status{position:relative;z-index:2;flex:0 0 21px;display:flex;align-items:center;justify-content:space-between;padding:0 11px 0 13px;background:#f8f5ed;color:#4c524e;font-size:8px;line-height:1;white-space:nowrap}
.phone-system-status span{display:inline-flex;align-items:center;gap:3px}.phone-system-status svg{display:block;width:12px;height:10px;fill:currentColor}.phone-system-status span:last-child svg:first-child{width:13px}
.phone-system-nav{position:relative;z-index:2;flex:0 0 28px;display:flex;align-items:center;justify-content:space-around;padding:0 27px;background:#fffdfa;border-top:1px solid #edece5;color:#aeb2b0}
.phone-system-nav svg{display:block;width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}

.engagement-module .mode-dropdown{display:none}
.engagement-gear{width:22px!important;height:22px!important;stroke-width:1.9;transform:translate(0,0)}
.engagement-point-icon{place-items:center}
.engagement-disclosure{margin-top:15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.engagement-disclosure summary{min-height:50px;padding:11px 0;color:var(--green);font-size:13px}
.engagement-disclosure summary:after{color:var(--green)}
.engagement-disclosure .mode-details{border-top:1px solid var(--line);padding:0 0 8px}
.engagement-disclosure .engagement-details{border-top:0;padding-top:0}
.days-picker button:not(.active){background:var(--red);border-color:var(--red);color:var(--paper)}
.days-picker button:not(.active):hover{background:#b94f50;border-color:#b94f50}
.process-actions .video-button{border-color:var(--red);background:rgba(217,97,94,.08);color:var(--red)}
.process-actions .video-button:hover{border-color:var(--red);background:var(--red);color:var(--paper)}
.floating-video .video-mini-icon{background:var(--red);color:var(--paper)}
.scan-action-card[data-action="video-explain"] .scan-action-icon{background:var(--red);color:var(--paper)}
.merchant-video-button{border-color:rgba(217,97,94,.36)}
.merchant-video-icon{background:var(--red);color:var(--paper)}
.merchant-video-button small,.merchant-video-button>.button-icon{color:var(--red)}

.scan-action-card[data-action="toggle-stores"]{cursor:pointer}
.scan-action-card[data-action="toggle-stores"][aria-expanded="true"]{background:var(--sage);border-color:#b9ceb3}
.scan-stores{margin-top:18px;padding:24px;border:1px solid var(--line);border-radius:22px;background:rgba(255,253,248,.78);box-shadow:var(--shadow)}
.scan-stores-heading h2{font-size:32px;margin-bottom:9px}
.scan-stores-heading>p:last-child{max-width:600px;color:var(--muted);font-size:14px;line-height:1.5}
.store-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.store-link-card{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--paper);color:var(--ink);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.store-link-card:hover{transform:translateY(-3px);border-color:#b9ceb3;box-shadow:0 12px 28px rgba(35,51,39,.1)}
.store-qr-frame{display:grid;place-items:center;width:76px;height:76px;flex-shrink:0;padding:5px;border:1px solid var(--line);border-radius:10px;background:white}
.store-qr-frame img{display:block;width:64px;height:64px;image-rendering:auto}
.store-link-card strong,.store-link-card small{display:block}
.store-link-card strong{font-size:14px}.store-link-card small{margin-top:3px;color:var(--muted);font-size:11px}.store-link-card>.button-icon{width:16px;height:16px;margin-left:auto;color:var(--green)}

.user-point-section{display:grid;grid-template-columns:.86fr 1.14fr;gap:70px;align-items:start}
.user-point-copy>p:not(.eyebrow){max-width:520px;color:var(--muted);font-size:17px;line-height:1.6}
.user-point-list{display:grid;gap:0;margin-top:55px;border-top:1px solid var(--line)}
.user-point-list>div{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}
.user-point-list>div>.icon{width:22px;height:22px;color:var(--green);margin-top:2px}
.user-point-list strong,.user-point-list small{display:block}.user-point-list strong{font-size:14px}.user-point-list small{margin-top:2px;color:var(--muted);font-size:12px}
.user-point-visual{position:relative;align-self:stretch;display:flex;flex-direction:column}.user-point-image{position:relative;flex:0 0 auto}.user-point-image img{display:block;width:100%;height:385px;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}
.user-point-image .image-caption{left:18px;bottom:18px}
.user-point-offers{flex:1;margin-top:22px;padding:23px 24px;border:1px solid #e3cdbf;border-radius:var(--radius);background:#fbf3ed;box-shadow:var(--shadow);display:flex;flex-direction:column}
.user-point-offers-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.user-point-offers-head .eyebrow{margin-bottom:7px;color:var(--terracotta);font-size:10px}.user-point-offers-head h3{font-size:20px;line-height:1.2}.user-point-offers-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid #dda7a5;border-radius:12px;color:var(--red);font-size:19px;background:#f7d9d7}
.user-point-offer{display:flex;align-items:center;gap:13px;padding:13px 0;border-top:1px solid #ead8ce}.user-point-offer-badge{min-width:61px;padding:8px 7px;border-radius:9px;background:var(--terracotta-soft);color:var(--terracotta);font-size:12px;font-weight:700;text-align:center}.user-point-offer strong,.user-point-offer small{display:block}.user-point-offer strong{font-size:14px}.user-point-offer small{margin-top:3px;color:var(--muted);font-size:12px;line-height:1.35}

.card-app-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:36px;padding:0 2px}
.card-app-brand{font-size:30px;letter-spacing:-1.6px;font-weight:700}.card-app-brand>span{color:var(--red);font-size:20px;vertical-align:top;margin-left:3px}
.card-app-mode{display:flex;align-items:center;gap:4px;padding:5px;border:1px solid var(--line);border-radius:999px;background:#ebe9e1}.card-app-mode span{width:48px;height:40px;display:grid;place-items:center;border-radius:999px;color:var(--muted);font-weight:700}.card-app-mode span.active{background:var(--green);color:var(--paper)}
.card-app-avatar{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--paper);font-weight:700}
.card-side-tabs{display:inline-flex;gap:3px;margin-bottom:10px;padding:4px;border-radius:999px;background:#ebe9e1}.card-side-tabs button{padding:7px 15px;border-radius:999px;background:transparent;color:var(--muted);font-size:11px;font-weight:700}.card-side-tabs button.active{background:var(--green);color:var(--paper)}
.card-preview-side-label{margin-bottom:12px;color:var(--olive);font-size:10px;font-weight:700;letter-spacing:1.2px}
.custom-card-preview.is-verso{background:#f0eadf}.custom-card-preview.is-verso:after{background:rgba(45,88,65,.2)}
.custom-card-preview.is-verso .custom-card-kicker{color:var(--terracotta)}
.card-upload-label{margin-top:5px!important;padding-top:12px;border-top:1px solid var(--line)}
.card-upload-label input{min-height:auto;padding:8px;font-size:12px}

.principle-scroll-story{position:relative;min-height:calc(100vh - 118px)}
.principle-slide{display:none;min-height:calc(100vh - 182px);padding:26px 0 38px}
.principle-slide.active{display:flex;animation:principle-in .34s ease both}
.principle-slide.active .principle-layout{height:100%}
@keyframes principle-in{from{opacity:.35;transform:translateY(12px)}to{opacity:1;transform:none}}

.map-filter-list button{display:inline-flex;align-items:center;gap:5px}
.filter-icon{width:14px;height:14px}.map-actions button .icon{width:16px;height:16px}
.map-gps-dot{position:absolute;z-index:4;width:13px;height:13px;border:3px solid var(--paper);border-radius:50%;background:#3e8bea;box-shadow:0 3px 8px rgba(42,89,142,.35);transform:translate(-50%,-50%)}

@media(max-width:820px){
  .user-point-section{grid-template-columns:1fr;gap:42px}.user-point-list{margin-top:42px}.user-point-visual img{height:370px}.store-links{grid-template-columns:1fr}.card-app-top{margin-bottom:30px}.principle-scroll-story{min-height:calc(100svh - 125px)}.principle-slide{min-height:calc(100svh - 175px);padding:20px 0 28px}
}
@media(max-width:560px){
  .phone.phone-user:before{top:10px;width:57px;height:15px}.phone.phone-user .app-screen,.phone.phone-user .app-screen:after{border-radius:28px}.scan-stores{padding:19px 15px}.scan-stores-heading h2{font-size:27px}.store-link-card{padding:10px}.store-qr-frame{width:66px;height:66px}.store-qr-frame img{width:56px;height:56px}.user-point-visual img{height:275px}.user-point-offers{padding:20px 17px}.user-point-offers-head h3{font-size:18px}.user-point-offer small{font-size:11px}.card-app-brand{font-size:26px}.card-app-mode span{width:39px;height:35px}.card-app-avatar{width:39px;height:39px}.card-side-tabs button{padding:6px 12px}.principle-scroll-story{min-height:500px}.principle-slide{min-height:480px;padding:14px 0 24px}
}

/* Position demandée pour le bouton vidéo commerçant */
.merchant-video-button{top:-81px}
@media(max-width:820px){.merchant-video-button{top:-90px}}
@media(max-width:560px){.merchant-video-button{top:-98px}}

/* Carte : rendu fidèle au module de découverte de l’APK */
.declic-map-viewport .app-map-marker,.declic-map-viewport .map-gps-marker,.declic-map-viewport .map-gps-dot{display:none!important}
.map-viewport-count{position:absolute;z-index:5;left:50%;bottom:8px;transform:translateX(-50%);padding:3px 8px;border-radius:999px;background:rgba(255,253,248,.78);color:#718074;font-size:9px;white-space:nowrap;pointer-events:none}
.map-status{display:flex;align-items:center;gap:13px;padding:10px 16px;color:var(--muted);font-size:9px}
.map-status>div{display:grid;gap:1px}.map-status strong{font-size:9px;color:var(--ink)}.map-status small{font-size:8px;color:var(--muted)}.map-status>span{color:#758277;font-size:8px;white-space:nowrap}.map-status>a{margin-left:auto;color:#758277;font-size:8px;white-space:nowrap}.map-actions button{display:grid;place-items:center}.map-actions button .icon{width:16px;height:16px}
@media(max-width:560px){.map-status{gap:8px;padding:9px 12px}.map-status>span{font-size:7px}.map-status>a{font-size:7px}.map-viewport-count{bottom:7px;font-size:8px}}

/* La carte vidéo de la page QR reprend la palette des stores */
.scan-action-card[data-action="video-explain"] .scan-action-icon{background:#deeee2;color:var(--green)}

/* Parcours proposés après le clic sur Déclic.com */
.scan-site-choices{margin-top:18px;padding:24px;border:1px solid var(--line);border-radius:22px;background:rgba(255,253,248,.78);box-shadow:var(--shadow)}
.scan-action-card[data-action="toggle-site-choices"][aria-expanded="true"]{background:var(--sage);border-color:#b9ceb3}
.scan-site-choices-heading{margin-bottom:19px}.scan-site-choices-heading h2{font-size:32px;margin-bottom:8px}.scan-site-choices-heading>p:last-child{max-width:620px;color:var(--muted);font-size:14px;line-height:1.5}
.scan-site-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.scan-site-choice{min-height:300px;padding:23px;border-radius:20px}.scan-site-choice.path-user-image-card{padding:0;background:var(--sage)}.scan-site-choice.path-user-image-card img{display:block;width:100%;height:100%;min-height:300px;object-fit:cover;border-radius:inherit}.scan-site-choice .path-logo{width:92px;height:42px}.scan-site-choice .path-logo.merchant{width:42px;height:42px}.scan-site-choice .eyebrow{margin:17px 0 12px}.scan-site-choice h2{font-size:29px;letter-spacing:-.9px;margin-bottom:24px}.scan-site-choice .button{position:relative;z-index:2;min-height:46px;font-size:12px}.scan-site-choice .path-art{transform:scale(.82);transform-origin:bottom right}.scan-site-choice .merchant-mini-chart{transform:scale(.82);transform-origin:bottom right}
.mode-switch button.mixte-choice.active{background:#ed9a4a;color:var(--paper);box-shadow:0 8px 20px rgba(237,154,74,.28)}
.engagement-point-choice[data-mode-choice="mixte"] .engagement-point-icon{display:grid;place-items:center;line-height:1}.engagement-point-choice[data-mode-choice="mixte"] .engagement-gear{display:block;width:21px!important;height:21px!important;stroke-width:1.9;transform:none}
@media(max-width:560px){.scan-site-choices{padding:18px 14px}.scan-site-choices-heading h2{font-size:27px}.scan-site-choice-grid{grid-template-columns:1fr}.scan-site-choice{min-height:275px;padding:20px}.scan-site-choice.path-user-image-card{padding:0}.scan-site-choice.path-user-image-card img{min-height:275px}.scan-site-choice h2{font-size:27px}}

/* Dernier alignement avec les visuels de l’APK et le sélecteur de parcours */
.path-section .path-logo:not(.merchant),.scan-site-choice .path-logo:not(.merchant){width:118px!important;height:53px!important;border-radius:12px}
.path-section .path-logo.merchant,.scan-site-choice .path-logo.merchant{width:53px!important;height:53px!important;border-radius:12px}
.scan-site-choice .path-logo{flex-shrink:0}

/* Logo Déclic fourni : un visuel carré unique, sans recadrage ni déformation. */
.logo-crop:not(.merchant) img{width:100%;height:100%;left:0;top:0;object-fit:contain;transform:none}
.path-section .path-logo:not(.merchant),.scan-site-choice .path-logo:not(.merchant){width:58px!important;height:58px!important;border-radius:13px}

.declic-map-viewport{height:auto;min-height:0;aspect-ratio:365 / 275}
.declic-map-viewport .map-world{width:100%;height:100%}
.declic-map-viewport .map-reference{object-fit:fill}

.card-settings{display:grid;gap:16px;margin-top:2px;padding:19px 18px;border:1px solid var(--line);border-radius:18px;background:#f7f5ee}
.card-settings-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.card-settings-top .eyebrow{margin-bottom:5px}
.card-settings-top>div>strong{display:block;font-size:13px;line-height:1.25}
.card-settings-badge{padding:5px 8px;border-radius:999px;background:var(--sage);color:var(--green);font-size:9px;font-weight:700;white-space:nowrap}
.card-settings .card-mode-choice{display:grid;grid-template-columns:minmax(0,1fr) 74px minmax(0,1fr);align-items:center;gap:6px;padding:6px;border:1px solid #e0ddd3;border-radius:19px;background:#ebe9e1}
.card-settings .card-mode-choice button{min-height:54px;border:0;border-radius:14px;background:transparent;color:var(--ink);font-size:13px;font-weight:700;transition:background .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}
.card-settings .card-mode-choice button[data-card-mode="association"].active,.card-settings .card-mode-choice button[data-card-mode="epargne"].active{background:var(--green);color:var(--paper);box-shadow:0 8px 18px rgba(45,88,65,.16)}
.card-settings .card-mode-choice button[data-card-mode="mixte"]{width:66px;height:66px;min-height:66px;margin:auto;padding:0;border:5px solid var(--paper);border-radius:50%;background:#efe8dc;color:var(--ink);font-size:10px;box-shadow:0 5px 14px rgba(35,51,39,.1)}
.card-settings .card-mode-choice button[data-card-mode="mixte"].active{background:#ed9a4a;color:var(--paper);transform:scale(1.05);box-shadow:0 8px 20px rgba(237,154,74,.28)}
.card-settings .card-mode-choice .icon{width:18px;height:18px}
.card-settings .card-mode-choice button[data-card-mode="association"],.card-settings .card-mode-choice button[data-card-mode="epargne"]{display:flex;align-items:center;justify-content:center;gap:7px}
.card-settings .card-mode-choice button[data-card-mode="association"] .icon{width:19px;height:19px}
.card-settings .card-euro{font-size:21px;line-height:1}
.card-setting-list{display:grid;gap:0;border-top:1px solid var(--line)}
.card-setting-row{display:flex!important;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);color:var(--ink)!important;font-size:12px!important;font-weight:600!important}
.card-setting-row>span{min-width:0}.card-setting-row strong,.card-setting-row small{display:block}.card-setting-row strong{font-size:12px}.card-setting-row small{margin-top:3px;color:var(--muted);font-size:10px;font-weight:400;line-height:1.35}
.card-setting-row select{width:min(52%,190px);min-height:38px;margin:0!important;border:1px solid #d9e2d5;border-radius:10px;background:#fcfcf8;padding:8px 26px 8px 10px;color:var(--ink);font-size:12px}
.card-mix-setting{padding:14px 0 4px;border-bottom:1px solid var(--line)}
.card-setting-label{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.card-setting-label strong,.card-setting-label small{display:block}.card-setting-label strong{font-size:12px}.card-setting-label small{margin-top:3px;color:var(--muted);font-size:10px;font-weight:400}.card-setting-label output{color:var(--green);font-size:13px;font-weight:700;white-space:nowrap}
.card-mix-setting input{display:block;width:100%;margin:14px 0 9px;accent-color:#3e8bea}
.card-mix-summary{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px}.card-mix-summary strong{display:block;margin-top:3px;color:var(--ink);font-size:16px}
.card-days-setting{display:grid;gap:9px}.card-days-setting>div:first-child strong,.card-days-setting>div:first-child small{display:block}.card-days-setting strong{font-size:12px}.card-days-setting small{margin-top:3px;color:var(--muted);font-size:10px}
.card-days-picker{display:flex;flex-wrap:wrap;gap:5px}.card-days-picker button{width:35px;height:32px;border:1px solid var(--green);border-radius:8px;background:var(--green);color:var(--paper);font-size:9px;font-weight:700}.card-days-picker button:not(.active){border-color:var(--red);background:var(--red)}

@media(max-width:560px){
  .card-settings{padding:16px 13px}.card-settings .card-mode-choice{grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);gap:3px}.card-settings .card-mode-choice button{min-height:50px;font-size:10px;gap:4px}.card-settings .card-mode-choice button[data-card-mode="mixte"]{width:56px;height:56px;min-height:56px;border-width:4px}.card-settings .card-mode-choice button[data-card-mode="association"] .icon{width:16px;height:16px}.card-settings .card-euro{font-size:18px}.card-setting-row{align-items:flex-start;flex-direction:column;gap:9px}.card-setting-row select{width:100%}.card-mix-summary{font-size:9px}.card-mix-summary strong{font-size:14px}.card-days-picker button{width:34px;height:31px}.declic-map-viewport{height:auto;aspect-ratio:365 / 275}
}

/* Éditeur de carte : même hiérarchie, textes et gestes que la dernière version APK. */
.card-personalization-page{min-height:100vh;background:#f8efee;color:#171a17}
body[data-page="customize"] .site-footer{display:none}
.card-app-shell{min-height:100vh;background:#f8efee}
.card-personalization-page .card-app-top{max-width:860px;margin:0 auto;padding:31px 34px 0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px}
.card-personalization-page .card-app-brand{display:inline-flex;align-items:flex-start;gap:3px;color:#171a17;font-size:30px;letter-spacing:-1.8px;font-weight:700}
.card-personalization-page .card-app-brand>span{color:var(--red);font-size:20px;line-height:1.1;margin-top:1px}
.card-personalization-page .card-app-mode{--mode-slide:51px;position:relative;display:flex;align-items:center;gap:4px;padding:5px;border:1px solid #e6deda;border-radius:999px;background:#f1e9e5;isolation:isolate;overflow:hidden}
.card-personalization-page .card-app-mode:before{content:'';position:absolute;z-index:-1;left:5px;top:5px;width:47px;height:41px;border-radius:999px;background:#2e8563;box-shadow:0 5px 12px rgba(45,133,99,.18);transform:translateX(0);transition:transform .36s cubic-bezier(.22,.8,.26,1)}
.card-personalization-page .card-app-mode.is-epargne:before{transform:translateX(var(--mode-slide))}
.card-personalization-page .card-app-mode button{position:relative;z-index:1;width:47px;height:41px;display:grid;place-items:center;border-radius:999px;background:transparent;color:#7a7b77;font-size:17px;font-weight:700;cursor:pointer;transition:color .24s ease}
.card-personalization-page .card-app-mode button.active{background:transparent;color:var(--paper);box-shadow:none}
.card-personalization-page .card-app-avatar{width:45px;height:45px;display:grid;place-items:center;border-radius:50%;background:#101b15;color:var(--paper);font-weight:700}
.card-app-body{max-width:860px;margin:0 auto;padding:28px 34px 46px}
.card-app-back-row{display:flex;align-items:center;gap:10px;margin-bottom:29px}
.card-app-back{color:#2e8063;font-size:15px;font-weight:700}
.card-app-badge{padding:8px 13px;border-radius:999px;background:#dcefe4;color:#2e8063;font-size:12px;font-weight:700}
.card-app-intro{margin-bottom:28px}
.card-app-intro h1{font-size:clamp(38px,5.5vw,60px);letter-spacing:-2.4px}
.card-app-intro p{max-width:690px;margin-top:16px;color:#777a76;font-size:19px;line-height:1.42}
.card-editor-panel,.card-form-panel{border:1px solid rgba(231,222,218,.94);border-radius:27px;background:#fffdfb;box-shadow:0 14px 45px rgba(92,67,63,.08)}
.card-editor-panel{padding:24px 25px 22px}
.card-personalization-page .card-side-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0 0 18px;padding:4px;border-radius:17px;background:#f1e7e5}
.card-personalization-page .card-side-tabs button{min-height:51px;border-radius:13px;background:transparent;color:#727572;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease}
.card-personalization-page .card-side-tabs button.active{background:#fffdfb;color:#2e8063;box-shadow:0 2px 6px rgba(82,68,65,.12)}
.card-editor-canvas{padding:0}
.card-personalization-page .custom-card-preview{position:relative;width:100%;aspect-ratio:85.6 / 54;min-height:0;padding:0;display:block;overflow:hidden;border:2px solid #242725;border-radius:clamp(20px,4cqw,40px);background:#afa99f;color:#161816;box-shadow:0 8px 18px rgba(36,39,37,.12);transition:none;container-type:inline-size}
.card-personalization-page .custom-card-preview:hover{transform:none}
.card-personalization-page .custom-card-preview.cream,.card-personalization-page .custom-card-preview.green{background:#afa99f;color:#161816}
.card-side-layer{position:absolute;inset:0;display:none}
.custom-card-preview:not(.is-verso) [data-card-side-layer="recto"],.custom-card-preview.is-verso [data-card-side-layer="verso"]{display:block}
.card-card-brand,.card-card-verso-title,.card-card-bubble,.card-card-name,.card-card-phrase,.card-card-id,.card-card-note{position:absolute;z-index:2}
.card-card-brand{left:10%;top:13%;font-size:clamp(22px,3.6vw,35px);font-weight:400;letter-spacing:-1.2px}
.card-card-bubble{right:4.5%;top:8.5%;width:39px;height:39px;border:2px solid #242725;border-radius:50%;background:#c4beb5}
.card-card-artwork{left:48%;top:42%;width:90%;height:31%;color:#252825}
.card-card-name{left:10%;top:57%;font-size:clamp(18px,2.8vw,27px);font-weight:400;letter-spacing:-.4px}
.card-card-phrase{left:10%;top:74%;width:47%;margin:0;white-space:pre-line;font-size:clamp(12px,1.9vw,17px);line-height:1.35}
.card-card-qr{left:82%;top:75%;width:18%;height:auto;background:transparent;image-rendering:pixelated}
.card-side-layer[data-card-side-layer="verso"] .card-card-bubble{right:4.5%;top:8.5%}
.card-card-verso-title{left:8%;top:10%;font-size:clamp(16px,2.4vw,24px);font-weight:400}
.card-side-layer[data-card-side-layer="verso"] .card-card-qr{left:10%;top:27%;width:31%}
.card-card-id{right:5%;top:54%;writing-mode:vertical-rl;transform:rotate(180deg);font-size:clamp(10px,1.5vw,14px);letter-spacing:.6px}
.card-card-note{left:8%;bottom:14%;font-size:clamp(11px,1.7vw,16px);line-height:1.2}
.card-editor-element{touch-action:none;cursor:grab;user-select:none;transform-origin:center;transition:outline-color .15s ease}
.card-editor-element:active{cursor:grabbing}
.card-editor-element.is-selected{outline:0}
.card-line-art{display:block;width:100%;height:100%;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}.card-line-art-image{object-fit:contain;object-position:center}
.card-line-art .card-solid{fill:currentColor;stroke:none}
.card-line-art .card-cut{fill:none;stroke:#fffdfb;stroke-width:1.05;stroke-linecap:round;stroke-linejoin:round}
.card-card-artwork.is-empty{display:none}
.card-editor-hint{margin:17px 0 15px;color:#777a76;font-size:13px;line-height:1.42}
.card-finish-button{min-height:48px;padding:12px 18px;border-radius:14px;background:#dcefe4;color:#2e8063;font-size:14px;font-weight:700;box-shadow:none}
.card-finish-button:hover{background:#cfe7d9;color:#24684f;box-shadow:none}
.card-editor-reset-row{display:grid;grid-template-columns:1fr auto;gap:12px;margin-top:15px}
.card-reset-button,.card-undo-button{min-height:43px;padding:10px 15px;border-radius:14px;font-size:13px;font-weight:700;cursor:pointer}
.card-reset-button{background:#f2e8e5;color:#242724;text-align:left}
.card-undo-button{background:#dcefe4;color:#2e8063}
.card-reset-button:hover,.card-undo-button:hover{transform:translateY(-2px)}
.card-form-panel{display:grid;gap:24px;margin-top:17px;padding:24px 25px 27px}
.card-form-fields{display:grid;gap:15px}
.card-form-panel label{display:block;color:#242724;font-size:14px;font-weight:700}
.card-form-panel input,.card-form-panel textarea{display:block;width:100%;margin-top:8px;border:1px solid #e2d8d4;border-radius:13px;background:#fffdfb;padding:13px 14px;color:#242724;font-size:16px}
.card-form-panel textarea{min-height:95px;resize:vertical;line-height:1.4}
.card-visual-control{display:grid;gap:12px}
.card-visual-control>strong{font-size:16px}
.card-quick-choices{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.card-visual-choice{min-height:66px;display:grid;place-items:center;border:1px solid #eadfdb;border-radius:14px;background:#fffdfb;color:#252825;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.card-visual-choice:hover{transform:translateY(-2px);border-color:#9bc8af;box-shadow:0 7px 18px rgba(65,92,75,.1)}
.card-visual-choice.active{border-color:#2e8063;background:#e0f0e7;color:#2e8063;box-shadow:inset 0 0 0 1px #2e8063}
.card-quick-choice .card-line-art{width:56px;height:38px}
.card-library{display:grid;gap:14px;margin-top:2px;padding:17px;border:1px solid #eadfdb;border-radius:17px;background:#fcf9f6}
.card-library[hidden]{display:none}
.card-library-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}
.card-library-heading>strong{font-size:16px}
.card-library-close{color:#2e8063;font-size:12px;font-weight:700;background:transparent;cursor:pointer}
.card-library-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.card-library-grid .card-visual-choice{min-height:86px;align-content:center;gap:5px;padding:7px 4px}
.card-library-grid .card-line-art{width:58px;height:40px}
.card-library-grid .card-visual-choice:after{content:attr(aria-label);font-size:10px;color:#30332f}
.card-library-grid .card-visual-choice.active:after{color:#2e8063;font-weight:700}
.card-library-grid .card-uploaded-row{grid-column:1/-1;display:flex;align-items:center;min-height:86px;gap:12px;padding:10px 14px;border:1px solid #eadfdb;border-radius:14px;background:#fffdfb}
.card-library-grid .card-uploaded-select{flex:1;min-height:64px;display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:7px 10px;border:0;background:transparent;box-shadow:none;text-align:left}
.card-library-grid .card-uploaded-select:hover{transform:none;border-color:transparent;background:#f7f1ec;box-shadow:none}
.card-library-grid .card-uploaded-select.active{border:1px solid #2e8063;background:#e0f0e7;box-shadow:inset 0 0 0 1px #2e8063}
.card-library-grid .card-uploaded-select .card-line-art{width:58px;height:58px;flex:0 0 58px}
.card-uploaded-remove{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;padding:0;border:1px solid #dda7a5;border-radius:50%;background:#fff8f7;color:#963c3a;font-size:22px;font-weight:400;line-height:1;cursor:pointer}
.card-uploaded-remove:hover{border-color:#d48d8c;background:#f7d9d7;color:#873534;transform:none}
.card-upload-label{padding-top:13px;border-top:1px solid #eadfdb;font-size:12px!important;color:#777a76!important}
.card-upload-label input{min-height:auto;padding:8px;font-size:12px}
.card-upload-label small{display:block;margin-top:5px;font-size:11px;font-weight:400}
.card-app-bottom-nav{position:sticky;bottom:0;z-index:8;max-width:860px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:15px 34px 13px;border-top:1px solid #eadfdb;background:rgba(255,253,251,.96);backdrop-filter:blur(10px)}
.card-app-bottom-nav a{display:grid;justify-items:center;gap:4px;color:#397c65;font-size:11px;font-weight:600}
.card-app-bottom-nav a .icon{width:22px;height:22px}
.card-app-bottom-nav a.active{color:#2e8063}
.card-app-bottom-nav .card-nav-heart .icon{color:var(--red);fill:var(--red)}

/* Jours actifs/inactifs : même contraste que la référence APK. */
.days-picker button,.card-days-picker button{width:43px;height:40px;border:1px solid #2e8063;border-radius:13px;background:#2e8063;color:var(--paper);font-size:11px;font-weight:700;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}
.days-picker button:not(.active),.card-days-picker button:not(.active){border-color:#dda7a5;background:#f7d9d7;color:#963c3a}
.days-picker button:not(.active):hover,.card-days-picker button:not(.active):hover{border-color:#d48d8c;background:#f2c8c6;color:#873534}
.days-picker button:hover,.card-days-picker button:hover{transform:translateY(-1px)}

@media(max-width:820px){
  .card-personalization-page .card-app-top{padding:24px 20px 0}.card-app-body{padding:26px 20px 39px}.card-app-bottom-nav{padding-left:20px;padding-right:20px}.card-app-intro h1{font-size:clamp(38px,8vw,52px)}
}
@media(max-width:560px){
  .card-personalization-page .card-app-top{grid-template-columns:1fr auto auto;gap:9px;padding:19px 14px 0}.card-personalization-page .card-app-brand{font-size:25px}.card-personalization-page .card-app-mode{--mode-slide:37px;padding:4px;gap:2px}.card-personalization-page .card-app-mode:before{left:4px;top:4px;width:35px;height:34px}.card-personalization-page .card-app-mode button{width:35px;height:34px;font-size:14px}.card-personalization-page .card-app-avatar{width:39px;height:39px;font-size:13px}.card-app-body{padding:27px 14px 31px}.card-app-back-row{margin-bottom:28px}.card-app-back{font-size:13px}.card-app-badge{padding:7px 10px;font-size:11px}.card-app-intro{margin-bottom:27px}.card-app-intro h1{font-size:37px;letter-spacing:-1.8px}.card-app-intro p{margin-top:15px;font-size:15px}.card-editor-panel{padding:18px 13px 18px;border-radius:23px}.card-personalization-page .card-side-tabs{margin-bottom:16px}.card-personalization-page .card-side-tabs button{min-height:49px;font-size:13px}.card-personalization-page .custom-card-preview{aspect-ratio:85.6 / 54;border-radius:22px}.card-card-bubble{width:34px;height:34px}.card-editor-hint{font-size:11px;margin-top:15px}.card-finish-button{font-size:13px}.card-editor-reset-row{grid-template-columns:1fr auto;gap:8px}.card-reset-button,.card-undo-button{padding:9px 10px;font-size:11px}.card-form-panel{padding:21px 18px 23px;border-radius:23px}.card-form-panel label{font-size:13px}.card-form-panel input,.card-form-panel textarea{font-size:15px}.card-quick-choices{gap:5px}.card-visual-choice{min-height:60px;border-radius:12px}.card-quick-choice .card-line-art{width:46px;height:32px}.card-library{padding:13px}.card-library-heading{align-items:flex-start;flex-direction:column;gap:6px}.card-library-grid{gap:6px}.card-library-grid .card-visual-choice{min-height:78px}.card-library-grid .card-line-art{width:47px;height:33px}.card-library-grid .card-visual-choice:after{font-size:9px}.card-app-bottom-nav{gap:0;padding:12px 14px 10px}.card-app-bottom-nav a{font-size:9px;gap:4px}.card-app-bottom-nav a .icon{width:21px;height:21px}.days-picker button,.card-days-picker button{width:42px;height:39px;border-radius:13px}
}

@media(max-width:560px){.card-personalization-page .card-app-top{grid-template-columns:1fr auto}}

@media(max-width:560px){.card-library-grid .card-uploaded-row{gap:7px;padding:8px}.card-library-grid .card-uploaded-select{min-height:55px;gap:8px;padding:5px 8px}.card-library-grid .card-uploaded-select .card-line-art{width:47px;height:47px;flex-basis:47px}.card-uploaded-remove{width:30px;height:30px;flex-basis:30px;font-size:19px}}

/* Fidélité à la vidéo APK sur ordinateur : éditeur à gauche, réglages à droite. */
@media(min-width:821px){
  .card-personalization-page .card-app-top,.card-personalization-page .card-app-body,.card-personalization-page .card-app-bottom-nav{max-width:1200px}
  .card-personalization-page .card-editor-layout{display:grid;grid-template-columns:minmax(0,1.17fr) minmax(360px,.83fr);align-items:start;gap:24px}
  .card-personalization-page .card-editor-layout .card-form-panel{position:sticky;top:24px;margin-top:0}
.card-personalization-page .custom-card-preview{container-type:inline-size;aspect-ratio:85.6 / 54}
}
.card-editor-layout{display:grid;gap:17px}
.card-personalization-page .custom-card-preview:before,.card-personalization-page .custom-card-preview:after{content:none!important;display:none!important}
.card-personalization-page .card-element-frame{position:absolute;z-index:3;display:block;touch-action:none;cursor:grab;user-select:none;transform-origin:center}
.card-personalization-page .card-element-frame:active{cursor:grabbing}
.card-personalization-page .card-element-frame.card-card-qr{position:absolute}
.card-personalization-page .card-element-content{display:block;width:100%;height:100%;touch-action:none;user-select:none;pointer-events:none}
.card-personalization-page .card-element-frame.card-card-qr .card-element-content{height:auto;background:transparent;image-rendering:pixelated}
.card-personalization-page .card-element-frame.is-selected{outline:0}
.card-personalization-page .card-artwork-item{position:absolute;left:50%;top:50%;flex:0 0 auto;width:clamp(34px,24cqw,220px);height:clamp(34px,20cqw,170px);display:grid;place-items:center;min-width:0;border:0;border-radius:8px;box-sizing:border-box;pointer-events:auto;overflow:visible;transform-origin:center;touch-action:none;cursor:grab}
.card-personalization-page .card-artwork-item:active{cursor:grabbing}
.card-personalization-page .card-artwork-item .card-line-art{display:block;width:100%;height:100%;pointer-events:none;object-fit:contain}
.card-transform-handle{position:absolute;z-index:5;width:24px;height:24px;display:grid;place-items:center;padding:0;border:2px solid #fffdfb;border-radius:50%;background:#4b8bd6;color:#fff;font:700 14px/1 Arial,sans-serif;box-shadow:0 3px 9px rgba(31,71,116,.28);cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,visibility .16s ease,transform .16s ease}
.card-element-frame.is-selected .card-transform-handle{opacity:.98;visibility:visible;pointer-events:auto}
.card-transform-handle:hover{transform:scale(1.08)}
.card-transform-handle:focus-visible{outline:3px solid rgba(75,139,214,.38);outline-offset:2px}
.card-transform-scale{right:2px;bottom:2px;cursor:nwse-resize}.card-transform-scale:after{content:'↗'}
.card-transform-rotate{right:2px;top:2px;cursor:grab}.card-transform-rotate:after{content:'↻'}
.card-personalization-page .card-artwork-item .card-transform-handle{right:-12px;bottom:-12px}
.card-personalization-page .card-artwork-item .card-transform-rotate{top:-12px;bottom:auto}
.card-personalization-page .card-card-brand{font-size:clamp(14px,8.2cqw,80px)}
.card-personalization-page .card-card-bubble{right:5.2%;top:6%;width:clamp(20px,7.9cqw,72px);height:clamp(20px,7.9cqw,72px);background:#f8f5ed}
.card-personalization-page .card-side-layer[data-card-side-layer="verso"] .card-card-bubble{right:5.2%;top:7.4%}
.card-personalization-page .card-card-artwork{position:absolute;z-index:3;left:50%;top:35%;width:78%;height:24%}
.card-personalization-page .card-card-name{left:10%;top:55%;font-size:clamp(12px,7.2cqw,68px)}
.card-personalization-page .card-card-phrase{left:10%;top:72%;font-size:clamp(9px,4.7cqw,46px)}
.card-personalization-page .card-side-layer[data-card-side-layer="recto"] .card-element-frame.card-card-qr{left:81%;top:74.5%;width:18%;padding:0!important;border:0!important;background:transparent!important;mix-blend-mode:multiply}
.card-personalization-page .card-side-layer[data-card-side-layer="verso"] .card-element-frame.card-card-qr{left:23.1%;top:46.5%;width:35%;padding:0!important;border:0!important;background:transparent!important;mix-blend-mode:multiply}
.card-personalization-page .card-side-layer[data-card-side-layer="verso"] .card-element-frame.card-card-qr .card-element-content{transform:scale(1.36);transform-origin:left center}
.card-personalization-page .card-card-verso-title{font-size:clamp(16px,4.6cqw,25px)}
.card-personalization-page .card-card-id{font-size:clamp(10px,2.8cqw,15px)}
.card-personalization-page .card-card-note{font-size:clamp(11px,3cqw,16px)}
body[data-page="customize"] .card-app-bottom-nav{display:none!important}

/* Détails produit demandés dans la vidéo de présentation de la carte. */
.card-product-details{margin-top:28px;padding:31px 30px 30px;border:1px solid rgba(231,222,218,.94);border-radius:27px;background:#fffdfb;box-shadow:0 14px 45px rgba(92,67,63,.08)}
.card-product-heading{max-width:650px;margin-bottom:24px}.card-product-heading h2{font-size:clamp(30px,4.5vw,48px);letter-spacing:-1.8px;line-height:1.04}.card-product-heading>p:last-child{margin-top:13px;color:#777a76;font-size:15px;line-height:1.5}
.card-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.card-product-item{display:grid;gap:15px;padding:13px;border:1px solid #eadfdb;border-radius:18px;background:#fcf9f6;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.card-product-item:hover{transform:translateY(-3px);border-color:#c2d6c6;box-shadow:0 12px 25px rgba(65,92,75,.1)}
.card-product-visual{position:relative;height:144px;overflow:hidden;border-radius:13px;background:#e8e2d9}.card-product-visual img{display:block;width:100%;height:100%;object-fit:contain}.card-product-visual>span{position:absolute;left:9px;bottom:8px;padding:5px 7px;border-radius:999px;background:rgba(255,253,251,.88);color:#2e8063;font-size:10px;font-weight:700}
.card-product-cable img{object-fit:cover;object-position:center;transform:scale(1.08)}.card-product-card img{padding:4px;box-sizing:border-box}.card-product-lock{background:#e7ded2}.card-product-lock img{padding:0;object-fit:cover}
.card-product-material{position:relative;display:grid;place-items:center;align-content:center;gap:6px;background:#dfead9;color:#2e8063}.material-sample{display:flex;align-items:center;gap:4px;height:39px}.material-sample span{display:block;width:22px;height:29px;border-radius:5px;border:1px solid rgba(46,128,99,.18);background:#f1eee6;box-shadow:0 2px 0 rgba(46,128,99,.08)}.material-sample span:nth-child(2){height:36px;background:#e7ddcf}.material-sample span:nth-child(3){height:25px;background:#c7d9c0}.material-recycle-mark{position:absolute;top:10px;right:10px;width:31px;height:31px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(46,128,99,.2);border-radius:50%;background:#f6f7f2;color:#2e8063}.material-recycle-mark img{display:block;width:100%;height:100%;object-fit:contain}.material-recycle-mark .icon{width:19px;height:19px;stroke-width:1.65}.card-product-material strong{font-size:14px}.card-product-material small{font-size:11px;color:#6f8172}
.card-product-item .eyebrow{margin-bottom:5px;color:#7a9077}.card-product-item h3{font-size:18px;letter-spacing:-.3px}.card-product-item>div:last-child>p:last-child{margin-top:7px;color:#777a76;font-size:12px;line-height:1.45}

/* Bouton vidéo : même traitement rouge pâle, bordé et lisible que la référence. */
.process-actions .video-button,.scan-action-card[data-action="video-explain"],.merchant-video-button{border-color:#dda7a5!important;background:#fff8f7!important;color:#963c3a!important}
.process-actions .video-button:hover,.scan-action-card[data-action="video-explain"]:hover,.merchant-video-button:hover{border-color:#d48d8c!important;background:#f7d9d7!important;color:#873534!important}
.scan-action-card[data-action="video-explain"] .scan-action-icon,.merchant-video-icon,.floating-video .video-mini-icon{border:1px solid #dda7a5;background:#f7d9d7;color:#963c3a}
.scan-action-card[data-action="video-explain"] strong,.scan-action-card[data-action="video-explain"] small,.scan-action-card[data-action="video-explain"]>.scan-arrow,.merchant-video-button small,.merchant-video-button strong,.merchant-video-button>.button-icon{color:#963c3a}

/* Cartographie : composition fidèle à l’écran APK fourni par l’utilisateur. */
.process-map.apk-map-reference{padding:0;background:#f1ede4}
.process-map.apk-map-reference .map-discovery-control,.process-map.apk-map-reference .map-app-card{border-radius:22px;background:#fffdfb}
.process-map.apk-map-reference .map-discovery-control{padding:20px 22px 18px}
.process-map.apk-map-reference .map-discovery-heading{display:block}
.process-map.apk-map-reference .map-discovery-heading strong{font-size:clamp(15px,1.55vw,19px);line-height:1.2;font-weight:600}
.process-map.apk-map-reference .map-discovery-heading small{margin-top:4px;font-size:clamp(12px,1.25vw,16px);line-height:1.25}
.process-map.apk-map-reference .map-radius-line{margin-top:17px;padding-top:10px;border-top:1px solid #e3ded5;font-size:clamp(12px,1.25vw,16px)}
.process-map.apk-map-reference .map-radius-line span{color:var(--ink);font-size:clamp(14px,1.7vw,20px);font-weight:600;white-space:nowrap}
.process-map.apk-map-reference .map-radius-line input{flex:1;width:auto;min-width:0;height:7px}
.process-map.apk-map-reference .map-filter-list{gap:7px;margin-top:16px}
.process-map.apk-map-reference .map-filter-list button{display:inline-flex;align-items:center;gap:6px;padding:9px 13px;font-size:clamp(10px,1.1vw,14px);font-weight:700}
.process-map.apk-map-reference .map-filter-emoji{font-size:clamp(14px,1.45vw,18px);line-height:1}
.process-map.apk-map-reference .map-app-heading{align-items:flex-start;padding:18px 22px 16px}
.process-map.apk-map-reference .map-app-heading strong{max-width:72%;font-size:clamp(15px,1.7vw,21px);line-height:1.18;font-weight:600}
.process-map.apk-map-reference .map-app-heading small{margin-top:5px;font-size:clamp(11px,1.22vw,15px);line-height:1.25}
.process-map.apk-map-reference .map-actions{gap:10px}
.process-map.apk-map-reference .map-actions button{width:48px;height:48px;border-radius:15px;font-size:22px}
.process-map.apk-map-reference .map-actions button .icon{width:25px;height:25px}
.process-map.apk-map-reference .declic-map-viewport{height:auto;min-height:0;aspect-ratio:873 / 748}
.process-map.apk-map-reference .map-world{width:100%;height:100%}
.process-map.apk-map-reference .map-world:after{display:none}
.process-map.apk-map-reference .map-reference{object-fit:fill;filter:none}
.process-map.apk-map-reference .map-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 22px;border-top:1px solid #e5e1d9;background:#f8f8f4;color:#777a76;font-size:clamp(11px,1.2vw,15px)}
.process-map.apk-map-reference .map-bottom-row>span{white-space:nowrap}
.process-map.apk-map-reference .map-bottom-row>div{display:flex;gap:8px}
.process-map.apk-map-reference .map-bottom-row button{padding:9px 13px;border:1px solid #e2ddd5;border-radius:999px;background:#fffdfb;color:#43866b;font-size:clamp(10px,1.1vw,14px);cursor:pointer}
.process-map.apk-map-reference .map-bottom-row button:hover{border-color:#b8d0bd;background:#edf5ef}
.process-map.apk-map-reference .map-status{align-items:flex-start;padding:16px 22px 18px;border-top:1px solid #e5e1d9;background:#f8f8f4}
.process-map.apk-map-reference .map-status>div{gap:3px}
.process-map.apk-map-reference .map-status strong{font-size:clamp(12px,1.25vw,16px);line-height:1.2}
.process-map.apk-map-reference .map-status small{font-size:clamp(10px,1.1vw,14px);line-height:1.25}
.process-map.apk-map-reference .map-status>a{font-size:clamp(10px,1.1vw,14px)}

@media(max-width:560px){
  .process-map.apk-map-reference{padding:0;border-radius:22px}
  .process-map.apk-map-reference .map-discovery-control{padding:16px 15px 14px}
  .process-map.apk-map-reference .map-app-heading{padding:15px 15px 13px}
  .process-map.apk-map-reference .map-actions{gap:7px}
  .process-map.apk-map-reference .map-actions button{width:42px;height:42px;border-radius:13px}
  .process-map.apk-map-reference .map-actions button .icon{width:22px;height:22px}
  .process-map.apk-map-reference .map-bottom-row{align-items:flex-start;flex-direction:column;padding:12px 15px;gap:9px}
  .process-map.apk-map-reference .map-bottom-row>div{width:100%}
  .process-map.apk-map-reference .map-bottom-row button{flex:1}
  .process-map.apk-map-reference .map-status{padding:13px 15px 15px}
}

/* Carte OpenStreetMap réelle : même gabarit que l’APK, avec interactions Leaflet. */
.process-map.apk-map-reference .map-world{position:relative;left:0;top:0;width:100%;height:100%;transform:none!important;overflow:hidden;background:#dbe6df}
.process-map.apk-map-reference .declic-real-map{position:absolute;inset:0;z-index:1;width:100%;height:100%;background:#dbe6df;font-family:inherit}
.process-map.apk-map-reference .declic-real-map.leaflet-container{color:var(--ink);font-family:inherit}
.process-map.apk-map-reference .declic-real-map .leaflet-tile{filter:saturate(.78) contrast(.96) brightness(1.04)}
.process-map.apk-map-reference .map-fallback-reference{position:absolute;inset:0;z-index:1;display:none;width:100%;height:100%;object-fit:fill;filter:none}
.process-map.apk-map-reference .map-world.leaflet-fallback .declic-real-map{display:none}
.process-map.apk-map-reference .map-world.leaflet-fallback .map-fallback-reference{display:block}
.process-map.apk-map-reference .leaflet-control-zoom{overflow:hidden;margin:0 13px 13px 0!important;border:1px solid rgba(217,225,211,.95)!important;border-radius:13px;box-shadow:0 8px 20px rgba(34,61,46,.18)}
.process-map.apk-map-reference .leaflet-control-zoom a{width:42px;height:42px;border:0!important;background:#fffdfb;color:var(--green);font-size:25px;line-height:40px}
.process-map.apk-map-reference .leaflet-control-zoom a:first-child{border-bottom:1px solid #e2ded6!important}
.process-map.apk-map-reference .leaflet-control-attribution{padding:3px 6px!important;border-radius:7px 0 0 0;background:rgba(255,253,248,.88);color:#617066;font-size:9px;line-height:1.25}
.process-map.apk-map-reference .leaflet-control-attribution a{color:#3e7962}
.leaflet-declic-marker-wrap{border:0!important;background:transparent!important}
.leaflet-declic-marker{position:relative;display:grid;place-items:center;width:52px;height:52px;border:3px solid #2e8563;border-radius:15px;background:#fffdfb;color:var(--green);box-shadow:0 9px 17px rgba(30,62,43,.27);transition:transform .2s ease,box-shadow .2s ease}
.leaflet-declic-marker.featured{width:60px;height:60px;border-color:#fffdfb;background:#2e8563;color:#fffdfb;box-shadow:0 10px 22px rgba(30,62,43,.32)}
.leaflet-declic-marker:hover{transform:translateY(-2px);box-shadow:0 13px 24px rgba(30,62,43,.32)}
.leaflet-declic-marker .leaflet-marker-icon{width:23px;height:23px;stroke-width:1.9}
.leaflet-declic-marker .point-category-icon{width:28px;height:28px;object-fit:contain;display:block}
.leaflet-declic-marker.featured .point-category-icon{width:34px;height:34px}
.leaflet-old-point-symbol{font-size:25px;line-height:1;filter:saturate(.82)}
.leaflet-declic-marker.featured .leaflet-marker-icon{width:27px;height:27px}
.leaflet-declic-marker.marker-boulangeries .leaflet-marker-icon{color:#b26d3b}
.leaflet-declic-marker.marker-cafes .leaflet-marker-icon{color:#825d46}
.leaflet-declic-marker.marker-parcs .leaflet-marker-icon{color:#4f8a60}
.leaflet-declic-offer-dot{position:absolute;right:-7px;top:-7px;width:20px;height:20px;border:3px solid #fffdfb;border-radius:50%;background:#ef9e48;box-shadow:0 4px 9px rgba(123,76,35,.25)}
.ritual-options img{width:22px;height:22px;object-fit:contain;vertical-align:middle;margin-right:6px}
.map-filter-list .category-image{width:20px;height:20px;object-fit:contain;vertical-align:middle;margin-right:4px}
.declic-leaflet-popup .leaflet-popup-content-wrapper{border:1px solid #d7e2d2;border-radius:14px;background:#fffdfb;box-shadow:0 12px 28px rgba(31,63,43,.18)}
.declic-leaflet-popup .leaflet-popup-content{display:grid;gap:3px;margin:12px 14px;color:var(--ink);font-family:inherit;font-size:12px;line-height:1.3}
.declic-leaflet-popup .leaflet-popup-content strong{font-size:13px}.declic-leaflet-popup .map-popup-offer{margin-top:3px;color:#b26d3b;font-size:11px;font-weight:700}
.declic-leaflet-popup .leaflet-popup-content small{color:var(--muted);font-size:11px}
.declic-leaflet-popup .leaflet-popup-tip{background:#fffdfb}
.process-map.apk-map-reference .map-bottom-row b{color:var(--ink)}
.process-map.apk-map-reference .map-bottom-row button:focus-visible,.process-map.apk-map-reference .map-actions button:focus-visible{outline:3px solid rgba(239,173,138,.8);outline-offset:2px}

/* La vidéo garde la structure des cartes stores, avec son accent rouge Déclic. */
.scan-action-card[data-action="video-explain"]{border-color:#dda7a5!important;background:#fff8f7!important;color:#963c3a!important}
.scan-action-card[data-action="video-explain"]:hover{border-color:#d48d8c!important;background:#f7d9d7!important;color:#873534!important}
.scan-action-card[data-action="video-explain"] .scan-action-icon{border:1px solid #dda7a5;background:#f7d9d7;color:#963c3a}
.scan-action-card[data-action="video-explain"] strong,.scan-action-card[data-action="video-explain"] small,.scan-action-card[data-action="video-explain"]>.scan-arrow{color:#963c3a}

@media(max-width:560px){
  .process-map.apk-map-reference .leaflet-control-zoom{margin:0 9px 9px 0!important}
  .process-map.apk-map-reference .leaflet-control-zoom a{width:36px;height:36px;font-size:22px;line-height:35px}
  .process-map.apk-map-reference .leaflet-control-attribution{font-size:7px}
  .leaflet-declic-marker{width:42px;height:42px;border-width:2px;border-radius:12px}
  .leaflet-declic-marker.featured{width:49px;height:49px}
  .leaflet-declic-marker .leaflet-marker-icon{width:18px;height:18px}
  .leaflet-old-point-symbol{font-size:20px}
  .leaflet-declic-marker.featured .leaflet-marker-icon{width:21px;height:21px}
  .leaflet-declic-offer-dot{right:-6px;top:-6px;width:16px;height:16px;border-width:2px}
}

@media(max-width:820px){
  .card-editor-layout{grid-template-columns:1fr}
  .card-personalization-page .card-editor-layout .card-form-panel{position:static;margin-top:0}
  .card-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .card-product-details{padding:22px 15px 18px;border-radius:23px}.card-product-heading h2{font-size:32px}.card-product-grid{grid-template-columns:1fr}.card-product-visual{height:170px}
}

/* Section Points Déclic : capture APK incrustée dans le téléphone du template. */
.points-app-screen{overflow:hidden;background:#f1ede4}
.points-app-capture{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.points-catchline{margin:34px auto 0;color:var(--green);font-size:clamp(22px,2.4vw,34px);font-weight:600;letter-spacing:-.7px;text-align:center}
.engagement-flexibility{width:100%;min-height:112px;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:12px;margin-top:15px;padding:20px 17px;border:1px solid var(--line);border-radius:14px;background:var(--paper);text-align:left;box-sizing:border-box;color:var(--ink)}
.engagement-flexibility{margin-top:auto;transform:translate3d(0,var(--engagement-joker-shift,0px),0);will-change:transform}
.engagement-flexibility .engagement-point-icon{color:var(--red)}
.engagement-flexibility strong,.engagement-flexibility small{display:block}
.engagement-flexibility strong{font-size:14px}
.engagement-flexibility small{margin-top:2px;color:var(--muted);font-size:12px;line-height:1.45}
@media(max-width:560px){.engagement-flexibility{min-height:116px;grid-template-columns:31px 1fr;padding:17px 13px}.engagement-flexibility strong{font-size:13px}.engagement-flexibility small{font-size:11px}}

/* Incrustation réaliste de la capture dans une coque de smartphone. */
.points-phone{width:257px;height:515px;padding:8px;border:7px solid #202620;border-radius:43px;background:linear-gradient(145deg,#111712,#2c332d 58%,#141a15);box-shadow:0 30px 55px rgba(35,51,39,.25),0 3px 0 #778477;transform:rotate(-4deg);overflow:hidden;isolation:isolate}
.points-phone:hover{transform:rotate(0) translateY(-8px);box-shadow:0 40px 75px rgba(35,51,39,.3),0 3px 0 #778477}
.points-phone:before{content:'';position:absolute;z-index:5;left:50%;top:6px;width:52px;height:13px;border-radius:15px;background:#080c09;transform:translateX(-50%);box-shadow:0 1px 1px rgba(255,255,255,.08)}
.points-phone .phone-top{display:none}
.points-phone .app-screen{position:relative;width:100%;height:100%;min-width:0;min-height:0;box-sizing:border-box;padding:0;border-radius:30px 30px 34px 34px;background:#f8f5ed;overflow:hidden;isolation:isolate}
.points-phone .app-screen:after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;background:linear-gradient(118deg,rgba(255,255,255,.22),transparent 23%,transparent 72%,rgba(255,255,255,.07));box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.points-phone .points-app-capture{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:inherit;filter:saturate(.98) contrast(1.01)}
@media(max-width:560px){.points-phone{width:235px;height:470px;border-width:8px;border-radius:40px}.points-phone:before{width:57px;height:15px;top:5px}.points-phone .app-screen,.points-phone .points-app-capture{border-radius:28px}}

@media(max-width:820px){.header-mode-switch{margin-left:auto}.header-inner{gap:14px}}
@media(max-width:560px){.header-mode-switch{--mode-slide:36px;gap:2px;padding:4px}.header-mode-switch:before{left:4px;top:4px;width:34px;height:34px;border-radius:16px}.header-mode-switch button{width:34px;height:34px;border-radius:16px;font-size:14px}.header-inner{gap:9px}.header-actions{gap:8px}}

/* Le cœur de la fidélité reprend le contour rouge de la référence. */
#application .app-feature-column:last-child article:last-child .icon{color:var(--red)}

/* Le filtre reste associé à la carte, mais se place dans la zone de lecture à droite. */
.process-section>.map-discovery-control{width:100%;margin-top:-18px;padding:20px 22px 18px;border:1px solid rgba(217,225,211,.95);border-radius:22px;background:#fffdfb;box-sizing:border-box;box-shadow:0 14px 34px rgba(35,51,39,.045)}
.process-section>.map-discovery-control{grid-column:1/-1}
.process-section>.map-discovery-control .map-discovery-heading{display:block}
.process-section>.map-discovery-control .map-discovery-heading strong{display:block;font-size:clamp(15px,1.55vw,19px);line-height:1.2;font-weight:600}
.process-section>.map-discovery-control .map-discovery-heading small{display:block;margin-top:4px;color:var(--muted);font-size:clamp(12px,1.25vw,16px);line-height:1.25}
.process-section>.map-discovery-control .map-radius-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px;padding-top:10px;border-top:1px solid #e3ded5;font-size:clamp(12px,1.25vw,16px)}
.process-section>.map-discovery-control .map-radius-line span{color:var(--ink);font-size:clamp(14px,1.7vw,20px);font-weight:600;white-space:nowrap}
.process-section>.map-discovery-control .map-radius-line input{flex:1;width:auto;min-width:0;height:7px}
.process-section>.map-discovery-control .map-filter-list{gap:7px;margin-top:16px}
.process-section>.map-discovery-control .map-filter-list button{display:inline-flex;align-items:center;gap:6px;padding:9px 13px;font-size:clamp(10px,1.1vw,14px);font-weight:700}
.process-section>.map-discovery-control .map-filter-emoji{font-size:clamp(14px,1.45vw,18px);line-height:1}
.user-point-copy h2{margin-bottom:28px}
@media(min-width:821px){.process-section{column-gap:112px;row-gap:28px}}
@media(max-width:820px){.process-section>.map-discovery-control{grid-column:auto;margin-top:0}}
@media(max-width:560px){.process-section>.map-discovery-control{padding:16px 15px 14px}.process-section>.map-discovery-control .map-filter-list{gap:5px}.process-section>.map-discovery-control .map-filter-list button{font-size:10px;padding:8px 10px}.user-point-copy h2{margin-bottom:23px}}

/* Commande de Point Déclic depuis le site commerçant. */
.order-help{color:var(--muted);font-size:14px;line-height:1.45;margin:0 0 12px}.order-error{color:#9e2929;font-size:14px;line-height:1.45;margin:0}.merchant-signout{border:0;background:none;color:var(--terracotta);font:inherit;text-decoration:underline;cursor:pointer}.merchant-order-success{background:#e7f1e9;border-radius:14px;padding:22px;overflow-wrap:anywhere}.merchant-order-success strong{display:block;font-size:22px}.merchant-order-success p{font-size:15px;line-height:1.5}
.partner-payment-head h3{font-size:25px;margin:4px 0 8px}.partner-payment-head>p:last-child{color:var(--muted);font-size:13px;line-height:1.5}.payment-demo-warning{display:grid;gap:4px;margin:17px 0;padding:13px 15px;border:1px solid #e7c7b4;border-radius:12px;background:#fff3ea;color:#7f3c28}.payment-demo-warning strong{font-size:13px}.payment-demo-warning span{font-size:11px;line-height:1.45}.partner-virtual-card{display:grid;gap:10px;margin:18px 0;padding:21px;border-radius:18px;background:linear-gradient(135deg,#264f3c,#163225);color:#fff;box-shadow:0 16px 34px rgba(25,56,41,.2)}.partner-virtual-card small{color:#d6e4d4;font-size:10px;letter-spacing:.8px;text-transform:uppercase}.partner-virtual-card span{font-size:12px;color:#f0b18d;font-weight:800}.partner-virtual-card b{font-size:22px;letter-spacing:2px}.partner-virtual-card em{font-style:normal;font-size:9px;color:#d6e4d4;letter-spacing:.7px}
#merchant-billing-fields[hidden],#merchant-order-message[hidden]{display:none!important}

.merchant-tracking-page{background:var(--paper)}.tracking-hero{padding-top:140px;min-height:70vh}.tracking-hero .section-heading{max-width:760px;margin:0 auto 42px}.tracking-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:1040px;margin:0 auto}.tracking-card{background:#fffdf8;border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow)}.tracking-card-heading{display:flex;align-items:center;gap:14px;margin-bottom:22px}.tracking-card-heading h2{font-size:27px;margin:0}.tracking-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--sage);color:var(--green)}.tracking-icon .icon{width:22px;height:22px}.tracking-followup-intro{color:var(--muted);font-size:15px;line-height:1.5}.tracking-result{margin-top:24px;border-top:1px solid var(--line);padding-top:22px}.tracking-status-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.tracking-status-summary strong{display:block;color:var(--green);font-size:23px}.tracking-status-summary small{display:block;color:var(--muted);margin-top:5px}.tracking-stage-number{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--green);color:#fff;font-weight:800}.tracking-steps{display:grid;gap:10px;margin-top:20px}.tracking-step{display:flex;align-items:center;gap:10px;color:#8d988c;font-size:13px}.tracking-step span{display:grid;place-items:center;width:27px;height:27px;border:1px solid #cfd8cb;border-radius:50%;font-size:12px}.tracking-step.complete{color:var(--green);font-weight:700}.tracking-step.complete span{background:var(--green);border-color:var(--green);color:#fff}.tracking-step.current strong{color:var(--terracotta)}.tracking-followup-card form[hidden],.tracking-result[hidden],#merchant-tracking-message[hidden],#merchant-followup-message[hidden]{display:none!important}.tracking-followup-card label{display:block;color:var(--muted);font-size:12px;font-weight:600;margin-top:14px}.tracking-followup-card input,.tracking-followup-card textarea{display:block;width:100%;margin-top:7px;border:1px solid #d9e2d5;border-radius:9px;background:#fcfcf8;padding:10px 12px;font:inherit;font-size:14px;color:var(--ink);box-sizing:border-box}.tracking-followup-card textarea{resize:vertical}.tracking-followup-card .button{margin-top:17px}.tracking-followup-card .form-success{font-size:14px}
@media(max-width:800px){.tracking-hero{padding-top:100px}.tracking-layout{grid-template-columns:1fr}.tracking-card{padding:23px}}

.merchant-account-panel{background:#f8f1e9;border:1px solid var(--line);border-radius:16px;padding:18px;grid-column:1/-1;margin-bottom:18px}.merchant-account-panel h3{margin:0 0 12px;font-size:20px}.merchant-account-panel form{display:grid;gap:14px}.merchant-account-panel .button{width:max-content}.merchant-account-panel form[hidden]{display:none!important}

/* Créateur de rituel — essai local du pacte Déclic */
.ritual-section{background:#f3eee4;scroll-margin-top:88px}
.ritual-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:24px;align-items:start;max-width:1160px;margin:auto}
.ritual-panel,.ritual-summary{border:1px solid rgba(45,88,65,.13);border-radius:28px;box-shadow:0 18px 50px rgba(35,51,39,.07)}
.ritual-panel{background:#fffdf8;padding:32px;min-height:520px}
.ritual-progress{color:var(--green);font-size:14px;font-weight:750;margin-bottom:27px}
.ritual-progress>div{height:7px;background:#e5e8db;border-radius:9px;overflow:hidden;margin-top:12px}
.ritual-progress i{display:block;height:100%;background:var(--green);border-radius:9px;transition:width .25s}
.ritual-panel h3{font-size:clamp(24px,2.5vw,34px);line-height:1.16;margin:0 0 10px;color:var(--ink)}
.ritual-panel h3+p{font-size:16px;line-height:1.55;color:var(--muted);margin:0 0 24px}
.ritual-options{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 24px}
.ritual-choice,.ritual-days button{border:1px solid #c8d4c2;border-radius:13px;padding:12px 16px;background:#f7f8f1;color:var(--ink);font:inherit;font-size:15px;font-weight:650;cursor:pointer}
.ritual-choice:hover,.ritual-days button:hover{border-color:var(--green)}
.ritual-choice.selected,.ritual-days button.selected{border-color:var(--green);background:var(--green);color:white}
.ritual-field{display:grid;gap:8px;max-width:460px;margin:16px 0;color:var(--ink);font-size:15px;font-weight:700}
.ritual-field input,.ritual-field select{width:100%;max-width:100%;border:1px solid #c8d4c2;border-radius:13px;padding:12px 14px;background:white;color:var(--ink);font:inherit;font-size:16px}
.ritual-field input[type=range]{padding:0;accent-color:var(--green)}
.ritual-days{display:flex;gap:7px;flex-wrap:wrap}.ritual-days button{min-width:45px;padding:10px}
.ritual-days button:disabled{opacity:.35;cursor:not-allowed}.ritual-range-value{text-align:center;color:var(--green);font-size:26px;font-weight:850;margin:22px 0 8px}.ritual-range-field{max-width:none}.ritual-calendar{display:grid;grid-template-columns:repeat(7,minmax(34px,1fr));gap:7px;max-width:520px;margin:16px 0}.ritual-calendar button{border:1px solid #c8d4c2;border-radius:10px;padding:10px 4px;background:#fff;color:var(--ink);font:inherit;cursor:pointer}.ritual-calendar button.selected{background:var(--green);border-color:var(--green);color:#fff;font-weight:800}.ritual-calendar button:disabled{background:#eee;color:#999;opacity:.55;cursor:not-allowed}.ritual-count-note{font-size:14px;color:#5d6f62;font-weight:700}.ritual-options .ritual-choice{display:inline-flex;align-items:center;gap:4px}
.ritual-hint{background:#e9efe5;border-radius:15px;padding:15px 17px;color:#2d5841;font-size:15px;line-height:1.5;margin:18px 0}.ritual-hint p{margin:6px 0}.ritual-hint a{color:inherit;font-weight:750}
.ritual-split{background:#f7eee6;border-radius:12px;padding:13px;font-size:15px}
.ritual-actions{display:flex;justify-content:space-between;gap:12px;margin-top:30px}.ritual-actions .button{min-width:130px;text-align:center}.ritual-actions button:disabled{opacity:.4;cursor:not-allowed}
.ritual-small-actions{display:flex;gap:16px;margin-top:20px}.ritual-small-actions button{border:0;background:none;color:var(--green);font:inherit;font-size:14px;text-decoration:underline;cursor:pointer;padding:4px}
.ritual-error{color:#923e32;font-size:15px;margin:15px 0 0}
.ritual-summary{background:#2d5841;color:#fff;padding:32px;position:sticky;top:94px}
.ritual-summary-kicker{color:#d9e7cc;font-size:13px;letter-spacing:.1em;font-weight:800}.ritual-summary h3{font-size:30px;color:#fff;margin:18px 0}.ritual-summary p{font-size:18px;line-height:1.55}.ritual-summary strong{color:#fff}.ritual-summary dl{border-top:1px solid #71917c;margin:26px 0;padding-top:10px}.ritual-summary dl>div{padding:12px 0}.ritual-summary dt{font-size:13px;color:#d9e7cc;margin-bottom:5px}.ritual-summary dd{margin:0;font-size:16px;line-height:1.4}.ritual-summary small{display:block;color:#d9e7cc;font-size:14px;line-height:1.45}
.ritual-card-note{max-width:1160px;margin:26px auto 0;border:1px solid #d6d9c7;border-radius:20px;padding:24px;background:#fffdf8;display:flex;align-items:center;justify-content:space-between;gap:20px}.ritual-card-note strong{font-size:20px}.ritual-card-note p{font-size:15px;line-height:1.5;margin:6px 0 0;max-width:660px}.ritual-card-note a{white-space:nowrap}
@media(max-width:800px){.ritual-grid{grid-template-columns:1fr}.ritual-summary{position:static}.ritual-card-note{display:block}.ritual-card-note a{display:inline-flex;margin-top:16px}.ritual-panel{min-height:0}}
@media(max-width:560px){.ritual-panel,.ritual-summary{padding:21px;border-radius:20px}.ritual-actions .button{min-width:0;flex:1;padding-inline:8px}.ritual-choice{flex:1 1 auto}.ritual-card-note{padding:20px}}

/* Ajustements validables de la nouvelle formule */
.user-page .pre-engagement-cta{position:relative;z-index:2;margin-bottom:0}
.user-page .ritual-section{position:relative;z-index:1;margin-top:-38px;padding-top:112px;border-radius:0 0 36px 36px}
.section-engagement{background:transparent!important}
.card-personalization-page .card-side-layer[data-card-side-layer="verso"] .card-element-frame.card-card-qr .card-element-content{transform:none;transform-origin:center;object-fit:contain;width:100%;height:100%}
@media(max-width:560px){.user-page .ritual-section{margin-top:-25px;padding-top:80px;border-radius:0 0 24px 24px}}
@media(max-width:700px){.merchant-application-result{grid-template-columns:1fr}.merchant-track-link{width:100%}}

.honeypot{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

.store-link-pending{cursor:default;color:var(--muted)}
.store-link-pending:hover{transform:none;border-color:var(--line);box-shadow:none}
.store-link-pending .store-qr-frame{background:var(--sage);color:var(--green)}
.store-link-pending .store-qr-frame .icon{width:27px;height:27px}

/* Page de suivi : recentrer le texte de tête et aérer l'aide du formulaire */
.tracking-hero .section-heading>p:last-child{margin-left:auto;margin-right:auto}
#merchant-tracking-form .order-help{margin-bottom:20px}

/* Accueil mobile : garder le téléphone dans son espace et l’illustration entière. */
@media(max-width:560px){
  .hero-visual{height:530px;transform:none;margin:0;overflow:visible}
  .hero-halo{width:min(500px,calc(100vw - 28px));height:min(500px,calc(100vw - 28px))}
  .hero-visual .phone.phone-user,.hero-visual .phone.phone-user:hover{transform:rotate(2deg) scale(.83);transform-origin:center}
  .floating-qr{right:0;top:30px}
  .floating-note{left:0;bottom:18px}
  .floating-video{right:0;bottom:104px}
  .path-section .path-user-image-card{min-height:0;height:auto;aspect-ratio:auto}
  .path-section .path-user-image-card img{display:block;width:100%;height:auto;min-height:0;object-fit:contain}
  .scan-site-choice.path-user-image-card{min-height:0;height:auto;aspect-ratio:auto}
  .scan-site-choice.path-user-image-card img{width:100%;height:auto;min-height:0;object-fit:contain}
}

.partner-order-dialog{width:min(870px,calc(100% - 28px))}.partner-order-layout{display:grid;grid-template-columns:minmax(215px,.78fr) minmax(0,1.65fr);gap:20px;align-items:start}.partner-order-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-point-preview{position:sticky;top:12px;z-index:1;display:grid;justify-items:center;gap:9px;margin:0;padding:18px 14px 14px;border:1px solid var(--line);border-radius:16px;background:#f7f5ee;text-align:center}.partner-point-preview>strong{color:var(--ink);font-size:14px}.partner-point-preview img{display:block;width:min(100%,245px);height:auto;aspect-ratio:1;border-radius:24px;background:#f7edda;filter:drop-shadow(0 6px 12px rgba(20,30,22,.14))}
@media(max-width:720px){.partner-order-dialog .modal-body{padding:18px}.partner-order-layout{display:block}.partner-point-preview{grid-template-columns:90px minmax(0,1fr);justify-items:start;column-gap:13px;padding:10px;margin-bottom:18px;text-align:left;box-shadow:0 4px 15px rgba(24,39,29,.08)}.partner-point-preview>strong{grid-column:2;grid-row:1;align-self:center}.partner-point-preview img{grid-column:1;grid-row:1;width:90px;border-radius:12px}.partner-order-fields{grid-template-columns:1fr}}

/* Accueil sur téléphone : le graphique suit le bouton et la FAQ reste proche. */
@media(max-width:820px){
  .path-section{padding-bottom:38px}
  .path-section + .faq-section{padding-top:38px}
  .path-section .path-merchant{min-height:0;gap:26px}
  .path-section .path-merchant .button{position:relative;z-index:1;max-width:100%;line-height:1.3;text-align:left}
  .path-section .merchant-mini-chart{position:relative;right:auto;bottom:auto;align-self:flex-end;flex:none;width:175px;height:112px;margin:0 8px 16px 0;transform:none}
}
@media(max-width:560px){
  .path-section{padding-bottom:24px}
  .path-section + .faq-section{padding-top:32px}
  .path-section .path-merchant{padding:23px 20px 25px;gap:24px}
  .path-section .path-merchant h2{font-size:clamp(26px,7vw,30px);line-height:1.15;margin-bottom:23px}
  .path-section .path-merchant .button{padding:13px 15px;min-height:52px}
  .path-section .merchant-mini-chart{width:150px;height:94px;margin-right:4px;margin-bottom:15px;padding:0 12px 12px;gap:8px}
}

/* Page partenaire : chaque élément du héros reste dans la largeur mobile. */
@media(max-width:820px){
  .hero-merchant .merchant-hero-visual{display:flex;flex-direction:column;align-items:center;gap:18px;width:100%;height:auto;min-height:0;margin:0;padding:0 2px 24px;transform:none}
  .merchant-hero-visual .merchant-orbit{display:none}
  .merchant-hero-visual .merchant-video-button{position:relative;top:auto;right:auto;order:0;align-self:flex-end;min-width:0;max-width:100%;transform:none}
  .merchant-hero-visual .merchant-dashboard{order:1;width:min(514px,100%);max-width:100%;min-height:0;transform:none}
  .merchant-hero-visual .merchant-dashboard:hover{transform:none}
  .merchant-hero-visual .merchant-qr-card{position:relative;right:auto;bottom:auto;order:2;align-self:flex-end;margin:-35px 4% 0 0;transform:rotate(-3deg)}
}
@media(max-width:560px){
  .hero-merchant{gap:25px;padding-bottom:36px}
  .hero-merchant .merchant-hero-copy .hero-meta{display:flex;flex-wrap:wrap;gap:12px 16px;margin-top:27px}
  .merchant-hero-visual .merchant-video-button{align-self:stretch;width:100%}
  .merchant-hero-visual .merchant-dashboard{padding:15px 12px;border-radius:17px}
  .merchant-dashboard .dashboard-top b{font-size:10px}
  .merchant-dashboard .dashboard-title{gap:7px}
  .merchant-dashboard .dashboard-title strong{font-size:14px}
  .merchant-dashboard .dashboard-live{flex:none;font-size:8px;padding:5px}
  .merchant-dashboard .dashboard-stats{gap:5px}
  .merchant-dashboard .dashboard-stats>div{min-width:0;padding:8px 6px}
  .merchant-dashboard .dashboard-stats small{font-size:7px}
  .merchant-dashboard .dashboard-stats strong{font-size:clamp(16px,5vw,22px)}
  .merchant-dashboard .dashboard-bottom{flex-wrap:wrap}
  .merchant-hero-visual .merchant-qr-card{width:138px;margin-top:-26px;margin-right:3%}
}

.demo-card-fields{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr)}.demo-card-fields input{font-variant-numeric:tabular-nums;letter-spacing:.06em}.demo-card-fields .demo-card-number input{letter-spacing:.1em}@media(max-width:600px){.demo-card-fields{grid-template-columns:1fr 1fr}.demo-card-fields .demo-card-number{grid-column:1/-1}}

.tracking-status-summary>div{min-width:0}.tracking-stage-number{flex:0 0 48px;min-width:48px;min-height:48px;aspect-ratio:1;line-height:1;white-space:nowrap}

.tracking-status-summary.rejected strong{color:#a32929}.tracking-stage-number.rejected,.tracking-step.rejected span{background:#a32929;color:#fff}.tracking-step.rejected{color:#a32929;font-weight:700}.tracking-step.rejected span{border-color:#a32929}

.tracking-rejection-help{margin:18px 0 0;padding:13px 15px;border-radius:11px;background:#fff0ec;border:1px solid #ead0c7;color:#8a3027;font-size:13px;line-height:1.5}

.order-modal-summary>div{min-width:0}.order-modal-summary .merchant-order-identity{padding-top:9px;margin-top:9px;border-top:1px solid #ead4c6;color:var(--ink);line-height:1.45;overflow-wrap:anywhere}.merchant-order-identity[hidden]{display:none}.merchant-order-identity .merchant-signout{font-size:11px}

/* Localisation du Point Déclic dans la demande d’inscription. */
.merchant-location{grid-column:1/-1;min-width:0;margin:5px 0;padding:18px;border:1px solid var(--line);border-radius:12px;background:#f6f7f0}
.merchant-location legend{padding:0 6px;font-size:13px;font-weight:700;color:var(--ink)}
.merchant-location>label{margin-bottom:14px}.merchant-location small{display:block;margin-top:7px;font-size:11px;line-height:1.5;color:var(--muted)}
.merchant-location [data-address-group]>label{display:block;font-size:12px;font-weight:600;color:var(--muted)}
.merchant-location p{margin-top:10px;font-size:12px;line-height:1.5;color:var(--green)}
.merchant-location p.location-error{color:#a32929}.merchant-location [data-location-gps]{margin-top:12px;font-size:12px;min-height:44px}
.merchant-location [hidden]{display:none!important}.merchant-address-results{list-style:none;margin:6px 0 0;padding:0;border:1px solid #d9e2d5;border-radius:9px;background:var(--paper);overflow:hidden}
.merchant-address-results button{display:block;width:100%;min-height:44px;padding:10px 12px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;color:var(--ink);font-size:13px;line-height:1.4;cursor:pointer}
.merchant-address-results li:last-child button{border-bottom:0}.merchant-address-results button:hover,.merchant-address-results button:focus-visible,.merchant-address-results button[aria-selected="true"]{background:#e9efe3;outline:2px solid var(--green);outline-offset:-2px}