*{margin:0;padding:0;box-sizing:border-box}
:root{--primary:#6a69c5;--primary-d:#b8860b;--dark:#0d0d1a;--darker:#07070f;--ink:#e8e8f0;--muted:#a0a0b8;--bg:#040211;--card:#161630;--green:#1e7e34;--red:#c62828;--radius:14px}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#d0d0e0;line-height:1.75;font-size:17px;background:#040211}
.wrap{max-width:1100px;margin:0 auto;padding:0 28px}
.topbar{position:sticky;top:0;z-index:50;background:rgba(7,7,15,.98);border-bottom:1px solid #1e1e30}
.nav{max-width:1120px;margin:0 auto;padding:11px 22px;display:flex;align-items:center;justify-content:space-between}
.brand{color:#fff;font-weight:800;font-size:19px;text-decoration:none;display:inline-flex;align-items:center}
.brand b{color:var(--primary)}
.brand img{filter:drop-shadow(0 2px 6px rgba(106,105,197,.4));transition:transform .3s ease}
.brand:hover img{transform:rotate(8deg) scale(1.08)}
.official-badge{font-size:11px;color:var(--primary);vertical-align:super;margin-left:2px;opacity:.9}
/* Official product theme refinements */
.topbar{box-shadow:0 2px 20px rgba(0,0,0,.35)}
.hero{position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--primary),transparent)}
.kick{background:rgba(106,105,197,.1)}
.navlinks{display:flex;gap:20px;align-items:center}
.navlinks a.nl{color:#d5d5e2;text-decoration:none;font-size:15px}
.navlinks a.nl:hover{color:var(--primary)}
.btn{display:inline-block;background:linear-gradient(180deg,#ffd34d,var(--primary));color:#191900!important;font-weight:800;padding:15px 38px;border-radius:60px;text-decoration:none;font-size:18px;box-shadow:0 6px 22px rgba(106,105,197,.45);border:0;cursor:pointer;transition:transform .15s}
.btn:hover{transform:translateY(-2px)}
.btn-sm{padding:10px 24px;font-size:15px}
.hero{background:radial-gradient(1000px 500px at 50% -10%,#2a1a4e 0%,#0d0d1a 60%);color:#fff;text-align:center;padding:64px 22px 56px}
.hero .kick{display:inline-block;border:1px solid var(--primary);color:var(--primary);border-radius:40px;padding:7px 20px;font-size:13.5px;font-weight:700;letter-spacing:.6px;margin-bottom:20px}
.hero h1{font-size:clamp(28px,5vw,46px);line-height:1.25;font-weight:800;margin-bottom:16px}
.hero h1 .y{color:var(--primary)}
.hero .sub{color:#c9c9dc;font-size:18.5px;max-width:700px;margin:0 auto 26px}
.trust{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:22px 0 26px}
.trust span{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:#e8e8f2;padding:8px 16px;border-radius:30px;font-size:14px}
section.blk{padding:42px 0}
section.blk.alt{background:#0e0e18}section.blk{background:#040211}
h2{font-size:clamp(24px,4vw,32px);line-height:1.35;font-weight:800;margin-bottom:16px}
h3{font-size:22px;font-weight:700;margin:26px 0 12px}
p{margin-bottom:14px;color:#2c2c40}
ul.tick{list-style:none;margin:18px 0}
ul.tick li{position:relative;padding:10px 0 10px 38px;border-bottom:1px solid #ececf2}
/* TOC 2-column trending layout */
ul.toc-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;list-style:none;margin:18px 0}
ul.toc-grid li{position:relative;padding:12px 0 12px 38px;border-bottom:1px solid #ececf2}
ul.toc-grid li::before{content:"✓";position:absolute;left:2px;top:12px;width:25px;height:25px;background:var(--green);color:#fff;border-radius:50%;font-weight:800;font-size:14px;display:inline-flex;align-items:center;justify-content:center}
ul.toc-grid li a{font-weight:600;text-decoration:none;color:#1a56db}
ul.toc-grid li a:hover{text-decoration:underline;color:var(--primary-d)}
@media(max-width:640px){ul.toc-grid{grid-template-columns:1fr}}
ul.tick li::before{content:"✓";position:absolute;left:2px;top:10px;width:25px;height:25px;background:var(--green);color:#fff;border-radius:50%;font-weight:800;font-size:14px;display:inline-flex;align-items:center;justify-content:center}
table.info{width:100%;border-collapse:collapse;margin:22px 0;font-size:16px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.06)}
table.info td{padding:12px 16px;border-bottom:1px solid #f0f0f0;vertical-align:top}
table.info td:first-child{font-weight:700;width:32%;color:var(--muted);background:#fafaff}
table.proscons{width:100%;border-collapse:collapse;margin:22px 0;font-size:16px}
table.proscons th{padding:12px;background:var(--dark);color:#fff;text-align:left}
table.proscons th:first-child{border-radius:12px 0 0 0}
table.proscons th:last-child{border-radius:0 12px 0 0}
table.proscons td{padding:11px 14px;border-bottom:1px solid #eee;vertical-align:top}
table.proscons td:first-child{color:#1e7e34}
table.proscons td:last-child{color:#8a5a00}
.phase{background:#fff;border:1px solid #e9e9f2;border-left:5px solid var(--primary);border-radius:10px;padding:20px 22px;margin:14px 0}
.guar{background:linear-gradient(135deg,#0d3b1e,#1e7e34);color:#fff;border-radius:18px;padding:36px 30px;text-align:center;margin:26px 0}
.guar h3{color:#fff;font-size:25px;margin-bottom:10px}
.guar p{color:#eaf7ea}
.guar ol{text-align:left;max-width:520px;margin:18px auto;color:#eaf7ea}
.guar ol li{margin-bottom:8px}
.cta-box{text-align:center;padding:40px 24px;background:linear-gradient(135deg,#141428,#2d1b4e);border-radius:18px;margin:30px 0;color:#fff}
.cta-box h3{color:#fff;font-size:26px;margin-bottom:10px}
.cta-box p{color:#cfcfe0;margin-bottom:22px}
.faq{border-bottom:1px solid #e9e9f2;padding:16px 0}
.faq h4{font-size:18px;font-weight:700;margin-bottom:6px}
.faq p{color:#44445c;font-size:16px}
.verdict{background:#fff;border:2px solid var(--primary);border-radius:18px;padding:34px 30px;margin:28px 0}
.verdict h2{color:var(--primary-d)}
.disclosure{background:#fff8e1;border:1px solid #ffe082;border-radius:10px;padding:16px 20px;font-size:13.5px;color:#5d4037;margin:26px 0}
footer{background:var(--darker);color:#8a8aa0;padding:42px 22px;text-align:center;font-size:13.5px}
footer a{color:#b9b9cf;text-decoration:none;margin:0 12px}
footer a:hover{color:var(--primary)}
.note{background:#e3f2fd;border-left:4px solid #1565c0;padding:14px 18px;border-radius:0 8px 8px 0;margin:18px 0;font-size:15.5px;color:#0d47a1}
.warn{background:#fff3e0;border-left:4px solid #e65100;padding:14px 18px;border-radius:0 8px 8px 0;margin:18px 0;font-size:15.5px;color:#4e342e}
/* Trust symbols bar */
.trust-bar{background:#fff;border-bottom:1px solid #eee;padding:22px 0;text-align:center}
.trust-logos{display:flex;justify-content:center;align-items:center;gap:28px;flex-wrap:wrap;margin-bottom:10px}
.trust-logos img{max-height:44px;width:auto;object-fit:contain;filter:grayscale(30%);opacity:.85;transition:all .3s ease}
.trust-logos img:hover{filter:grayscale(0%);opacity:1;transform:scale(1.1)}
.trust-note{font-size:13.5px;color:var(--muted);margin:0}
/* ===== TRENDING HOVER EFFECTS ===== */
/* CTA Button - shine sweep + lift */
.btn{position:relative;overflow:hidden}
.btn::after{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);transition:left .55s ease}
.btn:hover::after{left:130%}
.btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 30px rgba(106,105,197,.6)}
.btn:active{transform:translateY(0) scale(.99)}
/* Pulsing glow on hero CTA */
.hero .btn{animation:ctaPulse 2.4s ease-in-out infinite}
@keyframes ctaPulse{0%,100%{box-shadow:0 6px 22px rgba(106,105,197,.45)}50%{box-shadow:0 6px 34px rgba(106,105,197,.85)}}
/* Images - zoom + shadow + gold border glow */
img.r{display:block;margin:24px auto;transition:transform .4s cubic-bezier(.2,.7,.3,1.2),box-shadow .4s ease,border-color .4s ease;border:2px solid transparent;border-radius:12px}
img.r:hover{transform:scale(1.045) rotate(.4deg);box-shadow:0 14px 38px rgba(0,0,0,.22);border-color:var(--primary)}
/* Testimonial cards - lift */
.testi{transition:transform .35s ease,box-shadow .35s ease;background:#fff;border-radius:14px;padding:20px 14px}
.testi:hover{transform:translateY(-6px);box-shadow:0 16px 34px rgba(0,0,0,.14)}
.testi img{transition:transform .35s ease}
.testi:hover img{transform:scale(1.08)}
/* Phase cards - slide accent */
.phase{transition:transform .3s ease,box-shadow .3s ease}
.phase:hover{transform:translateX(6px);box-shadow:0 8px 24px rgba(0,0,0,.1)}
/* FAQ rows - highlight */
.faq{transition:background .3s ease,padding-left .3s ease}
.faq:hover{background:#fffbe6;padding-left:10px;border-radius:8px}
/* Nav links - underline sweep */
.navlinks a.nl{position:relative}
.navlinks a.nl::after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:2px;background:var(--primary);transition:width .3s ease}
.navlinks a.nl:hover::after{width:100%}
/* Guarantee badge - gentle float */
.guar img{animation:floatY 3.5s ease-in-out infinite}
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
/* Trust pills - pop */
.trust span{transition:transform .25s ease,background .25s ease}
.trust span:hover{transform:scale(1.08);background:rgba(106,105,197,.18)}
@media(max-width:640px){.navlinks a.nl{display:none}body{font-size:16px}.hero{padding:48px 18px 42px}table.info td:first-child{width:40%}
.testi-grid{grid-template-columns:1fr!important}
table.proscons{font-size:14px}
table.proscons td{padding:9px 10px}
.btn{padding:14px 28px;font-size:16px;width:100%;max-width:340px;text-align:center}
.hero img.r{max-width:100%!important;height:auto}
img.r{max-width:100%;height:auto}
table.info{font-size:14px}
h3{font-size:20px}
.guar{padding:28px 18px}
.verdict{padding:26px 18px}
.cta-box{padding:32px 18px}}

/* ===== COMPETITOR LAYOUT COMPONENTS ===== */
/* Header */
.site-header{position:sticky;top:0;z-index:100;background:rgba(8,8,16,.96);backdrop-filter:blur(10px);border-bottom:1px solid rgba(106,105,197,.15)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;max-width:1200px;margin:0 auto}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-weight:800;font-size:19px}
.logo em{color:var(--primary);font-style:normal}
.logo img{border-radius:50%}
.main-nav{display:flex;gap:26px}
.main-nav a{color:#d8d8e8;text-decoration:none;font-size:15px;font-weight:600}
.main-nav a:hover{color:var(--primary)}
.btn-red{display:inline-block;background:linear-gradient(180deg,#ff4d4d,#d61f1f);color:#fff!important;font-weight:800;padding:13px 28px;border-radius:50px;text-decoration:none;font-size:15px;box-shadow:0 4px 18px rgba(255,60,60,.4);transition:transform .2s}
.btn-red:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,60,60,.55)}

/* Hero 2-column */
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;text-align:left;max-width:1200px;margin:0 auto}
.hero-text .pill{display:inline-block;background:rgba(106,105,197,.12);border:1px solid var(--primary);color:var(--primary);border-radius:30px;padding:8px 20px;font-size:12.5px;font-weight:800;letter-spacing:1.2px;margin-bottom:22px}
.hero h1{font-size:clamp(30px,4.5vw,48px);line-height:1.2}
.hero-sub{color:var(--primary);font-size:20px;font-weight:700;margin:6px 0 16px}
.hero-text p{color:#c9c9dc;font-size:17px;line-height:1.7;margin-bottom:24px}
.btn-gold{display:inline-block;background:linear-gradient(180deg,#ffd34d,#e9a800);color:#191900!important;font-weight:800;padding:17px 42px;border-radius:60px;text-decoration:none;font-size:17px;box-shadow:0 6px 26px rgba(106,105,197,.5);transition:transform .2s}
.btn-gold:hover{transform:translateY(-3px) scale(1.02)}
.trust-line{font-size:13.5px;color:#8a8a9e;margin-top:18px}
.hero-img img{width:100%;height:auto;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.hero{padding:110px 22px 70px}

/* Spec bar */
.spec-bar{background:#11111f;border-top:1px solid rgba(106,105,197,.12);border-bottom:1px solid rgba(106,105,197,.12)}
.spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1000px;margin:0 auto;padding:28px 22px}
.spec{text-align:center}
.spec strong{display:block;color:var(--primary);font-size:24px;margin-bottom:4px}
.spec span{color:#9a9ab0;font-size:14px}

/* Steps */
.steps{display:grid;gap:20px;margin:28px 0}
.step{background:#161630;border:1px solid rgba(106,105,197,.12);border-radius:16px;padding:32px}
.step .num{flex-shrink:0;width:52px;height:52px;background:linear-gradient(135deg,var(--primary),#b8860b);color:#111;font-weight:800;font-size:20px;border-radius:12px;display:flex;align-items:center;justify-content:center}
.step h3{margin:0 0 12px;color:var(--primary);font-size:22px}
.step p{margin:0;color:#a0a0b8;line-height:1.8}

/* Accordion */
.accordion{margin:24px 0}
.acc-item{border:1px solid rgba(106,105,197,.15);border-radius:12px;margin-bottom:12px;overflow:hidden;background:#161630}
.acc-btn{width:100%;background:none;border:0;color:#fff;font-size:17px;font-weight:700;padding:20px 24px;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center}
.acc-btn::after{content:"+";font-size:24px;color:var(--primary);transition:transform .3s}
.acc-item.open .acc-btn::after{transform:rotate(45deg)}
.acc-panel{max-height:0;overflow:hidden;transition:max-height .4s ease}
.acc-panel p{padding:0 24px;color:#b8b8cc}
.acc-panel img{display:block;margin:16px auto;max-width:320px;border-radius:10px}
.acc-item.open .acc-panel{max-height:800px;padding-bottom:20px}

/* Pricing card */
.price-card{max-width:560px;margin:32px auto;background:linear-gradient(180deg,#16162a,#0e0e1c);border:2px solid var(--primary);border-radius:20px;padding:0 0 36px;position:relative;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.price-badge{position:absolute;top:-18px;left:50%;transform:translateX(-50%);background:linear-gradient(180deg,#ffd34d,#e9a800);color:#111;font-weight:800;font-size:13px;letter-spacing:1px;padding:10px 28px;border-radius:30px;white-space:nowrap}
.price-card h3{color:var(--primary);font-size:24px;margin:48px 0 8px;font-family:Georgia,serif}
.price-big{font-size:64px;font-weight:800;color:#fff;margin:8px 0}
.price-sub{color:var(--primary);font-size:15px;margin-bottom:28px}
.price-list{list-style:none;margin:0 40px 32px;text-align:left}
.price-list li{padding:12px 0 12px 36px;position:relative;border-bottom:1px solid rgba(255,255,255,.07);color:#d8d8e8;font-size:16px}
.price-list li::before{content:"✓";position:absolute;left:4px;color:var(--primary);font-weight:800;font-size:18px}

/* Comparison table */
.cmp-table{width:100%;border-collapse:collapse;margin:28px 0;background:#11111f;border-radius:14px;overflow:hidden}
.cmp-table th{background:#1a1a2e;color:var(--primary);padding:18px 16px;text-align:left;font-size:15px}
.cmp-table td{padding:16px;border-top:1px solid rgba(255,255,255,.06);color:#c8c8dc;font-size:15px}
.cmp-table td:first-child{color:#fff;font-weight:700}
.cmp-table tr td:nth-child(2){background:rgba(106,105,197,.05)}

/* Guarantee section */
.guarantee-sec{background:radial-gradient(600px 300px at 50% 0%,#1e1a35,#0b0b16);text-align:center;padding:70px 22px;border-radius:20px;margin:40px 0}
.guarantee-sec img.seal{width:130px;height:auto;margin-bottom:24px}
.guarantee-sec h2{color:#fff;font-size:clamp(26px,4vw,38px)}
.guarantee-sec p{color:#a8a8c0;max-width:640px;margin:0 auto 30px;line-height:1.8}

/* Reviews row */
.reviews-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:28px 0}
.review-card{background:#161630;border:1px solid rgba(106,105,197,.12);border-radius:16px;padding:28px;text-align:center}
.review-card img{width:84px;height:84px;border-radius:50%;object-fit:cover;margin:0 auto 16px;border:3px solid var(--primary)}
.review-card .stars{color:var(--primary);font-size:18px;letter-spacing:2px;margin-bottom:12px}
.review-card p{color:#a0a0b8;font-style:italic;line-height:1.7;margin-bottom:16px}
.review-card .name{color:#fff;font-weight:700}
.review-card .verified{color:#7a7a90;font-size:13px}

/* Footer */
.site-footer{background:#12122a;border-top:2px solid rgba(106,105,197,.3);padding:60px 22px 30px;color:#e0e0ee}
.footer-legal{max-width:900px;margin:0 auto 50px;text-align:center;font-size:15px;line-height:2;color:#e8e8f2}
.footer-legal p{margin-bottom:16px;color:#d0d0e2}.footer-legal strong{color:#ffffff}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;max-width:1100px;margin:0 auto 40px}
.footer-brand h3{color:var(--primary);font-size:22px;margin-bottom:14px}
.footer-brand p{font-size:14.5px;line-height:1.7;margin-bottom:20px}
.social-icons{display:flex;gap:12px}
.social-icons a{width:42px;height:42px;background:rgba(255,255,255,.07);border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .3s}
.social-icons a:hover{background:var(--primary);transform:translateY(-3px)}
.social-icons svg{width:20px;height:20px;fill:#fff}
.social-icons a:hover svg{fill:#111}
.footer-col h4{color:#fff;font-size:16px;margin-bottom:18px}
.footer-col a{display:block;color:#d5d5e5;text-decoration:none;font-size:15.5px;padding:8px 0;transition:all .25s ease;position:relative}
.footer-col a:hover{color:var(--primary);transform:translateX(6px)}

.footer-bottom a{color:var(--primary);text-decoration:underline}

@media(max-width:768px){
.hero-grid{grid-template-columns:1fr;text-align:center}
.spec-grid{grid-template-columns:repeat(2,1fr)}
.reviews-row{grid-template-columns:1fr}
.footer-grid{grid-template-columns:1fr;text-align:center}
.social-icons{justify-content:center}
.main-nav{display:none}
}

/* Bonus horizontal rows (competitor style) */
.bonus-row{display:flex;gap:28px;align-items:center;background:#161630;border:1px solid rgba(106,105,197,.12);border-radius:16px;padding:24px;margin:20px 0}
.bonus-row img{width:180px;height:auto;flex-shrink:0;border-radius:12px;border:2px solid var(--primary);box-shadow:0 8px 24px rgba(0,0,0,.3)}
.bonus-row h3{margin:0 0 10px;color:#fff;font-size:19px}
.bonus-row p{margin:0;color:#a0a0b8;line-height:1.7}
.bonus-row:nth-child(even){flex-direction:row-reverse}
@media(max-width:640px){.bonus-row{flex-direction:column!important;text-align:center}.bonus-row img{width:200px}}

/* Image hover effects */
img{transition:transform .3s ease, box-shadow .3s ease}
.bonus-row img:hover{transform:scale(1.03);box-shadow:0 12px 32px rgba(106,105,197,.25)}
.hero-img img:hover{transform:scale(1.02)}
.review-card img:hover{transform:scale(1.05)}
figure img:hover{transform:scale(1.02);box-shadow:0 12px 36px rgba(106,105,197,.2)}

/* Dark theme headings */
h1,h2,h3{color:#fff}
.blk p{color:#b8b8cc}
.blk ul.tick li{color:#c0c0d4}
.blk ul.tick li strong{color:#fff}

/* Competitor-style protocol cards */
.protocol-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:36px;width:100%}
.protocol-card{background:#181834;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:36px 32px;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}
.protocol-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:0;transition:opacity .35s}
.protocol-card:hover{transform:translateY(-8px);border-color:rgba(106,105,197,.4);box-shadow:0 20px 50px rgba(0,0,0,.5),0 0 30px rgba(106,105,197,.08)}
.protocol-card:hover::before{opacity:1}
.protocol-card:hover .step-badge{background:var(--primary);color:#000}
.protocol-card .step-badge{transition:all .3s}
.protocol-card .step-badge{display:inline-block;background:rgba(106,105,197,.15);color:var(--primary);font-size:13px;font-weight:700;padding:6px 14px;border-radius:6px;margin-bottom:20px;letter-spacing:1px}
.protocol-card h3{color:var(--primary);font-size:24px;margin:0 0 16px}
.protocol-card p{color:#9a9ab0;line-height:1.8;margin:0}
@media(max-width:768px){.protocol-grid{grid-template-columns:1fr}}

/* Bonus book cards (competitor style) */
.bonus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:36px;width:100%}
.bonus-card{background:#181834;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:32px 24px;text-align:center;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}
.bonus-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:0;transition:opacity .35s}
.bonus-card:hover{transform:translateY(-8px);border-color:rgba(106,105,197,.4);box-shadow:0 20px 50px rgba(0,0,0,.5),0 0 30px rgba(106,105,197,.08)}
.bonus-card:hover::before{opacity:1}
.bonus-card:hover img{transform:scale(1.05)}
.bonus-card img{transition:transform .35s ease}
.bonus-card:hover .bonus-badge{background:var(--primary);color:#000}
.bonus-card .bonus-badge{transition:all .3s}
.bonus-card img{max-width:100%;width:200px;height:auto;border-radius:8px;margin-bottom:24px;box-shadow:0 12px 32px rgba(0,0,0,.4)}
.bonus-card .bonus-badge{display:inline-block;background:rgba(106,105,197,.15);color:var(--primary);font-size:12px;font-weight:700;padding:6px 16px;border-radius:6px;margin-bottom:16px;letter-spacing:1px}
.bonus-card h3{color:var(--primary);font-size:22px;margin:0 0 12px}
.bonus-card p{color:#9a9ab0;font-size:15px;line-height:1.7;margin:0}
@media(max-width:768px){.bonus-grid{grid-template-columns:1fr}}

/* Footer social icons - interactive */
.social-icons{display:flex;gap:14px;margin-top:20px}
.social-icons a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:rgba(106,105,197,.08);border:1px solid rgba(106,105,197,.2);transition:all .3s ease}
.social-icons a:hover{background:var(--primary);transform:translateY(-4px) scale(1.05);box-shadow:0 8px 20px rgba(106,105,197,.35)}
.social-icons a:hover svg{fill:#000}
.social-icons svg{width:20px;height:20px;fill:#c5c5d8;transition:fill .3s}

/* Footer bottom brighter */


/* Quick Overview - premium dark cards */
.overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:32px}
.overview-card{background:#161630;border:1px solid rgba(106,105,197,.12);border-radius:14px;padding:24px 20px;text-align:center;transition:all .3s ease}
.overview-card:hover{border-color:rgba(106,105,197,.35);transform:translateY(-3px);box-shadow:0 10px 28px rgba(0,0,0,.3)}
.overview-card .ov-label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:#88889a;margin-bottom:10px}
.overview-card .ov-value{display:block;font-size:17px;font-weight:700;color:#fff}
.overview-card .ov-value.gold{color:var(--primary);font-size:20px}
@media(max-width:768px){.overview-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.overview-grid{grid-template-columns:1fr}}

/* About two-column (competitor style) */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.about-text h2{font-size:42px;margin-bottom:28px;line-height:1.2}
.about-text p{color:#a0a0b8;line-height:1.9;margin-bottom:22px;font-size:16.5px}
.about-text p strong{color:#e0e0f0}
.about-img img{width:100%;height:auto;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
@media(max-width:768px){.about-grid{grid-template-columns:1fr;gap:36px}.about-text h2{font-size:32px}}

/* Principle quote box (competitor style) */
.principle-quote{max-width:860px;margin:36px auto 0;padding:48px 56px;border:1px solid rgba(106,105,197,.2);border-radius:16px;background:#14142e}
.principle-quote p{font-style:italic;font-size:18px;line-height:1.9;color:#c5c5d8;margin:0;text-align:left}
@media(max-width:768px){.principle-quote{padding:32px 28px}.principle-quote p{font-size:16px}}

/* Benefits grid (competitor style) */
.benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:36px}
.benefit-card{background:#181834;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:28px 26px;display:flex;gap:14px;align-items:flex-start;transition:all .3s ease}
.benefit-card:hover{transform:translateY(-5px);border-color:rgba(106,105,197,.35);box-shadow:0 14px 36px rgba(0,0,0,.4)}
.benefit-card .spark{color:var(--primary);font-size:20px;flex-shrink:0;line-height:1.4}
.benefit-card p{margin:0;color:#b5b5c8;line-height:1.7;font-size:15.5px}
@media(max-width:900px){.benefits-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.benefits-grid{grid-template-columns:1fr}}

/* Order steps (competitor style) */
.order-steps-box{max-width:860px;margin:0 auto;background:#161630;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:36px}
.order-step{display:flex;gap:16px;background:#161630;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:26px 30px;margin-bottom:16px;transition:all .3s ease}
.order-step:hover{border-color:rgba(106,105,197,.3);transform:translateX(6px)}
.order-step .os-num{color:var(--primary);font-weight:800;font-size:18px;flex-shrink:0}
.order-step p{margin:0;color:#b5b5c8;line-height:1.8}
.order-step p strong{color:#fff}

/* ClickBank trust box */
.clickbank-trust{max-width:860px;margin:24px auto 0;padding:24px 32px;border:1px solid rgba(106,105,197,.3);border-radius:14px;background:rgba(106,105,197,.04);text-align:center}
.clickbank-trust p{margin:0;color:#c5c5d8;line-height:1.8}
.clickbank-trust strong{color:var(--primary)}

/* Final CTA (competitor style) */
.final-cta{max-width:900px;margin:60px auto;text-align:center;background:#14142e;border:1px solid rgba(106,105,197,.25);border-radius:20px;padding:60px 48px}
.final-cta .cta-badge{display:inline-block;background:rgba(106,105,197,.12);color:var(--primary);font-size:13px;font-weight:700;letter-spacing:1.5px;padding:8px 20px;border-radius:6px;margin-bottom:28px}
.final-cta h2{font-size:42px;margin:0 0 20px;color:#fff}
.final-cta p{color:#a0a0b8;font-size:17px;line-height:1.8;max-width:640px;margin:0 auto 36px}
.btn-red-lg{display:inline-block;background:linear-gradient(135deg,#e63946,#c1121f);color:#fff;font-size:19px;font-weight:800;padding:20px 52px;border-radius:50px;text-decoration:none;transition:all .3s ease;box-shadow:0 10px 32px rgba(230,57,70,.35)}
.btn-red-lg:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 16px 44px rgba(230,57,70,.5)}
.cta-trust{margin:28px auto 0!important;color:var(--primary)!important;font-size:15px!important}
@media(max-width:768px){.final-cta{padding:44px 28px}.final-cta h2{font-size:30px}.btn-red-lg{font-size:16px;padding:18px 36px}}

.footer-brand p{color:#c0c0d4!important}

/* === TRENDING HOVER EFFECTS - ALL ELEMENTS === */

/* Buttons */
.btn-gold, .btn-red, .btn{transition:all .3s cubic-bezier(.4,0,.2,1)}
.btn-gold:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 14px 36px rgba(106,105,197,.4)}
.btn-red:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 14px 36px rgba(230,57,70,.45)}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.3)}

/* Nav links */
.main-nav a{position:relative;transition:color .3s}
.main-nav a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--primary);transition:width .3s ease}
.main-nav a:hover{color:var(--primary)}
.main-nav a:hover::after{width:100%}

/* Overview cards */
.overview-card{transition:all .3s ease}

/* Price card */
.price-card{transition:all .35s ease}
.price-card:hover{transform:translateY(-5px);box-shadow:0 24px 60px rgba(0,0,0,.5),0 0 40px rgba(106,105,197,.1)}

/* Comparison table rows */
.cmp-table tr{transition:background .25s}
.cmp-table tr:hover{background:rgba(106,105,197,.05)}

/* Guarantee section */
.guarantee-sec{transition:all .35s ease}
.guarantee-sec:hover{border-color:rgba(106,105,197,.4);box-shadow:0 16px 48px rgba(0,0,0,.4)}

/* Testimonial cards */
.review-card{transition:all .35s ease}
.review-card:hover{transform:translateY(-6px);border-color:rgba(106,105,197,.35);box-shadow:0 18px 44px rgba(0,0,0,.45)}

/* FAQ accordion */
.acc-item{transition:all .3s ease}
.acc-item:hover{border-color:rgba(106,105,197,.35)}
.acc-btn{transition:background .25s}
.acc-btn:hover{background:rgba(106,105,197,.04)}

/* Principle quote */
.principle-quote{transition:all .35s ease}
.principle-quote:hover{border-color:rgba(106,105,197,.4);box-shadow:0 14px 40px rgba(0,0,0,.35)}

/* Trust badges */
.trust-logos img{transition:all .3s ease;opacity:.75}
.trust-logos img:hover{opacity:1;transform:scale(1.1)}

/* Logo */
.logo{transition:transform .3s}
.logo:hover{transform:scale(1.03)}

/* Final CTA */
.final-cta{transition:all .35s ease}
.final-cta:hover{border-color:rgba(106,105,197,.45)}

/* Who Is This For */
.who-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:36px}
.who-card{background:#181834;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:30px 24px;text-align:center;transition:all .3s ease}
.who-card:hover{transform:translateY(-6px);border-color:rgba(106,105,197,.35);box-shadow:0 16px 40px rgba(0,0,0,.4)}
.who-card .who-icon{font-size:36px;display:block;margin-bottom:16px}
.who-card h3{color:#fff;font-size:18px;margin:0 0 12px}
.who-card p{color:#a0a0b8;font-size:14.5px;line-height:1.7;margin:0}
@media(max-width:900px){.who-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.who-grid{grid-template-columns:1fr}}

/* === TRENDING TEXT & DESIGN UPGRADE === */

/* Better section spacing */
.blk{padding:70px 0}
.blk.alt{background:#0a0a1a}

/* Improved headings */
h2{font-size:38px;line-height:1.25;letter-spacing:-.5px;margin-bottom:24px}
h2 .y{background:linear-gradient(135deg,#6a69c5,#d0caff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* Better paragraph readability */
.blk p{font-size:16.5px;line-height:1.85;color:#b8b8cc}
.blk p strong{color:#f0f0fa}

/* Section intro text */
.section-intro{text-align:center;max-width:720px;margin:0 auto 40px;color:#a0a0b8;font-size:17px;line-height:1.8}

/* Trending: gradient dividers */
.section-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(106,105,197,.3),transparent);margin:0 auto;max-width:800px}

/* Trending: card glow on section */
.glow-card{position:relative}
.glow-card::after{content:'';position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(135deg,rgba(106,105,197,.1),transparent,rgba(106,105,197,.05));z-index:-1;opacity:0;transition:opacity .4s}
.glow-card:hover::after{opacity:1}

/* Smooth scroll */
html{scroll-behavior:smooth}

/* Better list styling */
.tick li{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.04);line-height:1.7}
.tick li:last-child{border-bottom:none}

/* Trending: subtle fade-in on scroll */
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.blk{animation:fadeUp .6s ease-out}

/* === MOBILE OPTIMIZATION === */
@media(max-width:1024px){
  .wrap{max-width:100%;padding:0 24px}
  .protocol-grid,.bonus-grid,.benefits-grid{grid-template-columns:repeat(2,1fr)}
  .who-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  h1{font-size:32px!important;line-height:1.3}
  h2{font-size:28px!important}
  .hero{padding:50px 20px}
  .hero-grid{grid-template-columns:1fr;text-align:center}
  .protocol-grid,.bonus-grid,.benefits-grid,.overview-grid,.who-grid{grid-template-columns:1fr}
  .about-grid{grid-template-columns:1fr;gap:30px}
  .order-step{flex-direction:column;gap:8px}
  .final-cta{padding:40px 24px;margin:40px 16px}
  .final-cta h2{font-size:26px}
  .btn-red-lg{font-size:16px;padding:16px 32px;width:100%;max-width:100%;box-sizing:border-box}
  .price-card{margin:0 16px}
  .principle-quote{padding:28px 24px;margin:24px 16px}
  .clickbank-trust{margin:20px 16px;padding:20px}
  /* Disable hover transforms on touch */
  .protocol-card:hover,.bonus-card:hover,.benefit-card:hover,.who-card:hover,.overview-card:hover{transform:none}
}
@media(max-width:480px){
  h1{font-size:26px!important}
  h2{font-size:24px!important}
  .blk{padding:50px 0}
  .trust-line{font-size:13px}
  .btn-gold,.btn-red{width:100%;max-width:100%;box-sizing:border-box}
}

/* === HOVER FIXES === */
@media(hover:hover){
  .protocol-card,.bonus-card,.benefit-card,.who-card,.overview-card,.review-card,.price-card{will-change:transform}
}
@media(hover:none){
  *{transition-duration:.15s!important}
}

/* Text visibility fix */
.blk p, .blk li{color:#c0c0d4}

/* Mobirise-style: scroll to top */
#scrollTop{display:none;position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background:var(--primary);color:#000;border:none;font-size:22px;font-weight:700;cursor:pointer;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.4);z-index:999;transition:all .3s}
#scrollTop:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(106,105,197,.4)}

/* Mobirise-style: scroll reveal animations */
.reveal{opacity:0;transform:translateY(30px);transition:all .7s ease}
.reveal.visible{opacity:1;transform:translateY(0)}

/* Social share buttons */
.social-share{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px}
.social-share span{color:#88889a;font-size:14px}
.social-share a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#1e1e3a;border:1px solid rgba(255,255,255,.1);color:#c0c0d4;text-decoration:none;font-weight:700;font-size:15px;transition:all .3s}
.social-share a:hover{background:var(--primary);color:#000;border-color:var(--primary);transform:translateY(-3px)}

.social-share{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:20px}
.social-share span{color:#88889a;font-size:13px}
.social-share a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#1e1e3a;border:1px solid rgba(255,255,255,.12);color:#c0c0d4;text-decoration:none;font-weight:700;transition:all .3s}
.social-share a:hover{background:var(--primary);color:#000;transform:translateY(-3px)}



/* Center all headings */
.blk h2{text-align:center}
.blk h3{text-align:center}

/* Footer bottom - white visible text */


.footer-bottom a{color:var(--primary)!important}
.footer-legal{color:#e8e8f2!important}


.footer-disclaimer,
.footer-bottom,
.footer-legal,
.site-footer .footer-disclaimer,
.site-footer .footer-bottom {
    color: #ffffff !important;
    opacity: 1 !important;
    text-shadow: 0 1px 3px rgba(0,0,0,.8);
}


.site-footer 
.site-footer 
.site-footer .footer-bottom a{color:#d0caff!important;font-weight:700}

.footer-disclaimer{color:#fff;opacity:1;font-size:14px;line-height:1.8;text-align:center;max-width:850px;margin:24px auto;display:block;visibility:visible}
.footer-bottom{color:#fff;opacity:1;font-size:14px;text-align:center;display:block;visibility:visible}
.footer-bottom a{color:#d0caff;font-weight:700}

.site-footer .footer-disclaimer{color:#ffffff!important;opacity:1!important}
.site-footer .footer-bottom{color:#ffffff!important;opacity:1!important}

/* DIRECT FIX - footer bottom paragraphs */
div.footer-bottom > p{color:#ffffff!important;opacity:1!important}
div.footer-bottom > p:first-child{color:#ffffff!important;opacity:1!important}


/* ============================================================
   PROFESSIONAL MOBILE OPTIMIZATION
   Single source of truth for all mobile styles (<=768px)
   ============================================================ */
@media (max-width: 768px) {

  /* ---- Base: kill horizontal scroll, fluid layout ---- */
  html, body { overflow-x: hidden !important; max-width: 100vw; }
  *, *::before, *::after { box-sizing: border-box; }
  img { max-width: 100% !important; height: auto !important; }
  .wrap, .container { width: 100% !important; max-width: 100% !important; padding-left: 16px !important; padding-right: 16px !important; }

  /* ---- Header: logo + CTA one row, hamburger for nav ---- */
  .site-header { padding: 10px 12px !important; position: relative; }
  .header-inner { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; gap: 10px; width: 100%; }
  .site-header .logo { display: flex !important; align-items: center !important; gap: 8px; flex: 0 1 auto; min-width: 0; }
  .site-header .logo img { height: 34px !important; width: 34px !important; flex-shrink: 0; }
  .site-header .logo span { font-size: 14px !important; line-height: 1.25 !important; white-space: normal !important; }
  .hamburger { display: block !important; background: none; border: none; color: #fff; font-size: 26px; cursor: pointer; padding: 6px 8px; flex-shrink: 0; }
  .site-header .btn-red { font-size: 12px !important; padding: 10px 18px !important; white-space: nowrap !important; flex-shrink: 0; border-radius: 25px; }
  .main-nav { display: none !important; position: absolute; top: 100%; left: 0; right: 0; background: #12122a; flex-direction: column !important; padding: 12px 16px 20px; z-index: 999; border-top: 1px solid rgba(106,105,197,.35); box-shadow: 0 12px 30px rgba(0,0,0,.5); }
  .main-nav.open { display: flex !important; }
  .main-nav a { padding: 13px 8px !important; font-size: 16px !important; white-space: nowrap !important; border-bottom: 1px solid rgba(255,255,255,.06); width: 100%; }

  /* ---- Hero: typography scale, compact CTA ---- */
  .hero { padding: 36px 16px 30px !important; text-align: center; }
  .hero-badge { font-size: 10px !important; letter-spacing: 1.5px !important; padding: 8px 16px !important; line-height: 1.5 !important; white-space: normal !important; display: inline-block; max-width: 100%; }
  .hero h1 { font-size: 25px !important; line-height: 1.32 !important; margin: 14px 0 12px !important; }
  .hero .hero-sub { font-size: 16px !important; line-height: 1.55 !important; margin-bottom: 12px; }
  .hero p { font-size: 14px !important; line-height: 1.7 !important; margin-bottom: 14px; }
  .hero .btn-gold { font-size: 14px !important; padding: 14px 24px !important; line-height: 1.4 !important; border-radius: 32px !important; display: inline-block; max-width: 320px; width: auto; white-space: normal !important; margin: 8px auto !important; }
  .trust-line { font-size: 12px !important; line-height: 2 !important; text-align: center; display: block; }
  .hero-stats { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 12px !important; margin-top: 20px; }
  .hero-stats .stat-num { font-size: 22px !important; }
  .hero-stats .stat-label { font-size: 11px !important; }

  /* ---- Sections: rhythm + type scale ---- */
  section, .blk { padding: 36px 16px !important; }
  .blk h2, h2 { font-size: 21px !important; line-height: 1.35 !important; margin-bottom: 14px !important; }
  .blk h3, h3 { font-size: 17px !important; line-height: 1.4 !important; }
  .blk p, .blk li, p, li { font-size: 14px !important; line-height: 1.7 !important; }

  /* ---- Grids: everything stacks ---- */
  .overview-grid, .bonus-grid, .benefit-cards, .steps-grid, .testimonial-grid, .two-col, .about-grid, .protocol-steps { display: grid !important; grid-template-columns: 1fr !important; gap: 16px !important; }
  .overview-card, .bonus-card, .benefit-card, .step-card, .review-card { padding: 22px 16px !important; margin-bottom: 0 !important; }

  /* ---- Tables: horizontal scroll, readable cells ---- */
  .table-wrap { overflow-x: auto !important; -webkit-overflow-scrolling: touch; margin: 0 -16px; padding: 0 16px; }
  table { min-width: 560px; font-size: 13px !important; }
  th, td { padding: 10px 8px !important; }

  /* ---- CTA sections: centered, thumb-friendly ---- */
  .cta-section { padding: 36px 16px !important; text-align: center !important; }
  .cta-section h2 { font-size: 21px !important; }
  .cta-section .btn, .cta-section .btn-gold, .cta-section .btn-red, .cta-section .btn-red-lg { font-size: 15px !important; padding: 15px 28px !important; display: inline-block; max-width: 320px; width: 90%; border-radius: 32px; }

  /* ---- FAQ: touch targets ---- */
  .acc-btn { font-size: 14px !important; padding: 14px 16px !important; line-height: 1.45 !important; text-align: left; }

  /* ---- Pricing ---- */
  .pricing-card { padding: 28px 18px !important; }
  .price { font-size: 38px !important; }

  /* ---- Footer: compact, no overflow, no cut text ---- */
  .site-footer { padding: 28px 16px 18px !important; overflow: hidden; }
  .footer-grid { display: grid !important; grid-template-columns: 1fr !important; gap: 18px !important; text-align: center !important; }
  .footer-col h4 { font-size: 16px !important; margin-bottom: 10px !important; }
  .footer-col a { display: inline-block; padding: 6px 10px !important; font-size: 14px !important; }
  .footer-brand p, .site-footer p { font-size: 13px !important; line-height: 1.65 !important; word-wrap: break-word; overflow-wrap: break-word; padding: 0 4px; }
  .social-icons { display: flex !important; justify-content: center !important; flex-wrap: wrap !important; gap: 10px !important; margin: 14px 0 !important; max-width: 100%; }
  .social-icons a { width: 42px !important; height: 42px !important; flex-shrink: 0; }
  .footer-bottom { margin-top: 18px !important; padding-top: 14px !important; }
  .footer-bottom p { font-size: 12px !important; line-height: 1.6 !important; margin-bottom: 8px !important; }
}

/* ---- Small phones: tighten further ---- */
@media (max-width: 480px) {
  .hero h1 { font-size: 22px !important; }
  .blk h2, h2 { font-size: 19px !important; }
  .site-header .logo span { font-size: 12px !important; }
  .site-header .btn-red { font-size: 11px !important; padding: 9px 14px !important; }
  .hero .btn-gold { font-size: 13px !important; padding: 13px 20px !important; max-width: 300px; }
  .hero-stats { grid-template-columns: 1fr 1fr !important; }
}

/* ---- Desktop header: no wrap, proper CTA ---- */
@media (min-width: 769px) {
  .hamburger { display: none !important; }
  .header-inner { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: nowrap; }
  .main-nav { display: flex !important; align-items: center; gap: 22px; flex-wrap: nowrap; }
  .main-nav a { white-space: nowrap !important; }
  .site-header .btn-red { white-space: nowrap !important; flex-shrink: 0; }
}

/* === BULLETPROOF HAMBURGER === */
.hamburger{display:none!important}
@media(max-width:768px){
.hamburger{display:inline-block!important;visibility:visible!important;opacity:1!important}
.main-nav{display:none!important}
.main-nav.open{display:flex!important}
}
@media(min-width:769px){
.hamburger{display:none!important}
.main-nav{display:flex!important}
}

/* Button text no awkward wrap */
.btn-red,.btn-gold,.btn{white-space:nowrap!important}
@media(max-width:768px){
.hero .btn-gold{white-space:normal!important;line-height:1.5!important}
}

/* === FOOTER MOBILE ALIGNMENT FIX === */
@media(max-width:768px){
.site-footer{text-align:center!important;padding:25px 12px 15px!important}
.footer-grid{display:flex!important;flex-direction:column!important;align-items:center!important;gap:18px!important;width:100%}
.footer-col,.footer-brand{width:100%!important;max-width:100%!important;text-align:center!important;padding:0 8px}
.footer-col h4{margin:0 0 10px!important}
.footer-brand p{font-size:13px!important;line-height:1.6!important;margin:0 auto;max-width:100%}
.social-icons{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:nowrap!important;gap:8px!important;width:100%;overflow:visible}
.social-icons a{width:38px!important;height:38px!important;min-width:38px;flex-shrink:0}
.footer-bottom{width:100%;text-align:center;padding:15px 8px 0!important}
.footer-bottom p{font-size:11px!important;line-height:1.6!important;margin:0 0 6px!important;word-break:break-word}
}


/* ============================================================
   MOBILE FINAL — loads last, overrides earlier mobile rules.
   Header, readable type (16px body), 48px tap targets, tables.
   ============================================================ */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
img,video,svg{max-width:100%}
.table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:22px 0}
.table-scroll table{margin:0}

@media (max-width:768px){
  /* Header: logo | CTA | hamburger in one tidy row */
  .site-header{padding:0!important}
  .site-header .header-inner{padding:8px 12px!important;gap:8px!important;flex-wrap:nowrap!important}
  .site-header .logo{order:1;flex:1 1 auto;min-width:0}
  .site-header .logo span{font-size:13px!important;line-height:1.2!important;font-weight:800}
  .site-header .logo span em{display:block}
  .site-header .btn-red{order:2;width:auto!important;max-width:none!important;flex:0 0 auto;font-size:12px!important;padding:11px 14px!important;min-height:40px;line-height:1.2;display:inline-flex;align-items:center;justify-content:center}
  .site-header .hamburger{order:3;flex:0 0 auto;min-width:44px;min-height:44px;font-size:26px!important;line-height:1;padding:0 6px!important;margin:0}
  .main-nav{order:4}
  .main-nav a{min-height:48px;display:flex!important;align-items:center;font-size:16px!important}

  /* Type: readable on phones (16px body, no zoom-on-focus) */
  body{font-size:16px!important}
  .hero h1{font-size:26px!important;line-height:1.25!important}
  .hero .hero-sub{font-size:17px!important}
  .hero p,.blk p,.blk li,p,li{font-size:16px!important;line-height:1.65!important}
  .blk h2,h2{font-size:24px!important;line-height:1.28!important}
  .blk h3,h3{font-size:19px!important;line-height:1.35!important}
  .trust-line{font-size:13px!important;line-height:1.8!important}
  .pill,.hero-badge{font-size:11px!important;letter-spacing:1px!important}
  .spec strong{font-size:22px!important}
  .spec span{font-size:13px!important}
  .ov-label{font-size:12px!important}.ov-value{font-size:16px!important}
  .acc-btn{font-size:16px!important;min-height:52px;padding:14px 16px!important}
  .acc-panel p,.acc-body p{font-size:15px!important}

  /* CTA buttons: full-width, 52px tall, wrap instead of clip */
  .hero .btn-gold,.btn-gold,.btn-red-lg,.final-cta .btn-gold,.final-cta .btn-red,.price-card .btn-gold,.price-card .btn-red-lg,.cta-section .btn-gold,.cta-section .btn-red-lg{
    display:flex!important;align-items:center;justify-content:center;text-align:center;
    width:100%!important;max-width:420px!important;min-height:52px;margin:12px auto!important;
    padding:14px 20px!important;font-size:16px!important;line-height:1.35!important;white-space:normal!important;border-radius:32px!important}
  .btn,.btn-sm{min-height:44px}
  /* Pros/Cons: two columns that fit the screen, no clipping */
  table.proscons{min-width:0!important;width:100%;table-layout:fixed;font-size:14px!important}
  table.proscons th,table.proscons td{padding:10px 8px!important;font-size:14px!important;line-height:1.5!important;word-wrap:break-word;overflow-wrap:anywhere}
  /* Comparison table scrolls sideways inside its wrapper */
  .table-scroll table.cmp-table{min-width:560px}
  table.cmp-table th,table.cmp-table td{font-size:14px!important}
  table.info{min-width:0!important;font-size:15px!important}

  /* Footer text legible, links easy to tap */
  .footer-legal p{font-size:12.5px!important;line-height:1.65!important}
  .footer-col a{min-height:44px;display:inline-flex!important;align-items:center}
  .footer-bottom p{font-size:12px!important}
  .social-icons{flex-wrap:wrap!important}
  .social-icons a{width:44px!important;height:44px!important}

  /* Floating scroll-to-top: smaller, clear of content */
  #scrollTop{width:44px;height:44px;right:14px;bottom:16px;font-size:20px}

  /* Legal/contact page headers */
  .topbar .nav,.top .nav{padding:10px 12px!important;gap:8px!important;flex-wrap:nowrap!important}
  .brand{font-size:15px!important;min-width:0;flex:1 1 auto}
  .brand img{width:34px!important;height:34px!important;margin-right:6px!important}
  .navlinks{flex:0 0 auto;gap:8px!important}
  .navlinks .btn,.navlinks .btn-sm{width:auto!important;max-width:none!important;font-size:13px!important;padding:10px 14px!important;white-space:nowrap!important}
  .navlinks a.nl{display:none!important}
  .block,.blk{overflow-wrap:anywhere}
  .block h4 strong[style]{font-size:1.6rem!important}
}
@media (max-width:360px){
  .site-header .logo span{font-size:12px!important}
  .site-header .btn-red{font-size:11px!important;padding:10px 10px!important}
  .site-header .logo img{width:30px!important;height:30px!important}
  .hero h1{font-size:23px!important}
  .blk h2,h2{font-size:21px!important}
  .brand{font-size:13px!important}
}

@media (max-width:768px){
  /* Pros/Cons colors were tuned for a white background; lift contrast on the dark theme */
  table.proscons td:first-child{color:#7ee2a0!important}
  table.proscons td:last-child{color:#ffd27a!important}
  table.proscons td{border-bottom:1px solid rgba(255,255,255,.12)!important}
  .site-footer{padding-bottom:76px!important}
}