/* ================================================================
   GloraMD — Clean Rebuild
   ================================================================ */

:root{
  --bg:              #f4ece0;
  --bg-cream:        #faf6ee;
  --bg-white:        #ffffff;
  --bg-dark:         #1a1a1a;
  --bg-dark-soft:    #2a2a2a;
  --text:            #1a1a1a;
  --text-soft:       #4d4d4d;
  --text-muted:      #7a7a7a;
  --gold:            #b88e4b;
  --gold-dark:       #9a7436;
  --gold-light:      #d9b678;
  --cta:             #e67820;
  --cta-hover:       #cf6611;
  --border:          #e4d9c4;
  --green:           #2a9d4a;
  --red:             #c64242;

  --radius-sm:       8px;
  --radius:          14px;
  --radius-lg:       22px;

  --shadow-sm:       0 2px 8px rgba(26,26,26,.06);
  --shadow:          0 6px 24px rgba(26,26,26,.08);
  --shadow-lg:       0 16px 48px rgba(26,26,26,.12);

  --font-body:       'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-display:    'DM Serif Display', 'Playfair Display', Georgia, serif;

  --max:             1200px;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  padding:0;
  background:var(--bg);
  color:var(--text);
  font-family:var(--font-body);
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
img{max-width:100%;display:block;height:auto}
a{color:inherit;text-decoration:none;transition:opacity .2s}
a:hover{opacity:.8}
em{font-style:italic;font-family:var(--font-display);color:var(--gold)}

.container{
  max-width:var(--max);
  margin:0 auto;
  padding:0 20px;
}
.center{text-align:center}

/* ============ TOP BAR ============ */
.topbar{
  background:var(--bg-dark);
  color:#fff;
  overflow:hidden;
  position:relative;
}
.topbar__track{
  display:flex;
  gap:40px;
  align-items:center;
  white-space:nowrap;
  padding:10px 0;
  font-size:12px;
  font-weight:600;
  letter-spacing:.04em;
  animation:scroll 40s linear infinite;
  width:max-content;
}
.topbar__sep{color:var(--gold)}
@keyframes scroll{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

/* ============ HEADER ============ */
.header{
  background:var(--bg-cream);
  border-bottom:1px solid var(--border);
  padding:16px 0;
  position:sticky;
  top:0;
  z-index:50;
}
.header__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.header__logo img{height:44px;width:auto}
.header__nav{
  display:flex;
  gap:28px;
  font-size:14px;
  font-weight:500;
  color:var(--text-soft);
}
.header__nav a:hover{color:var(--gold)}
.header__cta{
  background:var(--text);
  color:#fff;
  padding:10px 22px;
  border-radius:999px;
  font-size:13px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  transition:background .2s;
}
.header__cta:hover{background:var(--gold);opacity:1}

@media (max-width:768px){
  .header__nav{display:none}
  .header__logo img{height:34px}
}

/* ============ CTA BUTTON ============ */
.cta{
  display:inline-block;
  padding:18px 48px;
  border-radius:8px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:18px;
  text-align:center;
  transition:transform .15s, box-shadow .15s, background .15s;
  cursor:pointer;
  border:none;
}
.cta--primary{
  background:var(--cta);
  color:#fff;
  box-shadow:0 4px 0 var(--cta-hover), 0 8px 16px rgba(230,120,32,.3);
}
.cta--primary:hover{
  background:var(--cta-hover);
  transform:translateY(2px);
  box-shadow:0 2px 0 var(--cta-hover), 0 4px 8px rgba(230,120,32,.3);
  opacity:1;
}
.cta--wide{padding:22px 56px;font-size:20px;width:min(100%,480px)}

.stock-indicator{
  margin-top:12px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--red);
  font-size:13px;
  font-weight:600;
}
.stock-dot{
  width:8px;height:8px;border-radius:50%;
  background:var(--red);
  box-shadow:0 0 0 0 rgba(198,66,66,.6);
  animation:pulse 1.8s infinite;
}
@keyframes pulse{
  0%{box-shadow:0 0 0 0 rgba(198,66,66,.6)}
  70%{box-shadow:0 0 0 10px rgba(198,66,66,0)}
  100%{box-shadow:0 0 0 0 rgba(198,66,66,0)}
}

/* ============ STARS ============ */
.stars{display:inline-flex;gap:2px;align-items:center}
.stars img{width:18px;height:18px}

/* ============ HERO ============ */
.hero{padding:40px 0 60px;background:var(--bg)}
.hero__inner{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:48px;
  align-items:center;
}
.hero__rating{
  display:flex;align-items:center;gap:10px;
  font-size:14px;color:var(--text-soft);
  margin-bottom:16px;
}
.hero__title{
  font-family:var(--font-display);
  font-size:clamp(32px, 4.5vw, 56px);
  line-height:1.1;
  font-weight:400;
  margin:0 0 28px;
  color:var(--text);
}
.hero__title em{
  font-style:italic;
  color:var(--gold);
  font-family:var(--font-display);
}
.hero__bullets{
  list-style:none;
  padding:0;
  margin:0 0 32px;
}
.hero__bullets li{
  position:relative;
  padding:10px 0 10px 36px;
  font-size:17px;
  color:var(--text-soft);
  border-bottom:1px dashed var(--border);
}
.hero__bullets li:last-child{border-bottom:none}
.hero__bullets li::before{
  content:'';
  position:absolute;
  left:0; top:14px;
  width:22px;height:22px;
  border-radius:50%;
  background:var(--gold);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3E%3C/svg%3E");
  background-size:14px;
  background-position:center;
  background-repeat:no-repeat;
}
.hero__badges{
  display:flex;gap:18px;flex-wrap:wrap;
  margin-top:32px;
  padding-top:28px;
  border-top:1px solid var(--border);
}
.hero-badge{
  display:flex;align-items:center;gap:10px;
  flex:1;min-width:150px;
}
.hero-badge__icon{width:40px;height:40px;object-fit:contain}
.hero-badge__title{font-weight:800;font-size:13px;letter-spacing:.04em;color:var(--text)}
.hero-badge__sub{font-size:11px;color:var(--text-muted);letter-spacing:.06em}

.hero__visual{position:relative}
.hero__image{
  width:100%;
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-lg);
  border:1px solid var(--border);
}

@media (max-width:960px){
  .hero__inner{grid-template-columns:1fr;gap:32px}
  .hero__badges{justify-content:center;text-align:left}
}
@media (max-width:768px){
  .hero{padding:24px 0 40px}
  .hero__title{font-size:30px !important}
  .cta{padding:16px 32px;font-size:16px;width:100%}
}

/* ============ BENEFITS STRIP ============ */
.benefits-strip{
  background:var(--bg-cream);
  padding:28px 0;
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
}
.benefits-strip__inner{
  display:flex;
  flex-wrap:wrap;
  gap:32px;
  align-items:center;
  justify-content:space-around;
}
.benefit{
  display:flex;align-items:center;gap:12px;
  font-weight:600;font-size:15px;
}
.benefit img{width:36px;height:36px}
.benefit--trust{flex-direction:column;gap:4px;align-items:flex-start}
.benefit__trust-row{display:flex;gap:8px;align-items:center}
.benefit__trust-label{font-weight:700;font-size:15px}
.benefit__trust-sub{font-size:12px;color:var(--text-muted)}

@media (max-width:768px){
  .benefits-strip__inner{justify-content:flex-start}
  .benefit{flex:1 1 40%;font-size:13px}
}

/* ============ FLOATING QUOTE ============ */
.floating-quote{padding:60px 0;background:var(--bg)}
.floating-quote__inner{
  display:grid;
  grid-template-columns:420px 1fr;
  gap:48px;
  align-items:center;
  max-width:900px;
  margin:0 auto;
}
.floating-quote__img{
  border-radius:var(--radius-lg);
  aspect-ratio:1/1;
  object-fit:cover;
  box-shadow:var(--shadow);
}
.floating-quote__text{
  font-family:var(--font-display);
  font-style:italic;
  font-size:clamp(28px, 3.4vw, 44px);
  line-height:1.15;
  color:var(--text);
  margin:0;
  padding-left:24px;
  border-left:4px solid var(--gold);
}
@media (max-width:768px){
  .floating-quote__inner{grid-template-columns:1fr;gap:24px}
  .floating-quote__img{max-width:280px;margin:0 auto}
}

/* ============ SECTION TITLES ============ */
.section-title{
  font-family:var(--font-display);
  font-size:clamp(28px, 3.6vw, 44px);
  line-height:1.15;
  font-weight:400;
  text-align:center;
  margin:0 0 14px;
  color:var(--text);
}
.section-title--left{text-align:left}
.section-sub{
  text-align:center;
  color:var(--text-soft);
  font-size:16px;
  max-width:760px;
  margin:0 auto 40px;
  line-height:1.6;
}

/* ============ AGING CONCERNS ============ */
.concerns{padding:70px 0;background:var(--bg-cream)}
.concerns__grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:24px 16px;
  margin-top:32px;
}
.concern{
  text-align:center;
  display:flex;flex-direction:column;align-items:center;gap:12px;
}
.concern img{
  width:110px;height:110px;
  border-radius:50%;
  object-fit:cover;
  border:3px solid var(--bg-white);
  box-shadow:var(--shadow-sm);
}
.concern span{
  font-size:12px;
  font-weight:700;
  letter-spacing:.06em;
  color:var(--text-soft);
}
@media (max-width:768px){
  .concerns__grid{grid-template-columns:repeat(3,1fr);gap:18px 8px}
  .concern img{width:80px;height:80px}
  .concern span{font-size:10px}
}

/* ============ SCIENTIFICALLY BACKED ============ */
.scientific{padding:60px 0;background:var(--bg)}
.scientific__logos{
  display:flex;flex-wrap:wrap;gap:40px 56px;
  justify-content:center;align-items:center;
  margin-top:24px;
}
.sci-logo{
  font-family:var(--font-display);
  font-size:22px;
  color:var(--text-muted);
  opacity:.85;
  font-weight:400;
  letter-spacing:.02em;
}
.sci-logo__sub{
  display:block;
  font-size:10px;
  letter-spacing:.2em;
  font-family:var(--font-body);
  font-weight:600;
}
.sci-logo strong{color:var(--text);font-weight:700}

/* ============ INGREDIENTS ============ */
.ingredients{padding:80px 0;background:var(--bg-cream)}
.formulation-tags{
  display:flex;flex-wrap:wrap;gap:12px;
  justify-content:center;
  margin:32px 0 48px;
}
.tag{
  background:var(--bg-white);
  border:1px solid var(--border);
  padding:8px 16px;
  border-radius:999px;
  font-size:13px;
  font-weight:600;
  color:var(--text-soft);
}
.ingredients__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  margin-bottom:40px;
}
.ing-card{
  background:var(--bg-white);
  border-radius:var(--radius);
  padding:28px 24px;
  border:1px solid var(--border);
  box-shadow:var(--shadow-sm);
  transition:transform .2s, box-shadow .2s;
}
.ing-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.ing-card__icon{
  width:64px;height:64px;
  margin-bottom:16px;
  object-fit:contain;
}
.ing-card h3{
  font-family:var(--font-display);
  font-size:24px;
  font-weight:400;
  margin:0 0 12px;
  color:var(--gold);
}
.ing-card p{
  margin:0;
  font-size:14px;
  line-height:1.65;
  color:var(--text-soft);
}

.full-ingredients{
  max-width:900px;margin:0 auto 40px;
  text-align:center;padding:28px 24px;
  background:var(--bg-white);border-radius:var(--radius);
  border:1px solid var(--border);
}
.full-ingredients h4{
  font-family:var(--font-display);
  font-size:22px;
  font-weight:400;
  margin:0 0 12px;
  color:var(--text);
}
.full-ingredients p{
  font-size:13px;
  line-height:1.7;
  color:var(--text-muted);
  margin:0;
}

@media (max-width:960px){
  .ingredients__grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:600px){
  .ingredients__grid{grid-template-columns:1fr}
}

/* ============ ERASE WRINKLES ============ */
.erase{padding:80px 0;background:var(--bg)}
.erase__grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:48px;
  align-items:center;
  margin-top:32px;
}
.erase__text p{
  font-size:16px;
  line-height:1.75;
  color:var(--text-soft);
  margin:0 0 16px;
}
.erase__text strong{color:var(--text)}
.erase__images{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.erase__images img{
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  width:100%;
  object-fit:cover;
}
.disclaimer{
  font-size:12px;
  color:var(--text-muted);
  text-align:center;
  font-style:italic;
  margin:24px auto 0;
  max-width:860px;
  line-height:1.6;
}
@media (max-width:768px){
  .erase__grid{grid-template-columns:1fr;gap:32px}
}

/* ============ TIMELINE ============ */
.results-timeline{padding:80px 0;background:var(--bg-cream)}
.timeline__grid{
  display:grid;
  grid-template-columns:1.2fr 1fr;
  gap:48px;
  align-items:center;
  margin-top:32px;
  margin-bottom:32px;
}
.timeline__chart img{
  width:100%;
  border-radius:var(--radius);
  border:1px solid var(--border);
  background:var(--bg-white);
}
.timeline__phases{display:flex;flex-direction:column;gap:20px}
.phase{
  display:flex;gap:20px;align-items:flex-start;
  background:var(--bg-white);
  padding:22px 24px;
  border-radius:var(--radius);
  border:1px solid var(--border);
  box-shadow:var(--shadow-sm);
}
.phase__days{
  flex-shrink:0;
  background:var(--gold);
  color:#fff;
  width:72px;height:72px;
  border-radius:50%;
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  font-family:var(--font-display);
  font-size:20px;
  font-weight:400;
  line-height:1;
}
.phase__days small{font-size:10px;font-family:var(--font-body);letter-spacing:.1em;margin-top:4px}
.phase__content h4{
  font-family:var(--font-display);
  font-size:22px;
  font-weight:400;
  margin:0 0 8px;
  color:var(--text);
}
.phase__content ul{
  list-style:none;padding:0;margin:0;
}
.phase__content li{
  padding-left:22px;position:relative;
  font-size:14px;color:var(--text-soft);
  line-height:1.6;
  margin-bottom:4px;
}
.phase__content li::before{
  content:'✓';
  position:absolute;left:0;top:0;
  color:var(--gold);font-weight:700;
}

@media (max-width:768px){
  .timeline__grid{grid-template-columns:1fr;gap:24px}
  .phase{padding:16px}
  .phase__days{width:60px;height:60px;font-size:16px}
}

/* ============ TESTIMONIALS ============ */
.testimonials{padding:80px 0;background:var(--bg)}
.testimonials__grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:28px;
  margin-top:36px;
}
.tcard{
  background:var(--bg-white);
  border-radius:var(--radius);
  padding:28px;
  border:1px solid var(--border);
  box-shadow:var(--shadow-sm);
  display:flex;flex-direction:column;
}
.tcard > img:first-child{
  width:100%;
  height:260px;
  object-fit:cover;
  border-radius:var(--radius-sm);
  margin-bottom:20px;
}
.tcard__stars{display:flex;gap:2px;margin-bottom:12px}
.tcard__stars img{width:16px;height:16px}
.tcard p{
  font-size:14px;
  line-height:1.7;
  color:var(--text-soft);
  margin:0 0 20px;
  flex-grow:1;
}
.tcard__name{
  font-weight:700;
  font-size:14px;
  color:var(--text);
  display:flex;align-items:center;gap:10px;
  flex-wrap:wrap;
  border-top:1px solid var(--border);
  padding-top:14px;
}
.tcard__verified{
  display:inline-flex;align-items:center;gap:4px;
  color:var(--green);
  font-weight:600;
  font-size:12px;
}
.tcard__verified img{width:14px;height:14px}

@media (max-width:768px){
  .testimonials__grid{grid-template-columns:1fr}
}

/* ============ COMPARISON ============ */
.comparison{padding:80px 0;background:var(--bg-cream)}
.comparison__grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  margin-top:40px;
  margin-bottom:40px;
  max-width:1000px;
  margin-left:auto;margin-right:auto;
}
.comp-col{
  border-radius:var(--radius);
  padding:32px 28px;
  overflow:hidden;
}
.comp-col--product{
  background:linear-gradient(180deg, #fff8ec 0%, #f4e5c8 100%);
  border:2px solid var(--gold);
}
.comp-col--others{
  background:var(--bg-white);
  border:1px solid var(--border);
}
.comp-col__header{
  text-align:center;
  padding-bottom:20px;
  border-bottom:1px solid var(--border);
  margin-bottom:20px;
}
.comp-col__logo{height:40px;margin:0 auto 8px}
.comp-col__title{
  font-family:var(--font-display);
  font-size:18px;
  color:var(--gold);
  font-weight:400;
}
.comp-col__title small{
  display:block;
  font-size:12px;
  color:var(--text-muted);
  letter-spacing:.1em;
  margin-top:4px;
}
.comp-col__title--others{color:var(--text-muted)}
.comp-col__clinic{
  display:flex;align-items:center;gap:12px;
  justify-content:center;
  margin-bottom:8px;
  font-size:11px;
  font-weight:700;
  color:var(--text-muted);
  letter-spacing:.08em;
}
.comp-col__clinic-vial{
  width:20px;height:44px;
  background:linear-gradient(180deg,#ccc 0%,#999 100%);
  border-radius:3px;
  position:relative;
}
.comp-col__clinic-vial::after{
  content:'';position:absolute;top:-6px;left:2px;right:2px;height:8px;
  background:#666;border-radius:3px 3px 0 0;
}

.comp-list{list-style:none;padding:0;margin:0}
.comp-list li{
  padding:10px 0 10px 32px;
  position:relative;
  font-size:14px;
  color:var(--text);
  border-bottom:1px dashed var(--border);
}
.comp-list li:last-child{border-bottom:none}
.comp-list--yes li::before{
  content:'✓';
  position:absolute;left:0;top:8px;
  width:22px;height:22px;
  background:var(--green);color:#fff;
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:13px;font-weight:700;
}
.comp-list--no li::before{
  content:'✕';
  position:absolute;left:0;top:8px;
  width:22px;height:22px;
  background:var(--red);color:#fff;
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:700;
}
.comp-list--no li{color:var(--text-muted)}

@media (max-width:768px){
  .comparison__grid{grid-template-columns:1fr;gap:16px}
  .comp-col{padding:22px 20px}
}

/* ============ HOW TO USE ============ */
.howto{padding:80px 0;background:var(--bg)}
.howto__inner{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:48px;
  align-items:center;
}
.howto__image img{
  width:100%;
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow);
}
.howto__content p{
  font-size:16px;
  line-height:1.7;
  color:var(--text-soft);
  margin:0 0 24px;
}
.howto__steps{
  list-style:none;
  padding:0;
  margin:0 0 32px;
  counter-reset:step;
}
.howto__steps li{
  position:relative;
  padding:14px 0 14px 56px;
  font-size:15px;
  line-height:1.6;
  color:var(--text-soft);
  border-bottom:1px dashed var(--border);
  counter-increment:step;
}
.howto__steps li:last-child{border-bottom:none}
.howto__steps li::before{
  content:counter(step);
  position:absolute;left:0;top:12px;
  width:36px;height:36px;
  background:var(--gold);color:#fff;
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-weight:700;font-size:15px;
  font-family:var(--font-display);
}
.howto__steps li strong{color:var(--text)}

.howto__comments{
  display:flex;flex-direction:column;gap:12px;
  margin-top:28px;
}
.insta-comment{
  background:var(--bg-cream);
  border-radius:var(--radius-sm);
  padding:16px 20px;
  border-left:3px solid var(--gold);
}
.insta-comment__head{
  font-weight:700;
  font-size:13px;
  color:var(--gold-dark);
  margin-bottom:4px;
}
.insta-comment p{
  margin:0;
  font-size:14px;
  line-height:1.5;
  color:var(--text-soft);
}

@media (max-width:768px){
  .howto__inner{grid-template-columns:1fr;gap:32px}
}

/* ============ DOCTOR ============ */
.doctor{padding:80px 0;background:var(--bg-cream)}
.doctor__inner{
  display:grid;
  grid-template-columns:420px 1fr;
  gap:48px;
  align-items:center;
}
.doctor__image img{
  width:100%;
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow);
}
.doctor__content p{
  font-size:15px;
  line-height:1.75;
  color:var(--text-soft);
  margin:0 0 16px;
}
.doctor__content em{
  font-style:italic;
  color:var(--gold-dark);
  font-family:inherit;
}
.doctor__content strong{color:var(--text)}

@media (max-width:768px){
  .doctor__inner{grid-template-columns:1fr;gap:32px}
}

/* ============ LOW STOCK RIBBON ============ */
.lowstock-ribbon{
  background:var(--gold);
  color:#fff;
  padding:14px 0;
  overflow:hidden;
}
.lowstock-ribbon__track{
  display:flex;gap:32px;align-items:center;
  white-space:nowrap;
  font-size:14px;font-weight:700;letter-spacing:.05em;
  width:max-content;
  animation:scroll 25s linear infinite;
}

/* ============ FAQ ============ */
.faq{padding:80px 0;background:var(--bg)}
.faq__list{
  max-width:800px;
  margin:40px auto 0;
}
.faq__item{
  background:var(--bg-white);
  border-radius:var(--radius-sm);
  border:1px solid var(--border);
  margin-bottom:12px;
  overflow:hidden;
  transition:box-shadow .2s;
}
.faq__item[open]{box-shadow:var(--shadow-sm)}
.faq__item summary{
  padding:20px 24px;
  cursor:pointer;
  font-weight:600;
  font-size:15px;
  color:var(--text);
  display:flex;justify-content:space-between;align-items:center;
  list-style:none;
  user-select:none;
}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary::after{
  content:'+';
  font-size:24px;
  color:var(--gold);
  font-weight:300;
  transition:transform .2s;
  margin-left:12px;
}
.faq__item[open] summary::after{transform:rotate(45deg)}
.faq__answer{
  padding:0 24px 20px;
  color:var(--text-soft);
  font-size:14px;
  line-height:1.7;
}
.faq__answer p{margin:0}

/* ============ MONEY-BACK ============ */
.moneyback{padding:80px 0;background:var(--bg-cream)}
.moneyback__inner{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:48px;
  align-items:center;
}
.moneyback__content{text-align:left}
.moneyback__seal{width:140px;margin-bottom:16px}
.moneyback h2{
  font-family:var(--font-display);
  font-size:clamp(28px,3.2vw,40px);
  font-weight:400;
  line-height:1.15;
  margin:0 0 16px;
}
.moneyback__content > p:first-of-type{
  font-family:var(--font-display);
  font-style:italic;
  font-size:22px;
  color:var(--gold-dark);
  margin:0 0 20px;
}
.moneyback__text{
  font-size:15px;
  line-height:1.7;
  color:var(--text-soft);
}
.moneyback__image img{
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow);
  width:100%;
}

@media (max-width:768px){
  .moneyback__inner{grid-template-columns:1fr;gap:32px}
}

/* ============ REVIEWS ============ */
.reviews{padding:80px 0;background:var(--bg)}
.reviews__summary{
  display:flex;justify-content:center;
  margin:32px 0 48px;
  padding:28px;
  background:var(--bg-cream);
  border-radius:var(--radius);
  max-width:500px;
  margin-left:auto;margin-right:auto;
}
.reviews__rating{text-align:center}
.reviews__score{
  font-family:var(--font-display);
  font-size:64px;
  color:var(--gold);
  line-height:1;
  margin-bottom:8px;
}
.reviews__stars{display:flex;gap:4px;justify-content:center;margin-bottom:10px}
.reviews__stars img{width:22px;height:22px}
.reviews__count{font-size:13px;color:var(--text-muted)}

.reviews__list{
  max-width:860px;
  margin:0 auto;
  display:flex;flex-direction:column;gap:20px;
}
.review{
  background:var(--bg-cream);
  border-radius:var(--radius);
  padding:24px 28px;
  border:1px solid var(--border);
}
.review__head{
  display:flex;align-items:center;gap:16px;
  flex-wrap:wrap;
  margin-bottom:12px;
}
.review__avatar{
  width:48px;height:48px;
  border-radius:50%;
  object-fit:cover;
}
.review__name{font-weight:700;font-size:15px;color:var(--text)}
.review__verified{
  display:inline-flex;align-items:center;gap:4px;
  color:var(--green);font-weight:600;font-size:12px;
}
.review__verified img{width:14px;height:14px}
.review__stars{margin-left:auto;display:flex;gap:2px}
.review__stars img{width:16px;height:16px}
.review__recommend{
  color:var(--green);
  font-size:13px;
  font-weight:600;
  margin-bottom:10px;
}
.review h4{
  font-family:var(--font-display);
  font-size:20px;
  font-weight:400;
  margin:0 0 8px;
  color:var(--text);
}
.review p{
  font-size:14px;
  line-height:1.7;
  color:var(--text-soft);
  margin:0 0 14px;
}
.review__helpful{
  font-size:12px;
  color:var(--text-muted);
  padding-top:12px;
  border-top:1px dashed var(--border);
}
.reviews__loadmore{
  display:block;
  margin:36px auto 0;
  background:none;
  border:2px solid var(--text);
  padding:14px 40px;
  font-weight:700;
  letter-spacing:.1em;
  font-size:13px;
  cursor:pointer;
  border-radius:999px;
  transition:background .2s,color .2s;
}
.reviews__loadmore:hover{background:var(--text);color:#fff}

/* ============ SOCIAL PROOF COLLAGE ============ */
.social-proof{padding:60px 0;background:var(--bg)}
.social-proof__collage{
  max-width:720px;
  margin:0 auto;
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow);
  width:100%;
}

/* ============ BOTTOM CTA ============ */
.bottom-cta{padding:60px 0;background:var(--bg-cream)}
.bottom-cta__inner{
  display:grid;
  grid-template-columns:1.2fr 1fr;
  gap:48px;
  align-items:center;
}
.bottom-cta__rating{
  display:flex;align-items:center;gap:10px;
  font-size:14px;color:var(--text-soft);
  margin-bottom:14px;
}
.bottom-cta__title{
  font-family:var(--font-display);
  font-size:clamp(28px,3.6vw,44px);
  font-weight:400;
  line-height:1.1;
  margin:0 0 22px;
}
.bottom-cta__bullets{
  list-style:none;padding:0;margin:0 0 28px;
}
.bottom-cta__bullets li{
  position:relative;
  padding:8px 0 8px 30px;
  font-size:15px;
  color:var(--text-soft);
}
.bottom-cta__bullets li::before{
  content:'';
  position:absolute;left:0;top:12px;
  width:18px;height:18px;
  border-radius:50%;
  background:var(--gold);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3E%3C/svg%3E");
  background-size:12px;
  background-position:center;
  background-repeat:no-repeat;
}
.bottom-cta__images{
  display:grid;grid-template-columns:repeat(3,1fr);gap:8px;
}
.bottom-cta__images img{
  aspect-ratio:1/1.3;
  object-fit:cover;
  border-radius:var(--radius-sm);
}
@media (max-width:768px){
  .bottom-cta__inner{grid-template-columns:1fr;gap:32px}
}

/* ============ FOOTER FEATURES ============ */
.footer-features{background:var(--bg-dark);padding:40px 0}
.footer-features__inner{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:32px;
  color:#fff;
}
.ffeat{
  display:flex;align-items:center;gap:16px;
  padding-right:24px;
  border-right:1px solid rgba(255,255,255,.12);
}
.ffeat:last-child{border-right:none}
.ffeat img{width:44px;height:44px;filter:invert(1)}
.ffeat__title{font-weight:800;font-size:15px;letter-spacing:.06em}
.ffeat__sub{font-size:13px;color:rgba(255,255,255,.6);margin-top:2px}

@media (max-width:960px){
  .footer-features__inner{grid-template-columns:repeat(2,1fr)}
  .ffeat{border-right:none;padding-right:0}
}
@media (max-width:600px){
  .footer-features__inner{grid-template-columns:1fr}
}

/* ============ FOOTER ============ */
.footer{background:var(--bg-dark);color:#fff;padding:60px 0 0}
.footer__inner{
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1.3fr;
  gap:48px;
  padding-bottom:48px;
  border-bottom:1px solid rgba(255,255,255,.1);
}
.footer__logo{height:56px;width:auto;margin-bottom:20px}
.footer__tagline{
  color:rgba(255,255,255,.7);
  font-size:14px;
  line-height:1.7;
  margin:0;
  max-width:360px;
}
.footer__col h5{
  font-size:14px;
  font-weight:800;
  letter-spacing:.08em;
  margin:0 0 20px;
  color:#fff;
}
.footer__col ul{list-style:none;padding:0;margin:0}
.footer__col li{margin-bottom:12px}
.footer__col a{
  color:rgba(255,255,255,.65);
  font-size:14px;
  transition:color .2s;
}
.footer__col a:hover{color:var(--gold-light);opacity:1}
.footer__contact li{
  display:flex;align-items:center;gap:10px;
  color:rgba(255,255,255,.75);
  font-size:14px;
}
.footer__contact span{font-size:14px}

.footer__bottom{padding:24px 0;background:var(--bg-dark)}
.footer__bottom-inner{
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:16px;
  color:rgba(255,255,255,.5);
  font-size:13px;
}
.footer__payments{display:flex;gap:10px;flex-wrap:wrap}
.pay{
  background:#fff;color:#333;
  padding:4px 10px;border-radius:4px;
  font-size:11px;font-weight:700;
  letter-spacing:.05em;
}

@media (max-width:960px){
  .footer__inner{grid-template-columns:1fr 1fr;gap:32px}
}
@media (max-width:600px){
  .footer__inner{grid-template-columns:1fr;gap:24px}
}