:root{
  --bg:#f8f5ef; --surface:#fffaf3; --card:#ffffff; --text:#211d1a; --muted:#6b6259;
  --line:#eadfce; --brand:#8b5e34; --brand2:#c8a46b; --accent:#2f6f63; --danger:#9f3a38;
  --shadow:0 18px 45px rgba(46,37,26,.12); --radius:28px;
}
[data-theme="dark"]{
  --bg:#11100f; --surface:#181614; --card:#201d19; --text:#f5eadc; --muted:#b9aa98;
  --line:#3a3027; --brand:#d4a86a; --brand2:#f0d59a; --accent:#8bc7b5; --danger:#df8f84;
  --shadow:0 18px 45px rgba(0,0,0,.35);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}
a{color:inherit}.container{width:min(1180px,92%);margin:auto}.topbar{position:sticky;top:0;z-index:50;background:rgba(248,245,239,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}[data-theme="dark"] .topbar{background:rgba(17,16,15,.82)}
.nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{width:44px;height:44px;border-radius:15px;background:linear-gradient(135deg,var(--brand),var(--brand2));display:grid;place-items:center;font-weight:1000;color:#1d1309;box-shadow:var(--shadow);letter-spacing:-.03em}.brand-text{font-weight:1000;letter-spacing:.08em}.brand-sub{font-size:12px;color:var(--muted);letter-spacing:.18em}.navlinks{display:flex;align-items:center;gap:18px}.navlinks a{text-decoration:none;color:var(--muted);font-weight:700}.navlinks a:hover{color:var(--text)}.theme-btn,.menu-btn{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:14px;padding:10px 12px;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.04)}.menu-btn{display:none}.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#1e1409!important;text-decoration:none;font-weight:1000;border-radius:18px;padding:13px 18px;box-shadow:var(--shadow);border:0}.cta.secondary{background:var(--card);color:var(--text)!important;border:1px solid var(--line)}
.hero{position:relative;padding:76px 0 44px;overflow:hidden}.orb{position:absolute;border-radius:999px;filter:blur(18px);opacity:.42;pointer-events:none}.orb.one{width:310px;height:310px;background:var(--brand2);right:-90px;top:60px}.orb.two{width:220px;height:220px;background:var(--accent);left:-90px;bottom:40px}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:34px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:var(--muted);font-weight:800;background:var(--surface)}h1{font-size:clamp(44px,7.2vw,88px);line-height:.9;margin:18px 0 18px;letter-spacing:-.07em}.grad{background:linear-gradient(135deg,var(--brand),var(--brand2));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:clamp(17px,2.2vw,22px);color:var(--muted);line-height:1.55;max-width:670px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px}.trust div{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px;font-weight:850;color:var(--muted)}.box-stage{position:relative;min-height:520px;border-radius:38px;background:linear-gradient(155deg,var(--surface),rgba(255,255,255,.25));border:1px solid var(--line);box-shadow:var(--shadow);padding:24px;overflow:hidden}.mystery-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(340px,75%);aspect-ratio:1;border-radius:44px;background:linear-gradient(145deg,var(--brand),#3c2717);box-shadow:0 30px 90px rgba(0,0,0,.34);display:grid;place-items:center;color:#fff;font-size:100px;animation:floatMystery 4s ease-in-out infinite}.spark{position:absolute;background:var(--brand2);border-radius:50%;animation:pulse 2s infinite}.spark.s1{width:14px;height:14px;top:18%;left:20%}.spark.s2{width:10px;height:10px;right:22%;top:28%;animation-delay:.4s}.spark.s3{width:18px;height:18px;bottom:22%;left:28%;animation-delay:.8s}.floating-card{position:absolute;background:rgba(255,255,255,.72);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:20px;padding:14px 16px;box-shadow:var(--shadow);font-weight:900}[data-theme="dark"] .floating-card{background:rgba(32,29,25,.78)}.fc1{top:36px;left:28px}.fc2{right:26px;bottom:40px}.fc3{right:34px;top:96px}@keyframes floatMystery{0%,100%{transform:translate(-50%,-52%)}50%{transform:translate(-50%,-46%)}}@keyframes pulse{0%,100%{transform:scale(1);opacity:.45}50%{transform:scale(1.8);opacity:1}}
.section{padding:62px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.section h2{font-size:clamp(30px,4vw,52px);letter-spacing:-.04em;margin:0}.muted{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.box-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);position:relative;overflow:hidden}.box-card.featured{transform:translateY(-8px);border-color:var(--brand2)}.tag{display:inline-flex;border-radius:999px;background:rgba(200,164,107,.17);color:var(--brand);padding:7px 10px;font-weight:900;font-size:12px}.price{font-size:44px;font-weight:1000;margin:14px 0}.box-card ul{list-style:none;padding:0;margin:18px 0}.box-card li{padding:8px 0;color:var(--muted);font-weight:750}.box-card li:before{content:'✦ ';color:var(--brand)}.tiny{font-size:13px;color:var(--muted)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step,.story,.faq,.testimonial{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:20px;box-shadow:0 10px 30px rgba(0,0,0,.05)}.step b{font-size:30px;color:var(--brand)}.media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.media{position:relative;min-height:230px;border-radius:26px;overflow:hidden;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.media img,.media video{width:100%;height:100%;object-fit:cover;display:block}.media .caption{position:absolute;left:12px;right:12px;bottom:12px;background:rgba(0,0,0,.48);color:#fff;border-radius:16px;padding:10px;font-weight:850}.drop{background:linear-gradient(135deg,var(--surface),var(--card));border:1px solid var(--line);border-radius:34px;padding:30px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.count{display:flex;gap:10px}.count div{background:var(--card);border:1px solid var(--line);border-radius:18px;min-width:72px;text-align:center;padding:12px}.count b{font-size:28px}.faq details{border-bottom:1px solid var(--line);padding:16px 0}.faq details:last-child{border-bottom:0}.faq summary{cursor:pointer;font-weight:950}.footer{padding:36px 0;border-top:1px solid var(--line);color:var(--muted)}.footer-grid{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.mobile-dock{display:none;position:fixed;z-index:70;left:12px;right:12px;bottom:12px;background:rgba(255,255,255,.78);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:24px;padding:10px;box-shadow:var(--shadow)}[data-theme="dark"] .mobile-dock{background:rgba(32,29,25,.82)}
@media(max-width:920px){.navlinks{display:none;position:absolute;top:74px;left:0;right:0;background:var(--card);border-bottom:1px solid var(--line);padding:18px;flex-direction:column}.navlinks.open{display:flex}.menu-btn{display:block}.hero-grid,.drop{grid-template-columns:1fr}.box-stage{min-height:420px}.cards{grid-template-columns:1fr}.box-card.featured{transform:none}.grid-4,.media-grid{grid-template-columns:repeat(2,1fr)}.trust{grid-template-columns:1fr}.mobile-dock{display:block}.mobile-dock .cta{width:100%}}
@media(max-width:560px){.grid-4,.media-grid{grid-template-columns:1fr}.hero{padding-top:42px}.nav{height:68px}.brand-sub{display:none}.box-stage{min-height:330px}.mystery-box{font-size:74px;border-radius:34px}.floating-card{font-size:13px}.section{padding:42px 0}.count{flex-wrap:wrap}.count div{flex:1}.price{font-size:38px}}


/* SORPREBOX v2 - Hero administrable */
.hero-carousel{isolation:isolate;}
.hero-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .8s ease, transform .8s ease;transform:scale(1.025);display:grid;place-items:center;padding:24px;}
.hero-slide.active{opacity:1;pointer-events:auto;transform:scale(1);}
.hero-slide img,.hero-slide video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.95) contrast(.96);}
.hero-slide:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.05),transparent 30%),linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.48));z-index:1;}
[data-theme="light"] .hero-slide:after{background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.18),transparent 32%),linear-gradient(180deg,rgba(255,250,243,.06),rgba(50,32,18,.42));}
.hero-slide .mystery-box{z-index:2;}
.hero-slide-copy{position:absolute;left:22px;right:22px;bottom:22px;z-index:3;background:rgba(17,16,15,.54);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:15px 16px;color:#fff;box-shadow:0 18px 55px rgba(0,0,0,.2)}
.hero-slide-copy strong{display:block;font-size:clamp(18px,2.2vw,28px);font-weight:1000;letter-spacing:-.04em;margin-bottom:4px}
.hero-slide-copy span{display:block;font-size:14px;line-height:1.45;color:rgba(255,255,255,.86);font-weight:700}
.hero-carousel .floating-card,.hero-carousel .spark{z-index:4;}
@media(max-width:560px){.hero-slide-copy{left:14px;right:14px;bottom:14px;border-radius:18px}.hero-slide-copy strong{font-size:18px}.hero-slide-copy span{font-size:13px}}