:root{
  --bg:#0b0b0e;--bg2:#111116;--card:#17171e;--card2:#1d1d26;--line:#2a2a34;
  --red:#ff2b3a;--red-d:#e11d2a;--red-glow:rgba(255,43,58,.35);--yellow:#ffd21e;
  --text:#f4f4f7;--muted:#9d9daa;--muted2:#6f6f7d;--radius:18px;--maxw:1180px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{background:var(--bg);color:var(--text);font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-size:17px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.container{max-width:var(--maxw);margin:0 auto;padding:0 22px}
h1,h2,h3{font-family:'Unbounded',sans-serif;line-height:1.12;letter-spacing:-.01em}
.acc{color:var(--red)}

.btn{display:inline-block;background:linear-gradient(135deg,var(--red),var(--red-d));color:#fff;font-weight:700;border-radius:999px;padding:12px 22px;border:none;cursor:pointer;transition:.18s transform,.18s box-shadow;box-shadow:0 6px 24px -6px var(--red-glow);font-family:'Inter',sans-serif;font-size:15px}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 34px -6px var(--red-glow)}
.btn-sm{padding:9px 16px;font-size:14px}
.btn-lg{padding:17px 32px;font-size:17px}
.btn.full{display:block;text-align:center}
.note{display:block;color:var(--muted);font-size:13.5px;margin-top:12px}
.disc{color:var(--muted2);font-size:13.5px;line-height:1.6}

/* nav */
.topbar{position:sticky;top:0;z-index:60}
.promo{background:linear-gradient(135deg,var(--red),var(--red-d));color:#fff;text-align:center;
  font-weight:800;font-size:14.5px;letter-spacing:.01em;padding:8px 14px;white-space:nowrap}
@media(max-width:560px){.promo{font-size:13.5px;padding:7px 10px}}
.promo b{color:#ffe680}
.nav{background:rgba(11,11,14,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav-inner{display:flex;align-items:center;gap:26px;height:68px}
.logo{display:flex;align-items:center;gap:11px;font-family:'Unbounded';font-weight:800;font-size:16px}
.logo-tag{background:linear-gradient(135deg,var(--red),var(--red-d));color:#fff;font-family:'Unbounded';font-weight:900;font-size:14px;padding:6px 9px;border-radius:9px;transform:rotate(-6deg);box-shadow:0 4px 14px -4px var(--red-glow)}
.nav-links{display:flex;gap:24px;margin-left:auto;font-size:15px;color:var(--muted)}
.nav-links a:hover{color:var(--text)}
.nav-cta{display:flex;align-items:center;gap:12px;margin-left:6px}
.nav-price{font-family:'Unbounded';font-weight:800;font-size:15px;color:var(--yellow);white-space:nowrap}
.logo-text{white-space:nowrap}
@media(max-width:980px){.nav-links{display:none}.nav-cta{margin-left:auto}}
@media(max-width:560px){
  .nav-inner{height:56px;gap:8px}
  .logo{font-size:13px;gap:7px}
  .logo-tag{font-size:12px;padding:4px 7px}
  .nav-price{display:none}
  .nav-cta{gap:8px}
  .btn-sm{padding:8px 14px;font-size:13px}
}

/* hero */
.hero{position:relative;padding:64px 0 76px;overflow:hidden}
.hero::before{content:"";position:absolute;top:-220px;right:-160px;width:640px;height:640px;background:radial-gradient(circle,var(--red-glow),transparent 62%);filter:blur(20px);pointer-events:none}
.hero-inner{display:grid;grid-template-columns:1.12fr .88fr;gap:44px;align-items:center;position:relative}
.pill{display:inline-block;background:var(--card);border:1px solid var(--line);color:var(--text);font-size:14px;font-weight:600;padding:8px 15px;border-radius:999px;margin-bottom:20px}
.hero h1{font-size:clamp(2rem,4.4vw,3.3rem);font-weight:900;margin-bottom:18px}
.lead{color:var(--muted);font-size:17.5px;max-width:600px;margin-bottom:22px}
.hero-bullets{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:26px}
.hero-bullets li{position:relative;padding-left:29px;color:#d9d9e2}
.hero-bullets li::before{content:"✓";position:absolute;left:0;top:0;color:var(--red);font-weight:800}
.hero-bullets b{color:#fff}
.hero-cta{display:flex;flex-direction:column;align-items:flex-start}
.trial-badge{display:inline-flex;align-items:center;gap:9px;margin-bottom:16px;
  background:linear-gradient(135deg,rgba(255,210,30,.20),rgba(255,43,58,.16));
  border:1.5px solid var(--yellow);color:var(--yellow);font-weight:800;font-size:16px;
  padding:10px 18px;border-radius:999px;box-shadow:0 10px 30px -14px rgba(255,210,30,.6)}
@media(max-width:560px){.trial-badge{font-size:14.5px;padding:9px 15px;align-self:stretch;justify-content:center}}
.hero-price{display:flex;align-items:baseline;gap:10px;margin-bottom:16px}
.hero-price .big{font-family:'Unbounded';font-weight:900;font-size:2.6rem;color:#fff}
.hero-price .per{color:var(--muted);font-size:15px}
.hero-price .was{color:var(--muted2);text-decoration:line-through;font-size:15px}
.hero-art img{border-radius:24px;box-shadow:0 30px 80px -30px rgba(0,0,0,.9)}
@media(max-width:900px){.hero-inner{grid-template-columns:1fr}.hero-art{order:-1;max-width:420px;margin:0 auto}}

/* sections */
.section{padding:74px 0}
.sec-title{font-size:clamp(1.55rem,3.1vw,2.35rem);font-weight:800;text-align:center;margin-bottom:40px}
.sec-title.left{text-align:left;margin-bottom:24px}
.sec-sub{text-align:center;color:var(--muted);margin:-26px 0 34px}
.grid{display:grid;gap:20px}
.grid-2{grid-template-columns:1fr 1fr}
@media(max-width:780px){.grid-2{grid-template-columns:1fr}}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px;transition:.2s border-color,.2s transform}
.card:hover{border-color:#3a3a48;transform:translateY(-3px)}
.card h3{font-size:19px;margin-bottom:11px;font-weight:700}
.card p{color:var(--muted);font-size:15.5px}
.pain-card .pain-ico{font-size:30px;margin-bottom:12px}

/* steps */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media(max-width:900px){.steps{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.steps{grid-template-columns:1fr}}
.step{background:var(--bg2);border:1px solid var(--line);border-radius:var(--radius);padding:24px}
.step-n{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--red),var(--red-d));font-family:'Unbounded';font-weight:800;color:#fff;margin-bottom:15px}
.step h3{font-size:17px;margin-bottom:9px}
.step p{color:var(--muted);font-size:14.8px}
.center-cta{display:flex;flex-direction:column;align-items:center;margin-top:34px}

/* inside */
.inside{background:linear-gradient(180deg,transparent,rgba(255,43,58,.045),transparent)}
.inside-inner{display:grid;grid-template-columns:1fr .8fr;gap:50px;align-items:center}
@media(max-width:900px){.inside-inner{grid-template-columns:1fr}.inside-art{max-width:340px;margin:0 auto;order:-1}}
.inside-block{margin-bottom:22px}
.inside-block h3{font-size:18px;margin-bottom:9px}
.inside-block p{color:var(--muted);font-size:15.5px}
.inside-art img{border-radius:22px;filter:drop-shadow(0 30px 60px rgba(0,0,0,.7))}
.badges{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 10px}
.badge{font-weight:700;font-size:14px;padding:8px 15px;border-radius:11px;border:1px solid var(--line);background:var(--card)}
.b-magnit{color:#ff5b5b}.b-dixy{color:#4fd07a}.b-lenta{color:#5bb0ff}
.b-okey{color:#ff9d3d}.b-vk{color:#69d98f}.b-metro{color:#ffd21e}
.muted{color:var(--muted2);font-size:14px}

/* личный пример */
.personal{background:linear-gradient(180deg,transparent,rgba(255,210,30,.05),transparent)}
.personal-card{background:linear-gradient(160deg,rgba(255,43,58,.13),var(--card));border:1px solid var(--red);border-radius:24px;padding:40px;display:grid;grid-template-columns:1.05fr 1fr;gap:34px;align-items:center;box-shadow:0 30px 80px -40px var(--red-glow)}
@media(max-width:880px){.personal-card{grid-template-columns:1fr;padding:26px;gap:22px}}
.personal-copy h2{font-size:clamp(1.45rem,3vw,2.05rem);margin:14px 0}
.personal-copy p{color:var(--muted);font-size:16px}
.personal-copy b{color:#fff}
.personal-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ps{background:rgba(0,0,0,.28);border:1px solid var(--line);border-radius:16px;padding:18px;text-align:center}
.ps-num{font-family:'Unbounded';font-weight:900;font-size:1.45rem;color:#fff}
.ps-lbl{color:var(--muted);font-size:13px;margin-top:5px}
.ps-hi{grid-column:1/-1;background:linear-gradient(135deg,rgba(255,210,30,.2),rgba(255,43,58,.15));border-color:var(--yellow)}
.ps-hi .ps-num{color:var(--yellow);font-size:2.05rem}
.personal-foot{grid-column:1/-1;color:var(--muted);text-align:center;font-size:15px}

/* carousel */
.carousel-wrap{position:relative;margin-top:8px}
.carousel{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 4px 22px;scrollbar-width:thin}
.carousel::-webkit-scrollbar{height:6px}
.carousel::-webkit-scrollbar-thumb{background:#33333d;border-radius:3px}
.carousel>*{scroll-snap-align:center;flex:0 0 auto}
.carousel img.deal-card{width:min(600px,82vw);border-radius:20px;border:1px solid var(--line)}
/* «окно»: одна большая карточка за раз */
.carousel--single{padding:10px 0 22px}
.carousel--single img.deal-card{width:min(640px,86vw)}
/* «окно»: несколько карточек, листается по одной/странице */
.carousel--multi .review{flex:0 0 calc((100% - 40px) / 3);width:auto}
@media(max-width:900px){.carousel--multi .review{flex:0 0 calc((100% - 20px) / 2)}}
@media(max-width:640px){.carousel--multi .review{flex:0 0 86%}}

/* карточки-скидки (живые, кликабельные) */
.carousel--deals{align-items:stretch;padding:6px 4px 20px}
.dcard{display:flex;flex-direction:column;flex:0 0 calc((100% - 40px) / 3);background:linear-gradient(160deg,#1c1c24,#131318);
  border:1px solid var(--line);border-radius:20px;padding:22px;text-decoration:none;color:inherit;
  transition:.18s border-color,.18s transform;position:relative;overflow:hidden;min-height:220px}
.dcard:hover{border-color:var(--red);transform:translateY(-4px)}
.dcard::after{content:"";position:absolute;top:-80px;right:-80px;width:220px;height:220px;background:radial-gradient(circle,rgba(255,43,58,.22),transparent 65%)}
.dcard-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1;margin-bottom:14px}
.dcard .badge{font-weight:800;font-size:14px;padding:6px 13px;border-radius:9px;font-family:'Unbounded',sans-serif}
.dcard-pct{font-family:'Unbounded';font-weight:900;font-size:26px;color:var(--red)}
.dcard-name{color:#f2f2f5;font-size:15.5px;font-weight:600;line-height:1.3;flex:1;position:relative;z-index:1;margin-bottom:14px}
.dcard-prices{display:flex;align-items:baseline;gap:10px;position:relative;z-index:1;margin-bottom:14px}
.dcard .old{font-size:16px;color:#8a8a97;text-decoration:line-through}
.dcard .arrow{color:#5a5a67}
.dcard .new{font-family:'Unbounded';font-weight:900;font-size:24px;color:#fff}
.dcard-btn{position:relative;z-index:1;text-align:center;background:rgba(255,43,58,.14);border:1px solid var(--red);
  color:#fff;font-weight:700;font-size:14px;border-radius:999px;padding:9px;transition:.15s}
.dcard:hover .dcard-btn{background:var(--red)}
@media(max-width:900px){.dcard{flex:0 0 calc((100% - 20px) / 2)}}
@media(max-width:640px){.dcard{flex:0 0 84%}}

/* сочные находки — скрины */
.carousel--shots{align-items:stretch;padding:6px 4px 20px}
.carousel--shots img.shot{flex:0 0 calc((100% - 40px) / 3);width:calc((100% - 40px) / 3);
  border-radius:20px;border:1px solid var(--line);box-shadow:0 20px 50px -28px rgba(0,0,0,.9)}
@media(max-width:900px){.carousel--shots img.shot{flex:0 0 calc((100% - 20px) / 2);width:calc((100% - 20px) / 2)}}
@media(max-width:640px){.carousel--shots img.shot{flex:0 0 80%;width:80%}}
.carousel-hint{text-align:center;color:var(--muted2);font-size:13.5px}
.car-nav{position:absolute;top:calc(50% - 26px);transform:translateY(-50%);z-index:5;width:48px;height:48px;border-radius:50%;
  background:rgba(23,23,30,.92);border:1px solid var(--line);color:#fff;font-size:22px;line-height:1;cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:.15s;backdrop-filter:blur(6px)}
.car-nav:hover{background:var(--red);border-color:var(--red)}
.car-prev{left:-8px}.car-next{right:-8px}
.car-nav[disabled]{opacity:.3;cursor:default}
.car-nav[disabled]:hover{background:rgba(23,23,30,.92);border-color:var(--line)}
@media(max-width:640px){.car-nav{display:none}}

/* savings (главный блок) */
.savings{background:linear-gradient(180deg,transparent,rgba(255,43,58,.06),transparent)}
.scenarios{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:880px){.scenarios{grid-template-columns:1fr}}
.scenario{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:28px;display:flex;flex-direction:column}
.scenario .who{font-size:13px;color:var(--muted2);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}
.scenario h3{font-size:19px;margin-bottom:14px}
.scenario .cart{color:var(--muted);font-size:14.5px;margin-bottom:18px}
.scenario .save{font-family:'Unbounded';font-weight:900;font-size:2rem;color:var(--yellow);line-height:1.15;white-space:nowrap;
  text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:.07em;text-underline-offset:.16em;text-decoration-skip-ink:none}
.scenario .save small{display:block;font-family:'Inter';font-weight:600;font-size:14px;color:var(--muted);margin-top:8px;white-space:normal;text-decoration:none}
.savings-final{text-align:center;margin-top:34px;font-family:'Unbounded';font-weight:800;font-size:clamp(1.3rem,2.8vw,1.9rem)}
.savings-final b{color:var(--yellow)}
@media(max-width:560px){.scenario .save{font-size:1.55rem}.scenario{padding:22px}}

/* reviews */
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:880px){.reviews{grid-template-columns:1fr}}
.review{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px}
.review .txt{color:#d8d8e0;font-size:15.3px;font-style:italic;margin-bottom:16px}
.review .who{display:flex;align-items:center;gap:12px}
.review .ava{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--red),var(--red-d));display:flex;align-items:center;justify-content:center;font-family:'Unbounded';font-weight:800;font-size:15px;color:#fff}
.review .name{font-weight:700;font-size:15px}
.review .meta{color:var(--muted2);font-size:13px}

/* pricing */
.plans{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:860px;margin:0 auto}
@media(max-width:760px){.plans{grid-template-columns:1fr}}
.plan{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:32px;position:relative;display:flex;flex-direction:column}
.plan-hot{border-color:var(--red);box-shadow:0 24px 70px -34px var(--red-glow);background:linear-gradient(180deg,rgba(255,43,58,.09),var(--card))}
.plan-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--yellow),#ffb400);color:#1a1a1a;font-weight:800;font-size:13px;padding:6px 15px;border-radius:999px;white-space:nowrap;font-family:'Inter'}
.plan h3{font-size:19px;color:var(--muted);font-weight:600;margin-bottom:8px}
.plan-price{font-family:'Unbounded';font-weight:900;font-size:3rem;margin-bottom:20px}
.plan-price span{font-size:1.4rem;color:var(--muted)}
.plan ul{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:28px;flex:1}
.plan li{position:relative;padding-left:26px;color:#d3d3dd;font-size:15px}
.plan li::before{content:"✓";position:absolute;left:0;color:var(--red);font-weight:800}

/* faq */
.faq-list{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.faq-list details{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.faq-list summary{cursor:pointer;padding:19px 24px;font-weight:600;font-size:16.5px;list-style:none;position:relative;padding-right:52px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";position:absolute;right:24px;top:50%;transform:translateY(-50%);color:var(--red);font-size:24px;transition:.2s}
.faq-list details[open] summary::after{content:"−"}
.faq-list details p{padding:0 24px 20px;color:var(--muted);font-size:15.5px}

/* final */
.final{position:relative;overflow:hidden;text-align:center}
.final::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 20%,var(--red-glow),transparent 60%);pointer-events:none}
.final-inner{position:relative}
.final h2{font-size:clamp(1.75rem,3.5vw,2.6rem);font-weight:900;margin-bottom:18px}
.final p{color:var(--muted);max-width:680px;margin:0 auto 30px;font-size:17px}
.final .note{margin-top:16px}

/* footer */
.footer{border-top:1px solid var(--line);padding:44px 0 40px;background:var(--bg2)}
.footer-inner{display:flex;flex-direction:column;gap:20px;align-items:center;text-align:center}
.footer-brand{display:flex;align-items:center;gap:11px;font-family:'Unbounded';font-weight:800}
.footer-links{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;font-size:14.5px;color:var(--muted)}
.footer-links a:hover{color:var(--text)}
.footer-disc{color:var(--muted2);font-size:13px;max-width:780px;line-height:1.7}
.footer-copy{color:var(--muted2);font-size:13px}