/* ------- RESET ------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Inter",Roboto,Helvetica,Arial,sans-serif;color:#1a1f2e;background:#fff;line-height:1.65;font-size:17px;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
img[width][height]{height:auto}
a{color:#0b57d0;text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4{font-family:"Inter","Segoe UI",-apple-system,sans-serif;line-height:1.25;color:#0e1424;margin:0 0 .6em;letter-spacing:-.01em}
h1{font-size:clamp(1.9rem,4.2vw,3rem);font-weight:800}
h2{font-size:clamp(1.55rem,2.8vw,2.15rem);font-weight:800;margin-top:0}
h3{font-size:clamp(1.15rem,1.8vw,1.4rem);font-weight:700}
h4{font-size:1.1rem;font-weight:700}
p{margin:0 0 1em}
ul{padding-left:1.2em;margin:0 0 1em}
li{margin-bottom:.45em}

.container{max-width:1200px;margin:0 auto;padding:0 24px}
.container.narrow{max-width:820px}
.center{text-align:center}

/* ------- TOPBAR ------- */
.topbar{background:#fff;border-bottom:1px solid #e6e9f0;position:sticky;top:0;z-index:40}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 24px}
.brand{font-weight:800;color:#0e1424;font-size:1.15rem;letter-spacing:-.02em}
.topnav a{color:#4a5063;margin-left:22px;font-weight:600;font-size:.95rem}

/* ------- HERO ------- */
.hero{background:linear-gradient(180deg,#f5f8ff 0%,#eef3ff 100%);padding:56px 0 64px;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;top:-120px;right:-120px;width:520px;height:520px;background:radial-gradient(circle,rgba(120,90,255,.14),transparent 60%);pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:center;position:relative;z-index:1}
.eyebrow{color:#6b31c9;font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;margin-bottom:14px}
.verdict{font-size:1.15rem;color:#2a3247;background:rgba(255,255,255,.7);border-left:4px solid #6b31c9;padding:14px 18px;border-radius:6px}

.rating-row{display:flex;align-items:center;gap:14px;margin:22px 0 28px;flex-wrap:wrap}
.stars{display:inline-flex;gap:3px}
.star{width:22px;height:22px;background:linear-gradient(90deg,#f5a623 var(--fill,100%),#e4e7ee var(--fill,100%));clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 71%,21% 91%,32% 57%,2% 35%,39% 35%)}
.star.full{--fill:100%}
.star.half{--fill:50%}
.rating-num{font-size:1.2rem;color:#0e1424}
.rating-label{color:#6b7180;font-size:.9rem}

.hero-facts{list-style:none;padding:0;margin:24px 0 0;display:flex;gap:24px;flex-wrap:wrap}
.hero-facts li{background:#fff;padding:12px 16px;border-radius:10px;border:1px solid #e2e6ef;font-weight:600;color:#0e1424;font-size:.92rem;margin:0}
.hero-facts span{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#8a90a2;font-weight:700;margin-bottom:2px}

.hero-media{aspect-ratio:640/375;max-width:560px;margin-left:auto;width:100%}
.hero-media img{border-radius:14px;filter:drop-shadow(0 20px 40px rgba(50,20,100,.18));aspect-ratio:640/375;width:100%;height:auto}

/* ------- BUTTON ------- */
.btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 28px;border-radius:12px;font-weight:800;font-size:1.05rem;letter-spacing:.01em;text-align:center;transition:transform .15s,box-shadow .15s;cursor:pointer}
.btn:hover{text-decoration:none;transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,#ff8a3d 0%,#ff5f1f 100%);color:#fff;box-shadow:0 8px 22px rgba(255,95,31,.35)}
.btn-primary:hover{box-shadow:0 12px 28px rgba(255,95,31,.45)}
.btn-large{padding:20px 34px;font-size:1.15rem;width:100%;max-width:460px}
.btn-sub{display:block;font-size:.78rem;font-weight:500;opacity:.92;margin-top:4px;text-transform:none;letter-spacing:0}

/* ------- TRUST BAR ------- */
.trustbar{background:#0e1424;color:#e6e9f0;padding:26px 0}
.trust-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.trust-item{display:flex;align-items:center;gap:12px;color:#e6e9f0}
.trust-item svg{color:#7ee0a6;flex-shrink:0}
.trust-item strong{display:block;font-size:.95rem;color:#fff}
.trust-item span{display:block;font-size:.8rem;color:#a6adc0}

/* ------- SECTIONS ------- */
.section{padding:64px 0}
.section-alt{background:#f8fafd}
.lead{font-size:1.1rem;color:#4a5063;margin-bottom:2em}

.check-list,.x-list{list-style:none;padding:0}
.check-list li,.x-list li{padding-left:30px;position:relative;margin-bottom:.55em}
.check-list li::before{content:"";position:absolute;left:0;top:.35em;width:18px;height:18px;background:#22c55e;border-radius:50%;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M9 16.2 4.8 12l-1.4 1.4L9 19l12-12-1.4-1.4z'/></svg>");background-repeat:no-repeat;background-position:center;background-size:14px}
.x-list li::before{content:"";position:absolute;left:0;top:.35em;width:18px;height:18px;background:#e5484d;border-radius:50%;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M19 6.4 17.6 5 12 10.6 6.4 5 5 6.4 10.6 12 5 17.6 6.4 19 12 13.4 17.6 19 19 17.6 13.4 12z'/></svg>");background-repeat:no-repeat;background-position:center;background-size:12px}

/* ------- CARDS 3-COL ------- */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:32px 0}
.card{background:#fff;border:1px solid #e2e6ef;border-radius:14px;padding:26px 24px;position:relative;min-height:200px}
.card-num{position:absolute;top:-14px;left:24px;background:#6b31c9;color:#fff;font-weight:800;font-size:.85rem;padding:4px 10px;border-radius:6px;letter-spacing:.05em}
.card h4{margin-top:8px}

/* ------- PROS/CONS ------- */
.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:24px}
.pros,.cons{background:#fff;border-radius:14px;padding:26px 28px;border:1px solid #e2e6ef}
.pros{border-left:5px solid #22c55e}
.cons{border-left:5px solid #e5484d}
.pros h3{color:#158445}
.cons h3{color:#b02528}
.pros ul,.cons ul{list-style:none;padding:0;margin:0}
.pros li,.cons li{padding-left:26px;position:relative;margin-bottom:12px}
.pros li::before{content:"+";position:absolute;left:0;top:-2px;color:#22c55e;font-weight:900;font-size:1.4rem;line-height:1}
.cons li::before{content:"\2013";position:absolute;left:0;top:-4px;color:#e5484d;font-weight:900;font-size:1.5rem;line-height:1}

/* ------- TWO COL ------- */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.good{color:#158445}
.bad{color:#b02528}

/* ------- OFFER ------- */
.offer-section{background:linear-gradient(180deg,#f5f8ff 0%,#eef3ff 100%)}
.offer-card{background:#fff;border-radius:20px;box-shadow:0 20px 50px rgba(30,20,80,.10);overflow:hidden;border:2px solid #ff8a3d;position:relative;margin-top:20px}
.offer-badge{background:linear-gradient(135deg,#c73f0e 0%,#8a2b08 100%);color:#fff;padding:10px 20px;font-weight:800;text-align:center;letter-spacing:.08em;text-transform:uppercase;font-size:.85rem}
.offer-body{display:grid;grid-template-columns:1fr 1.4fr;gap:0}
.offer-left{background:#f5f8ff;display:flex;align-items:center;justify-content:center;padding:32px}
.offer-left img{max-width:100%;filter:drop-shadow(0 10px 24px rgba(50,20,100,.2));aspect-ratio:640/375;width:100%;height:auto}
.offer-right{padding:36px 40px}
.price-row{display:flex;align-items:baseline;gap:12px;margin:8px 0 20px}
.price{font-size:3.6rem;font-weight:900;color:#0e1424;line-height:1;letter-spacing:-.03em}
.price-currency{font-size:1.6rem;vertical-align:top;margin-right:2px}
.price-note{color:#6b7180;font-size:.95rem}
.offer-includes{list-style:none;padding:0;margin:0 0 24px}
.offer-includes li{padding-left:28px;position:relative;margin-bottom:8px}
.offer-includes li::before{content:"";position:absolute;left:0;top:.4em;width:16px;height:16px;background:#22c55e;border-radius:50%;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M9 16.2 4.8 12l-1.4 1.4L9 19l12-12-1.4-1.4z'/></svg>");background-repeat:no-repeat;background-position:center;background-size:12px}

.guarantee-box{display:flex;gap:16px;background:#fff7ec;border:1px dashed #f5a623;border-radius:12px;padding:18px 20px;margin:0 0 24px}
.guarantee-icon{color:#e08a00;flex-shrink:0}
.guarantee-box strong{display:block;color:#0e1424;margin-bottom:4px}
.guarantee-box p{margin:0;font-size:.95rem;color:#4a5063}

.fine-print{font-size:.82rem;color:#5a6072;margin-top:14px}

/* ------- FAQ ------- */
.faq{background:#fff;border:1px solid #e2e6ef;border-radius:12px;padding:0;margin-bottom:12px;overflow:hidden}
.faq summary{padding:18px 22px;font-weight:700;cursor:pointer;list-style:none;color:#0e1424;position:relative;padding-right:50px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:1.5rem;color:#6b31c9;font-weight:400;transition:transform .2s}
.faq[open] summary::after{content:"\2212"}
.faq p{padding:0 22px 20px;margin:0;color:#4a5063}

/* ------- FINAL CTA ------- */
.final-cta{background:linear-gradient(135deg,#0e1424 0%,#1e254a 100%);color:#e6e9f0}
.final-cta h2{color:#fff}
.final-cta .lead{color:#c7cbd8}

/* ------- AUTHOR ------- */
.author-section{background:#f8fafd}
.author-box{display:flex;gap:26px;background:#fff;border:1px solid #e2e6ef;border-radius:16px;padding:28px 30px;margin-bottom:20px}
.author-avatar{width:82px;height:82px;background:linear-gradient(135deg,#6b31c9 0%,#0b57d0 100%);color:#fff;font-weight:800;font-size:1.6rem;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;aspect-ratio:1/1}
.author-name{font-weight:800;font-size:1.2rem;color:#0e1424}
.author-title{color:#6b7180;font-size:.92rem;margin-bottom:12px}
.author-meta{margin-top:14px;font-size:.82rem;color:#5a6072}
.author-meta span{margin-right:20px}

.disclosure{background:#fff8e6;border:1px solid #f0d980;border-radius:12px;padding:18px 22px;font-size:.9rem;color:#3a3620;line-height:1.6}
.disclosure strong{color:#0e1424}

/* ------- FOOTER ------- */
.footer{background:#0e1424;color:#a6adc0;padding:40px 0 90px}
.footer-inner{display:flex;flex-direction:column;gap:14px;text-align:center}
.footer-brand{color:#fff;font-weight:800;font-size:1.1rem}
.footer-links a{color:#c7cbd8;margin:0 12px;font-size:.92rem}
.footer-fine{font-size:.78rem;color:#7a8098;max-width:820px;margin:6px auto 0}

/* ------- STICKY MOBILE CTA ------- */
.sticky-cta{display:none;position:fixed;bottom:12px;left:12px;right:12px;background:linear-gradient(135deg,#ff8a3d 0%,#ff5f1f 100%);color:#fff;padding:14px 18px;border-radius:12px;font-weight:800;text-align:center;box-shadow:0 10px 24px rgba(255,95,31,.4);z-index:50;font-size:1rem}
.sticky-cta span{display:block;font-size:.78rem;font-weight:500;opacity:.95;margin-top:2px}
.sticky-cta:hover{text-decoration:none}

/* ------- RESPONSIVE ------- */
@media (max-width:960px){
  .hero{padding:36px 0 40px}
  .hero-grid{grid-template-columns:1fr;gap:32px}
  .hero-media{order:-1;max-width:440px;margin:0 auto}
  .trust-inner{grid-template-columns:repeat(2,1fr);gap:18px}
  .grid-3{grid-template-columns:1fr;gap:32px}
  .pros-cons,.two-col{grid-template-columns:1fr;gap:20px}
  .offer-body{grid-template-columns:1fr}
  .offer-left{padding:24px}
  .offer-left img{max-width:320px}
  .offer-right{padding:28px 24px}
  .section{padding:44px 0}
  .topnav{display:none}
}

@media (max-width:640px){
  body{font-size:16px}
  .container{padding:0 18px}
  .trust-inner{grid-template-columns:1fr}
  .author-box{flex-direction:column;text-align:center;align-items:center}
  .hero-facts{gap:12px}
  .hero-facts li{flex:1 1 100%}
  .price{font-size:3rem}
  .sticky-cta{display:block}
  .footer{padding-bottom:110px}
}