/* ============================================
   JELLYFORCE — Main Stylesheet
   Domain: https://jellyfforce.com/
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&family=Open+Sans:wght@300;400;500;600&display=swap');

/* ---- CSS CUSTOM PROPERTIES ---- */
:root {
  --clr-primary: #e11d48;
  --clr-primary-dark: #be123c;
  --clr-primary-light: #fb7185;
  --clr-gold: #f59e0b;
  --clr-gold-dark: #d97706;
  --clr-gold-light: #fcd34d;
  --clr-bg: #040610;
  --clr-bg-2: #080d1c;
  --clr-bg-3: #0c1225;
  --clr-bg-4: #101930;
  --clr-text: #f8fafc;
  --clr-text-muted: #94a3b8;
  --clr-text-dim: #64748b;
  --clr-border: rgba(255,255,255,0.07);
  --font-heading: 'Montserrat', sans-serif;
  --font-body: 'Open Sans', sans-serif;
  --section-py: 100px;
  --container-max: 1200px;
  --radius-sm: 8px;
  --radius: 12px;
  --radius-lg: 20px;
  --radius-xl: 30px;
  --shadow-sm: 0 2px 10px rgba(0,0,0,0.3);
  --shadow: 0 8px 30px rgba(0,0,0,0.4);
  --shadow-lg: 0 20px 60px rgba(0,0,0,0.5);
  --shadow-red: 0 8px 30px rgba(225,29,72,0.35);
  --shadow-gold: 0 8px 30px rgba(245,158,11,0.3);
  --transition: all 0.3s ease;
}

/* ---- RESET ---- */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; font-size:16px; }
body { font-family:var(--font-body); background:var(--clr-bg); color:var(--clr-text); line-height:1.7; overflow-x:hidden; -webkit-font-smoothing:antialiased; }
img { max-width:100%; height:auto; display:block; }
a { text-decoration:none; color:inherit; transition:var(--transition); }
ul { list-style:none; }
h1,h2,h3,h4,h5,h6 { font-family:var(--font-heading); line-height:1.2; font-weight:700; }
button { cursor:pointer; }

/* ---- UTILITIES ---- */
.container { max-width:var(--container-max); margin:0 auto; padding:0 20px; }
.section { padding:var(--section-py) 0; }
.section--darker { background:var(--clr-bg-2); }
.section--card { background:var(--clr-bg-3); }
.text-center { text-align:center; }
.text-gradient {
  background:linear-gradient(135deg, var(--clr-primary), var(--clr-gold));
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
.section-eyebrow {
  font-size:0.78rem; font-weight:700; letter-spacing:3px;
  text-transform:uppercase; color:var(--clr-primary); margin-bottom:12px;
}
.section-title { font-size:clamp(2rem,4vw,3rem); font-weight:800; margin-bottom:20px; line-height:1.15; }
.section-subtitle { font-size:1.05rem; color:var(--clr-text-muted); max-width:600px; margin:0 auto; line-height:1.8; }

/* ---- BADGES ---- */
.badge { display:inline-block; padding:4px 14px; border-radius:50px; font-size:0.72rem; font-weight:700; letter-spacing:0.5px; text-transform:uppercase; }
.badge--red { background:rgba(225,29,72,0.15); color:var(--clr-primary); border:1px solid rgba(225,29,72,0.3); }
.badge--gold { background:rgba(245,158,11,0.15); color:var(--clr-gold); border:1px solid rgba(245,158,11,0.3); }
.badge--green { background:rgba(16,185,129,0.15); color:#10b981; border:1px solid rgba(16,185,129,0.3); }

/* ---- BUTTONS ---- */
.btn {
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:14px 32px; border-radius:50px; font-family:var(--font-heading);
  font-weight:700; font-size:0.95rem; letter-spacing:0.5px;
  cursor:pointer; border:none; transition:var(--transition); white-space:nowrap;
}
.btn--primary { background:linear-gradient(135deg,var(--clr-primary),#ff6b6b); color:#fff; box-shadow:var(--shadow-red); }
.btn--primary:hover { transform:translateY(-2px); box-shadow:0 14px 40px rgba(225,29,72,0.55); color:#fff; }
.btn--gold { background:linear-gradient(135deg,var(--clr-gold),#fcd34d); color:#000; box-shadow:var(--shadow-gold); }
.btn--gold:hover { transform:translateY(-2px); box-shadow:0 14px 40px rgba(245,158,11,0.55); color:#000; }
.btn--outline { background:transparent; color:var(--clr-text); border:2px solid rgba(255,255,255,0.18); }
.btn--outline:hover { border-color:var(--clr-primary); color:var(--clr-primary); }
.btn--lg { padding:18px 44px; font-size:1.05rem; }
.btn--full { width:100%; }

/* ---- NAVBAR ---- */
.navbar {
  position:fixed; top:0; left:0; right:0; z-index:1000;
  padding:20px 0; transition:var(--transition); background:transparent;
}
.navbar.scrolled {
  padding:12px 0; background:rgba(4,6,16,0.95);
  backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px);
  border-bottom:1px solid var(--clr-border); box-shadow:var(--shadow);
}
.navbar__inner { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.navbar__logo { font-family:var(--font-heading); font-size:1.55rem; font-weight:900; }
.navbar__logo .logo-accent { color:var(--clr-primary); }
.navbar__menu { display:flex; align-items:center; gap:34px; }
.navbar__menu a {
  font-family:var(--font-heading); font-size:0.88rem; font-weight:600;
  color:var(--clr-text-muted); position:relative;
}
.navbar__menu a::after {
  content:''; position:absolute; bottom:-3px; left:0; right:0;
  height:2px; background:var(--clr-primary); transform:scaleX(0); transition:var(--transition);
}
.navbar__menu a:hover, .navbar__menu a.active { color:var(--clr-text); }
.navbar__menu a:hover::after, .navbar__menu a.active::after { transform:scaleX(1); }
.navbar__toggle { display:none; flex-direction:column; gap:5px; background:none; border:none; padding:4px; }
.navbar__toggle span { display:block; width:24px; height:2px; background:var(--clr-text); border-radius:2px; transition:var(--transition); }
.navbar__toggle.open span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
.navbar__toggle.open span:nth-child(2) { opacity:0; }
.navbar__toggle.open span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }

/* ---- MOBILE MENU ---- */
.mobile-menu {
  position:fixed; inset:0; background:var(--clr-bg-2); z-index:999;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:32px; transform:translateX(100%); transition:transform 0.4s cubic-bezier(0.4,0,0.2,1);
}
.mobile-menu.open { transform:translateX(0); }
.mobile-menu a { font-family:var(--font-heading); font-size:1.5rem; font-weight:700; color:var(--clr-text-muted); }
.mobile-menu a:hover { color:var(--clr-primary); }
.mobile-close { position:absolute; top:24px; right:24px; background:none; border:none; color:var(--clr-text); font-size:1.5rem; }

/* ---- STICKY MOBILE CTA ---- */
.sticky-cta {
  position:fixed; bottom:0; left:0; right:0; z-index:990;
  padding:12px 20px; background:rgba(4,6,16,0.97);
  backdrop-filter:blur(20px); border-top:1px solid var(--clr-border);
  display:none;
}
.sticky-cta a {
  display:block; text-align:center; padding:14px;
  background:linear-gradient(135deg,var(--clr-primary),#ff6b6b);
  border-radius:50px; font-family:var(--font-heading);
  font-weight:700; font-size:1rem; color:#fff; box-shadow:var(--shadow-red);
}

/* ---- HERO ---- */
.hero {
  min-height:100vh; display:flex; align-items:center;
  position:relative; overflow:hidden; padding-top:80px;
  background:linear-gradient(135deg,#040610 0%,#0a0318 40%,#15030a 100%);
}
.hero::before {
  content:''; position:absolute; top:-50%; right:-20%; width:80%; height:120%;
  background:radial-gradient(ellipse,rgba(225,29,72,0.09) 0%,transparent 70%); pointer-events:none;
}
.hero::after {
  content:''; position:absolute; bottom:-30%; left:-10%; width:60%; height:80%;
  background:radial-gradient(ellipse,rgba(245,158,11,0.05) 0%,transparent 70%); pointer-events:none;
}
.hero__inner { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; position:relative; z-index:1; }
.hero__eyebrow {
  display:inline-flex; align-items:center; gap:8px;
  font-size:0.78rem; font-weight:700; letter-spacing:2px; text-transform:uppercase;
  color:var(--clr-gold); margin-bottom:20px;
}
.hero__eyebrow::before { content:''; display:block; width:20px; height:2px; background:var(--clr-gold); }
.hero__title { font-size:clamp(2.4rem,5vw,3.8rem); font-weight:900; line-height:1.1; margin-bottom:24px; }
.hero__title .highlight { color:var(--clr-primary); }
.hero__subtitle { font-size:1.1rem; color:var(--clr-text-muted); line-height:1.8; margin-bottom:36px; max-width:500px; }
.hero__ctas { display:flex; flex-wrap:wrap; gap:16px; margin-bottom:48px; }
.hero__trust { display:flex; flex-wrap:wrap; gap:20px; }
.trust-badge { display:flex; align-items:center; gap:8px; font-size:0.83rem; font-weight:600; color:var(--clr-text-muted); }
.trust-badge i { width:32px; height:32px; display:flex; align-items:center; justify-content:center; border-radius:50%; font-size:0.82rem; }
.trust-badge--secure i { background:rgba(16,185,129,0.15); color:#10b981; }
.trust-badge--guarantee i { background:rgba(245,158,11,0.15); color:var(--clr-gold); }
.trust-badge--natural i { background:rgba(225,29,72,0.15); color:var(--clr-primary); }
.hero__image-wrap { position:relative; display:flex; justify-content:center; align-items:center; }
.hero__image-wrap::before {
  content:''; position:absolute; width:70%; height:70%; border-radius:50%;
  background:radial-gradient(circle,rgba(225,29,72,0.18) 0%,transparent 70%);
  animation:pulse-glow 3s ease-in-out infinite;
}
@keyframes pulse-glow {
  0%,100% { transform:scale(1); opacity:0.7; }
  50% { transform:scale(1.12); opacity:1; }
}
.hero__image {
  max-width:480px; width:100%; position:relative; z-index:1;
  animation:float 4s ease-in-out infinite;
  filter:drop-shadow(0 30px 60px rgba(225,29,72,0.3));
}
@keyframes float {
  0%,100% { transform:translateY(0); }
  50% { transform:translateY(-16px); }
}

/* ---- WHY SECTION ---- */
.why-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; margin-top:60px; }
.why-card {
  background:var(--clr-bg-3); border:1px solid var(--clr-border);
  border-radius:var(--radius-lg); padding:34px 26px;
  transition:var(--transition); position:relative; overflow:hidden;
}
.why-card::before {
  content:''; position:absolute; top:0; left:0; right:0; height:3px;
  background:linear-gradient(90deg,var(--clr-primary),var(--clr-gold));
  transform:scaleX(0); transition:var(--transition);
}
.why-card:hover { transform:translateY(-5px); box-shadow:var(--shadow-lg); }
.why-card:hover::before { transform:scaleX(1); }
.why-card__icon { width:54px; height:54px; border-radius:var(--radius); background:rgba(225,29,72,0.1); display:flex; align-items:center; justify-content:center; font-size:1.3rem; color:var(--clr-primary); margin-bottom:18px; }
.why-card__title { font-size:1.05rem; font-weight:700; margin-bottom:10px; }
.why-card__text { font-size:0.88rem; color:var(--clr-text-muted); line-height:1.7; }

/* ---- BENEFITS ---- */
.benefits-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:60px; }
.benefit-card {
  background:linear-gradient(135deg,var(--clr-bg-3),var(--clr-bg-4));
  border:1px solid var(--clr-border); border-radius:var(--radius-lg);
  padding:30px 22px; text-align:center; transition:var(--transition);
}
.benefit-card:hover { transform:translateY(-6px); border-color:rgba(225,29,72,0.3); box-shadow:0 20px 50px rgba(225,29,72,0.1); }
.benefit-card__icon {
  width:68px; height:68px; border-radius:50%;
  background:linear-gradient(135deg,rgba(225,29,72,0.15),rgba(245,158,11,0.1));
  display:flex; align-items:center; justify-content:center;
  font-size:1.55rem; color:var(--clr-primary); margin:0 auto 18px; transition:var(--transition);
}
.benefit-card:hover .benefit-card__icon { background:linear-gradient(135deg,var(--clr-primary),var(--clr-gold)); color:#fff; transform:scale(1.1); }
.benefit-card__title { font-size:0.98rem; font-weight:700; margin-bottom:8px; }
.benefit-card__text { font-size:0.85rem; color:var(--clr-text-muted); line-height:1.6; }

/* ---- INGREDIENTS ---- */
.ingredients-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:22px; margin-top:60px; }
.ingredient-card {
  background:var(--clr-bg-3); border:1px solid var(--clr-border);
  border-radius:var(--radius-lg); overflow:hidden; transition:var(--transition);
}
.ingredient-card:hover { transform:translateY(-4px); border-color:rgba(245,158,11,0.3); box-shadow:0 15px 40px rgba(0,0,0,0.3); }
.ingredient-card__placeholder {
  width:100%; height:160px;
  background:linear-gradient(135deg,#0f1929,#1a2640);
  display:flex; align-items:center; justify-content:center; font-size:3rem;
}
.ingredient-card__body { padding:18px; }
.ingredient-card__name { font-size:0.95rem; font-weight:700; margin-bottom:6px; color:var(--clr-gold); }
.ingredient-card__desc { font-size:0.82rem; color:var(--clr-text-muted); line-height:1.6; }

/* ---- HOW IT WORKS ---- */
.how-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:40px; margin-top:60px; position:relative; }
.how-steps::before {
  content:''; position:absolute; top:36px; left:16.5%; right:16.5%;
  height:2px; background:linear-gradient(90deg,var(--clr-primary),var(--clr-gold),var(--clr-primary)); z-index:0;
}
.how-step { text-align:center; position:relative; z-index:1; }
.how-step__number {
  width:72px; height:72px; border-radius:50%;
  background:linear-gradient(135deg,var(--clr-primary),#ff6b6b);
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-heading); font-size:1.5rem; font-weight:900; color:#fff;
  margin:0 auto 22px; box-shadow:var(--shadow-red); transition:var(--transition);
}
.how-step:hover .how-step__number { transform:scale(1.1); box-shadow:0 12px 40px rgba(225,29,72,0.55); }
.how-step__title { font-size:1.1rem; font-weight:700; margin-bottom:10px; }
.how-step__text { font-size:0.88rem; color:var(--clr-text-muted); line-height:1.7; }

/* ---- WHY LOVE US ---- */
.love-grid { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; margin-top:60px; }
.love-list { display:flex; flex-direction:column; gap:20px; }
.love-item {
  display:flex; align-items:flex-start; gap:18px; padding:22px;
  background:var(--clr-bg-3); border:1px solid var(--clr-border);
  border-radius:var(--radius); transition:var(--transition);
}
.love-item:hover { border-color:rgba(225,29,72,0.3); transform:translateX(5px); }
.love-item__icon {
  width:46px; height:46px; flex-shrink:0; border-radius:var(--radius-sm);
  background:linear-gradient(135deg,var(--clr-primary),var(--clr-gold));
  display:flex; align-items:center; justify-content:center; font-size:1.05rem; color:#fff;
}
.love-item__title { font-size:0.98rem; font-weight:700; margin-bottom:5px; }
.love-item__text { font-size:0.85rem; color:var(--clr-text-muted); line-height:1.6; }
.love-image-placeholder {
  width:100%; height:460px; border-radius:var(--radius-xl);
  background:linear-gradient(135deg,var(--clr-bg-3),var(--clr-bg-4));
  display:flex; align-items:center; justify-content:center;
  flex-direction:column; gap:12px; color:var(--clr-text-muted);
  border:1px solid var(--clr-border);
}
.love-image-placeholder i { font-size:4rem; color:var(--clr-primary); opacity:0.4; }

/* ---- TESTIMONIALS ---- */
.testimonials-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:60px; }
.testimonial-card {
  background:var(--clr-bg-3); border:1px solid var(--clr-border);
  border-radius:var(--radius-lg); padding:30px; transition:var(--transition); position:relative;
}
.testimonial-card::before {
  content:'\201C'; position:absolute; top:12px; right:22px;
  font-size:5rem; line-height:1; font-family:var(--font-heading);
  color:var(--clr-primary); opacity:0.12;
}
.testimonial-card:hover { transform:translateY(-4px); box-shadow:var(--shadow-lg); border-color:rgba(225,29,72,0.2); }
.testimonial-card__stars { color:var(--clr-gold); font-size:0.9rem; margin-bottom:14px; display:flex; gap:3px; }
.testimonial-card__text { font-size:0.88rem; color:var(--clr-text-muted); line-height:1.8; margin-bottom:22px; font-style:italic; }
.testimonial-card__author { display:flex; align-items:center; gap:12px; }
.testimonial-card__avatar {
  width:46px; height:46px; border-radius:50%;
  background:linear-gradient(135deg,var(--clr-primary),var(--clr-gold));
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-heading); font-weight:700; font-size:0.95rem; color:#fff; flex-shrink:0;
}
.testimonial-card__name { font-weight:700; font-size:0.92rem; }
.testimonial-card__meta { font-size:0.78rem; color:var(--clr-text-dim); }

/* ---- TRUST SECTION ---- */
.trust-section { background:linear-gradient(135deg,var(--clr-bg-2),var(--clr-bg-3)); }
.trust-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:20px; margin-top:48px; }
.trust-item {
  text-align:center; padding:26px 14px; background:var(--clr-bg-3);
  border:1px solid var(--clr-border); border-radius:var(--radius); transition:var(--transition);
}
.trust-item:hover { border-color:rgba(245,158,11,0.3); transform:translateY(-3px); }
.trust-item__icon { font-size:1.9rem; margin-bottom:10px; display:block; }
.trust-item__label { font-size:0.78rem; font-weight:700; color:var(--clr-text-muted); line-height:1.3; }

/* ---- FAQ ---- */
.faq-list { max-width:800px; margin:56px auto 0; display:flex; flex-direction:column; gap:10px; }
.faq-item { background:var(--clr-bg-3); border:1px solid var(--clr-border); border-radius:var(--radius); overflow:hidden; transition:var(--transition); }
.faq-item.open { border-color:rgba(225,29,72,0.35); }
.faq-question {
  width:100%; background:none; border:none; color:var(--clr-text);
  padding:20px 22px; display:flex; align-items:center; justify-content:space-between;
  gap:14px; cursor:pointer; font-family:var(--font-heading); font-weight:600;
  font-size:0.93rem; text-align:left; transition:var(--transition);
}
.faq-question:hover { color:var(--clr-primary); }
.faq-question__icon {
  flex-shrink:0; width:26px; height:26px; border-radius:50%;
  background:rgba(225,29,72,0.1); color:var(--clr-primary);
  display:flex; align-items:center; justify-content:center; font-size:0.8rem; transition:var(--transition);
}
.faq-item.open .faq-question__icon { background:var(--clr-primary); color:#fff; transform:rotate(45deg); }
.faq-answer { max-height:0; overflow:hidden; transition:max-height 0.4s ease; }
.faq-answer__inner { padding:0 22px 20px; font-size:0.88rem; color:var(--clr-text-muted); line-height:1.8; }
.faq-item.open .faq-answer { max-height:500px; }

/* ---- PRICING ---- */
.pricing-section { background:linear-gradient(180deg,var(--clr-bg) 0%,var(--clr-bg-2) 100%); position:relative; overflow:hidden; }
.pricing-section::before {
  content:''; position:absolute; top:0; left:50%; transform:translateX(-50%);
  width:600px; height:400px;
  background:radial-gradient(ellipse,rgba(225,29,72,0.06) 0%,transparent 70%);
}
.pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; margin-top:60px; align-items:stretch; }
.pricing-card {
  background:var(--clr-bg-3); border:1px solid var(--clr-border);
  border-radius:var(--radius-xl); padding:38px 28px; text-align:center;
  transition:var(--transition); position:relative; overflow:hidden;
  display:flex; flex-direction:column; align-items:center;
}
.pricing-card--featured { border-color:var(--clr-primary); box-shadow:0 0 0 1px var(--clr-primary),var(--shadow-red); transform:scale(1.03); }
.pricing-card--best { border-color:var(--clr-gold); box-shadow:0 0 0 1px var(--clr-gold),var(--shadow-gold); }
.pricing-card:hover { transform:translateY(-8px); box-shadow:var(--shadow-lg); }
.pricing-card--featured:hover { transform:scale(1.03) translateY(-8px); }
.pricing-card__badges { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-bottom:22px; min-height:28px; }
.pricing-card__image { max-height:220px; width:auto; margin:0 auto 26px; filter:drop-shadow(0 10px 24px rgba(0,0,0,0.4)); transition:var(--transition); }
.pricing-card:hover .pricing-card__image { transform:scale(1.06); }
.pricing-card__name { font-size:0.88rem; font-weight:600; color:var(--clr-text-muted); margin-bottom:10px; text-transform:uppercase; letter-spacing:1px; }
.pricing-card__amount { font-size:3rem; font-weight:900; font-family:var(--font-heading); line-height:1; }
.pricing-card__per { font-size:0.88rem; color:var(--clr-text-muted); }
.pricing-card__total { font-size:0.82rem; color:var(--clr-text-dim); margin-bottom:26px; }
.pricing-card__features { display:flex; flex-direction:column; gap:10px; margin-bottom:28px; width:100%; text-align:left; }
.pricing-card__feature { display:flex; align-items:center; gap:10px; font-size:0.84rem; color:var(--clr-text-muted); }
.pricing-card__feature i { color:#10b981; font-size:0.82rem; flex-shrink:0; }
.pricing-card .btn { width:100%; margin-top:auto; }

/* ---- FINAL CTA ---- */
.final-cta {
  background:linear-gradient(135deg,#0d0215 0%,#1a0520 50%,#0d0215 100%);
  text-align:center; position:relative; overflow:hidden;
}
.final-cta::before {
  content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  width:800px; height:400px;
  background:radial-gradient(ellipse,rgba(225,29,72,0.1) 0%,transparent 70%);
}
.final-cta__title { font-size:clamp(2rem,4vw,3.2rem); font-weight:900; margin-bottom:18px; position:relative; }
.final-cta__subtitle { font-size:1.05rem; color:var(--clr-text-muted); margin-bottom:38px; max-width:600px; margin-left:auto; margin-right:auto; position:relative; }
.final-cta .btn { position:relative; }

/* ---- FOOTER ---- */
.footer { background:#020408; border-top:1px solid var(--clr-border); padding:80px 0 0; }
.footer__grid { display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:46px; margin-bottom:56px; }
.footer__brand-logo { font-family:var(--font-heading); font-size:1.75rem; font-weight:900; margin-bottom:14px; }
.footer__brand-logo .logo-accent { color:var(--clr-primary); }
.footer__brand-text { font-size:0.85rem; color:var(--clr-text-dim); line-height:1.7; margin-bottom:22px; }
.footer__secure { display:flex; flex-wrap:wrap; gap:16px; }
.footer__secure span { display:flex; align-items:center; gap:6px; font-size:0.78rem; color:var(--clr-text-dim); }
.footer__secure i { color:#10b981; }
.footer__heading { font-size:0.78rem; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:var(--clr-text-muted); margin-bottom:18px; }
.footer__links { display:flex; flex-direction:column; gap:11px; }
.footer__links a { font-size:0.85rem; color:var(--clr-text-dim); }
.footer__links a:hover { color:var(--clr-primary); }
.footer__bottom { border-top:1px solid var(--clr-border); padding:28px 0; }
.footer__bottom-inner { display:flex; flex-direction:column; gap:14px; }
.footer__copyright { font-size:0.78rem; color:var(--clr-text-dim); text-align:center; }
.footer__disclosure { font-size:0.74rem; color:var(--clr-text-dim); line-height:1.7; text-align:center; max-width:900px; margin:0 auto; }

/* ---- SCROLL REVEAL ---- */
.reveal { opacity:0; transform:translateY(28px); transition:opacity 0.7s ease,transform 0.7s ease; }
.reveal.visible { opacity:1; transform:translateY(0); }
.reveal--delay-1 { transition-delay:0.1s; }
.reveal--delay-2 { transition-delay:0.2s; }
.reveal--delay-3 { transition-delay:0.3s; }
.reveal--delay-4 { transition-delay:0.4s; }
.reveal--delay-5 { transition-delay:0.5s; }

/* ---- PAGE HERO ---- */
.page-hero {
  padding:140px 0 80px; text-align:center;
  background:linear-gradient(135deg,#040610 0%,#0a0318 100%);
  position:relative; overflow:hidden;
}
.page-hero::before {
  content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  width:500px; height:300px;
  background:radial-gradient(ellipse,rgba(225,29,72,0.08) 0%,transparent 70%);
}
.page-hero__title { font-size:clamp(2rem,5vw,3rem); font-weight:900; margin-bottom:14px; position:relative; }
.page-hero__subtitle { font-size:0.98rem; color:var(--clr-text-muted); position:relative; }
.breadcrumb { display:flex; align-items:center; justify-content:center; gap:8px; margin-bottom:18px; font-size:0.83rem; color:var(--clr-text-dim); }
.breadcrumb a { color:var(--clr-primary); }
.breadcrumb i { font-size:0.58rem; }

/* ---- CONTENT (policies) ---- */
.content-section { padding:80px 0; }
.content-wrap { max-width:860px; margin:0 auto; }
.content-wrap h2 { font-size:1.45rem; font-weight:700; margin:38px 0 14px; padding-bottom:10px; border-bottom:1px solid var(--clr-border); }
.content-wrap h3 { font-size:1.1rem; font-weight:600; margin:22px 0 10px; }
.content-wrap p { font-size:0.93rem; color:var(--clr-text-muted); line-height:1.85; margin-bottom:14px; }
.content-wrap ul { list-style:disc; padding-left:22px; margin-bottom:18px; }
.content-wrap ul li { font-size:0.93rem; color:var(--clr-text-muted); line-height:1.8; margin-bottom:7px; }
.content-wrap .last-updated { font-size:0.83rem; color:var(--clr-text-dim); margin-bottom:38px; }

/* ---- CONTACT ---- */
.contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:start; }
.contact-form-wrap { background:var(--clr-bg-3); border:1px solid var(--clr-border); border-radius:var(--radius-xl); padding:46px; }
.form-group { margin-bottom:22px; }
.form-label { display:block; font-size:0.83rem; font-weight:600; color:var(--clr-text-muted); margin-bottom:7px; }
.form-control {
  width:100%; padding:13px 17px; background:var(--clr-bg-4);
  border:1px solid var(--clr-border); border-radius:var(--radius);
  color:var(--clr-text); font-family:var(--font-body); font-size:0.93rem;
  transition:var(--transition); outline:none;
}
.form-control:focus { border-color:var(--clr-primary); box-shadow:0 0 0 3px rgba(225,29,72,0.1); }
.form-control::placeholder { color:var(--clr-text-dim); }
textarea.form-control { resize:vertical; min-height:140px; }
.form-message { padding:13px 17px; border-radius:var(--radius); font-size:0.88rem; margin-top:14px; }
.form-message--success { background:rgba(16,185,129,0.1); border:1px solid rgba(16,185,129,0.3); color:#10b981; }
.form-message--error { background:rgba(225,29,72,0.1); border:1px solid rgba(225,29,72,0.3); color:var(--clr-primary); }
.contact-info { display:flex; flex-direction:column; gap:28px; }
.contact-info-card { background:var(--clr-bg-3); border:1px solid var(--clr-border); border-radius:var(--radius-lg); padding:26px; display:flex; align-items:flex-start; gap:18px; }
.contact-info-card__icon { width:46px; height:46px; flex-shrink:0; border-radius:var(--radius-sm); background:rgba(225,29,72,0.1); display:flex; align-items:center; justify-content:center; font-size:1.05rem; color:var(--clr-primary); }
.contact-info-card__title { font-weight:700; margin-bottom:4px; font-size:0.95rem; }
.contact-info-card__text { font-size:0.85rem; color:var(--clr-text-muted); line-height:1.6; }

/* ---- BLOG ---- */
.blog-layout { display:grid; grid-template-columns:1fr 330px; gap:46px; margin-top:56px; align-items:start; }
.blog-featured {
  display:grid; grid-template-columns:1fr 1fr; border-radius:var(--radius-xl); overflow:hidden;
  margin-bottom:44px; background:var(--clr-bg-3); border:1px solid var(--clr-border); transition:var(--transition);
}
.blog-featured:hover { border-color:rgba(225,29,72,0.3); }
.blog-featured__placeholder { width:100%; height:300px; background:linear-gradient(135deg,#0f1929,#1a2640); display:flex; align-items:center; justify-content:center; font-size:4rem; }
.blog-featured__body { padding:36px; display:flex; flex-direction:column; justify-content:center; }
.blog-featured__tag { display:inline-block; padding:4px 12px; background:rgba(225,29,72,0.1); color:var(--clr-primary); border-radius:50px; font-size:0.72rem; font-weight:700; text-transform:uppercase; letter-spacing:1px; margin-bottom:14px; }
.blog-featured__title { font-size:1.45rem; font-weight:800; margin-bottom:12px; line-height:1.3; }
.blog-featured__title a { color:var(--clr-text); }
.blog-featured__title a:hover { color:var(--clr-primary); }
.blog-featured__excerpt { font-size:0.88rem; color:var(--clr-text-muted); line-height:1.7; margin-bottom:18px; }
.blog-featured__meta { display:flex; align-items:center; gap:14px; font-size:0.78rem; color:var(--clr-text-dim); }
.blog-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:22px; }
.blog-card { background:var(--clr-bg-3); border:1px solid var(--clr-border); border-radius:var(--radius-lg); overflow:hidden; transition:var(--transition); }
.blog-card:hover { transform:translateY(-4px); border-color:rgba(225,29,72,0.2); box-shadow:var(--shadow); }
.blog-card__placeholder { width:100%; height:170px; background:linear-gradient(135deg,#0f1929,#1a2640); display:flex; align-items:center; justify-content:center; font-size:2.5rem; }
.blog-card__body { padding:22px; }
.blog-card__tag { font-size:0.7rem; font-weight:700; text-transform:uppercase; letter-spacing:1px; color:var(--clr-primary); margin-bottom:8px; }
.blog-card__title { font-size:0.97rem; font-weight:700; margin-bottom:8px; line-height:1.4; }
.blog-card__title a { color:var(--clr-text); }
.blog-card__title a:hover { color:var(--clr-primary); }
.blog-card__excerpt { font-size:0.83rem; color:var(--clr-text-muted); line-height:1.6; margin-bottom:14px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.blog-card__meta { display:flex; align-items:center; justify-content:space-between; font-size:0.74rem; color:var(--clr-text-dim); }
.blog-card__read-more { color:var(--clr-primary); font-weight:600; font-size:0.78rem; }

/* ---- SIDEBAR ---- */
.sidebar { display:flex; flex-direction:column; gap:28px; position:sticky; top:100px; }
.sidebar-widget { background:var(--clr-bg-3); border:1px solid var(--clr-border); border-radius:var(--radius-lg); padding:26px; }
.sidebar-widget__title { font-size:0.85rem; font-weight:700; text-transform:uppercase; letter-spacing:1px; color:var(--clr-text-muted); margin-bottom:18px; padding-bottom:10px; border-bottom:1px solid var(--clr-border); }
.sidebar-recent { display:flex; flex-direction:column; gap:14px; }
.sidebar-recent-item { display:flex; gap:12px; align-items:flex-start; padding-bottom:14px; border-bottom:1px solid var(--clr-border); }
.sidebar-recent-item:last-child { border-bottom:none; padding-bottom:0; }
.sidebar-recent-item__thumb { width:58px; height:58px; border-radius:var(--radius-sm); flex-shrink:0; background:linear-gradient(135deg,#0f1929,#1a2640); display:flex; align-items:center; justify-content:center; font-size:1.4rem; }
.sidebar-recent-item__title { font-size:0.83rem; font-weight:600; line-height:1.4; margin-bottom:4px; }
.sidebar-recent-item__title a { color:var(--clr-text); }
.sidebar-recent-item__title a:hover { color:var(--clr-primary); }
.sidebar-recent-item__date { font-size:0.74rem; color:var(--clr-text-dim); }
.sidebar-cta { background:linear-gradient(135deg,var(--clr-primary),#ff6b6b); border:none !important; text-align:center; }
.sidebar-cta__title { font-size:1.05rem; font-weight:700; margin-bottom:8px; }
.sidebar-cta__text { font-size:0.83rem; opacity:0.85; margin-bottom:18px; line-height:1.6; }
.sidebar-cta .btn { background:#fff; color:var(--clr-primary); }
.sidebar-cta .btn:hover { background:rgba(255,255,255,0.9); }
.categories-list { display:flex; flex-direction:column; gap:6px; }
.categories-list a { display:flex; justify-content:space-between; align-items:center; font-size:0.85rem; color:var(--clr-text-muted); padding:7px 0; border-bottom:1px solid var(--clr-border); transition:var(--transition); }
.categories-list a:last-child { border-bottom:none; }
.categories-list a:hover { color:var(--clr-primary); padding-left:4px; }
.categories-list span { font-size:0.72rem; background:rgba(225,29,72,0.1); color:var(--clr-primary); padding:2px 8px; border-radius:50px; }

/* ---- SINGLE BLOG ---- */
.single-blog { display:grid; grid-template-columns:1fr 330px; gap:56px; margin-top:56px; align-items:start; }
.article-hero-placeholder { width:100%; height:380px; border-radius:var(--radius-xl); background:linear-gradient(135deg,#0f1929,#1a2640); display:flex; align-items:center; justify-content:center; font-size:5rem; margin-bottom:36px; }
.article-meta { display:flex; flex-wrap:wrap; align-items:center; gap:18px; margin-bottom:28px; font-size:0.83rem; color:var(--clr-text-dim); padding-bottom:22px; border-bottom:1px solid var(--clr-border); }
.article-meta__item { display:flex; align-items:center; gap:5px; }
.article-meta__item i { color:var(--clr-primary); }
.article-title { font-size:clamp(1.8rem,3vw,2.5rem); font-weight:900; margin-bottom:22px; line-height:1.2; }
.toc { background:var(--clr-bg-3); border:1px solid var(--clr-border); border-left:3px solid var(--clr-primary); border-radius:var(--radius); padding:22px 26px; margin-bottom:36px; }
.toc__title { font-size:0.82rem; font-weight:700; text-transform:uppercase; letter-spacing:1px; color:var(--clr-text-muted); margin-bottom:14px; }
.toc__list { display:flex; flex-direction:column; gap:7px; }
.toc__list a { font-size:0.85rem; color:var(--clr-text-muted); display:flex; align-items:center; gap:8px; }
.toc__list a::before { content:''; width:6px; height:6px; border-radius:50%; background:var(--clr-primary); flex-shrink:0; }
.toc__list a:hover { color:var(--clr-primary); }
.article-content { font-size:0.93rem; line-height:1.9; }
.article-content h2 { font-size:1.5rem; font-weight:800; margin:36px 0 14px; scroll-margin-top:100px; }
.article-content h3 { font-size:1.15rem; font-weight:700; margin:24px 0 10px; scroll-margin-top:100px; }
.article-content p { color:var(--clr-text-muted); margin-bottom:18px; }
.article-content ul { list-style:none; padding:0; margin-bottom:22px; }
.article-content ul li { display:flex; align-items:flex-start; gap:10px; color:var(--clr-text-muted); margin-bottom:10px; font-size:0.93rem; }
.article-content ul li::before { content:'→'; color:var(--clr-primary); flex-shrink:0; margin-top:2px; }
.article-content strong { color:var(--clr-text); }
.article-cta { background:linear-gradient(135deg,var(--clr-bg-3) 0%,#1a0520 100%); border:1px solid rgba(225,29,72,0.3); border-radius:var(--radius-xl); padding:38px; text-align:center; margin:38px 0; }
.article-cta__title { font-size:1.35rem; font-weight:800; margin-bottom:10px; }
.article-cta__text { font-size:0.88rem; color:var(--clr-text-muted); margin-bottom:22px; line-height:1.7; }
.article-share { display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-top:36px; padding-top:28px; border-top:1px solid var(--clr-border); }
.article-share__label { font-size:0.83rem; font-weight:700; color:var(--clr-text-muted); }
.share-btn { display:inline-flex; align-items:center; gap:7px; padding:8px 16px; border-radius:50px; font-size:0.78rem; font-weight:600; border:1px solid var(--clr-border); color:var(--clr-text-muted); transition:var(--transition); cursor:pointer; background:none; }
.share-btn:hover { border-color:var(--clr-primary); color:var(--clr-primary); }
.article-faq { margin-top:44px; padding-top:36px; border-top:1px solid var(--clr-border); }
.article-faq__title { font-size:1.35rem; font-weight:800; margin-bottom:22px; }
.related-posts { margin-top:56px; }
.related-posts__title { font-size:1.25rem; font-weight:800; margin-bottom:22px; }
.related-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }

/* ---- 404 ---- */
.error-page { min-height:100vh; display:flex; align-items:center; justify-content:center; text-align:center; background:linear-gradient(135deg,#040610,#0a0318); padding:100px 20px; }
.error-page__code { font-size:8rem; font-weight:900; line-height:1; background:linear-gradient(135deg,var(--clr-primary),var(--clr-gold)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; margin-bottom:22px; }
.error-page__title { font-size:1.9rem; margin-bottom:14px; }
.error-page__text { font-size:0.98rem; color:var(--clr-text-muted); max-width:500px; margin:0 auto 34px; }

/* ---- PAGINATION ---- */
.pagination { display:flex; justify-content:center; align-items:center; gap:8px; margin-top:44px; }
.pagination a { width:40px; height:40px; display:flex; align-items:center; justify-content:center; border-radius:var(--radius-sm); background:var(--clr-bg-3); border:1px solid var(--clr-border); font-size:0.88rem; font-weight:600; color:var(--clr-text-muted); transition:var(--transition); }
.pagination a:hover, .pagination a.active { background:var(--clr-primary); border-color:var(--clr-primary); color:#fff; }

/* ---- SEARCH ---- */
.search-bar { display:flex; align-items:center; background:var(--clr-bg-3); border:1px solid var(--clr-border); border-radius:50px; padding:6px 6px 6px 18px; margin-bottom:36px; transition:var(--transition); }
.search-bar:focus-within { border-color:var(--clr-primary); }
.search-bar input { flex:1; background:none; border:none; outline:none; color:var(--clr-text); font-size:0.88rem; font-family:var(--font-body); }
.search-bar input::placeholder { color:var(--clr-text-dim); }
.search-bar button { width:36px; height:36px; border-radius:50%; background:var(--clr-primary); border:none; color:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center; font-size:0.82rem; }

/* ---- FOCUS ---- */
:focus-visible { outline:2px solid var(--clr-primary); outline-offset:3px; }

/* ---- SCROLLBAR ---- */
::-webkit-scrollbar { width:7px; }
::-webkit-scrollbar-track { background:var(--clr-bg); }
::-webkit-scrollbar-thumb { background:var(--clr-bg-4); border-radius:4px; }
::-webkit-scrollbar-thumb:hover { background:var(--clr-primary); }

/* ---- RESPONSIVE ---- */
@media(max-width:1100px){
  .trust-grid { grid-template-columns:repeat(3,1fr); }
  .ingredients-grid { grid-template-columns:repeat(2,1fr); }
  .footer__grid { grid-template-columns:1fr 1fr; }
}
@media(max-width:900px){
  :root { --section-py:70px; }
  .navbar__menu,.navbar__cta { display:none; }
  .navbar__toggle { display:flex; }
  .hero__inner { grid-template-columns:1fr; text-align:center; }
  .hero__image-wrap { order:-1; }
  .hero__image { max-width:300px; margin:0 auto; }
  .hero__ctas { justify-content:center; }
  .hero__trust { justify-content:center; }
  .hero__subtitle { margin:0 auto 36px; }
  .why-grid { grid-template-columns:1fr 1fr; }
  .benefits-grid { grid-template-columns:1fr 1fr; }
  .how-steps::before { display:none; }
  .how-steps { grid-template-columns:1fr; gap:22px; }
  .love-grid { grid-template-columns:1fr; }
  .love-image-placeholder { display:none; }
  .testimonials-grid { grid-template-columns:1fr 1fr; }
  .pricing-grid { grid-template-columns:1fr; max-width:420px; margin-left:auto; margin-right:auto; }
  .pricing-card--featured { transform:scale(1); }
  .blog-layout { grid-template-columns:1fr; }
  .single-blog { grid-template-columns:1fr; }
  .blog-featured { grid-template-columns:1fr; }
  .related-grid { grid-template-columns:1fr 1fr; }
  .contact-grid { grid-template-columns:1fr; }
  .sticky-cta { display:block; }
  .footer__grid { grid-template-columns:1fr; }
  .sidebar { position:static; }
}
@media(max-width:600px){
  :root { --section-py:56px; }
  .why-grid,.benefits-grid,.ingredients-grid,.testimonials-grid { grid-template-columns:1fr; }
  .trust-grid { grid-template-columns:repeat(2,1fr); }
  .blog-grid { grid-template-columns:1fr; }
  .related-grid { grid-template-columns:1fr; }
  .contact-form-wrap { padding:26px 18px; }
  .hero__ctas { flex-direction:column; }
  .hero__ctas .btn { width:100%; }
  .blog-featured { grid-template-columns:1fr; }
}

.final-cta__image {
  display: block;
  max-width: 320px;
  width: 100%;
  height: auto;
  margin: 2rem auto;
  filter: drop-shadow(0 15px 35px rgba(0, 0, 0, 0.2));
}

@media (max-width: 768px) {
  .final-cta__image {
    max-width: 240px;
    margin: 1.5rem auto;
  }
}