
:root{
  --bg:#f7f7f7;
  --text:#1d2430;
  --muted:#4d596a;
  --border:#d8dde5;
  --blue-dark:#2e3a5d;
  --blue-mid:#3f6f9d;
  --yellow:#ffd400;
  --yellow-dark:#f0c900;
  --red-line:#cc1f2c;
  --footer:#161c26;
  --gold:#f8c539;
  --radius:34px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--bg);line-height:1.45}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
.top-strip{height:22px;background:#5a362f}
.section{padding:44px 0}
.container{width:min(1320px,calc(100% - 36px));margin:0 auto}
.container-narrow{width:min(1100px,calc(100% - 36px));margin:0 auto}
.main-title,.repeat-title{text-align:center;font-size:clamp(42px,4vw,74px);line-height:1.08;letter-spacing:-.03em;margin:0 0 38px;font-weight:700}
.main-title span,.repeat-title span{font-weight:800}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;align-items:start}
.price-card{background:transparent;border:2px solid var(--border);border-radius:var(--radius);padding:34px 28px 28px;text-align:center}
.price-card.featured{border-color:var(--red-line)}
.price-card h3{margin:0;font-size:38px;line-height:1.08;font-weight:800}
.sub{margin:8px 0 24px;color:#232d3c;font-size:17px}
.product-box{min-height:180px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.product-box img{max-width:270px;max-height:190px;object-fit:contain}
.price-row{display:flex;justify-content:center;align-items:flex-end;gap:12px;margin-bottom:10px}
.price{font-size:88px;font-weight:800;line-height:.9}
.per{font-size:18px;color:#263244;text-align:left;padding-bottom:8px}
.save{font-size:19px;font-weight:800;margin:14px 0 10px}
.bonus{margin:0 0 20px;font-size:17px;min-height:24px}
.bonus-empty{color:transparent}
.cta-btn{display:block;width:100%;background:linear-gradient(180deg,var(--yellow),var(--yellow-dark));color:#111;font-size:20px;font-weight:800;text-align:center;border-radius:999px;padding:19px 20px;box-shadow:inset 0 -2px 0 rgba(0,0,0,.08)}
.inline-btn{display:inline-block;width:auto;min-width:290px}
.guarantee{margin:20px 0 18px;font-size:16px}
.cards{display:flex;justify-content:center;margin-bottom:18px}
.cards img{width:170px}
.total{font-size:18px;margin:0 0 8px}
.strike{text-decoration:line-through;color:#565f6f}
.shipping{margin:0;font-size:16px;font-weight:800}
.rating-block{text-align:center;padding-top:26px}
.rating-block p{margin:8px 0;font-size:18px}
.stars{color:var(--gold);letter-spacing:.14em;margin:0 6px}
.rating-block a{text-decoration:underline;color:#273349}
.soft-message{padding-top:26px}
.soft-panel{background:#e8edf5;border-radius:40px;text-align:center;padding:54px 60px}
.soft-panel h2{margin:0 0 22px;font-size:clamp(34px,3vw,62px);line-height:1.1}
.soft-panel p{font-size:17px;color:#2e394d;margin:18px auto;max-width:880px}
.signature{font-weight:700;font-style:italic;margin-top:30px!important}
.blue-panel{background:linear-gradient(180deg,var(--blue-dark),var(--blue-mid));border-radius:56px;padding:54px 48px;color:#fff}
.blue-panel h2{text-align:center;margin:0 0 28px;font-size:clamp(34px,3vw,62px);line-height:1.08}
.blue-panel h2 span{font-weight:800}
.bonus-item{max-width:860px;margin:18px auto;background:#303b61;border-radius:34px;padding:28px;display:grid;grid-template-columns:190px 1fr;gap:28px;align-items:center}
.bonus-item img{width:190px;height:190px;object-fit:cover;border-radius:28px}
.bonus-item h3{margin:0 0 10px;font-size:34px}
.bonus-title{margin:0 0 8px;font-size:24px}
.bonus-note{margin:0;font-size:15px;opacity:.95}
.panel-cta{text-align:center;padding-top:18px}
.red-panel{background:linear-gradient(180deg,#c20f19,#9d1317);border-radius:56px;color:#fff;padding:34px 40px;display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:center}
.red-copy h2{font-size:clamp(34px,3vw,56px);line-height:1.1;margin:0 0 20px}
.red-copy p{margin:10px 0;font-size:18px}
.red-copy .cta-btn{margin-top:28px;max-width:320px}
.red-visual{display:flex;justify-content:center}
.red-visual img{max-width:510px;max-height:420px;object-fit:contain}
.reviews h2{text-align:center;font-size:clamp(36px,3vw,62px);line-height:1.08;margin:0 0 32px}
.review-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:26px}
.review-gallery img{width:100%;border-radius:40px}
.review-wrap{background:#4781af;border-radius:56px;padding:26px}
.review-card{background:#fff;border-radius:44px;padding:26px 30px;display:grid;grid-template-columns:180px 1fr;gap:28px;align-items:center}
.review-card + .review-card{margin-top:26px}
.avatar{width:180px;height:180px;border-radius:50%;object-fit:cover}
.quote{font-size:20px;font-style:italic;line-height:1.45}
.verified{font-size:18px;display:flex;align-items:center;gap:10px}
.gold{color:var(--gold)}
.faq-panel{background:var(--blue-dark);border-radius:56px;padding:48px 32px;color:#fff}
.faq-panel h2{text-align:center;margin:0 0 28px;font-size:clamp(36px,3vw,62px)}
.faq-item{background:#ecf0f6;color:#1d2430;border-radius:28px;overflow:hidden}
.faq-item + .faq-item{margin-top:18px}
.faq-item summary{list-style:none;cursor:pointer;padding:24px 26px;font-size:22px;position:relative}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"⌄";position:absolute;right:26px;top:50%;transform:translateY(-50%);font-size:28px;color:#23314a}
.faq-item[open] summary::after{content:"⌃"}
.faq-answer{padding:0 26px 24px}
.faq-answer p{margin:0;font-size:17px;color:#435063}
.feature-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:34px;align-items:center}
.feature-image img{max-width:520px;margin:0 auto}
.feature-copy h2{margin:0 0 18px;font-size:clamp(36px,3vw,60px);line-height:1.1}
.feature-copy p{margin:0 0 18px;font-size:18px;color:#374355}
.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 26px;margin:22px 0 28px;font-size:18px;color:#222b39}
.guarantee-panel{background:linear-gradient(180deg,var(--blue-dark),var(--blue-mid));border-radius:56px;padding:38px 44px 52px;color:#fff;text-align:center;position:relative;margin-top:70px}
.guarantee-badge-wrap{position:absolute;left:50%;top:0;transform:translate(-50%,-50%)}
.guarantee-badge{width:220px;max-width:40vw;height:auto}
.guarantee-panel h2{margin:70px 0 18px;font-size:clamp(36px,3vw,60px);line-height:1.12}
.guarantee-panel p{margin:0 auto;max-width:1040px;font-size:20px;line-height:1.5}
.footer{background:var(--footer);color:#fff;padding:46px 0 54px;text-align:center}
.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;margin-bottom:20px}
.footer p{color:#eef2f7;opacity:.92;font-size:15px;line-height:1.65;margin:12px 0}
@media (max-width:1100px){
  .pricing-grid,.review-gallery,.feature-layout,.red-panel{grid-template-columns:1fr}
  .bonus-item,.review-card{grid-template-columns:1fr;text-align:center}
  .review-card .verified{justify-content:center}
  .red-copy .cta-btn{max-width:none}
}
@media (max-width:760px){
  .container,.container-narrow{width:min(100% - 20px,100%)}
  .section{padding:28px 0}
  .price{font-size:70px}
  .main-title,.repeat-title,.soft-panel h2,.blue-panel h2,.reviews h2,.faq-panel h2,.feature-copy h2,.guarantee-panel h2{font-size:36px}
  .soft-panel,.blue-panel,.faq-panel,.guarantee-panel,.red-panel,.review-wrap{border-radius:28px;padding-left:18px;padding-right:18px}
  .price-card{padding:24px 18px}
  .feature-grid{grid-template-columns:1fr}
  .bonus-item img,.avatar{margin:0 auto}
  .faq-item summary{font-size:18px;padding:20px 18px}
  .faq-item summary::after{right:18px}
  .faq-answer{padding:0 18px 20px}
  .guarantee-badge{width:150px}
  .guarantee-panel{margin-top:40px}
  .guarantee-panel h2{margin-top:52px}
}
