:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#14233b;background:#f8fafc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 max(5vw,24px);background:white;border-bottom:1px solid #e7ecf3;position:sticky;top:0;z-index:3}.brand{font-size:24px;font-weight:800;white-space:nowrap;letter-spacing:-.8px}.brand-icon{color:#d9951d;font-size:32px}.topbar nav{display:flex;gap:32px;font-size:14px;font-weight:650;color:#475569}.topbar nav a:hover{color:#ca8211}.language{display:flex;gap:6px;align-items:center;border:1px solid #dbe2eb;border-radius:10px;padding:7px 10px}select{background:transparent;border:0;font:inherit;color:#17243a;max-width:125px;cursor:pointer}.hero{background:linear-gradient(120deg,#101e34 0%,#1d3655 66%,#253e61 100%);color:#fff;display:grid;grid-template-columns:1.03fr 1fr;align-items:center;gap:6%;padding:95px max(5vw,24px) 105px;overflow:hidden}.hero-copy{max-width:650px}.eyebrow{color:#dba645;font-size:12px;font-weight:850;letter-spacing:2px;margin-bottom:19px}.hero h1{font-size:clamp(38px,4.2vw,68px);letter-spacing:-2.5px;line-height:1.13;margin:0 0 25px}.hero p{color:#cbd6e7;font-size:18px;line-height:1.8;max-width:610px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:35px}.btn{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:10px;padding:16px 24px;font-weight:800;font-size:14px;cursor:pointer}.btn.primary{background:#f0b34c;color:#182437}.btn.outline{color:#fff;border:1px solid #8294aa}.btn.muted{background:#e8edf4;color:#667085}.btn:disabled{cursor:not-allowed;opacity:.86}.hero-meta{display:flex;gap:23px;flex-wrap:wrap;margin-top:30px;color:#b8c9dd;font-size:13px}.hero-meta span::first-letter{color:#f0b34c}.mockup{background:#f7f9fd;color:#182943;border-radius:18px;box-shadow:0 30px 70px #030b1b88;transform:rotate(1.5deg);overflow:hidden;min-width:0}.mock-head{height:48px;background:#233b5c;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:13px}.dots{color:#e8b45d;letter-spacing:2px;font-size:9px}.mock-content{display:grid;grid-template-columns:145px 1fr;min-height:325px}.mock-content aside{background:#e9eef5;padding:20px 8px}.mock-menu{padding:13px 8px;border-radius:7px;color:#596b81;font-size:12px;font-weight:650;white-space:nowrap}.mock-menu.active{background:#d2e1f4;color:#24558c}.mock-main{padding:24px 20px}.mock-title{display:flex;justify-content:space-between;font-size:20px;font-weight:800}.mock-count{color:#c28c2f}.mock-search{margin:18px 0;background:#edf1f7;border-radius:7px;color:#8b99ac;padding:11px;font-size:12px}.track{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e8edf4;padding:12px 0}.track>span:first-child{background:#e7eef8;color:#4878a8;padding:8px;border-radius:7px}.track>span:last-child{margin-left:auto;color:#9ba6b7}.track div{display:flex;flex-direction:column;gap:3px}.track strong{font-size:12px}.track small{font-size:10px;color:#8694a8}.mock-foot{background:#e9eef5;text-align:center;padding:8px;color:#778499;font-size:10px}.section{padding:94px max(5vw,24px)}.section-head{text-align:center;max-width:760px;margin:0 auto 45px}.section-head h2{font-size:clamp(30px,3vw,44px);letter-spacing:-1.3px;margin:0 0 16px}.section-head p{color:#65758b;font-size:17px;line-height:1.6}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1250px;margin:auto}.feature{background:white;padding:30px;border:1px solid #e5eaf2;border-radius:15px;box-shadow:0 6px 22px #1b345508}.feature-icon{font-size:29px;color:#be8429;background:#fff6e8;border-radius:12px;display:grid;place-items:center;width:55px;height:55px}.feature h3{margin:22px 0 10px}.feature p{color:#6d7b8d;line-height:1.7;font-size:14px}.pricing-section{background:#eef3f9}.pricing-grid{max-width:900px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:24px}.price-card{background:white;border-radius:16px;border:1px solid #dce4ee;padding:34px;position:relative}.price-card.premium{border:2px solid #e2a744;box-shadow:0 16px 40px #132d4a16}.popular{position:absolute;top:-14px;right:22px;background:#e7aa40;color:#182943;padding:7px 13px;border-radius:7px;font-size:10px;font-weight:900;letter-spacing:1px}.price-card h3{font-size:23px}.price{font-size:44px;font-weight:850;letter-spacing:-1px}.price small{font-size:13px;color:#6b7a8e;font-weight:500}.price-card p{color:#6b7a8e}.price-card ul{padding-left:20px;min-height:120px;line-height:2;color:#405168;font-size:14px}.price-card button{width:100%;min-height:54px}.pricing-note{max-width:900px;margin:20px auto 0;color:#758298;font-size:12px;line-height:1.6}.faq{max-width:950px;margin:auto}.faq details{border-bottom:1px solid #dbe3ec;padding:21px 0}.faq summary{cursor:pointer;font-weight:750;font-size:17px}.faq details p{color:#65758b;line-height:1.7}footer{background:#122139;color:#fff;padding:35px max(5vw,24px)}.footer-inner{display:flex;justify-content:space-between;gap:20px;max-width:1250px;margin:auto}.footer-inner>div:last-child{text-align:right;color:#aebed2;font-size:12px;line-height:1.9}footer p{color:#aebed2;font-size:13px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:980px){.hero{grid-template-columns:1fr;padding-top:65px}.mockup{max-width:680px;width:100%;margin:15px auto 0}.feature-grid{grid-template-columns:repeat(2,1fr)}.topbar nav{gap:13px}}@media(max-width:620px){.topbar{height:auto;min-height:70px;flex-wrap:wrap;padding:13px 20px;gap:12px}.brand{font-size:21px}.topbar nav{order:3;width:100%;justify-content:space-between;padding-bottom:3px}.topbar nav a{font-size:12px}.language{margin-left:auto}.hero{padding:55px 20px 70px}.hero h1{letter-spacing:-1px}.hero p{font-size:16px}.mock-content{grid-template-columns:100px 1fr;min-height:290px}.mock-menu{font-size:9px;padding:12px 5px}.mock-main{padding:18px 12px}.track{gap:6px}.track strong{font-size:10px}.track small{font-size:9px}.feature-grid,.pricing-grid{grid-template-columns:1fr}.section{padding:65px 20px}.footer-inner{flex-direction:column}.footer-inner>div:last-child{text-align:left}}

/* V2 : identité musicale reprise de l'écran d'accueil réel */
:root{background:#fffaf4;color:#18253d}
body{background:#fffaf4}
.topbar{background:#fffdfb;box-shadow:0 3px 22px #14223a0b;border-bottom:1px solid #f4e8df}
.brand{color:#1566c6;letter-spacing:-.9px}.brand-icon{font-size:30px}
.topbar nav a:hover{color:#e45e32}
.hero-v2{display:block;position:relative;padding:64px max(5vw,24px) 78px;background:radial-gradient(ellipse at 85% 10%,#214b82 0,transparent 43%),radial-gradient(ellipse at 10% 90%,#55295e 0,transparent 40%),linear-gradient(135deg,#10182c,#182c4e 58%,#14182d);overflow:hidden}
.hero-inner{max-width:1300px;margin:auto;display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:5%;position:relative;z-index:1}
.hero-intro{padding:20px 0}.hero-v2 h1{font-size:clamp(33px,3.6vw,58px);line-height:1.13;letter-spacing:-1.8px;margin:0 0 23px}.hero-v2 p{font-size:17px;line-height:1.65;color:#dbe8f8}.hero-v2 .eyebrow{color:#ffb765}.hero-v2 .btn{border-radius:30px}.hero-v2 .btn.primary{background:linear-gradient(100deg,#f5a74a,#ff713e);color:#1c2639;box-shadow:0 9px 26px #ff803b44}.hero-v2 .btn.outline{border-color:#8eb5e7;background:#ffffff0a}.hero-v2 .hero-meta{margin-top:24px;color:#d3e2f3}
.hero-art{margin:0;transform:rotate(1deg);filter:drop-shadow(0 24px 40px #0009);position:relative}.hero-art img{display:block;width:100%;border-radius:22px;border:4px solid #ffffff20;box-shadow:0 0 0 1px #ffffff22;aspect-ratio:1509/622;object-fit:cover}.hero-art figcaption{font-size:12px;color:#bed3ef;text-align:right;margin-top:11px}
.note-float{position:absolute;color:#f3a84b55;font-size:140px;pointer-events:none}.note-one{top:-55px;left:25%}.note-two{bottom:-70px;right:3%;font-size:190px}
.features{background:linear-gradient(180deg,#fff9f2,#fff 65%)}.section-head .eyebrow{color:#df6b39}.feature{border:1px solid #f1e5df;border-radius:24px;box-shadow:0 12px 30px #6e426e0d;transition:transform .2s,box-shadow .2s}.feature:hover{transform:translateY(-5px);box-shadow:0 18px 35px #6e426e19}.feature:nth-child(6n+1) .feature-icon{background:#fff0e8;color:#eb6337}.feature:nth-child(6n+2) .feature-icon{background:#f1eaff;color:#7647bd}.feature:nth-child(6n+3) .feature-icon{background:#e8f2ff;color:#207ed1}.feature:nth-child(6n+4) .feature-icon{background:#e5f8f3;color:#15977b}.feature:nth-child(6n+5) .feature-icon{background:#fff5db;color:#bf871a}.feature:nth-child(6n+6) .feature-icon{background:#ffeaf3;color:#bd4681}
.pricing-section{background:linear-gradient(145deg,#fff0e5,#edf3ff)}.price-card{border-radius:25px}.price-card.premium{border-color:#ff9b50}.popular{background:linear-gradient(100deg,#ffbd57,#ff8145);border-radius:18px}.btn.primary{background:linear-gradient(100deg,#ffbd57,#ff8b50)}.faq{background:#fffaf4}footer{background:#16233c}
@media(max-width:1020px){.hero-inner{grid-template-columns:1fr;gap:30px}.hero-intro{max-width:760px}.hero-art{max-width:980px;transform:none}}
@media(max-width:620px){.hero-v2{padding:48px 20px 56px}.hero-v2 h1{font-size:36px}.hero-v2 p{font-size:16px}.hero-art img{border-radius:13px;border-width:2px}.hero-art figcaption{text-align:center}.hero-meta{gap:13px}.note-float{font-size:80px}}

/* V3 — La véritable image d'accueil occupe tout le premier écran */
.hero-v3{display:flex;flex-direction:column;justify-content:flex-end;position:relative;isolation:isolate;
  height:calc(100svh - 82px);min-height:570px;padding:0;overflow:hidden;background:#090d17}
.hero-v3 .hero-photo{position:absolute;inset:0;z-index:-2;
  background-image:url("images/partamusic-accueil.webp");
  background-size:cover;background-position:center center;background-repeat:no-repeat}
.hero-v3:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,transparent 58%,rgba(6,11,25,.30) 75%,rgba(6,11,25,.94) 100%)}
.hero-bottom{width:100%;padding:24px max(5vw,24px) 32px;display:flex;align-items:end;justify-content:space-between;gap:24px}
.hero-bottom-copy{max-width:740px}
.hero-bottom .eyebrow{color:#ffd39a;font-size:11px;letter-spacing:2px;margin:0 0 9px}
.hero-v3 h1{font-size:clamp(22px,2.15vw,35px);letter-spacing:-.5px;line-height:1.2;margin:0;text-shadow:0 2px 10px #05080e}
.hero-bottom-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.hero-v3 .btn{border-radius:999px;white-space:nowrap;padding:14px 22px}
.hero-v3 .btn.primary{background:#f6ad54;color:#152238;box-shadow:0 8px 28px #0005}
.hero-v3 .btn.outline{background:#14243ac9;color:#fff;border:1px solid #fff8}
.scroll-down{position:absolute;bottom:2px;left:50%;transform:translateX(-50%);font-size:24px;color:#fff9}
@media(min-width:1500px){.hero-v3{min-height:680px}}
@media(max-width:900px){.hero-v3{height:auto;min-height:0;padding-top:0;display:block}
 .hero-v3 .hero-photo{position:relative;inset:auto;width:100%;aspect-ratio:1509/622;background-size:contain;background-position:center}
 .hero-v3:before{display:none}
 .hero-bottom{background:#111d32;align-items:start;padding:25px 22px 35px;flex-direction:column}
 .hero-v3 h1{font-size:clamp(25px,4.5vw,38px)}
 .hero-bottom-actions{justify-content:start}.scroll-down{display:none}}
@media(max-width:620px){.hero-v3 .hero-photo{aspect-ratio:1509/622}
 .hero-v3 .btn{font-size:13px;padding:13px 17px}
 .hero-bottom{padding:25px 20px 34px}}

/* V4 — visuel intégral, proportions préservées et aucun recadrage */
.hero.hero-v3{display:block;height:auto;min-height:0;padding:0;overflow:visible;background:#101a2b}
.hero-v3 .hero-photo{position:relative;inset:auto;z-index:auto;width:100%;height:auto;
  aspect-ratio:1509 / 622;background-size:contain;background-position:center center;background-repeat:no-repeat}
.hero-v3:before{display:none}
.hero-v3 .hero-bottom{position:relative;background:linear-gradient(100deg,#13233e,#1b3153);padding:23px max(5vw,24px) 27px;align-items:center}
.hero-v3 .hero-bottom h1{margin:0;color:white;font-size:clamp(20px,2vw,30px);letter-spacing:-.4px}
.hero-v3 .scroll-down{display:none}
@media(max-width:900px){.hero-v3 .hero-bottom{align-items:flex-start}}

/* V5 : dézoom réel — visuel entier centré, jamais étiré ni recadré. */
.hero.hero-v3{background:#0b1020 !important;}
.hero-v3 .hero-photo{position:relative !important;inset:auto !important;display:flex;justify-content:center;align-items:center;width:100% !important;max-width:none !important;height:auto !important;aspect-ratio:auto !important;min-height:0 !important;padding:26px 20px;background:none !important;}
.hero-v3 .hero-photo img{display:block;width:100%;max-width:1050px;height:auto;max-height:none;object-fit:contain;object-position:center;border-radius:6px;box-shadow:0 12px 35px #0007;}
@media(max-width:620px){.hero-v3 .hero-photo{padding:12px 8px}.hero-v3 .hero-photo img{border-radius:3px}}

/* V6 : image source recadree correctement sur les 4 bords, jamais recoupee par CSS */
.hero-v3 .hero-photo img{width:100%;max-width:1400px;height:auto;aspect-ratio:auto;object-fit:contain;}


/* V7 — logo fidèle, suppression de la redondance et fonctionnalités illustrées */
:root{background:#fffaf4;color:#18253d}
body{background:#fffaf4}
.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:0 max(4vw,24px);background:#0d1423;border-bottom:1px solid #162743;box-shadow:0 10px 28px #09111e22}
.brand-image{display:flex;align-items:center;min-width:0}
.brand-logo{display:block;height:44px;width:auto;max-width:min(44vw,320px);object-fit:contain;border-radius:4px}
.topbar nav{display:flex;gap:32px;font-size:14px;font-weight:700;color:#dbe8f8}
.topbar nav a:hover{color:#ffb761}
.language{display:flex;gap:6px;align-items:center;border:1px solid #345179;border-radius:12px;padding:8px 12px;background:#162338;color:#ecf4ff}
.language select{background:transparent;border:0;color:#ecf4ff}
.hero-v3 .hero-bottom{background:linear-gradient(100deg,#13233e,#1b3153);padding:23px max(5vw,24px) 27px;align-items:center}
.hero-v3 .hero-bottom-copy{max-width:880px}
.hero-v3 .hero-bottom .eyebrow{display:none}
.hero-v3 .hero-bottom h1{margin:0;color:#fff;font-size:clamp(21px,2vw,32px);letter-spacing:-.4px;text-shadow:none}
.hero-v3 .hero-photo img{width:100%;max-width:1480px;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:0;box-shadow:none}
.hero-v3 .hero-photo{padding:22px 18px 0}
.hero-v3 .btn.primary{background:#f6ad54;color:#152238;box-shadow:0 8px 28px #0005}
.hero-v3 .btn.outline{background:#14243ac9;color:#fff;border:1px solid #fff6}
.features{background:linear-gradient(180deg,#fff9f2,#fff 58%)}
.showcase-head{margin-top:70px}
.showcase-grid{max-width:1280px;margin:0 auto;display:grid;gap:26px}
.shot-card{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);gap:28px;align-items:center;background:#fff;border:1px solid #efe4dd;border-radius:28px;padding:18px;box-shadow:0 16px 38px #1b34550d}
.shot-card.reverse{grid-template-columns:minmax(320px,.85fr) minmax(0,1.35fr)}
.shot-card.reverse .shot-image{order:2}
.shot-card.reverse .shot-copy{order:1}
.shot-image img{display:block;width:100%;height:auto;border-radius:18px;border:1px solid #dfe8f3;box-shadow:0 10px 22px #10233d14}
.shot-copy{padding:8px 8px 8px 2px}
.shot-tag{display:inline-flex;align-items:center;gap:8px;background:#edf5ff;color:#176fd0;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800;letter-spacing:.3px;text-transform:uppercase}
.shot-copy h3{font-size:clamp(24px,2vw,34px);line-height:1.18;letter-spacing:-.8px;margin:16px 0 12px;color:#18253d}
.shot-copy p{margin:0;color:#5c6c80;font-size:16px;line-height:1.7}
@media(max-width:980px){
  .topbar{height:auto;min-height:74px;flex-wrap:wrap;padding:14px 20px;gap:12px}
  .topbar nav{order:3;width:100%;justify-content:space-between;gap:10px}
  .brand-logo{height:38px;max-width:70vw}
  .hero-v3 .hero-photo{padding:12px 8px 0}
  .hero-v3 .hero-bottom{align-items:flex-start;flex-direction:column}
  .shot-card,.shot-card.reverse{grid-template-columns:1fr}
  .shot-card.reverse .shot-image,.shot-card.reverse .shot-copy{order:initial}
}
@media(max-width:620px){
  .topbar nav a{font-size:12px}
  .language{margin-left:auto}
  .hero-v3 .hero-bottom{padding:22px 20px 30px}
  .showcase-head{margin-top:52px}
  .shot-card{padding:12px;border-radius:20px}
  .shot-image img{border-radius:12px}
  .shot-copy h3{font-size:24px}
  .shot-copy p{font-size:15px}
}

/* V8 : cartes-fonctionnalites cliquables et fenetres explicatives */
.feature-action{appearance:none;display:block;width:100%;font:inherit;text-align:left;color:inherit;cursor:pointer;position:relative;transition:transform .2s,box-shadow .2s,border-color .2s}
.feature-action:hover,.feature-action:focus-visible{transform:translateY(-5px);border-color:#60a5fa;box-shadow:0 20px 46px #1c50821a}
.feature-action:focus-visible{outline:3px solid #2c8cf3;outline-offset:4px}
.feature-action .feature-more{display:inline-flex;align-items:center;gap:8px;color:#1566c6;font-size:13px;font-weight:800;margin-top:14px}
.feature-action .feature-more span{transition:transform .15s}
.feature-action:hover .feature-more span{transform:translateX(5px)}
.feature-dialog{padding:0;max-width:900px;width:min(92vw,900px);max-height:min(90dvh,900px);border:0;border-radius:25px;background:#fffdfb;color:#1b2a43;box-shadow:0 35px 110px #0008;overflow:hidden}
.feature-dialog::backdrop{background:rgba(6,13,29,.78);backdrop-filter:blur(5px)}
.feature-dialog[open]{display:flex;flex-direction:column}
.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:15px 23px;background:#10213d;color:white;flex:none}
.dialog-kicker{font-weight:850;letter-spacing:.4px;color:#87c7ff}
.dialog-close{cursor:pointer;background:#bc383d;color:#fff;border:0;border-radius:10px;font-size:28px;line-height:1;width:44px;height:44px}
.dialog-close:hover{background:#de454b}
.dialog-scroll{padding:32px clamp(20px,4vw,45px) 36px;overflow-y:auto;overscroll-behavior:contain}
.dialog-scroll h2{font-size:clamp(26px,3vw,39px);line-height:1.13;margin:0 0 15px}
.dialog-intro{font-size:17px;color:#526780;line-height:1.65;margin:0 0 24px}
#feature-dialog-image:empty{display:none}
#feature-dialog-image{margin:10px 0 25px}
#feature-dialog-image img{width:100%;height:auto;border-radius:14px;border:1px solid #d8e4f2;box-shadow:0 8px 22px #0b254218}
#feature-dialog-image figcaption{color:#627389;font-size:12px;margin-top:8px}
.dialog-information{background:#eef5ff;border-left:4px solid #2784d7;padding:19px 21px;border-radius:0 15px 15px 0}
.dialog-information h3{margin:0 0 8px;font-size:19px}
.dialog-information p{margin:0;line-height:1.68;color:#43546b}
.dialog-actions{display:flex;justify-content:flex-end;margin-top:25px}
.dialog-actions button{border-radius:12px}
@media(max-width:620px){.feature-dialog{width:96vw;max-height:94dvh;border-radius:18px}.dialog-scroll{padding:24px 17px}.dialog-intro{font-size:15px}.dialog-close{width:40px;height:40px}}

/* V9 */
.dialog-information p{white-space:pre-line;line-height:1.8}.dialog-no-image{padding:28px 20px;border:1px dashed #90a9c4;border-radius:16px;background:#edf5fd;color:#47617c;text-align:center;font-size:14px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:980px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.feature-grid{grid-template-columns:1fr}}

/* V12 — cartes de fonctions plus gaies et plus musicales */
.features{
  background:
    radial-gradient(circle at 8% 0%, rgba(246,173,84,.16), transparent 24%),
    radial-gradient(circle at 92% 12%, rgba(43,143,255,.12), transparent 24%),
    linear-gradient(180deg,#fff9f2 0%,#fffdf9 34%,#ffffff 100%);
}

.section-head h2,
.feature h3,
.shot-copy h3,
.price-card h3,
.dialog-scroll h2,
.dialog-information h3,
.faq summary{
  font-family:"Trebuchet MS","Avenir Next","Segoe UI",Inter,ui-sans-serif,system-ui,sans-serif;
}

.feature-grid{gap:24px}

.feature.feature-action{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  min-height:240px;
  padding:28px 24px 24px;
  border-radius:28px;
  border:1px solid #f0e3db;
  background:linear-gradient(180deg,#ffffff 0%,#fffaf6 100%);
  box-shadow:0 15px 36px rgba(31,54,86,.08);
}

.feature.feature-action::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:8px;
  background:linear-gradient(90deg,#f6ad54,#49a0ff);
  opacity:.95;
}

.feature.feature-action::after{
  content:"♪";
  position:absolute;
  right:16px;
  top:14px;
  font-size:72px;
  line-height:1;
  color:rgba(70,108,162,.10);
  z-index:-1;
  transform:rotate(-10deg);
}

.feature.feature-action:nth-child(1)::before{background:linear-gradient(90deg,#f59e0b,#f97316)}
.feature.feature-action:nth-child(2)::before{background:linear-gradient(90deg,#1d4ed8,#38bdf8)}
.feature.feature-action:nth-child(3)::before{background:linear-gradient(90deg,#8b5cf6,#c084fc)}
.feature.feature-action:nth-child(4)::before{background:linear-gradient(90deg,#16a34a,#2dd4bf)}
.feature.feature-action:nth-child(5)::before{background:linear-gradient(90deg,#f59e0b,#eab308)}
.feature.feature-action:nth-child(6)::before{background:linear-gradient(90deg,#ec4899,#fb7185)}

.feature.feature-action:nth-child(1){background:linear-gradient(180deg,#fffdf8 0%,#fff6ea 100%)}
.feature.feature-action:nth-child(2){background:linear-gradient(180deg,#fbfdff 0%,#f1f8ff 100%)}
.feature.feature-action:nth-child(3){background:linear-gradient(180deg,#fcfbff 0%,#f7f0ff 100%)}
.feature.feature-action:nth-child(4){background:linear-gradient(180deg,#fbfffe 0%,#eefcf6 100%)}
.feature.feature-action:nth-child(5){background:linear-gradient(180deg,#fffefa 0%,#fff9e8 100%)}
.feature.feature-action:nth-child(6){background:linear-gradient(180deg,#fffbfd 0%,#fff0f7 100%)}

.feature-icon{
  width:64px;
  height:64px;
  border-radius:18px;
  font-size:32px;
  box-shadow:0 10px 20px rgba(12,32,60,.08);
}

.feature h3{
  margin:18px 0 10px;
  font-size:23px;
  line-height:1.18;
  letter-spacing:-.4px;
  color:#17345b;
}

.feature p{
  margin:0;
  color:#566b86;
  font-size:15px;
  line-height:1.72;
}

.feature-action .feature-more{
  margin-top:16px;
  font-size:13px;
  font-weight:800;
  color:#145db2;
}

.feature-action:hover,
.feature-action:focus-visible{
  transform:translateY(-8px);
  border-color:#8eb9eb;
  box-shadow:0 25px 48px rgba(32,74,118,.16);
}

/* fenêtres explicatives plus chaleureuses */
.feature-dialog{
  background:linear-gradient(180deg,#fffdfb 0%,#ffffff 100%);
  border-radius:28px;
}

.dialog-head{
  position:relative;
  overflow:hidden;
  background:linear-gradient(120deg,#12284a 0%,#1c4f85 58%,#3d72c7 100%);
}

.dialog-head::after{
  content:"♫";
  position:absolute;
  right:22px;
  top:-8px;
  font-size:74px;
  color:rgba(255,255,255,.14);
  line-height:1;
}

.dialog-kicker{
  font-size:12px;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:#ffd7a2;
}

.dialog-scroll{
  background:
    radial-gradient(circle at 100% 0%, rgba(73,160,255,.09), transparent 20%),
    radial-gradient(circle at 0% 100%, rgba(246,173,84,.10), transparent 24%),
    linear-gradient(180deg,#fffefc 0%,#ffffff 100%);
}

.dialog-scroll h2{
  color:#17345b;
  letter-spacing:-.8px;
}

.dialog-intro{
  margin:0 0 24px;
  padding:18px 20px;
  border-radius:18px;
  background:linear-gradient(180deg,#fff7ed 0%,#fffdf8 100%);
  border:1px solid #f8dfbe;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
  color:#5d6980;
}

#feature-dialog-image img{
  border-radius:18px;
  box-shadow:0 12px 28px rgba(12,37,66,.13);
}

.dialog-information{
  border-left:6px solid #3384db;
  border-radius:18px;
  padding:20px 22px;
  background:linear-gradient(180deg,#eef6ff 0%,#ffffff 100%);
  box-shadow:0 8px 20px rgba(27,67,116,.08);
}

.dialog-information h3{
  color:#174172;
}

.dialog-information p{
  color:#455972;
}

.dialog-actions .btn.primary{
  background:linear-gradient(90deg,#f6ad54,#f4bf65);
  color:#14233b;
  border-radius:14px;
  box-shadow:0 10px 22px rgba(246,173,84,.28);
}

.dialog-actions .btn.primary:hover{
  filter:brightness(1.02);
}

@media(max-width:620px){
  .feature.feature-action{min-height:0;padding:24px 20px 21px;border-radius:22px}
  .feature h3{font-size:21px}
  .dialog-intro{padding:16px 16px}
}


/* V13 — SIGNATURE PRO : scène, lumière et élégance */
:root{--ink:#101c34;--gold:#ffc275;--blue:#27adff;--rose:#f76aa8;--violet:#a383f5}
html{scroll-padding-top:100px}
body{color:var(--ink);background:#f7f8fc}
.topbar{background:#0b1427;box-shadow:0 8px 35px #0d1b3266;border-bottom:1px solid #355277}
.topbar nav a{letter-spacing:.2px;transition:color .2s}
.topbar nav a:hover{color:#ffcf8c}
.features{background:radial-gradient(ellipse at 4% 13%,#cce6ff90,transparent 30%),radial-gradient(ellipse at 91% 35%,#fbd6e775,transparent 28%),linear-gradient(180deg,#f5f9ff 0%,#fff 51%,#fff9f4 100%)}
.features>.section-head:first-child{position:relative;margin-bottom:56px}
.features>.section-head:first-child:after{content:"";display:block;height:3px;width:98px;border-radius:10px;background:linear-gradient(90deg,#31aeff,#e971c7,#ffba67);margin:27px auto 0}
.section-head h2{font-family:Georgia,"Palatino Linotype",serif;letter-spacing:-.7px;font-weight:700;color:#122b4b}
.section-head p{color:#61718c}
.feature-grid{gap:25px}
.feature.feature-action{--accent:#d8872c;--light:#fff6ec;min-height:262px;padding:33px 29px 26px;border:1px solid color-mix(in srgb,var(--accent) 24%,white);border-radius:22px;background:linear-gradient(155deg,#fff 12%,var(--light) 100%);box-shadow:0 12px 30px #112c4d12,0 2px 6px #112c4d08;transform:translateY(0);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.feature.feature-action:nth-child(1){--accent:#e58f35;--light:#fff4e7}
.feature.feature-action:nth-child(2){--accent:#2f91e9;--light:#eaf6ff}
.feature.feature-action:nth-child(3){--accent:#8962c9;--light:#f5efff}
.feature.feature-action:nth-child(4){--accent:#1b9a7a;--light:#eafbf6}
.feature.feature-action:nth-child(5){--accent:#dc9b28;--light:#fffae8}
.feature.feature-action:nth-child(6){--accent:#c7589b;--light:#fff0f7}
.feature.feature-action::before{inset:0 auto 0 0;height:auto;width:5px;opacity:1;background:var(--accent)!important;border-radius:22px 0 0 22px}
.feature.feature-action::after{content:"♫";font-family:Georgia,serif;right:14px;top:10px;font-size:66px;color:var(--accent);opacity:.10;transform:rotate(-12deg)}
.feature.feature-action .feature-icon{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 75%,white),var(--accent));color:#fff;width:66px;height:66px;font-size:30px;border-radius:18px;box-shadow:0 12px 24px color-mix(in srgb,var(--accent) 28%,transparent)}
.feature.feature-action h3{font-family:Georgia,"Palatino Linotype",serif;font-size:23px;font-weight:700;letter-spacing:-.55px;color:#152b4b;margin-top:22px}
.feature.feature-action p{font-size:14.5px;line-height:1.72;color:#5c6b83}
.feature-action .feature-more{color:var(--accent);letter-spacing:.2px;font-size:13px;margin-top:22px}
.feature.feature-action:hover,.feature.feature-action:focus-visible{transform:translateY(-7px);box-shadow:0 24px 45px #1d386325,0 5px 14px #1d386316;border-color:var(--accent)}
.feature.feature-action:focus-visible{outline:3px solid #2f91e9;outline-offset:3px}
.showcase-head{margin-top:95px}
.shot-card{border:1px solid #e4eaf3;border-radius:22px;box-shadow:0 22px 55px #13294f12;background:linear-gradient(160deg,#fff,#fbfdff)}
.shot-card:nth-child(2){background:linear-gradient(150deg,#fff,#f9f7ff)}
.shot-card:nth-child(3){background:linear-gradient(150deg,#fff,#fff9f1)}
.shot-image img{border-radius:14px}
.shot-copy h3{font-family:Georgia,"Palatino Linotype",serif;color:#123156;font-weight:700}
.shot-tag{background:#eaf3ff;color:#2268b5;letter-spacing:.6px}
.pricing-section{background:radial-gradient(circle at 89% 0%,#cfe9ff90,transparent 34%),linear-gradient(155deg,#eef4ff,#fff5e9)}
.price-card{border-radius:23px;box-shadow:0 16px 35px #1f3a6812}
.price-card.premium{border-color:#dfaa5a;box-shadow:0 22px 46px #a6752a20}
.price-card h3{font-family:Georgia,"Palatino Linotype",serif}
.btn.primary{background:linear-gradient(110deg,#f3b35e,#ffce85);box-shadow:0 8px 18px #a2652826}
/* Fenêtre de détail, fond inspiré des éclairages bleus et ambrés du visuel d'accueil */
.feature-dialog{border-radius:24px;background:#fcfdff;box-shadow:0 35px 105px #020a20b3}
.feature-dialog::backdrop{background:#050c20c4;backdrop-filter:blur(7px)}
.dialog-head{min-height:78px;background:radial-gradient(circle at 88% 0%,#2f74c4 0%,transparent 38%),linear-gradient(105deg,#0c1a35,#203d6c 72%,#362d66)}
.dialog-head::after{content:"♫";right:85px;top:-8px;font-size:83px;color:#9acfff33}
.dialog-kicker{font-size:13px;letter-spacing:2px;color:#ffcf8c}
.dialog-scroll{background:radial-gradient(ellipse at 100% 0%,#c9e8ff66,transparent 30%),radial-gradient(ellipse at 0 100%,#ffe0c25c,transparent 28%),#fff;}
.dialog-scroll h2{font-family:Georgia,"Palatino Linotype",serif;font-size:clamp(28px,3.3vw,41px);font-weight:700;letter-spacing:-.7px;color:#102b50}
.dialog-intro{border-radius:15px;border:1px solid #e1e9f2;border-left:4px solid #e6ae63;background:linear-gradient(120deg,#fffcf7,#f5faff);color:#4d617c;box-shadow:0 5px 14px #1c376309}
#feature-dialog-image img{border-radius:15px;box-shadow:0 15px 33px #14264322}
.dialog-information{background:linear-gradient(135deg,#eff6ff,#fff),border-box;border:1px solid #dbe8f7;border-left:5px solid #2c85d4;border-radius:16px;box-shadow:0 10px 28px #102c5912}
.dialog-information h3{font-family:Georgia,"Palatino Linotype",serif;font-size:22px;color:#164477}
.dialog-information p{color:#485d77;line-height:1.8}
.dialog-close{background:#bb3c49;border-radius:12px;transition:background .2s}
.dialog-actions .btn.primary{background:linear-gradient(120deg,#f1ac58,#ffcb7e);border-radius:12px;color:#1b2940}
@media (max-width:620px){.feature.feature-action{min-height:0;padding:26px 24px 24px}.feature.feature-action h3{font-size:22px}.dialog-head{min-height:65px}.dialog-scroll{padding:22px 18px}}
@media(prefers-reduced-motion:reduce){.feature.feature-action{transition:none}.feature.feature-action:hover{transform:none}}


/* V14 — Préparation commerciale, sans fausse promesse de téléchargement */
.launch-section{position:relative;overflow:hidden;background:linear-gradient(135deg,#101b31 0%,#19325d 60%,#33204c 100%);color:#fff}
.launch-section::before{content:"";pointer-events:none;position:absolute;inset:0;background:radial-gradient(circle at 12% 16%,#f2a94b28,transparent 31%),radial-gradient(circle at 91% 78%,#a55de02a,transparent 30%)}
.launch-wrap{position:relative;max-width:1210px;margin:auto}
.launch-heading{text-align:center;max-width:800px;margin:0 auto 38px}
.launch-heading .eyebrow{color:#ffc77d}
.launch-heading h2{font-family:"Trebuchet MS","Avenir Next","Segoe UI",sans-serif;font-size:clamp(30px,3vw,46px);line-height:1.18;margin:0 0 18px}
.launch-heading p{font-size:17px;color:#d7e4f5;line-height:1.7}
.launch-options{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.launch-option{padding:32px;border-radius:25px;background:#ffffff0e;border:1px solid #ffffff29;box-shadow:0 16px 42px #07132638}
.launch-option-pro{background:linear-gradient(145deg,#fff9ed,#fff);color:#14233b}
.launch-icon{font-size:30px;width:60px;height:60px;border-radius:18px;display:grid;place-items:center;background:#ffbb6628;color:#ffd398}
.launch-option-pro .launch-icon{color:#af5a22;background:#fff0d5}
.launch-option h3{font-family:"Trebuchet MS","Avenir Next","Segoe UI",sans-serif;font-size:25px;margin:18px 0 12px}
.launch-option p{color:#cbd9ed;line-height:1.75;font-size:15px;min-height:110px}
.launch-option-pro p{color:#54657e}
.launch-state{display:inline-block;background:#fbbf2424;color:#ffd17e;padding:10px 16px;border-radius:100px;border:1px solid #e9b5526b;font-size:13px;font-weight:800}
.launch-option-pro .launch-state{background:#fff0dd;color:#974b16;border-color:#f3c489}
.launch-platforms{border-top:1px solid #ffffff2e;margin-top:32px;padding-top:22px;text-align:center;color:#e3eafb;line-height:1.7}
.launch-platforms strong{color:#ffc77d}
@media(max-width:740px){.launch-options{grid-template-columns:1fr}.launch-option p{min-height:0}.launch-option{padding:25px}}


/* V16 — Présentation sobre des deux plateformes, style V15 préservé. */
.commercial-platforms{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 24px}
.commercial-platform{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px;border:1px solid #a4c7ef4a;border-radius:16px;background:#ffffff12;color:#e9f4ff}
.commercial-platform strong{display:flex;gap:8px;align-items:center;font-size:19px}
.commercial-platform strong span{color:#ffcf8c}
.commercial-platform>span{font-size:13px;color:#bdcde2;text-align:right}
.license-detail{font-size:13px !important;color:#53647b !important;min-height:0 !important;line-height:1.55;margin:0 0 14px}
@media(max-width:740px){.commercial-platforms{grid-template-columns:1fr}.commercial-platform{padding:17px 20px}}


/* V17 — Parcours de téléchargement guidé pour Windows et Android */
.install-explorer{margin:24px 0 30px;border:1px solid #bfd7f45a;border-radius:25px;background:linear-gradient(125deg,#122d53,#182c4d 60%,#28345b);padding:25px;box-shadow:0 18px 44px #07152a3d}
.install-explorer-title h3{font:700 clamp(23px,2vw,29px)/1.2 Georgia,serif;color:#fff;margin:0 0 7px}
.install-explorer-title p{color:#ccdcf1;margin:0 0 22px;font-size:14px;line-height:1.65;max-width:860px}
.install-tabbar{display:grid;grid-template-columns:1fr 1fr;gap:9px;background:#091c36;padding:7px;border:1px solid #5781b955;border-radius:15px;margin:0 0 18px}
.install-tab{border:0;background:transparent;color:#a7c3e3;border-radius:10px;padding:14px 18px;font-family:inherit;font-size:15px;font-weight:800;cursor:pointer;transition:background .15s,color .15s}
.install-tab span{font-size:21px;margin-right:7px}
.install-tab:hover{color:#fff;background:#ffffff10}
.install-tab[aria-selected="true"]{color:#19304c;background:linear-gradient(100deg,#f5c77d,#f5ac54);box-shadow:0 5px 18px #0208174d}
.install-tab:focus-visible{outline:3px solid #77c6ff;outline-offset:3px}
.install-panel{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(270px,.88fr);gap:20px;min-height:275px}
.install-panel[hidden],.install-download[hidden]{display:none!important}
.install-panel-main{background:#fbfdff;color:#18304d;border-radius:18px;padding:28px 29px}
.install-label{font-size:11px;font-weight:850;letter-spacing:1.2px;color:#346aab;text-transform:uppercase}
.install-panel h4{font-family:Georgia,serif;color:#14294a;font-size:clamp(24px,2.2vw,31px);line-height:1.2;margin:14px 0}
.install-panel-main p{color:#596b80;font-size:15px;line-height:1.7;margin:0}
.install-actions{display:flex;align-items:flex-start;flex-direction:column;gap:14px;margin-top:24px}
.install-unavailable{display:inline-flex;align-items:center;border-radius:12px;border:1px solid #e4d3bd;background:#fff3e2;color:#87511b;padding:13px 16px;font-size:13px;font-weight:750}
.install-unavailable::before{content:"◷";font-size:18px;margin-right:8px}
.install-tariff-link{color:#1761a7;font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.install-tariff-link:hover{color:#0c3f7b}
.install-panel-steps{background:#10223fc9;border:1px solid #ffffff27;border-radius:18px;padding:28px 29px;color:#e2eaf6}
.install-panel-steps h5{font-family:Georgia,serif;font-weight:700;font-size:22px;color:#fff;margin:0 0 15px}
.install-panel-steps ol{list-style:decimal;padding-left:22px;margin:0;color:#d2e0f1;font-size:14px;line-height:1.76}
.install-panel-steps li{padding:0 0 10px 4px}
.install-panel-steps li::marker{color:#ffc77d;font-weight:800}
.install-version{font-size:12px;color:#ffdfaa;border-top:1px solid #ffffff2c;padding-top:16px;margin:12px 0 0}
.install-note{font-size:12px;color:#b6c9e3;margin:18px 3px 0;line-height:1.6}
@media(max-width:820px){.install-panel{grid-template-columns:1fr}.install-explorer{padding:19px}.install-panel-main,.install-panel-steps{padding:22px}.install-tab{padding:13px 10px}}
@media(max-width:390px){.install-tab{font-size:13px}.install-tab span{font-size:18px;margin-right:3px}.install-panel-main,.install-panel-steps{padding:20px 18px}}
@media(prefers-reduced-motion:reduce){.install-tab{transition:none}}

.install-unavailable[hidden]{display:none!important}


/* V18 — Boutique en prévisualisation, sans transaction bancaire */
.shop-section{background:radial-gradient(circle at 88% 8%,#235ea639,transparent 37%),linear-gradient(130deg,#0d1b32,#193b67 66%,#1e3156);color:#fff}
.shop-wrap{max-width:1200px;margin:auto}
.shop-overline{font-size:12px;font-weight:900;letter-spacing:2.1px;color:#ffcd8d;margin-bottom:15px}
.shop-wrap h2{font-family:Georgia,serif;font-size:clamp(32px,3.7vw,48px);line-height:1.18;max-width:900px;margin:0 0 18px}
.shop-lead{font-size:17px;line-height:1.75;color:#d2e3fa;max-width:880px}
.shop-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:33px 0 29px}
.shop-highlights article{border:1px solid #b4d4fa4b;background:#fff1;border-radius:19px;padding:24px 21px}
.shop-highlight-icon{display:grid;place-items:center;width:43px;height:43px;background:#fbc98229;border-radius:11px;color:#ffd294;font-size:25px;margin-bottom:17px}
.shop-highlights strong{font-size:19px;display:block;color:#fff}
.shop-highlights p{color:#c7d9ed;font-size:14px;line-height:1.55;margin:10px 0 0}
.shop-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:26px 0 29px}
.shop-flow>div{display:flex;align-items:center;gap:10px;background:#07162e86;border-radius:12px;padding:13px 14px;min-width:0}
.shop-flow b{color:#ffca83;font-size:17px}.shop-flow span{font-size:13px;font-weight:800}
.shop-cta{display:flex;flex-wrap:wrap;align-items:center;gap:17px}
.shop-preview-main,.shop-preview-inline{background:linear-gradient(100deg,#ffcb82,#f4a450);color:#15243b;box-shadow:0 8px 24px #0a122d2b}
.shop-preview-main:hover,.shop-preview-inline:hover{filter:brightness(1.05)}
.shop-preview-inline{margin-top:12px;width:100%;white-space:normal;line-height:1.25}
.shop-cta p{font-size:13px;color:#bcd5f0;line-height:1.55;max-width:460px;margin:0}
.shop-dialog{width:min(730px,95vw);max-height:94dvh;overflow:hidden;border:0;border-radius:23px;padding:0;color:#19304f;background:white;box-shadow:0 25px 100px #020b1bbf}
.shop-dialog::backdrop{background:#071324c9;backdrop-filter:blur(5px)}
.shop-dialog[open]{display:flex;flex-direction:column}
.shop-dialog-header{padding:19px 25px;background:linear-gradient(95deg,#10294d,#214e82);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0}
.shop-dialog-header span{font-size:11px;color:#ffd59a;font-weight:900;letter-spacing:1.15px}
.shop-dialog-header h2{font-family:Georgia,serif;font-size:clamp(19px,2.6vw,27px);margin:8px 0 0}
.shop-dialog-close{cursor:pointer;width:43px;height:43px;border:0;border-radius:10px;background:#a42a3b;color:#fff;font-size:30px;line-height:1}
.shop-dialog-body{padding:24px 29px 10px;overflow-y:auto;flex:1;min-height:0}
.shop-steps{display:flex;gap:9px;align-items:flex-start;justify-content:space-between;margin-bottom:28px}
.shop-progress-step{flex:1;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:750;color:#738297;opacity:.73}
.shop-progress-step b{display:grid;place-items:center;min-width:26px;height:26px;border-radius:50%;background:#e7edf5}
.shop-progress-step.is-current{opacity:1;color:#1b61a0}.shop-progress-step.is-current b{background:#267bc5;color:white}
.shop-progress-step.is-done{opacity:1;color:#1b765e}.shop-progress-step.is-done b{background:#d4f6e8;color:#14705d}
.shop-stage h3{font-family:Georgia,serif;color:#13345a;font-size:clamp(22px,2.5vw,28px);line-height:1.2;margin:0 0 14px}
.shop-stage>p{color:#596b81;line-height:1.7;margin:0 0 18px}
.shop-platform-select{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:25px 0 20px}
.shop-platform-select button{border:2px solid #d7e4f2;border-radius:15px;padding:20px 18px;background:#f8fbff;cursor:pointer;text-align:left;color:#163557;min-height:100px}
.shop-platform-select button.is-selected{border-color:#297eca;box-shadow:0 0 0 3px #2b82c91e;background:#eaf5ff}
.shop-platform-select strong{display:block;font-size:18px;margin-bottom:10px}
.shop-platform-select small{display:block;font-size:12px;color:#66788e;line-height:1.5}
.shop-small-note{font-size:13px!important;background:#f1f6fc;color:#65778d!important;padding:13px 15px;border-radius:11px;margin-top:22px!important;line-height:1.65!important}
.shop-order{border:1px solid #dae5f2;border-radius:14px;overflow:hidden;margin:22px 0}
.shop-order-row,.shop-order-total{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 17px;border-bottom:1px solid #e9eef5;font-size:14px}
.shop-order-row span{color:#596e85}.shop-order-total{border-bottom:none;background:#e8f3ff;font-size:18px}
.shop-payment-illustration{display:flex;gap:17px;align-items:flex-start;border:1px solid #dce7f5;background:#f5faff;padding:20px;border-radius:16px;margin-top:22px}
.shop-payment-illustration>span{font-size:36px}.shop-payment-illustration strong{color:#154778}.shop-payment-illustration p{color:#586d86;line-height:1.7;margin:7px 0 0}
.shop-slots{display:flex;flex-direction:column;gap:10px;margin-top:20px}
.shop-slots button{display:flex;align-items:center;gap:14px;text-align:left;padding:14px;border-radius:13px;background:#f8fbff;border:2px solid #dbe8f5;color:#1f3552;cursor:pointer}
.shop-slots button.is-filled{border-color:#39a786;background:#f0fdf7}
.shop-slot-icon{font-size:26px;color:#286cae;flex-shrink:0}.shop-slot-copy{flex:1;min-width:0}
.shop-slot-copy strong{display:block;font-size:15px}.shop-slot-copy small{display:block;font-size:12px;color:#667b92;margin-top:4px;line-height:1.4}
.shop-slot-state{font-size:12px;font-weight:850;white-space:nowrap;padding:8px;border-radius:10px;background:#e4ecf7;color:#51738e}
.shop-slots button.is-filled .shop-slot-state{background:#daf5e7;color:#177659}
.shop-slot-bottom{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:17px;flex-wrap:wrap}
.shop-slot-bottom strong{font-size:13px;color:#255075}
.shop-slot-bottom button{background:none;border:0;color:#1c73bd;text-decoration:underline;cursor:pointer;font-weight:700;font-size:12px}
.shop-dialog-notice{margin:24px 0 12px;padding:11px 13px;border-radius:10px;background:#fff4de;border:1px solid #f6deac;font-size:12px;color:#86530f;font-weight:750;line-height:1.6}
.shop-dialog-footer{display:flex;justify-content:space-between;gap:15px;padding:17px 26px;background:#f2f6fc;border-top:1px solid #dbe5f2;flex-shrink:0}
.shop-secondary{background:#e3e9f2;color:#234263}.shop-forward{background:#257dc5;color:white}
.shop-dialog button:focus-visible,.shop-section button:focus-visible{outline:3px solid #3998f0;outline-offset:3px}
.shop-stage[hidden]{display:none!important}
@media(max-width:740px){.shop-highlights{grid-template-columns:1fr}.shop-flow{grid-template-columns:repeat(2,1fr)}.shop-wrap h2{font-size:34px}.shop-dialog-body{padding:18px 18px 7px}.shop-dialog-header{padding:16px 18px}.shop-progress-step{font-size:10px;gap:3px;flex-direction:column;text-align:center}.shop-dialog-footer{padding:13px 18px}.shop-cta{display:block}.shop-cta p{margin-top:12px}.shop-preview-main{width:100%}}
@media(max-width:390px){.shop-platform-select{grid-template-columns:1fr}.shop-slot-state{font-size:10px}.shop-slot-copy strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){.shop-dialog,.shop-highlights{animation:none;transition:none}}
/* L'attribut hidden doit primer sur les boutons flex de la feuille historique. */
.shop-dialog [hidden]{display:none!important}

/* V18.1 : licence multiplateforme et téléphone de secours compris */
.license-examples{font-size:13.5px;line-height:1.65;color:#355779;margin:10px 0 18px;font-weight:600}
.install-panel-main .install-phone-note{margin:15px 0 0;font-size:14px;line-height:1.65;color:#24628f;font-weight:650}
.shop-slot-explanation{font-size:14px;line-height:1.65;color:#3e6183;margin:5px 0 10px}

/* V21.10 : liens légaux */
.legal-footer-links a{color:inherit;text-decoration:underline;text-underline-offset:3px;display:inline-block;margin:3px 2px}.legal-footer-links a:focus-visible{outline:2px solid #2aa9fc}

/* V39 : mise en avant de la phase découverte, sans vente ni lien fictif */
.discovery-banner{background:linear-gradient(110deg,#f0f7ff 0%,#fff8e9 100%);padding:52px 20px;border-bottom:1px solid #dce5f3}
.discovery-banner-inner{max-width:1040px;margin:auto;text-align:center}
.discovery-mark{font-size:.79rem;letter-spacing:.15em;font-weight:800;color:#996322;margin-bottom:12px}
.discovery-banner h2{font-size:clamp(1.65rem,3.2vw,2.8rem);margin:0 0 14px;color:#182846;line-height:1.18}
.discovery-banner p{max-width:850px;margin:0 auto 22px;color:#32445f;line-height:1.7;font-size:1.04rem}
.future-sale{display:block;text-align:center;font-weight:700;color:#795420;background:#fff4df;border:1px solid #e9d7b3;border-radius:13px;padding:14px 12px}


/* SITE-V40 — Private email exchange, no public message storage or public reviews. */
.private-contact{background:linear-gradient(120deg,#0b1b37,#153b5e);padding:58px 20px;color:#f9fcff}
.private-contact-wrap{max-width:830px;margin:auto}
.private-contact .eyebrow{color:#9bdcfb;text-align:center;font-weight:800;letter-spacing:.13em}
.private-contact h2{color:white;text-align:center;font-size:clamp(1.7rem,3.4vw,2.55rem);line-height:1.18;margin:12px auto 16px}
.private-contact-icon{text-align:center;font-size:2.7rem;color:#aee5ff}
.private-contact-lead{max-width:770px;text-align:center;color:#dbe8f6;margin:0 auto 27px;line-height:1.65}
.private-contact-form{background:#fff;border-radius:17px;padding:25px;color:#23354b;box-shadow:0 18px 35px #0002;display:grid;gap:16px}
.private-contact-form label{display:grid;gap:6px;font-size:.95rem;font-weight:700}
.private-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.private-contact-form input:not([type=checkbox]),.private-contact-form select,.private-contact-form textarea{width:100%;box-sizing:border-box;background:white;border:1px solid #a7bcd3;border-radius:9px;padding:12px 13px;font:inherit;color:#172b40}
.private-contact-form input:focus,.private-contact-form textarea:focus,.private-contact-form select:focus{outline:3px solid #78bef566;border-color:#2177b9}
.private-contact-form textarea{resize:vertical;min-height:110px}
.private-contact-form .private-consent{display:flex;gap:11px;align-items:start;font-weight:400;line-height:1.5}
.private-consent input{margin-top:5px;accent-color:#1368ae}
.private-clarity{font-size:.9rem;color:#526178;margin:0;line-height:1.5}
.private-form-actions{display:flex;flex-wrap:wrap;gap:12px}
.private-form-actions button{cursor:pointer}
.private-contact-feedback{margin:0;min-height:1em;font-weight:650;color:#1868a5}
.private-direct{margin:0;font-size:.92rem;color:#56647a;overflow-wrap:anywhere}
.private-direct a{color:#1165a4}
@media(max-width:650px){.private-fields{grid-template-columns:1fr}.private-contact-form{padding:19px}.private-form-actions .btn{width:100%}}

/* V42: access to free Windows/Android downloads across sections; no installer URL until validated. */
.v42-jump-download{display:flex;justify-content:center;margin:32px auto 12px;}
.v42-jump-download a{min-width:240px;text-align:center;}
.v42-platform-shortcuts{display:flex;gap:16px;flex-wrap:wrap;margin:18px 0 22px;}
.v42-shortcut{flex:1 1 245px;text-align:center;display:block;padding:17px 21px;border:1px solid rgba(255,255,255,.35);border-radius:14px;background:rgba(255,255,255,.13);color:white;font-weight:800;text-decoration:none;}
.v42-shortcut:hover,.v42-shortcut:focus-visible{background:rgba(255,255,255,.26);color:white;}

/* V43: creator's story, before the features, without an intrusive modal. */
.creator-story{padding-top:55px;padding-bottom:55px;background:linear-gradient(110deg,#eaf2ff 0%,#fffaf3 100%)}
.creator-story-inner{max-width:1200px;margin:auto;display:grid;grid-template-columns:105px 1fr;gap:30px;align-items:center;padding:38px 44px;border:1px solid #dae6f3;border-radius:28px;background:#ffffffdb;box-shadow:0 18px 40px #172c4b12}
.creator-story-icon{height:90px;width:90px;display:grid;place-items:center;border-radius:22px;font-size:46px;color:#eb8b30;background:linear-gradient(145deg,#fff0dd,#f0f6ff)}
.creator-story-copy h2{font-family:Georgia,serif;color:#122a49;font-size:clamp(27px,3vw,40px);margin:0 0 18px;line-height:1.18}
.creator-story-copy p{color:#344b63;font-size:17px;line-height:1.8;margin:0 0 14px}
.creator-story-copy .creator-story-closing{font-size:17px;font-weight:750;color:#102e51;margin:15px 0 0}
@media(max-width:700px){.creator-story-inner{grid-template-columns:1fr;gap:10px;padding:26px 22px}.creator-story-icon{height:58px;width:58px;font-size:32px}.creator-story-copy p{font-size:15px}}


/* SITE V44 — Hero visual for creator's testimony and readable private-contact category. */
.creator-story-inner{grid-template-columns:minmax(240px,38%) minmax(0,1fr);padding:18px;gap:30px;align-items:stretch;overflow:hidden}
.creator-story-photo{height:100%;min-height:310px;overflow:hidden;border-radius:20px;align-self:stretch}
.creator-story-photo img{width:100%;height:100%;min-height:310px;display:block;object-fit:cover;object-position:50% 50%}
.creator-story-copy{min-width:0;align-self:center;padding:18px 20px 18px 0}
.private-contact-form label:has(> #pm-contact-topic){width:100%;min-width:0}
#pm-contact-topic{min-width:260px;width:100%;min-height:49px;max-width:100%;padding-right:38px;white-space:normal;text-overflow:clip}
@media(max-width:800px){.creator-story-inner{grid-template-columns:1fr;gap:14px;padding:18px}.creator-story-photo,.creator-story-photo img{height:220px;min-height:220px}.creator-story-copy{padding:12px 9px 17px}}
@media(max-width:400px){#pm-contact-topic{min-width:0;width:100%;font-size:15px}}


/* SITE-V46 — Licence commune Windows/Android et smartphone de secours */
.v46-licence-summary{margin:26px 0 18px;display:grid;grid-template-columns:minmax(150px,220px) 1fr;align-items:center;gap:24px;border:1px solid #cbdcf2;border-radius:22px;padding:24px;background:linear-gradient(125deg,#eef5ff,#ffffff);box-shadow:0 8px 28px rgba(20,35,59,.06)}
.v46-licence-price{text-align:center;display:flex;flex-direction:column;gap:5px}
.v46-licence-price strong{font-size:clamp(40px,5vw,58px);color:#153c75;line-height:1}
.v46-licence-price span{font-size:13px;font-weight:650;color:#3c536e}
.v46-licence-message h3{font-size:clamp(18px,2.2vw,24px);line-height:1.25;margin:0 0 10px;color:#142d55}
.v46-licence-message p{margin:0 0 9px;line-height:1.55}
.v46-licence-examples{font-size:14px;color:#475569}
.v46-future{display:inline-block;font-size:12px;font-weight:650;color:#5f6c81;margin-top:6px}
@media(max-width:650px){.v46-licence-summary{grid-template-columns:1fr;gap:14px;padding:20px}.v46-licence-price{text-align:left}.v46-licence-price strong{font-size:46px}}