body { padding:0 24px; }
.contenu { max-width:1120px; }
header { position:relative; padding:110px 0 64px; text-align:left; isolation:isolate; }
.marque { color:var(--blanc); letter-spacing:.32em; font-size:14px; }
header h1 { max-width:780px; font-family:Georgia,'Times New Roman',serif; font-size:clamp(40px,6.3vw,76px); font-weight:400; line-height:1.06; letter-spacing:-.035em; margin-top:28px; }
.intro { margin:26px 0 0; max-width:620px; font-size:18px; }
.duo { gap:24px; margin-top:56px; }
.carte { position:relative; overflow:hidden; padding:36px 26px 30px; border-radius:24px; }
.carte img { max-width:260px; filter:drop-shadow(0 10px 35px #d3228633); }
.carte h2 { letter-spacing:.09em; font-size:22px; }
.carte .ligne { font-size:16px; }
section { padding:76px 0; }
section > h2 { max-width:860px; font-family:Georgia,'Times New Roman',serif; font-weight:400; font-size:clamp(30px,4.3vw,48px); }
.points { grid-template-columns:1fr 1fr; gap:30px 44px; }
.points span { color:var(--gris); }
.bouton { border-radius:999px; padding:13px 24px; }
.planche { max-width:920px; margin-inline:auto; background:#08070a; }
.tableau-prix { max-width:820px; }
.avis { max-width:820px; }
.preview-back { display:inline-block; margin-top:18px; color:var(--gris); font-size:13px; }
body[data-style='prune'] { --noir:#100913; --panneau:#201225; --blanc:#fff4fa; --gris:#d3bdcf; --gris2:#c0a4bb; --or:#f7c88b; --rose:#ff8bb9; --trait:#492a44; background:radial-gradient(ellipse at 75% 12%,#62144855,transparent 42%),#100913; }
body[data-style='prune'] header::before { content:''; position:absolute; inset:40px -18px 0; background:radial-gradient(ellipse at 70% 34%,#b3186740,transparent 64%); z-index:-1; }
body[data-style='prune'] .carte { background:radial-gradient(ellipse at 50% 30%,#5d184b,transparent 65%),#1b1020; }
body[data-style='prune'] header > .marque { display:none; }
body[data-style='prune'] header { padding-top:70px; }
body[data-style='prune'] .electric-sign { position:relative;isolation:isolate;min-height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 24px 40px;margin-top:22px; }
body[data-style='prune'] .electric-sign::before{content:'';position:absolute;inset:-15px -18px;background:radial-gradient(ellipse at 42% 48%,#9900ff20,transparent 60%),radial-gradient(ellipse at 68% 62%,#ff00991c,transparent 60%);z-index:-1}
body[data-style='prune'] .signature-arcs { position:absolute;width:350px;height:350px;left:3%;top:50%;transform:translateY(-50%);z-index:-1;opacity:.75;filter:drop-shadow(0 0 7px #9900ff80); }
body[data-style='prune'] .electric-sign h1 {display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;column-gap:.18em;max-width:none;margin:0;font-family:Archivo,system-ui,sans-serif;font-weight:800;letter-spacing:-.055em;font-size:clamp(48px,8vw,104px);line-height:1.2;}
body[data-style='prune'] .electric-apex{color:#cc00ff;text-shadow:0 0 14px #cc00ff70,0 0 40px #9900ff50}
body[data-style='prune'] .electric-studio{color:#ff0099;font-weight:500;text-shadow:0 0 14px #ff009960,0 0 40px #ff009935}
body[data-style='prune'] .electric-subtitle { margin-top:24px;color:#ecd4e8;letter-spacing:.055em;text-align:center;font-size:16px; }
body[data-style='prune'] .intro {margin:18px auto 0;text-align:center;max-width:760px}
body[data-style='prune'] .preview-back{margin-top:0}
@media(max-width:680px){
  body[data-style='prune'] .electric-sign{min-height:270px;padding-inline:0}
  body[data-style='prune'] .signature-arcs{width:250px;height:250px;left:-12px;opacity:.4}
  body[data-style='prune'] .electric-sign h1{flex-wrap:nowrap;column-gap:.12em;font-size:clamp(32px,9vw,62px);transform:translateY(12px)}
  body[data-style='prune'] .electric-subtitle{font-size:14px;max-width:none;margin-top:36px;line-height:1.65}
  body[data-style='prune'] .electric-subtitle span{display:block}
}
body[data-style='creme'] { --noir:#fff5e9; --panneau:#fffbf6; --blanc:#3f0b27; --gris:#725167; --gris2:#79586c; --or:#8b3a58; --rose:#8b3056; --trait:#e7d5d6; background:#fff5e9; }
body[data-style='creme'] header::before,body[data-style='mixte'] header::before { content:''; position:absolute; width:440px;height:330px;right:-24px;top:45px;z-index:-1;background-image:linear-gradient(90deg,#fff5e9,transparent 55%),linear-gradient(0deg,#fff5e9,transparent 40%),url('jardin.png');background-size:auto,auto,220% auto;background-position:center,center,right center;opacity:.65; }
body[data-style='creme'] .carte { background:#fffbf6;box-shadow:0 12px 36px #45172c09; }
body[data-style='creme'] .bouton.fort { color:#fff8ef; }
body[data-style='mixte'] { --noir:#130b16;--panneau:#241327;--blanc:#fff1f8;--gris:#d5bfd0;--gris2:#c8a8bd;--or:#f1c790;--rose:#ff9bbd;--trait:#472b42;background:#130b16; }
body[data-style='mixte'] header { --blanc:#3f0b27;--gris:#705165;--gris2:#79586c;--or:#8b3a58;--rose:#8b3056;--trait:#e7d5d6; }
body[data-style='mixte'] header::after { content:'';position:absolute;inset:0 calc((1120px - 100vw)/2);background:#fff5e9;z-index:-2; }
body[data-style='mixte'] header .carte { background:#1a0d1f;--blanc:#fff1f8;--gris2:#d5bfd0;--trait:#54324b;--panneau:#28152c; }
body[data-style='mixte'] header .carte h2 {color:#fff1f8;}
@media(max-width:1168px){body[data-style='mixte'] header::after{inset:0 -24px}}
@media(max-width:680px){body{padding:0 18px}header{padding-top:100px}header::before{max-width:75%;opacity:.3!important}.points{grid-template-columns:1fr}.duo{margin-top:36px}.carte img{max-width:220px}section{padding:52px 0}.tableau-prix th,.tableau-prix td{padding:12px 5px;font-size:14px}.bouton{font-size:15px;padding:12px 18px}body[data-style='mixte'] header::after{inset:0 -18px}}