/* ============================================
   BRAIN SAVIOR — Premium Medical Professional
   Design: Deep Blue / Trust / Clinical Clean
   ============================================ */
:root {
  --primary: #0c2340;
  --primary-light: #1a3a5c;
  --accent: #2563eb;
  --accent-light: #60a5fa;
  --accent-glow: rgba(37,99,235,0.25);
  --gold: #d4a843;
  --success: #10b981;
  --danger: #ef4444;
  --warning: #f59e0b;
  --bg: #f8fafc;
  --bg-alt: #eef2f7;
  --bg-dark: #0a1628;
  --text: #1e293b;
  --text-light: #64748b;
  --text-white: #f1f5f9;
  --white: #ffffff;
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.1);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.12);
  --shadow-xl: 0 16px 48px rgba(0,0,0,0.15);
  --shadow-glow: 0 0 30px rgba(37,99,235,0.2);
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --transition: 0.3s cubic-bezier(0.4,0,0.2,1);
  --font-display: 'DM Serif Display', Georgia, serif;
  --font-body: 'Plus Jakarta Sans', -apple-system, sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
*{-webkit-tap-highlight-color:transparent}
body{font-family:var(--font-body);color:var(--text);background:var(--bg);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}
ul{list-style:none}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}
.text-center{text-align:center}

/* Typography */
.section-title{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.5rem);color:var(--primary);text-align:center;margin-bottom:.75rem;line-height:1.3}
.section-subtitle{text-align:center;color:var(--text-light);max-width:750px;margin:0 auto 2.5rem;font-size:1rem;line-height:1.7}
.text-gradient{background:linear-gradient(135deg,var(--accent),#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-weight:700;border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);text-align:center;white-space:nowrap}
.btn--primary{background:linear-gradient(135deg,var(--accent),#4f46e5);color:var(--white);box-shadow:0 4px 15px rgba(37,99,235,.35)}
.btn--primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px rgba(37,99,235,.45)}
.btn--primary:active{transform:scale(.98)}
.btn--sm{padding:10px 24px;font-size:.875rem}
.btn--lg{padding:16px 36px;font-size:1.05rem;min-height:52px}
.btn--xl{padding:18px 42px;font-size:1.15rem;min-height:56px}
.btn--full{width:100%;min-height:50px;font-size:1rem}

/* Animations */
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}
.float-animation{animation:float 4s ease-in-out infinite}
@keyframes pulse{0%,100%{box-shadow:0 4px 15px rgba(37,99,235,.35)}50%{box-shadow:0 4px 30px rgba(37,99,235,.55),0 0 60px rgba(37,99,235,.2)}}
.pulse-animation{animation:pulse 2.5s ease-in-out infinite}
@keyframes slideInLeft{from{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}
@keyframes slideInRight{from{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}
@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
.reveal-up,.reveal-left,.reveal-right{opacity:0}
.reveal-up.active{animation:fadeInUp .7s var(--delay,0s) forwards ease-out}
.reveal-left.active{animation:slideInLeft .7s var(--delay,0s) forwards ease-out}
.reveal-right.active{animation:slideInRight .7s var(--delay,0s) forwards ease-out}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.float-animation,.pulse-animation{animation:none}.reveal-up,.reveal-left,.reveal-right{opacity:1}}

/* === HEADER === */
.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,.06);transition:var(--transition)}
.header.scrolled{box-shadow:var(--shadow-md)}
.nav{display:flex;align-items:center;justify-content:space-between;height:68px;transition:var(--transition)}
.header.scrolled .nav{height:56px}
.nav__logo{display:flex;align-items:center;gap:6px;font-size:1.25rem;color:var(--primary);font-family:var(--font-body);z-index:1001}
.logo-icon{font-size:1.5rem}
.logo-text strong{color:var(--accent)}
.nav__menu{display:flex;align-items:center;gap:28px}
.nav__link{font-size:.9rem;font-weight:500;color:var(--text);transition:var(--transition);position:relative}
.nav__link::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent);transition:var(--transition)}
.nav__link:hover::after{width:100%}
.nav__link:hover{color:var(--accent)}
.nav__cta-mobile{display:none}
.nav__cta-desktop{flex-shrink:0}
.nav__hamburger{display:none}

@media(max-width:767px){
  .nav__menu{position:fixed;top:0;right:-100%;width:80%;max-width:320px;height:100vh;height:100dvh;background:var(--white);flex-direction:column;align-items:flex-start;padding:100px 32px 40px;gap:0;box-shadow:-8px 0 30px rgba(0,0,0,.1);transition:right .35s cubic-bezier(.4,0,.2,1);z-index:999}
  .nav__menu.active{right:0}
  .nav__menu li{width:100%}
  .nav__link{display:block;padding:14px 0;font-size:1.05rem;border-bottom:1px solid var(--bg-alt)}
  .nav__link::after{display:none}
  .nav__cta-mobile{display:block;padding-top:16px;width:100%}
  .nav__cta-mobile .btn{width:100%;justify-content:center;min-height:48px}
  .nav__cta-desktop{display:none}
  .nav__hamburger{display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:1001;min-width:44px;min-height:44px;align-items:center;justify-content:center}
  .nav__hamburger span{width:24px;height:2.5px;background:var(--primary);border-radius:2px;transition:var(--transition)}
  .nav__hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
  .nav__hamburger.active span:nth-child(2){opacity:0}
  .nav__hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
}

/* === HERO === */
.hero{position:relative;padding:100px 0 60px;background:linear-gradient(135deg,#f0f4ff 0%,#e8f0fe 50%,#f5f0ff 100%);overflow:hidden}
.hero__bg-shapes{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.hero__circle{position:absolute;border-radius:50%;opacity:.15}
.hero__circle--1{width:500px;height:500px;background:radial-gradient(circle,var(--accent) 0%,transparent 70%);top:-150px;right:-100px}
.hero__circle--2{width:350px;height:350px;background:radial-gradient(circle,#8b5cf6 0%,transparent 70%);bottom:-100px;left:-80px}
.hero__circle--3{width:200px;height:200px;background:radial-gradient(circle,var(--gold) 0%,transparent 70%);top:40%;left:50%}
.hero__grid{display:grid;grid-template-columns:1fr;gap:40px;align-items:center}
.hero__image{position:relative;text-align:center;padding:20px}
.hero__image-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(37,99,235,.15) 0%,transparent 70%);border-radius:50%}
.hero__bottle{max-width:280px;margin:0 auto;position:relative;z-index:2;filter:drop-shadow(0 20px 40px rgba(0,0,0,.15))}
.hero__badge{position:absolute;bottom:10px;right:10%;background:var(--white);border-radius:var(--radius-md);padding:10px 16px;box-shadow:var(--shadow-lg);z-index:3;text-align:center}
.hero__badge-text{display:block;font-weight:700;font-size:.85rem;color:var(--primary)}
.hero__badge-sub{display:block;font-size:.75rem;color:var(--text-light)}
.hero__trust-bar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}
.hero__trust-bar span{font-size:.8rem;font-weight:600;color:var(--accent);background:rgba(37,99,235,.08);padding:6px 14px;border-radius:50px}
.hero__title{font-family:var(--font-display);font-size:clamp(1.65rem,5vw,3rem);color:var(--primary);line-height:1.2;margin-bottom:20px}
.hero__desc{color:var(--text);margin-bottom:14px;font-size:1rem;line-height:1.75}
.hero__benefits{margin:20px 0 28px;display:flex;flex-direction:column;gap:10px}
.hero__benefits li{font-size:1rem;font-weight:500;color:var(--primary);padding:8px 14px;background:rgba(255,255,255,.7);border-radius:var(--radius-sm);border-left:3px solid var(--accent)}
.hero__cta-wrap{display:flex;flex-direction:column;gap:12px}
.hero__guarantee-mini{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--success);font-weight:500}

@media(min-width:768px){
  .hero{padding:120px 0 80px}
  .hero__grid{grid-template-columns:1fr 1.1fr;gap:50px}
  .hero__bottle{max-width:400px}
}

/* === TRUST BADGES === */
.trust-badges{padding:60px 0;background:var(--white)}
.trust-badges__grid{display:grid;grid-template-columns:1fr;gap:20px;margin-top:2rem}
.trust-card{text-align:center;padding:28px 20px;border-radius:var(--radius-lg);background:var(--bg);border:1px solid rgba(0,0,0,.05);transition:var(--transition)}
.trust-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.trust-card__icon-wrap{width:80px;height:80px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center}
.trust-card__icon-wrap img{width:70px;height:70px;object-fit:contain}
.trust-card__title{font-family:var(--font-display);font-size:1.15rem;color:var(--primary);margin-bottom:8px}
.trust-card__desc{font-size:.9rem;color:var(--text-light);line-height:1.6}
@media(min-width:576px){.trust-badges__grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:992px){.trust-badges__grid{grid-template-columns:repeat(4,1fr)}}

/* === WHO IS IT FOR === */
.who-for{padding:70px 0;background:var(--bg)}
.who-for__grid{display:grid;grid-template-columns:1fr;gap:20px}
.who-card{background:var(--white);border-radius:var(--radius-lg);padding:28px 24px;border:1px solid rgba(0,0,0,.06);transition:var(--transition);position:relative;overflow:hidden}
.who-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--accent),#8b5cf6);border-radius:4px 0 0 4px}
.who-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.who-card__number{font-family:var(--font-display);font-size:2.5rem;color:rgba(37,99,235,.1);font-weight:400;margin-bottom:4px;line-height:1}
.who-card__title{font-family:var(--font-display);font-size:1.15rem;color:var(--primary);margin-bottom:10px}
.who-card__desc{font-size:.95rem;color:var(--text-light);line-height:1.7}
@media(min-width:768px){.who-for__grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.who-for__grid{grid-template-columns:repeat(3,1fr)}}

/* === WHAT IS === */
.what-is{padding:70px 0;background:var(--white)}
.what-is__grid{display:grid;grid-template-columns:1fr;gap:40px;align-items:center}
.what-is__content p{margin-bottom:16px;font-size:1rem;line-height:1.75;color:var(--text)}
.what-is__image{text-align:center}
.what-is__image img{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:500px;margin:0 auto}
@media(min-width:768px){.what-is__grid{grid-template-columns:1.2fr 1fr}}

/* === HOW IT WORKS === */
.how-works{padding:70px 0;background:linear-gradient(135deg,var(--bg-dark) 0%,#0f1e36 100%);color:var(--text-white)}
.how-works .section-title{color:var(--white)}
.how-works .text-gradient{background:linear-gradient(135deg,var(--accent-light),var(--gold));-webkit-background-clip:text;background-clip:text}
.how-works .section-subtitle{color:rgba(255,255,255,.7)}
.how-works__steps{display:flex;flex-direction:column;gap:20px;margin-bottom:2.5rem;max-width:900px;margin-left:auto;margin-right:auto}
.step-card{display:flex;gap:20px;padding:24px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);transition:var(--transition)}
.step-card:hover{background:rgba(255,255,255,.08);border-color:rgba(37,99,235,.3)}
.step-card__num{flex-shrink:0;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),#4f46e5);border-radius:var(--radius-md);font-weight:800;font-size:.75rem;color:var(--white);text-transform:uppercase;letter-spacing:.5px}
.step-card__content h3{font-family:var(--font-display);font-size:1.1rem;margin-bottom:8px;color:var(--white)}
.step-card__content p{font-size:.95rem;color:rgba(255,255,255,.7);line-height:1.7}
.how-works .btn--primary{background:linear-gradient(135deg,var(--gold),#e0b84e);color:var(--primary);box-shadow:0 4px 15px rgba(212,168,67,.35)}

/* === REVIEWS === */
.reviews{padding:70px 0;background:var(--bg)}
.reviews__grid{display:grid;grid-template-columns:1fr;gap:24px}
.review-card{background:var(--white);border-radius:var(--radius-lg);padding:28px 24px;border:1px solid rgba(0,0,0,.06);transition:var(--transition)}
.review-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.review-card--featured{border-color:var(--accent);box-shadow:var(--shadow-glow)}
.review-card__header{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.review-card__avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:3px solid var(--accent)}
.review-card__name{font-family:var(--font-display);font-size:1.05rem;color:var(--primary)}
.review-card__location{font-size:.8rem;color:var(--text-light)}
.review-card__verified{margin-left:auto;font-size:.75rem;font-weight:600;color:var(--success);background:rgba(16,185,129,.08);padding:4px 10px;border-radius:50px}
.review-card__stars{font-size:1.1rem;margin-bottom:12px}
.review-card__text{font-size:.95rem;color:var(--text);line-height:1.7;font-style:italic}
@media(min-width:768px){.reviews__grid{grid-template-columns:repeat(3,1fr)}}

/* === RESEARCH === */
.research{padding:70px 0;background:var(--white)}
.research__content{max-width:900px;margin:0 auto}
.research__content>p{font-size:1rem;line-height:1.8;color:var(--text);margin-bottom:24px}
.research__points{display:flex;flex-direction:column;gap:12px}
.research__points li{font-size:.95rem;color:var(--text);padding:12px 16px;background:var(--bg);border-radius:var(--radius-sm);border-left:3px solid var(--success);font-weight:500}

/* === PRICING === */
.pricing{padding:70px 0;background:linear-gradient(135deg,#f0f4ff,#f5f0ff)}
.pricing__timer{text-align:center;margin-bottom:2.5rem}
.pricing__timer-label{font-size:1.05rem;font-weight:600;color:var(--danger);margin-bottom:12px}
.countdown{display:inline-flex;align-items:center;gap:10px;background:var(--white);padding:16px 32px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}
.countdown__block{text-align:center}
.countdown__num{display:block;font-size:2.5rem;font-weight:800;color:var(--danger);line-height:1}
.countdown__label{font-size:.7rem;text-transform:uppercase;color:var(--text-light);letter-spacing:1px}
.countdown__sep{font-size:2rem;font-weight:800;color:var(--danger)}
.pricing__grid{display:grid;grid-template-columns:1fr;gap:24px;max-width:1000px;margin:0 auto}
.price-card{background:var(--white);border-radius:var(--radius-xl);padding:32px 24px;text-align:center;border:2px solid rgba(0,0,0,.06);transition:var(--transition);position:relative;overflow:hidden}
.price-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}
.price-card--popular{border-color:var(--accent);box-shadow:var(--shadow-glow);background:linear-gradient(180deg,#f0f4ff 0%,var(--white) 100%)}
.price-card__ribbon{position:absolute;top:0;left:0;right:0;background:linear-gradient(135deg,var(--accent),#4f46e5);color:var(--white);font-size:.8rem;font-weight:700;padding:8px;letter-spacing:1px}
.price-card--popular{padding-top:56px}
.price-card__label{font-size:.8rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:2px;margin-bottom:4px}
.price-card__bottles{font-family:var(--font-display);font-size:1.3rem;color:var(--primary);margin-bottom:2px}
.price-card__supply{font-size:.85rem;color:var(--text-light);margin-bottom:16px}
.price-card__img{max-width:160px;margin:0 auto 16px}
.price-card__price{margin-bottom:4px}
.price-card__per{font-family:var(--font-display);font-size:2.5rem;color:var(--primary)}
.price-card__per-label{font-size:1rem;color:var(--text-light)}
.price-card__total{margin-bottom:16px;font-size:1rem}
.price-card__original{text-decoration:line-through;color:var(--text-light);margin-right:8px}
.price-card__final{font-weight:700;color:var(--success);font-size:1.15rem}
.price-card__badges{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;align-items:center}
.badge{display:inline-block;padding:6px 14px;border-radius:50px;font-size:.8rem;font-weight:700}
.badge--bonus{background:rgba(245,158,11,.1);color:var(--warning)}
.badge--shipping{background:rgba(16,185,129,.1);color:var(--success)}
@media(min-width:576px){.pricing__grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:992px){.pricing__grid{grid-template-columns:repeat(3,1fr)}.price-card--popular{transform:scale(1.05)}.price-card--popular:hover{transform:scale(1.05) translateY(-4px)}}

/* === INGREDIENTS === */
.ingredients{padding:70px 0;background:var(--white)}
.ingredients__grid{display:grid;grid-template-columns:1fr;gap:20px}
.ingredient-card{padding:24px;background:var(--bg);border-radius:var(--radius-lg);border:1px solid rgba(0,0,0,.05);transition:var(--transition)}
.ingredient-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--accent)}
.ingredient-card__icon{font-size:2rem;margin-bottom:10px}
.ingredient-card__name{font-family:var(--font-display);font-size:1.05rem;color:var(--primary);margin-bottom:8px}
.ingredient-card__desc{font-size:.9rem;color:var(--text-light);line-height:1.65}
@media(min-width:576px){.ingredients__grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:992px){.ingredients__grid{grid-template-columns:repeat(4,1fr)}}

/* === SCIENCE ACCORDION === */
.science{padding:70px 0;background:var(--bg)}
.science__accordion,.faq__accordion{max-width:850px;margin:0 auto}
.accordion-item{background:var(--white);border-radius:var(--radius-md);margin-bottom:12px;border:1px solid rgba(0,0,0,.06);overflow:hidden;transition:var(--transition)}
.accordion-item:hover{border-color:var(--accent)}
.accordion-item__header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;background:none;border:none;cursor:pointer;font-family:var(--font-body);font-size:1rem;font-weight:600;color:var(--primary);text-align:left;min-height:54px}
.accordion-item__icon{flex-shrink:0;transition:transform .3s}
.accordion-item__header[aria-expanded="true"] .accordion-item__icon{transform:rotate(180deg)}
.accordion-item__body{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s}
.accordion-item__body p{padding:0 20px 18px;font-size:.95rem;color:var(--text-light);line-height:1.75}

/* === GUARANTEE === */
.guarantee{padding:70px 0;background:var(--white)}
.guarantee__grid{display:grid;grid-template-columns:1fr;gap:40px;align-items:center}
.guarantee__image{text-align:center}
.guarantee__image img{max-width:300px;margin:0 auto;filter:drop-shadow(0 10px 30px rgba(0,0,0,.1))}
.guarantee__intro{font-size:1.05rem;line-height:1.8;margin-bottom:24px;color:var(--text)}
.guarantee__point{display:flex;gap:16px;margin-bottom:24px;padding:20px;background:var(--bg);border-radius:var(--radius-lg)}
.guarantee__point-icon{font-size:2rem;flex-shrink:0}
.guarantee__point h3{font-family:var(--font-display);font-size:1.1rem;color:var(--primary);margin-bottom:6px}
.guarantee__point p{font-size:.95rem;color:var(--text-light);line-height:1.7}
@media(min-width:768px){.guarantee__grid{grid-template-columns:1fr 1.3fr}}

/* === BENEFITS === */
.benefits{padding:70px 0;background:var(--bg)}
.benefits__list{max-width:850px;margin:0 auto;display:flex;flex-direction:column;gap:16px}
.benefit-item{display:flex;gap:16px;padding:20px;background:var(--white);border-radius:var(--radius-md);border:1px solid rgba(0,0,0,.05);transition:var(--transition)}
.benefit-item:hover{box-shadow:var(--shadow-md);border-color:var(--accent)}
.benefit-item__check{font-size:1.3rem;flex-shrink:0;padding-top:2px}
.benefit-item h3{font-family:var(--font-display);font-size:1.05rem;color:var(--primary);margin-bottom:4px}
.benefit-item p{font-size:.9rem;color:var(--text-light);line-height:1.6}

/* === PROS & CONS === */
.pros-cons{padding:70px 0;background:var(--white)}
.pros-cons__grid{display:grid;grid-template-columns:1fr;gap:24px;max-width:900px;margin:0 auto}
.pros-card,.cons-card{padding:28px 24px;border-radius:var(--radius-lg);border:1px solid rgba(0,0,0,.06)}
.pros-card{background:rgba(16,185,129,.03);border-color:rgba(16,185,129,.15)}
.cons-card{background:rgba(239,68,68,.03);border-color:rgba(239,68,68,.15)}
.pros-card__title{font-family:var(--font-display);font-size:1.2rem;margin-bottom:16px}
.pros-card__title--pro{color:var(--success)}
.pros-card__title--con{color:var(--danger)}
.pros-card__list{display:flex;flex-direction:column;gap:12px}
.pros-card__list li{display:flex;gap:10px;font-size:.95rem;color:var(--text);line-height:1.6}
.pro-icon,.con-icon{flex-shrink:0}
@media(min-width:768px){.pros-cons__grid{grid-template-columns:repeat(2,1fr)}}

/* === BONUSES === */
.bonuses{padding:70px 0;background:linear-gradient(135deg,#f0f4ff,#f5f0ff)}
.bonuses__grid{display:grid;grid-template-columns:1fr;gap:24px;max-width:800px;margin:0 auto}
.bonus-card{background:var(--white);border-radius:var(--radius-xl);padding:32px 24px;text-align:center;box-shadow:var(--shadow-md);position:relative;overflow:hidden}
.bonus-card__badge{display:inline-block;background:linear-gradient(135deg,var(--accent),#4f46e5);color:var(--white);padding:6px 20px;border-radius:50px;font-size:.8rem;font-weight:700;margin-bottom:20px}
.bonus-card__img{max-width:180px;margin:0 auto 20px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}
.bonus-card__title{font-family:var(--font-display);font-size:1.15rem;color:var(--primary);margin-bottom:10px}
.bonus-card__desc{font-size:.9rem;color:var(--text-light);line-height:1.7}
@media(min-width:576px){.bonuses__grid{grid-template-columns:repeat(2,1fr)}}

/* === WHERE TO BUY === */
.where-buy{padding:70px 0;background:var(--white)}
.where-buy__content{max-width:850px;margin:0 auto}
.where-buy__content p{font-size:1rem;line-height:1.8;color:var(--text)}

/* === ORDER GUIDE === */
.order-guide{padding:70px 0;background:var(--bg)}
.order-guide__grid{display:grid;grid-template-columns:1fr;gap:40px;align-items:center}
.order-step{display:flex;gap:16px;margin-bottom:24px}
.order-step__num{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),#4f46e5);border-radius:50%;font-weight:800;color:var(--white);font-size:1.1rem}
.order-step h3{font-family:var(--font-display);font-size:1.05rem;color:var(--primary);margin-bottom:4px}
.order-step p{font-size:.95rem;color:var(--text-light);line-height:1.65}
.order-guide__assurance{font-size:.95rem;color:var(--text);line-height:1.7;margin-bottom:16px}
.order-guide__image{text-align:center}
.order-guide__image img{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:420px;margin:0 auto}
@media(min-width:768px){.order-guide__grid{grid-template-columns:1.2fr 1fr}}

/* === FAQ === */
.faq{padding:70px 0;background:var(--white)}

/* === FINAL CTA === */
.final-cta{position:relative;padding:80px 0;background:linear-gradient(135deg,var(--bg-dark) 0%,#0f1e36 100%);overflow:hidden}
.final-cta__grid{display:grid;grid-template-columns:1fr;gap:40px;align-items:center;text-align:center}
.final-cta__image img{max-width:300px;margin:0 auto;filter:drop-shadow(0 20px 50px rgba(37,99,235,.3))}
.final-cta__title{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.2rem);color:var(--white);line-height:1.3;margin-bottom:20px}
.final-cta__pricing{margin-bottom:24px}
.final-cta__old-price{display:block;font-size:1rem;color:rgba(255,255,255,.5);margin-bottom:4px}
.final-cta__old-price s{color:var(--danger)}
.final-cta__new-price{font-size:1.5rem;color:var(--gold);font-weight:300}
.final-cta__new-price strong{font-weight:800;font-size:1.8rem}
.final-cta .btn--primary{background:linear-gradient(135deg,var(--gold),#e0b84e);color:var(--primary)}
.final-cta__assurances{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:20px}
.final-cta__assurances span{font-size:.85rem;color:rgba(255,255,255,.7)}
@media(min-width:768px){.final-cta__grid{grid-template-columns:1fr 1.2fr;text-align:left}.final-cta__assurances{justify-content:flex-start}}

/* === FOOTER === */
.footer{padding:60px 0 0;background:var(--bg-dark);color:rgba(255,255,255,.7)}
.footer__grid{display:grid;grid-template-columns:1fr;gap:32px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.08)}
.footer__logo{font-size:1.2rem;color:var(--white);display:inline-block;margin-bottom:12px}
.footer__logo strong{color:var(--accent-light)}
.footer__desc{font-size:.9rem;line-height:1.6;margin-bottom:16px}
.footer__social{display:flex;gap:12px}
.footer__social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);border-radius:50%;transition:var(--transition);color:rgba(255,255,255,.6)}
.footer__social-link:hover{background:var(--accent);color:var(--white)}
.footer__heading{font-family:var(--font-display);font-size:1rem;color:var(--white);margin-bottom:16px}
.footer__links{display:flex;flex-direction:column;gap:10px}
.footer__links a{font-size:.9rem;transition:var(--transition)}
.footer__links a:hover{color:var(--accent-light)}
.footer__disclaimer{padding:24px 0;font-size:.8rem;line-height:1.6;color:rgba(255,255,255,.4)}
.footer__bottom{text-align:center;padding:20px 0;font-size:.85rem;color:rgba(255,255,255,.5)}
@media(min-width:768px){.footer__grid{grid-template-columns:1.5fr 1fr 1fr}}

/* === SCROLL TO TOP === */
.scroll-top{position:fixed;bottom:24px;right:24px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:var(--white);border:none;border-radius:50%;cursor:pointer;opacity:0;visibility:hidden;transition:var(--transition);box-shadow:var(--shadow-md);z-index:900}
.scroll-top.visible{opacity:1;visibility:visible}
.scroll-top:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}

/* === PURCHASE POPUP === */
.purchase-popup{position:fixed;bottom:-120px;left:20px;z-index:950;transition:bottom .5s cubic-bezier(.4,0,.2,1);max-width:340px;width:calc(100% - 40px)}
.purchase-popup.show{bottom:24px}
.purchase-popup__content{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);border:1px solid rgba(0,0,0,.06)}
.purchase-popup__icon{font-size:1.5rem;flex-shrink:0}
.purchase-popup__text{font-size:.85rem;font-weight:600;color:var(--primary);margin-bottom:2px}
.purchase-popup__sub{font-size:.75rem;color:var(--text-light)}
.purchase-popup__close{position:absolute;top:8px;right:8px;background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--text-light);width:28px;height:28px;display:flex;align-items:center;justify-content:center}

/* === MOBILE OVERLAY === */
.nav__overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:998;opacity:0;pointer-events:none;transition:opacity .3s}
.nav__overlay.active{opacity:1;pointer-events:all}
