@font-face{font-family:'TAN Buster';src:url(/fonts/tan-buster.woff2) format('woff2');font-weight:400;font-display:swap}

:root{
  /* couleurs charte */
  --beige:#ECD5BE; --creme:#F5EADC; --orange:#E2742C; --prune:#4B0D50;
  --bleu:#02283E; --jaune:#F6AE25; --mauvepop:#B878EA;
  --ink:#3a2416; --lisere:rgba(75,13,80,.12);
  /* LARGEURS CANONIQUES — définies une seule fois, utilisées partout */
  --w-container:1200px;   /* largeur max du contenu, avec marges */
  --w-lecture:640px;      /* largeur max des blocs texte centrés */
  --gutter:40px;          /* marge latérale desktop */
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Prompt',system-ui,sans-serif;background:var(--creme);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}

/* ====== SYSTÈME DE CONTENEURS (les 2 seuls niveaux) ====== */
/* niveau 1 : le container — même largeur pour TOUTES les sections */
.container{max-width:var(--w-container);margin-inline:auto;padding-inline:var(--gutter)}
/* niveau 2 : lecture — bloc texte centré, une seule largeur partout */
.lecture{max-width:var(--w-lecture);margin-inline:auto}

/* ====== TYPO ====== */
h1,h2,h3{line-height:1.15}
.tan,.logo,.respi .rt .t,.geste .n,.pricebox .num,.contact .mail,
.tag{display:inline-block;font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--orange);margin-bottom:22px}
section.plum .tag{color:var(--jaune)}
h2.big{font-family:'Prompt',sans-serif;font-weight:700;font-size:clamp(28px,3vw,42px);letter-spacing:-.015em;color:var(--prune);margin-bottom:26px;line-height:1.18}
.cp{font-size:19px;line-height:1.68;color:#4a3423;margin-bottom:18px}
.cp:last-child{margin-bottom:0}
section.plum .cp{color:var(--beige);opacity:.92}

/* ====== SECTIONS ====== */
section{padding:120px 0}
.center{text-align:center}
section.plum{background:var(--prune);color:var(--beige)}
section.plum h2.big{color:#fff}
section.creme{background:var(--creme)}
section.beige{background:var(--beige)}

/* ====== HERO ====== */
.hero{position:relative;min-height:100vh;background:var(--beige);display:flex;flex-direction:column;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;
  background:url(/img/onde-orange.webp) no-repeat center 20%;
  background-size:min(1300px,140%);opacity:.28;z-index:0;pointer-events:none}
.hero .topbar{position:relative;z-index:3;display:flex;justify-content:center;padding:34px}
.logo{font-family:'TAN Buster',serif;font-size:34px;color:var(--orange);letter-spacing:.02em;text-decoration:none;cursor:pointer}
.logo i{font-style:normal;color:var(--orange)}
.hero .core{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px var(--gutter) 90px}
.eq{display:flex;gap:5px;align-items:center;justify-content:center;height:96px;margin-bottom:44px}
.eq i{display:block;width:6px;height:12px;border-radius:4px;background:var(--orange);animation:eq 1.4s ease-in-out infinite}
.eq i:nth-child(2n){background:var(--prune)}
.eq i:nth-child(1){height:38%}.eq i:nth-child(2){height:66%;animation-delay:.1s}
.eq i:nth-child(3){height:30%;animation-delay:.2s}.eq i:nth-child(4){height:88%;animation-delay:.3s}
.eq i:nth-child(5){height:52%;animation-delay:.15s}.eq i:nth-child(6){height:100%;animation-delay:.25s}
.eq i:nth-child(7){height:44%;animation-delay:.05s}.eq i:nth-child(8){height:72%;animation-delay:.35s}
.eq i:nth-child(9){height:34%;animation-delay:.2s}
@keyframes eq{0%,100%{height:12px;opacity:.5}50%{height:var(--h,70px);opacity:1}}
.eq i:nth-child(1){--h:38px;animation-delay:-.95s;animation-duration:1.55s}
.eq i:nth-child(2){--h:62px;animation-delay:-.35s;animation-duration:1.20s}
.eq i:nth-child(3){--h:88px;animation-delay:-.70s;animation-duration:1.45s}
.eq i:nth-child(4){--h:50px;animation-delay:-.15s;animation-duration:1.30s}
.eq i:nth-child(5){--h:96px;animation-delay:-.55s;animation-duration:1.65s}
.eq i:nth-child(6){--h:44px;animation-delay:-.85s;animation-duration:1.25s}
.eq i:nth-child(7){--h:78px;animation-delay:-.25s;animation-duration:1.50s}
.eq i:nth-child(8){--h:56px;animation-delay:-.65s;animation-duration:1.35s}
.eq i:nth-child(9){--h:34px;animation-delay:-.45s;animation-duration:1.60s}
.eq i:nth-child(2n){background:var(--prune)}
50%{transform:scaleY(1)}}
.hero .rot{position:relative;height:140px;width:100%;max-width:var(--w-lecture);margin-inline:auto}
.hero .rot p{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-family:'TAN Buster',serif;font-size:clamp(24px,2.6vw,34px);line-height:1.18;color:var(--prune);
  font-style:italic;opacity:0;transition:opacity .9s;padding:0 10px}
.scrolldown{margin-top:36px;font-size:13px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--prune);border:1.5px solid rgba(75,13,80,.55);border-radius:30px;padding:14px 28px;background:transparent;cursor:pointer;font-family:inherit}

/* ====== RESPIRATION (pleine largeur) ====== */
.respi{position:relative;height:78vh;min-height:520px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:linear-gradient(135deg,#c98a52,#8a5a2b)}
.respi .ph-note{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.35);font-size:13px;letter-spacing:.1em}
.respi .overlay{position:absolute;inset:0;background:rgba(2,40,62,.28)}
.respi .rt{position:relative;z-index:3;color:#fff}
.respi .rt .t{font-size:clamp(44px,6vw,84px);text-shadow:0 4px 30px rgba(0,0,0,.35)}
.respi .rt .s{font-size:clamp(18px,2vw,24px);font-style:italic;font-weight:300;margin-top:20px;text-shadow:0 2px 14px rgba(0,0,0,.4)}

/* ====== 2 COLONNES ====== */
.two{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.two.rev .txtcol{order:2}
.two .txtcol h2{font-family:'Prompt',sans-serif;font-weight:700;font-size:clamp(26px,2.6vw,38px);letter-spacing:-.015em;color:var(--prune);margin-bottom:24px;line-height:1.2}
section.plum .two .txtcol h2{color:#fff}

/* ====== GESTES ====== */
.gestes{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:60px}
.geste .vid{aspect-ratio:3/4;border-radius:14px;background:rgba(75,13,80,.06);border:1px dashed rgba(75,13,80,.25);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;margin-bottom:22px;color:rgba(75,13,80,.5)}
.geste .vid .play{width:56px;height:56px;border-radius:50%;background:var(--orange);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px}
.geste .n{display:inline-flex;width:32px;height:32px;border-radius:9px;background:var(--jaune);color:var(--prune);font-size:17px;align-items:center;justify-content:center;margin-bottom:14px}
.geste p{font-size:16px;line-height:1.5;color:#4a3423}

/* ====== PICTOS ====== */
.pictos{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:60px;max-width:var(--w-lecture);margin-inline:auto}
.picto{text-align:center}
.picto .ic{width:74px;height:74px;border-radius:50%;border:2px solid var(--orange);margin:0 auto 20px;display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--orange)}
.picto b{display:block;font-size:18px;color:var(--prune);font-weight:600}

/* ====== PLACEHOLDERS IMAGE ====== */
.ph{background:rgba(75,13,80,.06);border:1px dashed rgba(75,13,80,.22);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:rgba(75,13,80,.5);text-align:center;padding:30px}
.ph .lbl{font-size:14px;letter-spacing:.05em}.ph .sub{font-size:12px;opacity:.7}
.ph.r43{aspect-ratio:4/3}.ph.r11{aspect-ratio:1/1}.ph.r169{aspect-ratio:16/9}
section.plum .ph{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.22);color:rgba(255,255,255,.5)}
.canevas{margin-top:20px;border-left:3px solid var(--orange);background:rgba(226,116,44,.08);border-radius:0 10px 10px 0;padding:16px 20px;font-size:15px;font-style:italic;color:#6a4a2a}

/* ====== FORMULAIRE ====== */
.formwrap{max-width:var(--w-lecture);margin-inline:auto;text-align:left}
.pricebox{background:var(--jaune);border-radius:18px;padding:38px;text-align:center;margin-bottom:32px}
.pricebox .num{font-size:64px;color:var(--prune)}
.pricebox .lab{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--prune);opacity:.75;margin-top:6px}
.field{background:#fff;border:1px solid var(--lisere);border-radius:12px;padding:18px 20px;color:#8a7a68;font-size:16px;margin-bottom:22px}
.qlab{font-size:15px;color:var(--prune);opacity:.8;margin-bottom:12px;font-weight:500}
.chips{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:26px}
.chips span{border:1px solid rgba(75,13,80,.3);border-radius:30px;padding:11px 20px;font-size:15px;color:var(--prune);cursor:pointer;transition:.15s}
.chips span:hover{background:var(--prune);color:var(--beige)}
.submit{background:var(--orange);color:#fff;text-align:center;border-radius:30px;padding:20px;font-size:17px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;cursor:pointer;margin-top:8px}
.scarce{text-align:center;font-size:14px;color:var(--prune);opacity:.7;margin-top:18px}

/* ====== FAQ ====== */
.faq{max-width:var(--w-lecture);margin-inline:auto}
.qa{border-bottom:1px solid var(--lisere);padding:22px 4px;display:flex;justify-content:space-between;gap:20px;cursor:pointer}
.qa b{font-size:18px;font-weight:500;color:var(--prune)}
.qa .plus{color:var(--orange);font-size:24px}
.contact{text-align:center;margin-top:50px}
.contact .mail{font-size:28px;color:var(--orange)}

/* ====== FOOTER ====== */


/* ====== STICKY CTA — bandeau pleine largeur bas d'écran ====== */
.stickycta{position:fixed;left:0;right:0;bottom:0;z-index:50;
  background:var(--prune);color:var(--beige);
  display:flex;align-items:center;justify-content:center;gap:16px;
  padding:14px 20px;
  transform:translateY(110%);transition:transform .35s cubic-bezier(.2,.8,.2,1);cursor:pointer;
  box-shadow:0 -6px 24px rgba(75,13,80,.18);border-top:1px solid rgba(246,174,37,.25)}
.stickycta.on{transform:translateY(0)}
.stickycta .lab{font-size:15px;font-weight:600;letter-spacing:.02em}
.stickycta .btn{width:34px;height:34px;border-radius:50%;background:var(--orange);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:17px;flex:0 0 auto}
@media(max-width:900px){
  .stickycta{padding:13px 18px;gap:12px}
  .stickycta .lab{font-size:14px}
}

/* ====== RESPONSIVE MOBILE ====== */
@media(max-width:900px){
  :root{--gutter:22px}
  section{padding:72px 0}
  .two{grid-template-columns:1fr;gap:40px}
  .two.rev .txtcol{order:0}
  /* GESTES : pleine largeur empilée, PAS des vignettes */
  .gestes{grid-template-columns:1fr;gap:32px;margin-top:44px}
  .geste .vid{aspect-ratio:16/10;width:100%;margin-bottom:16px}
  .pictos{grid-template-columns:1fr;gap:28px}
  .cp{font-size:17px}
  .respi{height:60vh}
}

/* ====== MESSAGES À OFFRIR (carrousel de cartes-bulles) ====== */
.msg-carousel{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:40px 4px 24px;margin-top:20px;-webkit-overflow-scrolling:touch}
.msg-carousel::-webkit-scrollbar{height:6px}
.msg-carousel::-webkit-scrollbar-thumb{background:rgba(75,13,80,.25);border-radius:3px}
.msg-card{scroll-snap-align:center;flex:0 0 auto;width:300px;background:#fff;border-radius:20px 20px 20px 6px;
  padding:28px 26px;box-shadow:0 8px 30px rgba(75,13,80,.08);border:1px solid rgba(75,13,80,.06);
  display:flex;flex-direction:column;gap:16px}
.msg-card .msg-age{align-self:flex-start;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;
  color:var(--orange);background:rgba(226,116,44,.1);padding:5px 12px;border-radius:20px}
.msg-card p{font-family:'Prompt',sans-serif;font-style:italic;font-size:17px;line-height:1.5;color:var(--prune)}
@media(max-width:900px){
  .msg-carousel{gap:16px;padding:28px 0 20px}
  .msg-card{width:80vw;max-width:300px}
}

/* ====== HERO CAPTION ====== */
.caption{position:relative;min-height:130px;width:100%;max-width:760px;margin:0 auto;text-align:center;
  font-family:'Prompt',sans-serif;font-weight:600;font-size:clamp(25px,3vw,40px);line-height:1.25;color:var(--prune);
  display:flex;align-items:center;justify-content:center}
.caption-inner{line-height:1.25}
.caption .w{display:inline-block;opacity:0;transform:translateY(6px) scale(.94);
  transition:opacity .14s ease,transform .14s cubic-bezier(.34,1.3,.5,1);vertical-align:baseline}
.caption .w.show{opacity:1;transform:translateY(0) scale(1)}
@media(prefers-reduced-motion:reduce){.caption .w{transition:none;opacity:1;transform:none}}

/* ====== SECTION MESSAGES (fond jaune) ====== */
section.jaune{background:var(--jaune);padding:110px 0}
section.jaune .tag-plum{color:var(--prune);opacity:.75}
section.jaune h2.big{color:var(--prune)}
section.jaune .cp{color:var(--prune);opacity:.85}

/* ====== SLIDER ====== */
.slider-wrap{position:relative;margin-top:56px}
.slider{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;
  padding:8px calc((100vw - var(--w-container))/2 + var(--gutter)) 8px;
  scrollbar-width:none;-webkit-overflow-scrolling:touch}
.slider::-webkit-scrollbar{display:none}
/* desktop : 3 cartes visibles + peek de la 4e (~25%) */
.msg-card{scroll-snap-align:start;flex:0 0 calc((var(--w-container) - 2*var(--gutter) - 2*24px)/3 - 18px);
  background:#FBF3E7;border-radius:20px;padding:30px 28px;display:flex;flex-direction:column;gap:16px;
  box-shadow:0 10px 34px rgba(75,13,80,.10);min-height:250px}
.msg-card.dark{background:var(--bleu)}
.msg-card.pop{background:var(--mauvepop)}
.msg-head{display:flex;justify-content:space-between;align-items:center}
.msg-num{font-family:'TAN Buster',serif;font-size:22px;color:var(--prune);opacity:.5}
.msg-card.dark .msg-num,.msg-card.pop .msg-num{color:#fff;opacity:.7}
.msg-badge{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;
  background:var(--jaune);color:var(--prune);padding:5px 11px;border-radius:20px}
.msg-persona{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--orange);line-height:1.4}
.msg-card.dark .msg-persona,.msg-card.pop .msg-persona{color:var(--jaune)}
.msg-card p{font-family:'Prompt',sans-serif;font-style:italic;font-size:17px;line-height:1.5;color:var(--prune);flex:1}
.msg-card.dark p{color:var(--beige)}
.msg-card.pop p{color:#fff}
.msg-cta{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--prune);opacity:.8}
.msg-card.dark .msg-cta,.msg-card.pop .msg-cta{color:#fff}

/* flèches (desktop seulement) */
.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;
  width:52px;height:52px;border-radius:50%;border:none;background:var(--prune);color:var(--beige);
  font-size:26px;line-height:1;cursor:pointer;box-shadow:0 6px 22px rgba(75,13,80,.3);transition:opacity .2s}
.slider-arrow.prev{left:24px}.slider-arrow.next{right:24px}
.slider-arrow:disabled{opacity:.3;cursor:default}
.slider-arrow:hover:not(:disabled){opacity:.85}

/* bullets (1 par page) */
.slider-bullets{display:flex;justify-content:center;gap:10px;margin-top:34px}
.slider-bullets button{width:9px;height:9px;border-radius:50%;border:none;padding:0;cursor:pointer;
  background:var(--prune);opacity:.3;transition:opacity .2s,width .2s}
.slider-bullets button.active{opacity:1;width:28px;border-radius:5px}

@media(max-width:900px){
  section.jaune{padding:64px 0}
  .slider{gap:16px;padding-left:var(--gutter);padding-right:var(--gutter);scroll-padding-left:var(--gutter)}
  /* mobile : 1 carte + peek de la suivante */
  .msg-card{flex:0 0 82%}
  .slider-arrow{display:none}
}

/* ====== FINITIONS (vignettes cliquables) ====== */
.finitions{display:flex;gap:16px;margin-bottom:26px}
.finition{flex:1;background:none;border:none;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;font-family:inherit}
.fin-vignette{width:100%;aspect-ratio:1/1;max-width:96px;border-radius:14px;
  background:rgba(75,13,80,.07);border:1px dashed rgba(75,13,80,.22);transition:.18s}
.finition:hover .fin-vignette{border-color:var(--orange)}
.finition.sel .fin-vignette{border:2px solid var(--orange);background:rgba(226,116,44,.08)}
.fin-nom{font-size:13px;color:var(--prune);text-align:center;position:relative;padding-bottom:3px}
.finition.sel .fin-nom{font-weight:600}
.finition.sel .fin-nom::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--orange)}

/* CTA cartes messages = bouton */
.msg-cta{background:none;border:none;padding:0;font-family:inherit;text-align:left;cursor:pointer;
  font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--prune);opacity:.8;transition:opacity .15s}
.msg-cta:hover{opacity:1}
.msg-card.dark .msg-cta,.msg-card.pop .msg-cta{color:#fff}

/* pictos : forcer une seule ligne même en mobile */
@media(max-width:900px){
  .pictos{grid-template-columns:repeat(3,1fr);gap:14px}
  .picto .ic{width:56px;height:56px;font-size:22px}
  .picto b{font-size:13px}
}

/* slider : curseur grab pour signaler le drag */
.slider{cursor:grab}
.slider.dragging{cursor:grabbing;scroll-snap-type:none}
.slider.dragging .msg-card{pointer-events:none}

/* ====== FAQ accordéon (réponses dépliables) ====== */
.qa{display:block;border-bottom:1px solid var(--lisere);padding:0}
.qa-q{display:flex;justify-content:space-between;gap:20px;cursor:pointer;padding:22px 4px;align-items:center}
.qa-q b{font-size:18px;font-weight:500;color:var(--prune)}
.qa .plus{color:var(--orange);font-size:24px;flex:0 0 auto;transition:transform .2s}
.qa-r{max-height:0;overflow:hidden;transition:max-height .3s ease}
.qa-r p{padding:0 4px 22px;font-size:16px;line-height:1.6;color:#4a3423;max-width:600px}
.qa.open .qa-r{max-height:240px}

/* ====== CONTACT ====== */
.contact-form{display:flex;flex-direction:column;gap:16px;margin-top:32px}
.contact-form .field{width:100%;font-family:inherit}
.contact-form textarea{resize:vertical;min-height:110px}
.contact-form .submit{align-self:flex-start;border:none}
.cf-turnstile-placeholder{height:0;overflow:hidden}
.ct-status{font-size:14px;margin-top:4px;min-height:20px}
.ct-status.ok{color:#2e7d32}.ct-status.err{color:#c0392b}
.contact-mail{margin-top:28px;font-size:15px;color:var(--prune);opacity:.8}
.contact-mail a{color:var(--orange);text-decoration:none;font-weight:500}
.contact-mail a:hover{text-decoration:underline}

/* ====== FOOTER ====== */
footer{position:relative;background:var(--prune);color:var(--beige);overflow:hidden;padding:80px var(--gutter) 40px}
/* ondes DA en fond, plus présentes qu'avant, dédoublées pour habiller */
footer::before{content:'';position:absolute;top:-10%;right:-15%;width:70%;height:120%;
  background:url(/img/onde-prune.webp) no-repeat center;background-size:contain;
  opacity:.5;filter:brightness(2.2);z-index:0;pointer-events:none;transform:rotate(8deg)}
footer::after{content:'';position:absolute;bottom:-20%;left:-20%;width:55%;height:100%;
  background:url(/img/onde-prune.webp) no-repeat center;background-size:contain;
  opacity:.28;filter:brightness(2.2);z-index:0;pointer-events:none;transform:rotate(-6deg)}
.footer-inner{position:relative;z-index:1;max-width:var(--w-container);margin-inline:auto}
.footer-brand{text-align:center;margin-bottom:44px}
footer .logo{font-family:'TAN Buster',serif;font-size:46px;color:var(--beige);letter-spacing:.02em}
.footer-tag{font-family:'TAN Buster',serif;font-size:17px;color:var(--jaune);margin-top:6px;letter-spacing:.04em}
.footer-trust{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:14px 40px;padding:0;margin:0 0 52px}
.footer-trust li{position:relative;font-size:14px;color:var(--beige);opacity:.85;padding-left:24px}
.footer-trust li::before{content:'✦';position:absolute;left:0;color:var(--jaune);font-size:12px}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px;
  border-top:1px solid rgba(236,213,190,.18);padding-top:26px}
.footer-links{display:flex;gap:26px;flex-wrap:wrap}
.flink{background:none;border:none;padding:0;font-family:inherit;cursor:pointer;
  font-size:13px;color:var(--beige);opacity:.8;text-decoration:none;transition:opacity .15s}
.flink:hover{opacity:1;text-decoration:underline}
.footer-copy{font-size:13px;color:var(--beige);opacity:.6}
@media(max-width:900px){
  footer{padding:60px var(--gutter) 32px}
  .footer-trust{flex-direction:column;align-items:center;gap:12px;margin-bottom:40px}
  .footer-bottom{flex-direction:column;text-align:center}
}

/* ====== POPIN LÉGALES ====== */
.legal-overlay{position:fixed;inset:0;z-index:200;background:rgba(2,40,62,.55);
  display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(3px)}
.legal-overlay[hidden]{display:none}
.legal-modal{position:relative;background:var(--creme);border-radius:20px;max-width:640px;width:100%;
  max-height:82vh;overflow-y:auto;padding:48px 44px;box-shadow:0 30px 80px rgba(2,40,62,.35)}
.legal-close{position:absolute;top:18px;right:20px;background:none;border:none;font-size:30px;
  line-height:1;color:var(--prune);cursor:pointer;opacity:.6}
.legal-close:hover{opacity:1}
.legal-content h3{font-family:'Prompt',sans-serif;font-weight:700;font-size:24px;color:var(--prune);margin-bottom:20px}
.legal-content h4{font-weight:600;font-size:15px;color:var(--prune);margin:22px 0 8px}
.legal-content p{font-size:14px;line-height:1.65;color:#4a3423;margin-bottom:12px}
.legal-content .maj{font-size:12px;opacity:.6;margin-top:24px}