:root{
--beige:#F5F0EA;
--beige-2:#E8E4DF;
--carte:#FBF8F3;
--magenta:#E91E8C;
--noir:#1E1E1E;
--anthracite:#2B2B2B;
--gris:#4A4A4A;
--gris-clair:#8E8884;
--clair:#D6D6D7;
--blanc:#FFFFFF;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Poppins',sans-serif;font-weight:400;color:var(--noir);background:var(--beige);line-height:1.7;overflow-x:hidden;}
h1,h2{font-family:'Unica One',sans-serif;text-transform:uppercase;font-weight:400;letter-spacing:.02em;line-height:1.05;}
a{color:inherit;text-decoration:none;}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px;}
.narrow{max-width:760px;margin:0 auto;padding:0 24px;}
.rose{color:var(--magenta);}
.eyebrow{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.16em;color:var(--magenta);margin-bottom:14px;}
h2{font-size:clamp(28px,4.4vw,40px);margin-bottom:20px;}
section{padding:60px 0;}
.txt p{font-size:clamp(16px,2vw,18px);color:var(--gris);margin-bottom:18px;font-weight:400;}
.txt a{color:var(--magenta);text-decoration:underline;}

header.nav{position:sticky;top:0;z-index:50;background:rgba(245,240,234,.9);backdrop-filter:blur(8px);border-bottom:1px solid rgba(30,30,30,.06);}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;}
.brand{font-family:'Unica One',sans-serif;text-transform:uppercase;font-size:20px;letter-spacing:.04em;}
.brand .pt{color:var(--magenta);}
.nav-links{display:flex;gap:22px;font-size:14px;font-weight:400;}
.nav-links a:hover{color:var(--magenta);}
.nav-cta{background:var(--magenta);color:var(--blanc);padding:10px 18px;border-radius:999px;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;}
.burger{display:none;font-size:26px;cursor:pointer;background:none;border:0;}

.crumb{font-size:13px;color:var(--gris-clair);margin-bottom:26px;}
.crumb a:hover{color:var(--magenta);}
.hero{padding:70px 0 60px;text-align:center;}
.pill{display:inline-block;border:1.5px solid var(--magenta);color:var(--magenta);padding:6px 16px;border-radius:999px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;margin-bottom:26px;}
.hero h1{font-size:clamp(30px,6.6vw,72px);margin-bottom:24px;overflow-wrap:break-word;}
.hero .tag{font-weight:400;font-size:clamp(16px,2.2vw,20px);color:var(--gris);max-width:700px;margin:0 auto 36px;}
.btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}
.btn{display:inline-block;padding:15px 30px;border-radius:999px;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;transition:transform .15s ease;}
.btn:hover{transform:translateY(-2px);}
.btn-primary{background:var(--magenta);color:var(--blanc);}
.btn-ghost{border:1.5px solid var(--noir);color:var(--noir);}

.dark{background:var(--anthracite);color:var(--blanc);}
.dark h2{color:var(--blanc);}
.dark .txt p{color:var(--clair);}

.tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-top:36px;}
.tool{background:var(--carte);border-radius:18px;padding:28px 26px;border:1px solid rgba(30,30,30,.06);}
.tool .kl{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--magenta);margin-bottom:12px;}
.tool h3{font-family:'Poppins',sans-serif;font-weight:700;font-size:18px;line-height:1.3;margin-bottom:10px;}
.tool p{font-size:14.5px;color:var(--gris);font-weight:400;}
.tool a{color:var(--magenta);text-decoration:underline;}

.faq{margin-top:30px;}
.faq details{background:var(--carte);border:1px solid rgba(30,30,30,.06);border-radius:16px;padding:20px 24px;margin-bottom:12px;}
.faq summary{cursor:pointer;font-weight:500;font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:16px;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"+";color:var(--magenta);font-weight:600;font-size:20px;line-height:1;}
.faq details[open] summary::after{content:"\2212";}
.faq details p{margin-top:12px;font-size:15px;color:var(--gris);font-weight:400;}
.faq details a{color:var(--magenta);text-decoration:underline;}

.final{background:var(--anthracite);color:var(--blanc);border-radius:28px;padding:60px 40px;text-align:center;margin:20px 24px 0;}
.final h2{color:var(--blanc);}
.final p{color:var(--clair);max-width:640px;margin:0 auto 32px;font-size:clamp(16px,2vw,18px);}
.final .btn-ghost{border-color:var(--blanc);color:var(--blanc);}

footer{padding:60px 0 40px;text-align:center;border-top:1px solid rgba(30,30,30,.08);margin-top:80px;}
.fbrand{font-family:'Unica One';text-transform:uppercase;font-size:22px;letter-spacing:.04em;margin-bottom:8px;}
.fbrand .pt{color:var(--magenta);}
.fsign{font-style:italic;color:var(--gris);font-size:14px;margin-bottom:26px;}
.flinks{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;font-size:13px;color:var(--gris);margin-bottom:16px;}
.flinks a:hover{color:var(--magenta);}
.fcopy{font-size:12px;color:var(--gris-clair);}

.txt a.btn-primary{color:var(--blanc);text-decoration:none;}
.more{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:26px;}
.more a{display:block;background:var(--carte);border:1px solid rgba(30,30,30,.06);border-radius:16px;padding:20px 22px;font-weight:600;font-size:15px;line-height:1.35;}
.more a span{display:block;font-size:13px;font-weight:400;color:var(--gris);margin-top:6px;}
.more a:hover{border-color:var(--magenta);}

@media(max-width:940px){
.nav-links{display:none;}
.nav-links.open{display:flex;flex-direction:column;gap:16px;position:absolute;top:64px;left:0;right:0;background:var(--beige);padding:20px 24px;border-bottom:1px solid rgba(30,30,30,.08);font-size:16px;}
.burger{display:block;}
section{padding:46px 0;}
}