:root{
  --onyx:#06160F; --emerald:#0E3B2C; --emerald2:#0A2C20; --gold:#C6A253;
  --gold-lt:#E0C88A; --ivory:#F4EFE4; --sage:#9DB4A6;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:var(--onyx);color:var(--ivory);line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}
h1,h2,h3,.serif{font-family:'Cormorant Garamond',serif;font-weight:600;line-height:1.05}
.wrap{width:100%;max-width:1160px;margin:0 auto;padding:0 clamp(22px,5vw,48px)}
a{text-decoration:none;color:inherit}
.eyebrow{font-size:clamp(11px,1.4vw,12px);letter-spacing:.26em;text-transform:uppercase;color:var(--gold);font-weight:500}

.btn{display:inline-flex;align-items:center;gap:10px;background:var(--gold);color:#1a1206;font-weight:500;padding:15px 30px;border-radius:2px;font-size:15px;letter-spacing:.02em;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,background .3s}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 40px -12px rgba(198,162,83,.55);background:var(--gold-lt)}
.btn .arw{transition:transform .3s}.btn:hover .arw{transform:translateX(4px)}

nav{position:fixed;top:0;left:0;right:0;z-index:50;transition:.4s;border-bottom:1px solid transparent}
nav.scrolled{background:rgba(6,22,15,.82);backdrop-filter:blur(14px);border-bottom:1px solid rgba(198,162,83,.16)}
nav .wrap{display:flex;justify-content:space-between;align-items:center;height:clamp(64px,8vw,78px);gap:20px}
.nav-links{display:flex;gap:clamp(18px,3vw,34px);align-items:center}
.nav-links a{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--sage);transition:color .3s}
.nav-links a:hover{color:var(--gold)}
.nav-cta{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--ivory);border:1px solid rgba(198,162,83,.4);padding:11px 22px;border-radius:2px;transition:.3s;flex:none}
.nav-cta:hover{background:var(--gold);color:#1a1206;border-color:var(--gold)}

.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;background:radial-gradient(120% 120% at 78% 22%,var(--emerald) 0%,var(--emerald2) 32%,var(--onyx) 68%)}
#net{position:absolute;inset:0;width:100%;height:100%;z-index:1}
.hero::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(85% 65% at 28% 55%,transparent 38%,rgba(6,22,15,.6) 100%)}
.hero .wrap{position:relative;z-index:3;padding-top:clamp(96px,14vw,120px);padding-bottom:50px}
.hero .q{font-size:clamp(14px,1.7vw,16px);color:var(--sage);font-weight:300;font-style:italic;margin-top:18px;opacity:0;animation:rise .9s .15s forwards}
.hero h1{font-size:clamp(33px,6.6vw,86px);font-weight:600;max-width:15ch;margin:14px 0 0;letter-spacing:-.01em}
.hero h1 .g{color:var(--gold);font-style:italic;font-weight:500}
.hero h1 span{display:inline-block;opacity:0;animation:rise 1s forwards}
.hero p{color:var(--sage);font-size:clamp(16px,2vw,21px);font-weight:300;max-width:54ch;margin:26px 0 0;opacity:0;animation:rise 1s .9s forwards}
.hero .row{margin-top:38px;display:flex;gap:20px;align-items:center;flex-wrap:wrap;opacity:0;animation:rise 1s 1.1s forwards}
.hero .note{color:var(--sage);font-size:13px;letter-spacing:.03em}
@keyframes rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}

.hero-int{position:relative;overflow:hidden;background:radial-gradient(110% 130% at 70% 0%,var(--emerald) 0%,var(--emerald2) 38%,var(--onyx) 75%);padding:clamp(150px,20vw,210px) 0 clamp(64px,9vw,96px)}
.hero-int h1{font-size:clamp(34px,5.6vw,68px);max-width:16ch;margin-top:16px}
.hero-int h1 .g{color:var(--gold);font-style:italic;font-weight:500}
.hero-int p{color:var(--sage);font-size:clamp(16px,1.9vw,19px);font-weight:300;max-width:54ch;margin-top:22px}

.trustbar{position:relative;z-index:3;border-top:1px solid rgba(198,162,83,.14);background:rgba(6,22,15,.4)}
.trustbar .wrap{display:flex;flex-wrap:wrap;gap:10px 34px;justify-content:center;padding:20px clamp(22px,5vw,48px);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--sage)}

.band{padding:clamp(76px,11vw,132px) 0}
.band-tight{padding:clamp(60px,8vw,96px) 0}
.h-lg{font-size:clamp(28px,4.4vw,54px);font-weight:600;max-width:20ch;margin-top:18px}
.sub{color:var(--sage);font-weight:300;font-size:clamp(16px,1.8vw,18px);max-width:52ch;margin-top:18px}
.reveal{opacity:0;transform:translateY(34px);transition:opacity 1s cubic-bezier(.2,.8,.2,1),transform 1s cubic-bezier(.2,.8,.2,1)}
.reveal.in{opacity:1;transform:none}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}

.problem{background:linear-gradient(180deg,var(--onyx),#081d14)}
.problem .agitate{font-family:'Cormorant Garamond',serif;font-size:clamp(24px,3.4vw,40px);font-weight:500;line-height:1.25;max-width:22ch;margin-top:22px;color:var(--ivory)}
.problem .agitate em{color:var(--gold);font-style:italic}
.problem .p2{color:var(--sage);font-weight:300;font-size:clamp(16px,1.8vw,18px);max-width:50ch;margin-top:22px}

.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(28px,4vw,44px);margin-top:64px}
.step{padding-top:26px;border-top:1px solid rgba(198,162,83,.28)}
.step .no{font-family:'Cormorant Garamond',serif;font-size:clamp(48px,6vw,64px);color:transparent;-webkit-text-stroke:1px rgba(198,162,83,.5);line-height:1;display:block;margin-bottom:16px}
.step h3{font-size:clamp(22px,2.6vw,26px);font-weight:600;margin-bottom:10px}
.step p{color:var(--sage);font-weight:300;font-size:16px}

.because{margin-top:60px;border:1px solid rgba(198,162,83,.28);border-radius:6px;padding:clamp(26px,4vw,40px);background:linear-gradient(160deg,rgba(14,59,44,.4),rgba(10,44,32,.2));text-align:center}
.because .lbl{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.because p{font-family:'Cormorant Garamond',serif;font-size:clamp(22px,3.2vw,34px);font-weight:500;line-height:1.28;max-width:24ch;margin:0 auto;color:var(--ivory)}
.because p em{color:var(--gold);font-style:italic}

.guarantee{background:linear-gradient(180deg,var(--onyx),var(--emerald2));text-align:center;padding:clamp(96px,13vw,150px) 0;border-top:1px solid rgba(198,162,83,.14);border-bottom:1px solid rgba(198,162,83,.14)}
.guarantee .eyebrow{margin-bottom:24px}
.guarantee .stmt{font-size:clamp(30px,5.2vw,66px);font-weight:600;line-height:1.08;max-width:17ch;margin:0 auto}
.guarantee .stmt em{color:var(--gold);font-style:italic;font-weight:500}
.guarantee .gsub{color:var(--sage);font-weight:300;font-size:clamp(15px,1.8vw,18px);margin-top:22px;max-width:38ch;margin-left:auto;margin-right:auto}

.free h2 .g{color:var(--gold);font-style:italic}
.sample-card{margin-top:44px;background:linear-gradient(160deg,rgba(14,59,44,.55),rgba(10,44,32,.35));border:1px solid rgba(198,162,83,.24);border-radius:6px;padding:clamp(22px,3.5vw,34px);max-width:720px;box-shadow:0 40px 90px -50px rgba(0,0,0,.8)}
.sample-card .top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}
.sample-card .top .t{font-family:'Cormorant Garamond',serif;font-size:clamp(19px,2.4vw,22px)}
.pill{flex:none;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--gold);border:1px solid rgba(198,162,83,.5);padding:5px 13px;border-radius:20px}
.pill .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);margin-right:7px;vertical-align:1px;animation:blink 1.6s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}
.row-lead{display:flex;justify-content:space-between;gap:18px;padding:15px 0;border-top:1px solid rgba(198,162,83,.12);font-size:15px}
.row-lead .co{font-weight:500;flex:none}
.row-lead .sig{color:var(--sage);font-weight:300;text-align:right}

.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(28px,4vw,44px)}
.stat .n{font-family:'Cormorant Garamond',serif;font-size:clamp(38px,5.4vw,70px);color:var(--gold);line-height:1}
.stat .l{color:var(--sage);font-weight:300;font-size:15px;margin-top:10px;max-width:24ch}

.exclusive{background:linear-gradient(180deg,#081d14,var(--onyx));text-align:center}
.exclusive .h-lg{margin-left:auto;margin-right:auto}
.exclusive .sub{margin-left:auto;margin-right:auto;max-width:46ch}

.proof{text-align:center;border-top:1px solid rgba(198,162,83,.1)}
.proof .line{font-family:'Cormorant Garamond',serif;font-size:clamp(22px,3vw,34px);font-weight:500;max-width:24ch;margin:16px auto 0;color:var(--ivory)}
.proof .line em{color:var(--gold);font-style:italic}
.proof .tags{display:flex;flex-wrap:wrap;gap:10px 30px;justify-content:center;margin-top:34px;color:var(--sage);font-size:12px;letter-spacing:.16em;text-transform:uppercase}

.faq details{border-top:1px solid rgba(198,162,83,.16);padding:22px 0}
.faq details:last-of-type{border-bottom:1px solid rgba(198,162,83,.16)}
.faq summary{cursor:pointer;list-style:none;font-family:'Cormorant Garamond',serif;font-size:clamp(19px,2.4vw,24px);font-weight:600;color:var(--ivory);display:flex;justify-content:space-between;align-items:center;gap:20px;transition:color .3s}
.faq summary::-webkit-details-marker{display:none}
.faq details[open] summary{color:var(--gold)}
.faq summary .ico{flex:none;color:var(--gold);font-size:26px;line-height:1;transition:transform .3s;font-family:'Inter',sans-serif;font-weight:300}
.faq details[open] summary .ico{transform:rotate(45deg)}
.faq details p{color:var(--sage);font-weight:300;font-size:clamp(15px,1.8vw,17px);max-width:62ch;margin-top:16px;line-height:1.7}

.values{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(28px,4vw,44px);margin-top:64px}
.value{padding:clamp(26px,3.5vw,36px);border:1px solid rgba(198,162,83,.2);border-radius:6px;background:linear-gradient(160deg,rgba(14,59,44,.32),rgba(10,44,32,.12))}
.value h3{font-size:clamp(21px,2.5vw,25px);margin-bottom:12px}
.value h3 em{color:var(--gold);font-style:italic}
.value p{color:var(--sage);font-weight:300;font-size:15.5px}

.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(34px,5vw,64px);margin-top:56px;align-items:start}
.contact-card{border:1px solid rgba(198,162,83,.24);border-radius:6px;padding:clamp(26px,4vw,40px);background:linear-gradient(160deg,rgba(14,59,44,.45),rgba(10,44,32,.25))}
.contact-card .lbl{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.contact-card .big{font-family:'Cormorant Garamond',serif;font-size:clamp(20px,2.6vw,26px);color:var(--ivory)}
.contact-card .big a{border-bottom:1px solid rgba(198,162,83,.4);transition:border-color .3s,color .3s}
.contact-card .big a:hover{color:var(--gold);border-color:var(--gold)}
.contact-card + .contact-card{margin-top:22px}
.contact-note{color:var(--sage);font-weight:300;font-size:15px;margin-top:22px}

.legal h2{font-size:clamp(22px,2.8vw,30px);margin:44px 0 14px}
.legal p,.legal li{color:var(--sage);font-weight:300;font-size:16px;max-width:72ch;margin-top:12px;line-height:1.75}
.legal ul{padding-left:22px;margin-top:10px}

.final{text-align:center;padding:clamp(100px,14vw,160px) 0;background:radial-gradient(90% 120% at 50% 0%,var(--emerald) 0%,var(--onyx) 60%)}
.final h2{font-size:clamp(30px,5.2vw,62px);font-weight:600;max-width:18ch;margin:0 auto}
.final .fsub{color:var(--sage);font-weight:300;margin-top:20px;font-size:clamp(15px,1.8vw,17px)}
.final .btn{margin-top:34px}

footer{border-top:1px solid rgba(198,162,83,.14);padding:40px 0}
footer .frow{display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px;align-items:center}
footer .flogo{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:600}
footer .flogo span{color:var(--gold)}
footer p{color:var(--sage);font-size:13px;font-weight:300}
footer a{color:var(--sage);transition:color .3s}footer a:hover{color:var(--gold)}
footer .flinks{display:flex;gap:22px;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase}

@media(max-width:860px){
  .steps,.values{grid-template-columns:1fr 1fr}
  .stats{grid-template-columns:1fr 1fr;gap:38px}
  .contact-grid{grid-template-columns:1fr}
  .nav-links{display:none}
}
@media(max-width:560px){
  .steps,.stats,.values{grid-template-columns:1fr}
  .row-lead{flex-direction:column;gap:4px}
  .row-lead .sig{text-align:left}
  .hero p{font-size:17px}
}
