@font-face{font-family:"Cormorant Garamond";src:url(fonts/cormorant.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url(fonts/cormorant-italic.woff2) format("woff2");font-weight:300 700;font-style:italic;font-display:swap}
@font-face{font-family:"Nunito Sans";src:url(fonts/nunito-sans.woff2) format("woff2");font-weight:200 1000;font-style:normal;font-display:swap}

:root{
  --night:#16293A; --teal:#1C3340; --deep:#0F1E2B;
  --gold:#C9A24A; --gold-light:#E3C77E; --gold-dark:#80621C;
  --parchment:#F6EDDA; --cream:#FBF5E8; --line:#D9C28A;
  --ink:#2A2118; --text:#3A2F22; --muted-dark:#CDBB95; --soft:#E8DCC2;
  --serif:"Cormorant Garamond",Georgia,serif; --sans:"Nunito Sans",system-ui,sans-serif;
  --pad:clamp(20px,6.5vw,96px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--parchment);-webkit-font-smoothing:antialiased;overflow-wrap:break-word}
img{max-width:100%;height:auto;display:block}
picture{display:contents}
a{color:var(--gold-dark)}a:hover{color:#6E5316}
:focus-visible{outline:3px solid var(--gold-light);outline-offset:3px}
h1,h2,h3,h4{font-family:var(--serif);font-weight:600;margin:0}
p{margin:0}
.wrap{max-width:1440px;margin:0 auto;padding-inline:var(--pad)}
.dark{background:var(--night);color:var(--cream)}
.teal{background:var(--teal);color:var(--cream)}
.kicker{font-size:14px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--gold-dark)}
.dark .kicker,.teal .kicker{color:var(--gold-light)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 34px;border-radius:999px;background:var(--gold);color:var(--night);font-weight:700;font-size:18px;text-decoration:none;border:none;cursor:pointer;font-family:var(--sans)}
.btn:hover{background:var(--gold-light);color:var(--night)}
.btn-lg{min-height:62px;padding:0 44px;font-size:19px}
.check{display:flex;gap:12px;align-items:flex-start}
.check svg{flex-shrink:0;margin-top:3px}

/* Header */
.site-header{background:var(--night);border-bottom:1px solid rgba(201,162,74,.35);position:sticky;top:0;z-index:10}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:80px;gap:12px}
.logo{display:flex;align-items:baseline;gap:12px;text-decoration:none;padding-block:8px}
.logo b{font-family:var(--serif);font-size:30px;font-weight:600;color:var(--gold-light)}
.logo span{font-size:12px;letter-spacing:.25em;text-transform:uppercase;color:var(--muted-dark)}
.site-header .btn{min-height:46px;padding:0 24px;font-size:16px;white-space:nowrap}

/* Hero */
.hero .wrap{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding-block:88px 104px}
.hero-text{display:flex;flex-direction:column;gap:26px}
.hero h1{font-size:clamp(52px,6vw,84px);line-height:1.02;color:var(--cream)}
.hero .lead{font-size:clamp(18px,1.5vw,21px);line-height:1.6;color:var(--soft);max-width:560px}
.price-box{display:flex;flex-direction:column;gap:6px;padding:20px 24px;border:1px solid rgba(201,162,74,.55);border-radius:14px;max-width:520px}
.price{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.price strong{font-family:var(--serif);font-size:44px;font-weight:700;color:var(--cream)}
.price s{font-size:18px;color:var(--muted-dark)}
.cta-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.cta-row small{font-size:15px;color:var(--muted-dark)}
.guarantee{font-size:16px;color:var(--soft)}
.fan{position:relative;aspect-ratio:20/17}
.fan img{position:absolute;border-radius:14px}
.fan .c1{left:4%;top:11%;width:46%;transform:rotate(-9deg);box-shadow:0 24px 48px rgba(0,0,0,.45)}
.fan .c2{right:4%;top:11%;width:46%;transform:rotate(9deg);box-shadow:0 24px 48px rgba(0,0,0,.45)}
.fan .c3{left:25%;top:3%;width:50%;box-shadow:0 28px 56px rgba(0,0,0,.55)}

/* Trust */
.trust{background:var(--teal);border-block:1px solid rgba(201,162,74,.35)}
.trust .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding-block:30px}
.trust div{display:flex;gap:14px;align-items:center;color:var(--cream);font-size:17px}

/* Sections */
section{padding-block:120px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.two-col.center{align-items:center}
h2.big{font-size:clamp(40px,4.2vw,58px);line-height:1.08;color:var(--night)}
.dark h2.big,.teal h2.big{color:var(--cream)}
.prose{display:flex;flex-direction:column;gap:22px;font-size:20px;line-height:1.65;color:var(--text)}
.teal .prose{color:var(--soft)}
.prose .strong{font-weight:700;color:var(--night)}
.head-center{display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center;margin-bottom:52px}
.head-center h2{font-size:clamp(36px,3.8vw,56px);color:var(--night)}
.dark .head-center h2{color:var(--cream)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.box{display:flex;flex-direction:column;gap:14px;padding:40px 36px;background:var(--cream);border:1px solid var(--line);border-radius:18px}
.box h3{font-family:var(--sans);font-size:22px;font-weight:700;color:var(--night)}
.box p{font-size:18px;line-height:1.6;color:var(--text)}
.box .num{font-family:var(--serif);font-size:56px;font-weight:700;color:var(--gold-dark);line-height:1}
.note-center{text-align:center;font-size:18px;color:var(--text);margin-top:44px}
.solution{padding-top:0}

.cards figure{margin:0;display:flex;flex-direction:column;gap:22px;align-items:center;text-align:center}
.cards img{width:100%;max-width:340px;border-radius:14px;box-shadow:0 20px 40px rgba(0,0,0,.45)}
.cards h3{font-size:34px;color:var(--gold-light)}
.cards blockquote{margin:0;font-family:var(--serif);font-style:italic;font-size:26px;line-height:1.35;color:var(--cream)}
.cards .why{max-width:340px;margin-top:-8px;font-size:17px;line-height:1.6;color:var(--soft)}

.steps .step{display:flex;flex-direction:column;gap:12px}
.steps .n{font-family:var(--serif);font-size:64px;color:var(--gold);line-height:1}
.steps h3{font-family:var(--sans);font-size:22px;font-weight:700;color:var(--night)}
.steps p{font-size:18px;line-height:1.6;color:var(--text)}
.spreads{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px}
.spread{padding:28px 32px;border-radius:16px;background:var(--cream);border:1px solid var(--line)}
.spread h4{font-family:var(--sans);font-size:19px;font-weight:700;color:var(--night);margin-bottom:8px}
.spread p{font-size:17px;line-height:1.55;color:var(--text)}
.spread.family{background:var(--teal);border-color:var(--gold)}
.spread.family h4{color:var(--gold-light)}.spread.family p{color:var(--cream)}

.gift{padding-block:104px}
.gift .btn{align-self:flex-start}

.about img{width:100%;height:520px;object-fit:cover;object-position:60% 30%;border-radius:20px;border:1px solid var(--line)}
.about .prose{font-size:19px}
.about h2{font-size:clamp(40px,3.8vw,52px);color:var(--night)}
.sign{font-family:var(--serif);font-style:italic;font-size:26px;color:var(--gold-dark)}

.offer{display:flex;justify-content:center}
.offer-card{width:100%;max-width:760px;display:flex;flex-direction:column;gap:28px;align-items:center;text-align:center;padding:64px 56px;border:1px solid var(--gold);border-radius:24px;background:var(--teal)}
.offer-card h2{font-size:clamp(38px,3.8vw,52px);color:var(--cream)}
.offer-card .price strong{font-size:64px}
.offer-card .price s{font-size:20px}
.offer-list{display:flex;flex-direction:column;gap:10px;font-size:18px;color:var(--soft);text-align:left}
.offer-card small{font-size:15px;color:var(--muted-dark)}
.offer-card a.soft{font-size:16px;color:var(--gold-light);display:inline-block;padding-block:11px}

.faq .wrap{display:grid;grid-template-columns:1fr 2fr;gap:64px}
.faq h2{font-size:clamp(40px,3.8vw,52px);line-height:1.1;color:var(--night)}
.faq details{padding:22px 0;border-bottom:1px solid var(--line)}
.faq summary{font-family:var(--sans);font-size:20px;font-weight:700;color:var(--night);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--serif);font-size:28px;line-height:1;color:var(--gold-dark)}
.faq details[open] summary::after{content:"–"}
.faq details p{margin-top:10px;font-size:18px;line-height:1.6;color:var(--text)}

.newsletter{background:var(--cream);border-top:1px solid var(--line);padding-block:96px}
.newsletter .inner{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:20px;align-items:center;text-align:center}
.newsletter h2{font-size:clamp(34px,3.2vw,44px);color:var(--night)}
.newsletter p{font-size:18px;line-height:1.6;color:var(--text)}
.nl-form{display:flex;gap:12px;width:100%;max-width:620px}
.nl-form input{flex:1;min-height:56px;padding:0 20px;border:1px solid #B8A170;border-radius:999px;background:#fff;font:inherit;font-size:17px;color:var(--ink)}
.nl-form button{min-height:56px;padding:0 30px;border:none;border-radius:999px;background:var(--night);color:var(--cream);font:inherit;font-weight:700;font-size:17px;cursor:pointer}
.nl-form button:hover{background:var(--teal)}
.nl-hint{font-size:14px;color:#5C4E3A}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.final{text-align:center;padding-block:112px}
.final .wrap{display:flex;flex-direction:column;gap:28px;align-items:center}
.final h2{font-size:clamp(40px,4.5vw,64px);color:var(--cream)}
.final p{font-size:20px;color:var(--soft)}

.site-footer{background:var(--deep);color:var(--muted-dark);font-size:15px;line-height:1.7}
.site-footer .wrap{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;padding-block:48px;flex-wrap:wrap}
.site-footer .col{display:flex;flex-direction:column}
.site-footer b{font-family:var(--serif);font-size:24px;font-weight:600;color:var(--gold-light)}
.site-footer nav{display:flex;gap:28px;flex-wrap:wrap}
.site-footer a{color:var(--gold-light);display:inline-block;padding-block:10px}

/* Legal pages */
.legal{max-width:820px;margin:0 auto;padding:72px var(--pad) 96px}
.legal h1{font-size:clamp(40px,5vw,56px);color:var(--night);margin-bottom:12px}
.legal h2{font-size:30px;color:var(--night);margin:40px 0 12px}
.legal p,.legal li{font-size:18px;line-height:1.65;color:var(--text)}
.legal p+p{margin-top:12px}
.legal .draft{padding:14px 18px;border:1px solid var(--gold);border-radius:12px;background:var(--cream);font-size:16px}

@media (max-width:960px){
  .hero .wrap,.two-col,.faq .wrap{grid-template-columns:1fr;gap:48px}
  .hero .wrap{padding-block:56px 72px}
  .fan{width:100%;max-width:520px;margin-inline:auto;order:-1}
  .trust .wrap,.grid3,.spreads{grid-template-columns:1fr;gap:20px}
  section{padding-block:80px}
  .about img{height:380px}
  .offer-card{padding:44px 24px}
}
@media (max-width:560px){
  .logo span{display:none}
  .site-header .btn{padding:0 18px;font-size:15px}
  .nl-form{flex-direction:column}
  .price strong{font-size:38px}.offer-card .price strong{font-size:52px}
}
@media (max-width:400px){
  .logo b{font-size:24px}
  .site-header .btn{min-height:44px;padding:0 14px;font-size:14px}
}
@media (max-width:350px){
  .logo b{font-size:22px}
  .site-header .btn{padding:0 12px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}