@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');

:root{
  --ink:#17161a; --muted:#6d6871; --paper:#f7f4ef; --white:rgba(255,255,255,.62);
  --line:rgba(255,255,255,.72); --gold:#b88a2b; --lav:#9d83c2; --mint:#b9d8c5;
  --shadow:0 24px 70px rgba(63,48,28,.14); --soft:0 12px 35px rgba(63,48,28,.10);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;z-index:-5;background:
 radial-gradient(circle at 10% 10%,rgba(184,138,43,.16),transparent 28%),
 radial-gradient(circle at 85% 20%,rgba(157,131,194,.18),transparent 30%),
 radial-gradient(circle at 70% 90%,rgba(185,216,197,.22),transparent 30%)}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button{font:inherit}
.container{width:min(1180px,92%);margin:auto}
.glass{background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(255,255,255,.28));border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
header{position:fixed;top:18px;left:0;right:0;z-index:50}
.nav{height:72px;border-radius:24px;padding:0 20px;display:flex;align-items:center;justify-content:space-between}
.logo{font-family:'Playfair Display',serif;font-size:25px;letter-spacing:.23em;font-weight:700}
.logo span{color:var(--gold)}
.navlinks{display:flex;gap:28px;font-size:14px;color:#4f4a50}
.navlinks a{position:relative}
.navlinks a:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:var(--gold);transition:.3s}
.navlinks a:hover:after{width:100%}
.nav-actions{display:flex;align-items:center;gap:10px}
.icon-btn,.menu-btn{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.8);background:rgba(255,255,255,.45);box-shadow:inset 3px 3px 8px rgba(255,255,255,.8),4px 4px 12px rgba(80,60,30,.08);display:grid;place-items:center;cursor:pointer}
.menu-btn{display:none}
.hero{min-height:900px;padding:145px 0 80px;position:relative;display:grid;place-items:center}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.eyebrow{font-size:12px;letter-spacing:.25em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:20px}
h1,h2,h3{font-family:'Playfair Display',serif}
h1{font-size:clamp(54px,7vw,94px);line-height:.93;font-weight:600;letter-spacing:-.04em}
.hero-copy h1 em{font-style:normal;color:#8065a5}
.lead{font-size:17px;line-height:1.8;color:var(--muted);max-width:560px;margin:28px 0}
.cta-row{display:flex;gap:14px;flex-wrap:wrap}
.btn{padding:15px 23px;border-radius:16px;border:1px solid rgba(255,255,255,.8);display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:14px;cursor:pointer;transition:.3s}
.btn-primary{background:#19171b;color:#fff;box-shadow:8px 10px 24px rgba(25,23,27,.22)}
.btn-primary:hover{transform:translateY(-3px);box-shadow:10px 16px 30px rgba(25,23,27,.25)}
.btn-soft{background:rgba(255,255,255,.48);box-shadow:inset 3px 3px 10px rgba(255,255,255,.9),5px 8px 20px rgba(80,60,30,.08)}
.btn-soft:hover{transform:translateY(-3px)}
.hero-visual{position:relative;min-height:680px;display:grid;place-items:center}
.product-orbit{position:absolute;width:560px;height:560px;border-radius:50%;border:1px solid rgba(184,138,43,.24);animation:spin 28s linear infinite}
.product-orbit:before,.product-orbit:after{content:"";position:absolute;border-radius:50%;background:#fff;width:10px;height:10px;box-shadow:0 0 0 8px rgba(255,255,255,.25)}
.product-orbit:before{top:20%;left:4%}.product-orbit:after{right:7%;bottom:18%}
.product-card{width:min(430px,80%);padding:25px;border-radius:42px;position:relative;z-index:2;transform:rotate(2deg);animation:float 5s ease-in-out infinite}
.product-card img{width:100%;border-radius:28px}
.mini-chip{position:absolute;padding:11px 15px;border-radius:18px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;background:rgba(255,255,255,.72);backdrop-filter:blur(14px);box-shadow:var(--soft);font-weight:700}
.chip-one{left:-35px;top:18%}.chip-two{right:-30px;bottom:22%}
.blob{position:absolute;border-radius:50%;filter:blur(2px);opacity:.65;z-index:-1}
.blob.one{width:260px;height:260px;background:rgba(157,131,194,.22);top:10%;right:0}
.blob.two{width:180px;height:180px;background:rgba(185,216,197,.34);bottom:8%;left:5%}
.marquee{overflow:hidden;padding:18px 0;border-top:1px solid rgba(100,80,50,.1);border-bottom:1px solid rgba(100,80,50,.1);background:rgba(255,255,255,.25)}
.marquee-track{display:flex;width:max-content;animation:marquee 24s linear infinite;gap:45px;font-family:'Playfair Display',serif;font-size:20px}
.marquee-track span{white-space:nowrap}.dot{color:var(--gold)}
.section{padding:120px 0}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:48px}
.section-head h2{font-size:clamp(38px,5vw,62px);line-height:1}
.section-head p{max-width:430px;color:var(--muted);line-height:1.7}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.feature{padding:34px;border-radius:28px;min-height:220px}
.feature .num{font-size:12px;color:var(--gold);letter-spacing:.15em}.feature h3{font-size:25px;margin:38px 0 10px}.feature p{color:var(--muted);line-height:1.65;font-size:14px}
.shop-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}
.product-showcase{padding:30px;border-radius:34px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:25px}
.product-showcase .copy h3{font-size:42px}.product-showcase .copy p{color:var(--muted);line-height:1.7;margin:18px 0}
.swatches{display:flex;gap:9px;margin:20px 0}.swatch{width:25px;height:25px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px #bbb;cursor:pointer}.swatch.active{box-shadow:0 0 0 2px var(--gold)}
.swatch.lav{background:#b8a5cf}.swatch.mint{background:#b9d8c5}
.price{font-family:'Playfair Display',serif;font-size:34px}.side-card{padding:32px;border-radius:34px;display:flex;flex-direction:column;justify-content:space-between;min-height:420px}.side-card h3{font-size:38px}.side-card p{color:var(--muted);line-height:1.7}
.pill{display:inline-flex;width:max-content;padding:8px 12px;border-radius:99px;background:rgba(255,255,255,.5);font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.story{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.story-art{height:560px;border-radius:40px;position:relative;overflow:hidden}.story-art:before{content:"";position:absolute;inset:30px;border-radius:30px;background:linear-gradient(135deg,rgba(255,255,255,.6),rgba(185,216,197,.35));border:1px solid rgba(255,255,255,.7)}.story-art img{position:absolute;width:68%;left:16%;top:5%;z-index:2;filter:drop-shadow(0 30px 25px rgba(0,0,0,.16))}
.story-copy h2{font-size:clamp(42px,5vw,68px);line-height:1}.story-copy p{color:var(--muted);line-height:1.8;margin:22px 0}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.stat{padding:20px;border-radius:22px;text-align:center}.stat strong{display:block;font-family:'Playfair Display',serif;font-size:30px}.stat span{font-size:11px;color:var(--muted)}
.ritual{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.step{padding:28px;border-radius:26px;min-height:230px}.step .icon{font-size:27px}.step h3{margin:40px 0 10px;font-size:23px}.step p{color:var(--muted);font-size:13px;line-height:1.65}
.quote{padding:70px;border-radius:40px;text-align:center;position:relative;overflow:hidden}.quote:before{content:"“";font-family:Georgia,serif;font-size:180px;position:absolute;top:-80px;left:5%;color:rgba(184,138,43,.12)}.quote h2{font-size:clamp(34px,4vw,54px);max-width:800px;margin:auto;position:relative}.quote p{color:var(--muted);margin-top:20px}
.faq{max-width:850px;margin:auto}.faq-item{border-bottom:1px solid rgba(80,60,30,.14);padding:22px 0}.faq-q{display:flex;justify-content:space-between;cursor:pointer;font-weight:700}.faq-a{max-height:0;overflow:hidden;color:var(--muted);line-height:1.7;transition:.35s}.faq-item.open .faq-a{max-height:160px;padding-top:14px}
footer{padding:50px 0 30px;border-top:1px solid rgba(80,60,30,.12)}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}.footer-title{font-family:'Playfair Display',serif;font-size:28px}.footer p,.footer a{color:var(--muted);font-size:13px;line-height:1.8}.footer-links{display:flex;flex-direction:column;gap:7px}.copyright{border-top:1px solid rgba(80,60,30,.1);margin-top:40px;padding-top:18px;font-size:12px;color:var(--muted);display:flex;justify-content:space-between}
.cursor{position:fixed;width:14px;height:14px;border:1px solid #19171b;border-radius:50%;pointer-events:none;z-index:100;transform:translate(-50%,-50%);transition:transform .12s ease;mix-blend-mode:multiply}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@keyframes float{0%,100%{transform:rotate(2deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-18px)}}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:900px){.navlinks{display:none}.menu-btn{display:grid}.hero{min-height:auto;padding-top:130px}.hero-grid,.story,.shop-grid{grid-template-columns:1fr}.hero-visual{min-height:600px}.features{grid-template-columns:1fr}.ritual{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.product-orbit{width:450px;height:450px}}
@media(max-width:600px){.nav{height:62px;border-radius:20px}.logo{font-size:20px}.hero{padding-top:110px}.hero-visual{min-height:500px}.product-orbit{width:340px;height:340px}.product-card{width:82%}.chip-one{left:0}.chip-two{right:0}.section{padding:80px 0}.product-showcase{grid-template-columns:1fr}.ritual{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.copyright{flex-direction:column;gap:8px}.story-art{height:460px}.stats{grid-template-columns:1fr}}