:root{
  --navy:#071f43;--navy2:#0b356c;--red:#c91420;--gold:#d4a73d;
  --cream:#f5f1e8;--paper:#fffdfa;--ink:#172332;--muted:#66717d;--line:#dfe4e8;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"DM Sans",Arial,sans-serif;background:var(--paper);color:var(--ink);line-height:1.65}
img{display:block;max-width:100%}
a{color:inherit}
.announcement{background:var(--navy);color:#fff;display:flex;justify-content:center;gap:8vw;padding:9px 5%;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.site-header{height:94px;padding:10px 6%;display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.brand img{width:180px;max-height:74px;object-fit:contain}
nav{display:flex;align-items:center;gap:27px}
nav a{text-decoration:none;font-size:14px;font-weight:700}
.nav-buy{background:var(--navy);color:#fff;padding:12px 19px;border-radius:6px}
.menu-button{display:none;background:var(--navy);color:#fff;border:0;padding:10px 14px;border-radius:5px;font-weight:700}

.hero{display:grid;grid-template-columns:1.1fr .9fr;min-height:680px;background:linear-gradient(135deg,#071f43,#0c3a70);align-items:stretch}
.hero-media{background:#061a36;display:flex;align-items:center;justify-content:center;overflow:hidden}
.hero-media img{width:100%;height:100%;object-fit:contain;background:#061a36}
.hero-copy{padding:75px 7%;color:#fff;align-self:center}
.eyebrow{text-transform:uppercase;letter-spacing:.17em;color:var(--red);font-size:12px;font-weight:800;margin:0 0 12px}
.eyebrow.gold{color:#f1c45c}
h1,h2{font-family:"Playfair Display",Georgia,serif;line-height:1.08;margin:0;color:var(--navy)}
.hero h1{font-size:clamp(58px,7vw,98px);color:#fff}
.hero h2{font-family:"DM Sans",Arial,sans-serif;text-transform:uppercase;letter-spacing:.11em;font-size:clamp(18px,2vw,28px);color:#f1c45c;margin-top:8px}
.hero-text{font-size:19px;color:#e5edf5;max-width:650px;margin:25px 0}
.price-row{display:flex;align-items:baseline;gap:14px;margin:25px 0}
.price-row strong{font-size:42px}
.price-row span{color:#dce6ef}
.actions{display:flex;gap:12px;flex-wrap:wrap}
.button{display:inline-flex;justify-content:center;align-items:center;padding:15px 24px;border-radius:7px;text-decoration:none;font-weight:800}
.button.primary{background:var(--gold);color:#122036}
.button.outline{border:1px solid rgba(255,255,255,.75);color:#fff}
.trust-list{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;font-weight:600;color:#e8eef5;margin-top:25px}

.assurance-bar{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-bottom:1px solid var(--line);box-shadow:0 7px 22px rgba(8,30,61,.06)}
.assurance-bar div{padding:25px 7%;text-align:center;border-right:1px solid var(--line)}
.assurance-bar div:last-child{border-right:0}
.assurance-bar strong,.assurance-bar span{display:block}
.assurance-bar strong{color:var(--navy)}
.assurance-bar span{color:var(--muted);font-size:13px}

.section{padding:95px 7%}
.intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.intro h2,.section-heading h2,.use-section h2,.care-warning h2,.buy-section h2,.actual-copy h2{font-size:clamp(36px,4.3vw,58px)}
.lead{font-size:18px;color:var(--muted)}

.media-card{background:#fff;border-radius:18px;box-shadow:0 20px 55px rgba(7,31,67,.12);overflow:hidden}
.contain-card{display:flex;align-items:center;justify-content:center;padding:18px}
.contain-card img{width:100%;height:auto;max-height:680px;object-fit:contain;border-radius:12px}

.features{background:var(--cream)}
.section-heading{max-width:900px;margin-bottom:42px}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.feature-grid article{background:#fff;padding:28px;border-radius:15px;border-top:4px solid var(--red);box-shadow:0 12px 30px rgba(7,31,67,.05)}
.feature-grid article>span{color:var(--red);font-weight:800}
.feature-grid h3{color:var(--navy);font-size:21px;margin:16px 0 8px}
.feature-grid p{color:var(--muted);margin:0}

.actual-product{padding:95px 7%;background:var(--navy);color:#e7eef6}
.actual-copy{max-width:880px;margin-bottom:40px}
.actual-copy h2{color:#fff}
.actual-copy p:last-child{font-size:18px;color:#d3deea}
.actual-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.actual-grid figure{margin:0}
.actual-grid figcaption{padding:14px 18px;color:var(--navy);font-weight:700;text-align:center;background:#fff}

.use-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}
.steps{list-style:none;padding:0;margin:0}
.steps li{padding:23px 0;border-bottom:1px solid var(--line)}
.steps strong,.steps span{display:block}
.steps strong{color:var(--navy);font-size:18px}
.steps span{color:var(--muted);margin-top:5px}

.care-warning{padding:70px 7%;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;background:var(--cream)}
.warning-copy{background:#fff;padding:32px;border-left:4px solid var(--red);box-shadow:0 14px 35px rgba(7,31,67,.06)}
.warning-copy p:first-child{font-weight:800;color:var(--navy)}

.buy-section{margin:65px 7%;padding:50px;display:grid;grid-template-columns:1fr 380px;gap:55px;align-items:center;background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;border-radius:22px}
.buy-section h2{color:#fff}
.buy-copy>p:last-child{color:#dce6ef}
.checkout-card{background:#fff;border-radius:15px;padding:25px;text-align:center;color:var(--ink)}
.checkout-price{font-size:42px;font-weight:800;color:var(--navy);margin-bottom:14px}
.checkout-disabled{width:100%;background:var(--gold);color:#10213a;opacity:.76;cursor:not-allowed}
.checkout-card small{display:block;color:var(--muted);margin-top:11px}

.faq details{max-width:920px;padding:21px 0;border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;color:var(--navy);font-size:18px;font-weight:800}
.faq details p{color:var(--muted)}

footer{background:#03162f;color:#dce5ee;text-align:center;padding:45px 7%}
footer img{width:185px;max-height:118px;object-fit:contain;margin:0 auto 17px;background:#fff;border-radius:8px;padding:7px}
footer a{color:#fff}
.legal{font-size:12px;color:#9aa9b9}

@media(max-width:980px){
  .hero,.intro,.use-section,.care-warning,.buy-section{grid-template-columns:1fr}
  .hero-media{min-height:460px}
  .feature-grid{grid-template-columns:1fr 1fr}
  .actual-grid{grid-template-columns:1fr}
  nav{display:none;position:absolute;top:94px;left:0;right:0;background:#fff;flex-direction:column;padding:25px;border-bottom:1px solid var(--line)}
  nav.open{display:flex}
  .menu-button{display:block}
  .buy-section{margin-left:4%;margin-right:4%}
}
@media(max-width:650px){
  .announcement{gap:10px;justify-content:space-between;font-size:9px}
  .site-header{height:80px;padding:8px 4%}
  .brand img{width:138px}
  nav{top:80px}
  .hero-media{min-height:320px}
  .hero-copy{padding:55px 5%}
  .section,.actual-product,.care-warning{padding-left:5%;padding-right:5%}
  .assurance-bar{grid-template-columns:1fr}
  .assurance-bar div{border-right:0;border-bottom:1px solid var(--line)}
  .trust-list{display:grid;gap:6px}
  .feature-grid{grid-template-columns:1fr}
  .buy-section{padding:32px}
}