:root{
  --paper:#ffffff; --ground:#efeeec; --ink:#111111; --mute:#5f5c58; --line:#e6e3df;
  --orange:#f2651d; --orange-soft:#fde8dc; --blue:#3897f0;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 "Onest",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
img{max-width:100%}
[hidden]{display:none!important}
section[id],#form{scroll-margin-top:72px}

/* ===== site ===== */
.site{container-type:inline-size;background:var(--paper);overflow-x:clip;position:relative}
.inner-max{max-width:1240px;margin:0 auto}
.nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid transparent;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px}
.logo{font:900 16px "Montserrat",sans-serif;letter-spacing:.02em;display:flex;align-items:center;gap:7px}
.tick{width:15px;height:15px;border-radius:50%;background:var(--blue);display:inline-grid;place-items:center;color:#fff;font-size:9px;font-weight:700}
.menu{display:none;gap:22px;color:var(--mute);font-size:14px}
.navr{display:flex;align-items:center;gap:10px}
.lang{border:1px solid var(--line);border-radius:99px;padding:4px 10px;font-size:12px;font-weight:600}
.burger{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);display:grid;place-content:center;gap:4px}
.burger i{display:block;width:16px;height:2px;background:var(--ink);border-radius:2px}
.navcta{display:none}

.hero{display:grid;gap:22px;padding:8px 20px 24px}
.txt{display:grid;gap:16px;align-content:start}
.pill{justify-self:start;background:var(--orange-soft);color:var(--orange);font:700 12px "Onest",sans-serif;padding:6px 11px;border-radius:99px}
.hl{margin:0;font:900 clamp(40px,13.2cqi,64px)/1.04 "Montserrat",sans-serif;text-transform:uppercase;letter-spacing:-.02em;text-wrap:balance}
.o{color:var(--orange)}
.u{position:relative;white-space:nowrap}
.u svg{position:absolute;left:-1%;bottom:-.02em;width:102%;height:.14em;overflow:visible}
.u use{fill:none;stroke:var(--orange);stroke-width:.09em;stroke-linecap:round;vector-effect:non-scaling-stroke}
.lead{margin:0;font-size:16px;color:var(--mute);max-width:44ch}
.lead b{color:var(--ink);font-weight:600}
.ctas{display:grid;gap:10px}
.btn{display:flex;align-items:center;justify-content:center;gap:9px;text-align:center;text-decoration:none;font:700 15px "Onest",sans-serif;padding:15px 20px;border-radius:14px}
.btn.main{background:var(--orange);color:#fff}
.btn.ghost{border:1.5px solid var(--ink);color:var(--ink)}
.btn:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.trust{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--mute)}
.trust .ig{width:28px;height:28px;border-radius:8px;background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);display:grid;place-items:center;color:#fff;font:800 12px "Montserrat",sans-serif;flex:none}
.trust b{color:var(--ink)}

/* photo: full frame, never cropped */
.shot{margin:0;position:relative;border-radius:18px;overflow:hidden;background:#e9e2d6}
.shot img{display:block;width:100%;height:auto;aspect-ratio:3/4}
.shot figcaption{position:absolute;left:12px;right:12px;bottom:12px;display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;justify-content:space-between}
.chip{background:rgba(255,255,255,.94);backdrop-filter:blur(6px);border-radius:12px;padding:9px 12px;font-size:12.5px;line-height:1.3;box-shadow:0 8px 24px -14px rgba(0,0,0,.5)}
.chip b{display:block;font:800 13px "Montserrat",sans-serif;text-transform:uppercase}
.chip.dark{background:var(--ink);color:#fff}
.chip.dark b{color:var(--orange);font-size:18px}

.stats{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}
.stats div{padding:16px 20px;border-bottom:1px solid var(--line)}
.stats div:nth-child(odd){border-right:1px solid var(--line)}
.stats b{display:block;font:900 24px/1.1 "Montserrat",sans-serif;font-variant-numeric:tabular-nums}
.stats small{font-size:12.5px;color:var(--mute)}

.sticky{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-top:1px solid var(--line);display:flex;gap:8px}
.sticky .btn{flex:1;padding:13px 12px;font-size:14px}
.sticky .wa{flex:none;width:48px;border-radius:14px;background:#25d366;color:#fff;display:grid;place-items:center;font:800 12px "Onest",sans-serif;text-decoration:none}

/* desktop layout */
@container (min-width:760px){
  .nav{padding:20px 40px}
  .navcta{display:inline-block;padding:10px 16px;border-radius:12px;background:var(--ink);color:#fff;font:700 13px "Onest",sans-serif;text-decoration:none}
  .hero{grid-template-columns:1.1fr .9fr;gap:48px;padding:12px 40px 40px;align-items:center}
  .hl{font-size:clamp(40px,5.6cqi,72px)}
  .ctas{display:flex;flex-wrap:wrap}
  .btn{display:inline-flex}
  .shot{max-width:520px;justify-self:end;width:100%}
  .stats{grid-template-columns:repeat(4,1fr)}
  .stats div{border-bottom:0;border-right:1px solid var(--line)}
  .stats div:last-child{border-right:0}
  .stats div{padding:22px 40px}
  .sticky{display:none}
}


.tariffs{border-top:1px solid var(--line);padding:32px 20px 28px;display:grid;gap:20px}
.sec-h{margin:0;font:900 clamp(26px,8cqi,44px)/1.06 "Montserrat",sans-serif;text-transform:uppercase;letter-spacing:-.015em;text-wrap:balance}
.sec-sub{margin:0;color:var(--mute);max-width:62ch}
.tgrid{display:grid;gap:12px}
.tc{border:1.5px solid var(--line);border-radius:18px;padding:20px;display:grid;gap:14px;align-content:start;background:var(--paper)}
.tc .lab{justify-self:start;font:700 11.5px "Onest",sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);border:1px solid var(--line);border-radius:99px;padding:4px 10px}
.tc h3{margin:0;font:900 20px/1.1 "Montserrat",sans-serif;text-transform:uppercase}
.tc .price{font:900 30px/1 "Montserrat",sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.tc .price small{font:600 14px "Onest",sans-serif;color:var(--mute);margin-left:4px}
.tc .per{font-size:13px;color:var(--mute);margin-top:-6px}
.tc .per b{display:inline-block;background:var(--orange-soft);color:var(--orange);font-weight:700;padding:2px 7px;border-radius:6px;margin-right:2px}
.tc.hot .per b{background:rgba(242,101,29,.22);color:#ff8a4c}
.tc.pro .head{display:grid;gap:8px;align-content:center;justify-items:start}
.tc ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:14.5px}
.tc li{display:grid;grid-template-columns:18px 1fr;gap:8px;align-items:start}
.tc li::before{content:"";width:18px;height:18px;border-radius:50%;background:var(--orange-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.3l2.6 2.5L13 6.5' fill='none' stroke='%23f2651d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat;margin-top:1px}
.tc{display:flex;flex-direction:column}
.tc .lab{align-self:flex-start}
.tc .btn{margin-top:auto}
.tc ul{margin-bottom:6px}
.tc.hot{background:var(--ink);color:#fff;border-color:var(--ink)}
.tc.hot .lab{background:var(--orange);border-color:var(--orange);color:#fff}
.tc.hot .per,.tc.hot .price small{color:#b9b5b0}
.tc.hot li::before{background-color:rgba(242,101,29,.2)}
.pay{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:14px;color:var(--mute)}
.kaspi{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px 12px;color:var(--ink);font-weight:600}
.kaspi i{width:10px;height:10px;border-radius:50%;background:#f14635;display:inline-block}
@container (min-width:760px){
  .tariffs{padding:48px 40px 44px}
  .tgrid{grid-template-columns:repeat(3,1fr);align-items:stretch}
  .tc.hot{order:0;box-shadow:0 24px 50px -28px rgba(0,0,0,.6)}
  .tc.pro{grid-column:1 / -1;align-items:center;gap:24px}
  .tc.pro ul{grid-auto-flow:column;justify-content:start;gap:24px}
}

/* ===== sections ===== */
.sec{border-top:1px solid var(--line);padding:36px 20px 32px;display:grid;gap:20px}
.kick{font:700 11.5px "Onest",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--orange)}
.sec .head2{display:grid;gap:10px}
.tg{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fff;margin-right:8px;vertical-align:-5px}
.btn .tg{background:rgba(255,255,255,.25)}

/* coupons */
.steps{display:grid;gap:10px;counter-reset:st}
.step{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:start;background:var(--ground);border-radius:16px;padding:16px}
.step .n{width:40px;height:40px;border-radius:12px;background:var(--ink);color:#fff;display:grid;place-items:center;font:900 16px "Montserrat",sans-serif}
.step b{display:block;font:800 15px/1.25 "Montserrat",sans-serif;text-transform:uppercase;margin-bottom:4px}
.step span{color:var(--mute);font-size:14px}
.calc{border:1.5px solid var(--ink);border-radius:20px;padding:18px;display:grid;gap:16px}
.calc h3{margin:0;font:800 16px "Montserrat",sans-serif;text-transform:uppercase}
.seg{display:flex;flex-wrap:wrap;gap:6px}
.seg button{font:600 13px "Onest",sans-serif;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:99px;padding:8px 12px;cursor:pointer}
.seg button[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.seg button:focus-visible,.calc input:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.rng{display:grid;gap:6px;font-size:13.5px;color:var(--mute)}
.rng .row{display:flex;justify-content:space-between}
.rng b{color:var(--ink);font-variant-numeric:tabular-nums}
.rng input{width:100%;accent-color:var(--orange)}
.res{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.res div{background:var(--ground);border-radius:14px;padding:12px}
.res small{display:block;font-size:12px;color:var(--mute);margin-bottom:2px}
.res b{font:900 17px/1.15 "Montserrat",sans-serif;font-variant-numeric:tabular-nums}
.res .big{grid-column:1 / -1;background:var(--orange-soft)}
.res .big b{color:var(--orange);font-size:24px}
.bar{height:10px;border-radius:99px;background:var(--line);overflow:hidden}
.bar i{display:block;height:100%;background:var(--orange);border-radius:99px;transition:width .3s}
.fine{font-size:12px;color:var(--mute);margin:0}

/* program */
.prog{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid var(--line)}
.prog li{display:grid;grid-template-columns:44px 1fr;gap:10px;padding:13px 0;border-bottom:1px solid var(--line);align-items:baseline}
.prog li span{font:900 14px "Montserrat",sans-serif;color:var(--orange);font-variant-numeric:tabular-nums}
.prog li b{font-weight:600}
.prog-more{background:#fff;cursor:pointer;width:100%}
.prog-more summary::-webkit-details-marker{display:none}
.prog-more[open] summary{display:none}
.prog .hide{display:none}
.prog-more[open] + .prog .hide, .prog.all .hide{display:grid}

/* reviews */
.gal{display:grid;grid-auto-flow:column;grid-auto-columns:78%;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:thin}
.gal figure{margin:0;scroll-snap-align:start;border-radius:16px;overflow:hidden;position:relative;background:var(--ground)}
.gal img{display:block;width:100%;height:260px;object-fit:cover}
.gal figcaption{position:absolute;left:10px;bottom:10px;background:rgba(255,255,255,.94);border-radius:10px;padding:6px 10px;font-size:12px;font-weight:600}
.revs{display:grid;gap:10px}
.rev{border:1.5px dashed #cfc9c2;border-radius:16px;padding:18px;display:grid;gap:8px;min-height:150px;align-content:center;justify-items:center;text-align:center;color:var(--mute);font-size:13.5px;background:repeating-linear-gradient(135deg,#faf9f7 0 12px,#f4f2ef 12px 13px)}
.rev b{color:var(--ink);font:800 13px "Montserrat",sans-serif;text-transform:uppercase}
.iglink{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--ink);text-decoration:none;font-weight:600}

/* author */
.author{display:grid;gap:18px}
.author .pic{margin:0;border-radius:18px;overflow:hidden}
.author .pic img{display:block;width:100%;height:auto}
.facts{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.facts li{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:baseline;padding-bottom:10px;border-bottom:1px solid var(--line)}
.facts li b{font:900 20px "Montserrat",sans-serif;min-width:62px;font-variant-numeric:tabular-nums}
.facts li span{color:var(--mute);font-size:14.5px}
.cities{display:flex;flex-wrap:wrap;gap:6px}
.cities span{border:1px solid var(--line);border-radius:99px;padding:5px 11px;font-size:13px;font-weight:600}
.dips2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dips2 figure{margin:0;background:var(--ground);border-radius:14px;padding:10px;display:grid;gap:8px}
.dips2 img{width:100%;height:auto;display:block;border-radius:6px}
.dips2 figcaption{font-size:12px;line-height:1.35;color:var(--mute)}
.dips2 figcaption b{display:block;color:var(--ink);font:800 11.5px "Montserrat",sans-serif;text-transform:uppercase}

/* faq */
.faq{display:grid;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:14px;padding:16px 0;font:800 15px/1.3 "Montserrat",sans-serif}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:900 22px/1 "Montserrat",sans-serif;color:var(--orange);flex:none}
.faq details[open] summary::after{content:"–"}
.faq p{margin:0 0 16px;color:var(--mute);max-width:62ch}
.faq summary:focus-visible{outline:2px solid var(--orange);outline-offset:2px}

/* form */
.formsec{background:var(--ink);color:#fff;border-top:0}
.formsec .sec-sub{color:#bdb8b2}
.form{display:grid;gap:12px}
.form label{display:grid;gap:6px;font-size:13px;color:#bdb8b2}
.form input,.form select{font:500 16px "Onest",sans-serif;padding:14px;border-radius:12px;border:1px solid #3a3836;background:#1c1b1a;color:#fff;width:100%}
.form input:focus-visible,.form select:focus-visible{outline:2px solid var(--orange);outline-offset:1px}
.form .chk{display:flex;gap:10px;align-items:flex-start;font-size:12.5px}
.form .chk input{width:18px;height:18px;flex:none;accent-color:var(--orange);padding:0}
.form button{font:700 15px "Onest",sans-serif;border:0;border-radius:14px;padding:16px;background:var(--orange);color:#fff;cursor:pointer}
.form .ok{background:#1f3a2a;color:#b8f0cc;border-radius:12px;padding:12px;font-size:14px}
.alt{display:flex;flex-wrap:wrap;gap:8px}
.alt a{flex:1;min-width:140px;text-align:center;text-decoration:none;color:#fff;border:1px solid #3a3836;border-radius:12px;padding:12px;font-weight:600;font-size:14px}

/* footer */
.foot{background:#0b0b0b;color:#9a958f;padding:28px 20px calc(28px + 64px);display:grid;gap:14px;font-size:12.5px}
.foot .logo{color:#fff}
.foot .links{display:flex;flex-wrap:wrap;gap:14px}
.foot .links span{color:#d8d4cf}
.foot p{margin:0;max-width:80ch}

@container (min-width:760px){
  .sec{padding:56px 40px 52px;gap:28px}
  .cpn{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
  .steps{gap:12px}
  .prog{grid-template-columns:1fr 1fr;column-gap:40px}
  .prog .hide{display:grid}
  .prog-more{display:none}
  .gal{grid-auto-flow:row;grid-template-columns:repeat(4,1fr);overflow:visible}
  .gal img{height:240px}
  .revs{grid-template-columns:repeat(3,1fr)}
  .author{grid-template-columns:.9fr 1.1fr;gap:40px;align-items:start}
  .formsec .inner{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
  .form .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .foot{padding:36px 40px}
}

.menu a{color:inherit;text-decoration:none}
.menu a:hover{color:var(--ink)}
.ig img,.kaspi-logo{display:block}
.kaspi img{height:20px;width:auto;display:block}
.kaspi-logo{height:18px;width:auto;vertical-align:-4px;display:inline-block;margin-right:4px}
.form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form .err{background:#3a1f1f;color:#ffb3b3;border-radius:12px;padding:12px;font-size:14px}
.form button[disabled]{opacity:.6;cursor:wait}
@container (min-width:1240px){.hero,.stats,.sec,.tariffs{max-width:1240px;margin-inline:auto;width:100%}}
.foot a{color:#d8d4cf;text-decoration:none}
.foot a:hover{color:#fff}
.nav.scrolled{border-bottom-color:var(--line)}

.lang a{color:var(--mute);text-decoration:none}
.lang a[aria-current]{color:var(--ink)}
button.burger{background:#fff;cursor:pointer;padding:0}
button.burger[aria-expanded="true"] i:nth-child(1){transform:translateY(6px) rotate(45deg)}
button.burger[aria-expanded="true"] i:nth-child(2){opacity:0}
button.burger[aria-expanded="true"] i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
button.burger i{transition:transform .2s,opacity .2s}
.menu.open{display:grid;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:8px 20px 16px;gap:0;box-shadow:0 20px 30px -24px rgba(0,0,0,.4)}
.menu.open a{padding:14px 0;border-bottom:1px solid var(--line);font:800 16px "Montserrat",sans-serif;text-transform:uppercase;color:var(--ink)}
.menu.open a:last-child{border-bottom:0}
@container (min-width:980px){.menu.open{position:static;display:flex;box-shadow:none;border:0;padding:0;gap:22px}.menu.open a{padding:0;border:0;font:400 14px "Onest",sans-serif;text-transform:none;color:var(--mute)}}

@container (min-width:980px){.menu{display:flex}.burger{display:none}}

.calc .safe{margin:0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:13px;color:var(--mute);border-top:1px dashed var(--line);padding-top:12px}
.calc .safe b{color:var(--ink);font-variant-numeric:tabular-nums}
.calc .outcome{margin:0;background:var(--ink);color:#fff;border-radius:14px;padding:14px;font-weight:600;font-size:14.5px;line-height:1.4}
.calc .outcome b{color:#ff8a4c}

/* ===== icons & brand buttons ===== */
.btn .ico{flex:none;display:block}
.trust .ig svg{display:block;color:#fff}
.btn.tgb{background:#229ed9;color:#fff}
.btn.tgb:hover{background:#1b8cc2}
.btn.wab{background:#1fa855;color:#fff}
.btn.wab:hover{background:#1a9149}
.sticky .btn{flex:1 1 0;min-width:0;padding:13px 10px;font-size:14px;white-space:nowrap}
.sticky .btn.tgb{flex-grow:1.35}
.alt{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.alt .btn{border:0;min-width:0;padding:14px 12px}
.foot .links a{display:inline-flex;align-items:center;gap:7px}
.foot .fi{flex:none;opacity:.85}

/* ===== tariff alignment ===== */
.tc .per{display:grid;gap:6px;justify-items:start;margin-top:-4px}
.tc .per span{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.tc .per .kaspi-logo{margin:0}
.tc .price{line-height:1}
.tc .lab{display:inline-flex;align-items:center;gap:6px;min-height:26px}

/* premium */
.tc.prem{background:linear-gradient(165deg,#fffaf0 0%,#f4e8cd 100%);border:1.5px solid #d6bd85;position:relative;overflow:hidden}
.tc.prem::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#b8964f,#ecd9a6,#b8964f)}
.tc.prem .lab{background:#1a1712;border-color:#1a1712;color:#e7cf96}
.tc.prem h3,.tc.prem .price{color:#1a1712}
.tc.prem .price small{color:#a8894a}
.tc.prem .per{color:#6b5f48}
.tc.prem .per b{background:#1a1712;color:#e7cf96}
.tc.prem ul{color:#2a251c}
.tc.prem li::before{background:#efe1bd url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.3l2.6 2.5L13 6.5' fill='none' stroke='%23a8894a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat}
.btn.gold{background:#1a1712;color:#e7cf96;border:1.5px solid #1a1712}
.btn.gold:hover{background:#000}

.formsec .inner{display:grid;gap:22px}
.form .chk span{line-height:1.45}
.calc .seg{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}
.calc .seg button{width:100%;padding:10px 8px;border-radius:12px}

/* ===== tariffs v3 ===== */
.tc{position:relative;padding:22px}
.tc .tic{position:absolute;top:18px;right:18px;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--orange-soft);color:var(--orange)}
.tc h3{padding-right:52px}
.tc .plus{margin:2px 0 -4px;font-size:13px;font-weight:600;color:var(--mute)}
.tc.hot .plus{color:#b9b5b0}
.tc.prem .plus{color:#7a6c50}
.missbox{display:grid;gap:8px;border-top:1px dashed var(--line);padding-top:12px;margin-bottom:6px}
.missbox .mh{font:700 11px "Onest",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.tc ul.miss{margin:0;gap:7px}
.tc ul.miss li{color:#9a958f;font-size:14px}
.tc ul.miss li::before{background:#f1efec url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M6.5 6.5l5 5M11.5 6.5l-5 5' fill='none' stroke='%23a39d96' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/18px no-repeat}
.tc.hot .missbox{border-top-color:#3a3836}
.tc.hot .missbox .mh{color:#8f8a84}
.tc.hot ul.miss li{color:#8f8a84}
.tc.hot ul.miss li::before{background:#2a2826 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M6.5 6.5l5 5M11.5 6.5l-5 5' fill='none' stroke='%238f8a84' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/18px no-repeat}
.tc .allin{display:flex;align-items:center;gap:8px;border-top:1px dashed #d6bd85;padding-top:12px;margin-bottom:6px;font:800 13px "Montserrat",sans-serif;text-transform:uppercase;color:#a8894a}
.tc.hot .tic{background:rgba(242,101,29,.18);color:#ff8a4c}
.tc.prem .tic{background:#1a1712;color:#e7cf96}

/* start: ink + graph paper */
.tc.start{border:1.5px solid var(--ink);background-color:#fff;background-image:linear-gradient(#f1efec 1px,transparent 1px),linear-gradient(90deg,#f1efec 1px,transparent 1px);background-size:24px 24px}
.tc.start .lab{background:var(--ink);border-color:var(--ink);color:#fff}
.tc.start ul.inc li::before{background:#ecebe8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.3l2.6 2.5L13 6.5' fill='none' stroke='%23111111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat}
.tc.start .per b{background:var(--ink);color:#fff}
.tc.start .tic{background:var(--ink);color:#fff}
.btn.inkb{background:var(--ink);color:#fff}

/* pro: bold orange with hazard stripe */
.tc.pro{grid-column:1 / -1;background:var(--orange);color:#111;border:0;overflow:hidden;padding-top:30px}
.tc.pro::before{content:"";position:absolute;left:0;right:0;top:0;height:10px;background:repeating-linear-gradient(-45deg,#111 0 12px,var(--orange) 12px 24px)}
.tc.pro::after{content:"PRO";position:absolute;right:-10px;bottom:-38px;font:900 180px/1 "Montserrat",sans-serif;letter-spacing:-.04em;color:rgba(0,0,0,.09);transform:rotate(-8deg);pointer-events:none}
.tc.pro > *{position:relative;z-index:1}
.tc.pro .tic{position:absolute;top:26px;background:#111;color:var(--orange)}
.tc.pro .lab{background:#111;border-color:#111;color:#fff}
.tc.pro h3{font-size:26px;letter-spacing:-.01em}
.tc.pro .pro-sub{margin:0;font-size:14.5px;font-weight:500;max-width:36ch}
.tc.pro .head{display:grid;gap:10px;justify-items:start}
.tc.pro .lists{display:grid;gap:12px}
.tc.pro ul.inc li{font-weight:600}
.tc.pro ul.inc li::before{background:#111 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.3l2.6 2.5L13 6.5' fill='none' stroke='%23f2651d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat}
.tc.pro .missbox{border-top-color:rgba(0,0,0,.25)}
.tc.pro .missbox .mh,.tc.pro ul.miss li{color:rgba(0,0,0,.55)}
.tc.pro ul.miss li::before{background:rgba(0,0,0,.12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M6.5 6.5l5 5M11.5 6.5l-5 5' fill='none' stroke='%235a2a10' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/18px no-repeat}
.tc.pro .price,.tc.pro .price small{color:#111}
.tc.pro .per{color:rgba(0,0,0,.7)}
.tc.pro .per b{background:#111;color:#fff}
.tc.pro .buy{display:grid;gap:12px}
.tc.pro .btn.inkb:hover{background:#000}
@container (min-width:1000px){
  .tc.pro{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:36px;padding:34px 100px 28px 32px}
  .tc.pro .tic{top:30px;right:28px}
  .tc.pro .head{padding-right:0}
  .tc.pro .lists{grid-template-columns:auto auto;justify-content:start;column-gap:36px;align-items:start}
  .tc.pro .lists .missbox{border-top:0;padding-top:0;border-left:1px dashed rgba(0,0,0,.25);padding-left:24px}
  .tc.pro ul li{white-space:nowrap}
  .tc.pro ul{grid-auto-flow:row!important}
  .tc.pro .price{white-space:nowrap}
  .tc.pro .buy{grid-template-columns:auto;justify-items:start}
}

/* compare table */
.cmp{border:1.5px solid var(--line);border-radius:18px;overflow:hidden}
.cmp summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;font:800 15px "Montserrat",sans-serif;text-transform:uppercase}
.cmp summary::-webkit-details-marker{display:none}
.cmp summary::after{content:"+";color:var(--orange);font:900 22px/1 "Montserrat",sans-serif}
.cmp[open] summary::after{content:"–"}
.cmp summary:focus-visible{outline:2px solid var(--orange);outline-offset:-2px}
.tblwrap{overflow-x:auto;border-top:1px solid var(--line)}
.cmp table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px}
.cmp th,.cmp td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.cmp thead th{font:800 12px "Montserrat",sans-serif;text-transform:uppercase;letter-spacing:.02em;background:#faf9f7}
.cmp tbody th{font-weight:600;color:var(--mute);width:24%}
.cmp .h-hot{background:#111!important;color:#fff}
.cmp .h-prem{background:#f4e8cd!important;color:#1a1712}
.cmp .h-pro{background:var(--orange)!important;color:#111}
.cmp .c-hot{background:#fbf3ee}
.cmp .c-prem{background:#fbf6ea}
.cmp .yes{color:#1a9149;font-weight:800}
.cmp .no{color:#b5b0aa}
.cmp tr.pr td,.cmp tr.pr th{font:800 14px "Montserrat",sans-serif;color:var(--ink);border-bottom:0}

/* calculator tariff buttons in tariff style */
.calc .seg button.k-start{border:1.5px solid var(--ink);background-color:#fff;background-image:linear-gradient(#f1efec 1px,transparent 1px),linear-gradient(90deg,#f1efec 1px,transparent 1px);background-size:12px 12px;color:var(--ink)}
.calc .seg button.k-hot{background:#111;border:1.5px solid #111;color:#fff}
.calc .seg button.k-prem{background:linear-gradient(165deg,#fffaf0,#f4e8cd);border:1.5px solid #d6bd85;color:#1a1712}
.calc .seg button.k-pro{background:var(--orange);border:1.5px solid var(--orange);color:#111;font-weight:800}
.calc .seg[data-seg="p"] button{opacity:.72;transition:opacity .15s,box-shadow .15s}
.calc .seg[data-seg="p"] button[aria-pressed="true"]{opacity:1;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--orange)}
.calc .seg[data-seg="p"] button.k-pro[aria-pressed="true"]{box-shadow:0 0 0 2px #fff,0 0 0 4px #111}
.calc .seg[data-seg="p"] button[aria-pressed="true"]::before{content:"✓ "}
.tc.start .plus{color:var(--mute)}

/* calc tariff list: one column, icons right */
.calc .seg[data-seg="p"]{grid-template-columns:1fr;gap:8px}
.calc .seg[data-seg="p"] button{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;font:700 15px "Onest",sans-serif;border-radius:14px;text-align:left}
.calc .seg[data-seg="p"] button .kic{flex:none}
.calc .seg[data-seg="p"] button.k-start .kic{color:var(--ink)}
.calc .seg[data-seg="p"] button.k-hot .kic{color:#ff8a4c}
.calc .seg[data-seg="p"] button.k-prem .kic{color:#a8894a}
.calc .seg[data-seg="p"] button.k-pro .kic{color:#111}
.calc .seg[data-seg="p"] button[aria-pressed="true"]::before{content:none}
.calc .seg[data-seg="p"] button[aria-pressed="true"] .kt::before{content:"✓ "}

/* review example card */
.rcard{position:relative;border:1.5px solid var(--ink);border-radius:18px;padding:20px;display:grid;gap:14px;background:#fff;align-content:start}
.ribbon{position:absolute;top:-11px;left:18px;background:var(--orange);color:#fff;font:700 11px "Onest",sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:99px}
.rtop{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center}
.ava{width:56px;height:56px;border-radius:50%;border:1.5px dashed #b9b3ac;background:repeating-linear-gradient(135deg,#faf9f7 0 8px,#f1efec 8px 9px);display:grid;place-items:center;text-align:center;font-size:10px;line-height:1.15;color:var(--mute)}
.who{display:grid;gap:2px;min-width:0}
.who b{font:800 15px "Montserrat",sans-serif}
.who span{font-size:13px;color:var(--mute)}
.rtag{font:700 11.5px "Onest",sans-serif;border:1px solid var(--line);border-radius:99px;padding:4px 10px;white-space:nowrap}
.quote{margin:0;font-size:15px;line-height:1.5;color:var(--ink)}
.ba{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:stretch}
.ba > div{background:var(--ground);border-radius:12px;padding:10px 12px;display:grid;gap:2px;align-content:start}
.ba .now{background:var(--orange-soft)}
.ba small{font:700 10.5px "Onest",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.ba b{font:800 14px/1.25 "Montserrat",sans-serif}
.ba span{font-size:12px;color:var(--mute)}
.ba .arr{background:none;padding:0;align-content:center;font:900 20px "Montserrat",sans-serif;color:var(--orange)}
.shot2{border:1.5px dashed #b9b3ac;border-radius:12px;min-height:110px;display:grid;place-items:center;text-align:center;padding:12px;font-size:12.5px;color:var(--mute);background:repeating-linear-gradient(135deg,#faf9f7 0 10px,#f1efec 10px 11px)}
.rfoot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:12.5px;color:var(--mute)}
.rfoot .ok2{color:#1a9149;font-weight:600}
@container (min-width:760px){.revs{align-items:start}}

/* gallery v2: 3 photos, same frame */
.gal{grid-auto-columns:80%}
.gal figure{aspect-ratio:4/5}
.gal img{height:100%!important;width:100%;object-fit:cover}
@container (min-width:760px){.gal{grid-template-columns:repeat(3,1fr)}.gal img{height:100%!important}}
/* author facts icon */
.facts li b.fic{display:grid;place-items:center;width:62px;color:var(--orange)}
.facts li b.fic svg{display:block}
.facts li{align-items:center}
/* diplomas: equal frames */
.dips2{align-items:stretch}
.dips2 figure{grid-template-rows:auto 1fr;align-content:start}
.dips2 figure img{aspect-ratio:1/1;object-fit:contain;background:#fff;padding:8px;border-radius:8px}

/* hero headline v2: poster lines */
.txt{container-type:inline-size}
.hl{line-height:.98;letter-spacing:-.02em}
.hl .l1,.hl .l2,.hl .l3{display:block}
.hl .l1{font-size:9.3cqi}
.hl .l2{font-size:9.3cqi;margin:0;color:var(--ink)}
.hl .l3{font-size:9.3cqi;white-space:nowrap}
.hl .l3 .u svg{bottom:-.06em}

/* hero headline v3: title + subtitle */
.hl .l1{font-size:9.4cqi;white-space:nowrap}
.hsub{margin:-6px 0 0;font:800 5.7cqi/1.1 "Montserrat",sans-serif;text-transform:uppercase;letter-spacing:-.01em;white-space:nowrap;color:var(--ink)}
.hsub .u svg{bottom:-.08em;height:.16em}

/* hero portrait cutout */
.shot.portrait{background:none;overflow:visible;border-radius:0;display:grid;align-items:end;isolation:isolate}
.shot.portrait::before{content:"";position:absolute;left:4%;right:4%;bottom:0;top:16%;border-radius:28px;background:linear-gradient(170deg,var(--orange-soft) 0%,#f9c9ad 100%);z-index:-1}
.shot.portrait::after{content:"";position:absolute;left:50%;top:22%;width:58%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(242,101,29,.35),rgba(242,101,29,0) 70%);z-index:-1}
.shot.portrait img{aspect-ratio:auto;width:92%;height:auto;margin:0 auto;display:block}
.shot.portrait figcaption{left:12px;right:12px;bottom:14px}
@container (min-width:760px){.shot.portrait{max-width:500px}}

/* hero order: title → photo → button */
@container (min-width:760px){
  .hero{grid-template-columns:1.1fr .9fr;grid-template-areas:"top shot" "bot shot";row-gap:22px}
  .hero .txt-top{grid-area:top;align-self:end}
  .hero .txt-bot{grid-area:bot;align-self:start}
  .hero .shot{grid-area:shot}
}

/* hero portrait: glass panel */
.shot.portrait::after{content:"";position:absolute;left:-2%;right:-2%;top:20%;bottom:6%;width:auto;aspect-ratio:auto;transform:none;border-radius:40px;z-index:-2;
  background:
    radial-gradient(38% 34% at 18% 30%,rgba(242,101,29,.55),transparent 70%),
    radial-gradient(34% 30% at 86% 22%,rgba(255,176,120,.6),transparent 70%),
    radial-gradient(40% 36% at 70% 88%,rgba(242,101,29,.4),transparent 70%),
    radial-gradient(30% 26% at 24% 86%,rgba(56,151,240,.22),transparent 70%);
  filter:blur(6px)}
.shot.portrait::before{background:linear-gradient(160deg,rgba(255,255,255,.55),rgba(255,255,255,.18));
  -webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%);
  border:1px solid rgba(255,255,255,.7);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(255,255,255,.25),0 30px 60px -30px rgba(17,17,17,.35)}
.shot.portrait figcaption .chip{background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.75)}
.shot.portrait::after{left:2%;right:2%;top:18%;bottom:2%;border-radius:32px;filter:none;
  background:
    radial-gradient(55% 45% at 15% 25%,rgba(242,101,29,.85),transparent 72%),
    radial-gradient(50% 42% at 92% 30%,rgba(255,160,100,.9),transparent 72%),
    radial-gradient(60% 45% at 75% 95%,rgba(242,101,29,.75),transparent 72%),
    radial-gradient(45% 40% at 10% 90%,rgba(56,151,240,.45),transparent 72%),
    #fde8dc}
.shot.portrait::before{background:linear-gradient(160deg,rgba(255,255,255,.42),rgba(255,255,255,.12))}
.shot.portrait::after{left:4%;right:4%;top:16%;bottom:0;border-radius:28px}
/* glass v2: neutral, no color */
.shot.portrait::after{background:
    radial-gradient(55% 45% at 15% 25%,rgba(17,17,17,.16),transparent 72%),
    radial-gradient(50% 42% at 92% 35%,rgba(17,17,17,.10),transparent 72%),
    radial-gradient(60% 45% at 70% 98%,rgba(17,17,17,.14),transparent 72%),
    #eeedeb}
.shot.portrait::before{background:linear-gradient(155deg,rgba(255,255,255,.75) 0%,rgba(255,255,255,.35) 45%,rgba(255,255,255,.55) 100%);
  -webkit-backdrop-filter:blur(24px) saturate(120%);backdrop-filter:blur(24px) saturate(120%);
  border:1px solid rgba(255,255,255,.9);
  box-shadow:inset 0 1px 0 #fff,inset 1px 0 0 rgba(255,255,255,.6),inset 0 -1px 0 rgba(17,17,17,.06),0 1px 0 rgba(17,17,17,.04),0 30px 60px -30px rgba(17,17,17,.35)}
/* glass v3: soft shadow + clip photo to rounded bottom */
.shot.portrait::before{box-shadow:inset 0 1px 0 #fff,inset 1px 0 0 rgba(255,255,255,.6),inset 0 -1px 0 rgba(17,17,17,.06),0 10px 24px -10px rgba(17,17,17,.18),0 34px 60px -28px rgba(17,17,17,.32)}
.shot.portrait img{width:92%;clip-path:inset(-30% 0 0 0 round 0 0 28px 28px)}

.txt-top .hsub + .pill{margin-top:4px}
@container (max-width:759px){.hero .shot.portrait{margin-top:-12px}}

/* instagram-style avatar in header */
.logo .ava-ig{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;padding:2px;margin-right:4px;flex:none;
  background:conic-gradient(from 210deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5,#feda75)}
.logo .ava-ig img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #fff}
@container (max-width:400px){.logo{font-size:14px;gap:6px}.logo .ava-ig{width:34px;height:34px}}
.logo,.lang{white-space:nowrap}
@container (max-width:400px){.nav{gap:8px;padding-inline:16px}.logo{font-size:13px;gap:5px;letter-spacing:0}.logo .ava-ig{width:32px;height:32px;margin-right:2px}.lang{padding:4px 8px;font-size:11px}.navr{gap:6px}}

/* real reviews */
.revs{display:grid;gap:12px}
.rv{border:1.5px solid var(--line);border-radius:18px;padding:18px;display:grid;gap:12px;align-content:start;background:#fff}
.rv-top{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center}
.rv-ava{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--orange-soft);color:var(--orange);font:900 18px "Montserrat",sans-serif}
.rv-who{display:grid;gap:1px}
.rv-who b{font:800 15px "Montserrat",sans-serif}
.rv-who span{font-size:12.5px;color:var(--mute)}
.rv-src{font:700 11px "Onest",sans-serif;color:#229ed9;background:#e8f5fc;border-radius:99px;padding:4px 10px}
.rv-q{margin:0;position:relative;background:#f4f3f1;border-radius:4px 16px 16px 16px;padding:14px 16px;font-size:14.5px;line-height:1.55;color:var(--ink)}
@container (min-width:760px){.revs{grid-template-columns:1fr 1fr;align-items:start}}

.rv-res{justify-self:start;font:800 13px "Montserrat",sans-serif;color:#1a9149;background:#e7f6ec;border-radius:99px;padding:6px 12px}
.rv-shot{margin:0;display:grid;gap:6px}
.rv-shot img{width:100%;height:auto;display:block;border-radius:12px;border:1px solid var(--line)}
.rv-shot figcaption{font-size:12.5px;color:var(--mute)}
.rv-note{margin:0;font-size:12px;color:var(--mute)}
@container (min-width:1000px){.revs{grid-template-columns:repeat(3,1fr)}}

/* reviews carousel */
.rv-wrap{display:grid;gap:12px;min-width:0}
.rv-bar{display:flex;justify-content:space-between;align-items:center;gap:12px}
.rv-count{font:600 13px "Onest",sans-serif;color:var(--mute);font-variant-numeric:tabular-nums}
.rv-count b{color:var(--ink);font-weight:800}
.rv-nav{display:flex;gap:8px}
.rv-btn{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--ink);background:#fff;color:var(--ink);font:700 18px "Onest",sans-serif;cursor:pointer;display:grid;place-items:center}
.rv-btn:disabled{opacity:.3;cursor:default}
.rv-btn:focus-visible,.revs:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.revs{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:86%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:2px 2px 6px;margin:0 -2px;scrollbar-width:none;overscroll-behavior-x:contain}
.revs::-webkit-scrollbar{display:none}
.rv{scroll-snap-align:start;height:100%;grid-template-rows:auto auto 1fr auto}
.rv-tags{display:flex;flex-wrap:wrap;gap:6px}
.rv-tag{font:600 11.5px "Onest",sans-serif;color:var(--mute);background:#f1efec;border-radius:99px;padding:5px 10px}
.rv-res{font:800 12.5px "Montserrat",sans-serif;color:#1a9149;background:#e7f6ec;border-radius:99px;padding:5px 11px}
.rv-q{align-self:start}
.rv-q::before{content:"“";display:block;font:900 30px/0.6 "Montserrat",sans-serif;color:var(--orange);margin:6px 0 4px}
.rv-ctx{margin:0;font-size:12.5px;color:var(--mute)}
.rv-img{width:100%;height:auto;display:block;border-radius:12px;border:1px solid var(--line)}
.rv-prog{height:3px;background:var(--line);border-radius:3px;overflow:hidden}
.rv-prog i{display:block;height:100%;width:10%;background:var(--orange);border-radius:3px;transition:width .2s,margin-left .2s}
@container (min-width:760px){.revs{grid-auto-columns:calc((100% - 24px)/2.2)!important}}
@container (min-width:1100px){.revs{grid-auto-columns:calc((100% - 36px)/3.2)!important}}
.revs{align-items:start}
.rv{height:auto;grid-template-rows:none}
@container (min-width:760px){.gal figure{aspect-ratio:1/1}}

/* ===== Отзывы как сторис ===== */
.sts{grid-auto-columns:58%!important;gap:10px!important}
@container (min-width:600px){.sts{grid-auto-columns:calc((100% - 30px)/4)!important}}
@container (min-width:1000px){.sts{grid-auto-columns:calc((100% - 40px)/5)!important}}
.st{position:relative;display:block;padding:0;border:0;margin:0;cursor:pointer;scroll-snap-align:start;border-radius:18px;overflow:hidden;background:#111;aspect-ratio:720/1274;box-shadow:0 6px 18px rgba(20,20,20,.12);transition:transform .2s}
.st:hover{transform:translateY(-3px)}
.st:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.st>img{display:block;width:100%;height:100%;object-fit:cover}
.st::before{content:"";position:absolute;inset:0 0 auto;height:30%;background:linear-gradient(rgba(0,0,0,.62),rgba(0,0,0,0));pointer-events:none}
.st-h{position:absolute;left:10px;right:10px;top:12px;display:flex;align-items:center;gap:7px;color:#fff;text-align:left;min-width:0}
.st-h b{font:700 12.5px "Onest",sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st-h i{font:500 11.5px "Onest",sans-serif;font-style:normal;opacity:.8;white-space:nowrap}
.st-ava{flex:none;width:30px;height:30px;border-radius:50%;padding:2px;background:conic-gradient(from 200deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5,#feda75)}
.st-ava img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #111}
.st-new{position:absolute;left:10px;bottom:10px;background:var(--orange);color:#fff;font:800 11px "Montserrat",sans-serif;text-transform:uppercase;letter-spacing:.04em;border-radius:99px;padding:5px 10px}
.st::after{content:"";position:absolute;right:10px;bottom:10px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.92) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l11-7z' fill='%23141414'/%3E%3C/svg%3E") center/16px no-repeat}
/* просмотрщик */
.sv{border:0;padding:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;background:#000;color:#fff}
.sv::backdrop{background:rgba(0,0,0,.92)}
.sv-box{position:relative;height:100%;max-width:min(100vw,calc(100dvh * 720 / 1274));margin:0 auto;display:grid;place-items:center;overflow:hidden}
.sv-img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.sv-segs{position:absolute;left:8px;right:8px;top:10px;display:flex;gap:2px;z-index:3}
.sv-segs i{flex:1;height:2.5px;border-radius:2px;background:rgba(255,255,255,.35);overflow:hidden}
.sv-segs i::after{content:"";display:block;height:100%;width:var(--p,0%);background:#fff}
.sv-h{position:absolute;left:10px;right:6px;top:22px;display:flex;align-items:center;gap:8px;z-index:3;padding-top:4px}
.sv-h::before{content:"";position:absolute;inset:-30px -10px -40px;background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0));z-index:-1}
.sv-h b{font:700 14px "Onest",sans-serif}
.sv-h i{font:500 13px "Onest",sans-serif;font-style:normal;opacity:.8;margin-right:auto}
.sv-h .st-ava{width:34px;height:34px}
.sv-x{width:40px;height:40px;border:0;background:none;color:#fff;font:600 16px "Onest",sans-serif;cursor:pointer;border-radius:50%}
.sv-x:focus-visible,.sv-ig:focus-visible{outline:2px solid #fff}
.sv-tap{position:absolute;top:80px;bottom:80px;width:40%;border:0;background:none;cursor:pointer;z-index:2}
.sv-l{left:0}.sv-r{right:0;width:60%}
.sv-ig{position:absolute;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:3;display:inline-flex;align-items:center;gap:8px;background:#fff;color:#141414;text-decoration:none;font:700 14px "Onest",sans-serif;border-radius:99px;padding:12px 18px;white-space:nowrap;box-shadow:0 6px 20px rgba(0,0,0,.35)}
@media (prefers-reduced-motion:reduce){.st{transition:none}}

/* Kaspi */
.kaspi-logo{display:inline-block!important;height:18px!important;width:18px!important;vertical-align:-4px;margin-right:5px!important}
.kw{display:inline;font-weight:800;color:#f14635;margin-right:5px;background:none;padding:0}
.kaspi .kw{margin-right:0}
.kaspi img{width:20px;height:20px}
.step b .kw,.tc .per .kw{color:#f14635!important;font-size:inherit;margin-right:4px}

/* hero: большое фото с лекции */
.shot.hphoto{border-radius:28px;box-shadow:0 10px 24px -10px rgba(17,17,17,.18),0 34px 60px -28px rgba(17,17,17,.32)}
.shot.hphoto img{aspect-ratio:3/4;object-fit:cover}
.shot.hphoto figcaption{top:14px;bottom:auto;left:14px;right:auto}
.shot.hphoto .chip{background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.8)}
@container (min-width:760px){.shot.hphoto{max-width:500px}}
.shot.hphoto img{aspect-ratio:1/1;object-position:50% 78%}
@container (min-width:760px){.shot.hphoto img{aspect-ratio:4/5;object-position:50% 85%}}
/* hero photo v2: без пола, плашка снизу слева */
.shot.hphoto img{aspect-ratio:1/1!important;object-position:50% 25%!important}
.shot.hphoto figcaption{top:auto;bottom:12px;left:12px;right:auto}
.shot.hphoto .chip{max-width:min(42%,170px)}
.shot.hphoto .chip b{line-height:1.15;margin-bottom:3px}
.shot.hphoto img{object-position:50% 22%!important}
.shot.hphoto .chip{max-width:none;white-space:nowrap;padding:7px 10px;font-size:11px}
.shot.hphoto .chip b{font-size:11px;margin-bottom:1px}
@container (min-width:760px){.shot.hphoto .chip{padding:9px 12px;font-size:12.5px}.shot.hphoto .chip b{font-size:13px}}
@container (max-width:759px){.shot.hphoto figcaption{left:10px;bottom:10px}.shot.hphoto .chip b{text-transform:none;font-size:12px;letter-spacing:-.01em}}
@container (max-width:759px){.shot.hphoto .chip{padding:6px 9px;font-size:10.5px;border-radius:10px}.shot.hphoto .chip b{font-size:11px}}

/* ===== Акция −25% ===== */
[data-sale-only][hidden]{display:none!important}
.pricebox{display:grid;gap:4px}
.oldp{display:inline-flex;align-items:center;gap:8px;font:600 15px "Onest",sans-serif;color:var(--mute)}
.oldp s{text-decoration-thickness:2px;text-decoration-color:#e5484d}
.oldp em{font:800 12px "Montserrat",sans-serif;font-style:normal;color:#fff;background:#e5484d;border-radius:99px;padding:3px 8px;letter-spacing:.02em}
.tc .pricebox .price{font-size:38px}
.tc.hot .oldp{color:#9c9893}
.tc.prem .oldp{color:#8a7a5c}
.salebar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;background:var(--ink);color:#fff;border-radius:16px;padding:14px 16px;margin:-4px 0 14px}
.salebar>b{font:900 26px/1 "Montserrat",sans-serif;color:var(--orange)}
.salebar span{font-size:14px;line-height:1.35}
.salebar strong{display:block;font-weight:700}
.salebar .cd{margin-left:auto;font:800 15px "Montserrat",sans-serif;font-variant-numeric:tabular-nums;background:rgba(255,255,255,.1);border-radius:10px;padding:8px 12px;white-space:nowrap}
.salebar .cd:empty{display:none}
.salechip{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;text-decoration:none;color:var(--ink);font-size:14px;font-weight:600;background:#fff;border:1.5px solid var(--orange);border-radius:99px;padding:7px 14px}
.salechip b{color:#fff;background:var(--orange);border-radius:99px;padding:2px 8px;font:800 12px "Montserrat",sans-serif}
.fn{font-size:12.5px;color:var(--mute)}

/* PRO: подложка под логотип Kaspi на оранжевом */
.tc.pro .per>span{background:#fff;border-radius:8px;padding:4px 9px;color:#222}

/* ===== Программа: раскрывающиеся лекции ===== */
.prog li{display:block!important;padding:0!important}
.prog li.hide{display:none!important}
.prog.all li.hide{display:block!important}
@container (min-width:760px){.prog li.hide{display:block!important}.prog{align-items:start}}
.prog details summary{list-style:none;display:grid;grid-template-columns:44px 1fr 22px;gap:10px;align-items:baseline;padding:14px 0;cursor:pointer}
.prog details summary::-webkit-details-marker{display:none}
.prog details summary:focus-visible{outline:2px solid var(--orange);outline-offset:2px;border-radius:6px}
.prog .pchev{width:10px;height:10px;border-right:2px solid var(--mute);border-bottom:2px solid var(--mute);transform:rotate(45deg) translateY(-3px);justify-self:end;transition:transform .2s}
.prog details[open] .pchev{transform:rotate(-135deg)}
.prog .pd{display:grid;gap:12px;padding:0 0 16px 54px}
.prog .pd h4{margin:0 0 6px;font:800 12px "Montserrat",sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--mute)}
.prog .pd .pr h4{color:var(--orange)}
.prog .pd ul{margin:0;padding:0;list-style:none;display:grid;gap:5px}
.prog .pd li{position:relative;padding-left:16px!important;font-size:14px;line-height:1.45;color:#3b3936;border:0!important}
.prog .pd li::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:#cfcac4}
.prog .pd .pr li::before{background:var(--orange)}
@container (max-width:420px){.prog .pd{padding-left:0}}
@media (prefers-reduced-motion:reduce){.prog .pchev{transition:none}}
.prog details[open] .pchev{transform:rotate(225deg) translate(-3px,-3px)}

/* Калькулятор: уровень риска */
.calc .risk{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.calc .risk button{display:grid;gap:2px;justify-items:start;text-align:left;border:1.5px solid var(--line);background:#fff;color:var(--ink);border-radius:12px;padding:10px;cursor:pointer;font:inherit}
.calc .risk button b{font:800 12.5px "Montserrat",sans-serif;line-height:1.15}
.calc .risk button span{font-size:12px;color:var(--mute)}
.calc .risk button::before{content:"";width:8px;height:8px;border-radius:50%;margin-bottom:4px;background:#1a9149}
.calc .risk .rk-mid::before{background:#e8a317}
.calc .risk .rk-high::before{background:#e5484d}
.calc .risk button[aria-pressed="true"]{border-color:var(--ink);background:var(--ink);color:#fff}
.calc .risk button[aria-pressed="true"] span{color:#cfcac4}
.calc .risk button:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.calc .rk-note{margin:-4px 0 0;font-size:12.5px;line-height:1.4;color:var(--mute)}
@container (max-width:380px){.calc .risk button{padding:9px 7px}.calc .risk button b{font-size:11.5px}}
@container (min-width:980px) and (max-width:1139px){.menu{gap:14px!important}.menu a{font-size:13.5px!important}}

/* ===== Hero: подзаголовок ===== */
.hlead{margin:2px 0 0;font-size:15px;line-height:1.45;color:#4a4744;max-width:46ch}
.txt-top .hlead + .pill{margin-top:4px}

/* ===== Калькулятор-мастер ===== */
.wiz{gap:14px;position:relative;overflow:hidden}
.wz-intro{display:grid;gap:12px;justify-items:start}
.wz-ico{font-size:30px;line-height:1;width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:var(--orange-soft);animation:wzPulse 2.4s ease-in-out infinite}
.wz-intro p{margin:0;font-size:14.5px;line-height:1.5;color:#4a4744}
.wz-go{width:100%;font-size:16px;padding:16px;position:relative;overflow:hidden}
.wz-go::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-100%);animation:wzShine 2.8s ease-in-out infinite}
.wz-body{display:grid;gap:14px}
.wz-top{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center}
.wz-back{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--line);background:#fff;cursor:pointer;font:700 16px "Onest",sans-serif;color:var(--ink)}
.wz-back[hidden]{visibility:hidden;display:block}
.wz-prog{height:6px;border-radius:99px;background:#efece8;overflow:hidden}
.wz-prog i{display:block;height:100%;width:0;background:linear-gradient(90deg,#f2651d,#ff9a5c);border-radius:99px;transition:width .45s cubic-bezier(.2,.8,.2,1)}
.wz-cnt{font:800 12px "Montserrat",sans-serif;color:var(--mute);font-variant-numeric:tabular-nums;min-width:34px;text-align:right}
.wz-chips{display:flex;flex-wrap:wrap;gap:6px}
.wz-chips:empty{display:none}
.wz-chips button{display:inline-flex;align-items:baseline;gap:6px;border:1px solid var(--line);background:#faf9f7;border-radius:99px;padding:5px 10px;font:600 12.5px "Onest",sans-serif;color:var(--ink);cursor:pointer}
.wz-chips small{color:var(--mute);font-weight:500}
.wz-step{display:grid;gap:10px}
.wz-step.in{animation:wzIn .42s cubic-bezier(.2,.8,.2,1) both}
.wz-k{font:800 11px "Montserrat",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--orange)}
.wz-step h3{font-size:18px;line-height:1.2}
.wz-hint{margin:0;font-size:13.5px;line-height:1.5;color:#5b5854}
.wz-hint .kaspi-logo{vertical-align:-4px}
.wz-opts{display:grid;gap:8px}
.wz-opts.two{grid-template-columns:1fr 1fr}
.wopt{display:grid;gap:3px;justify-items:start;text-align:left;width:100%;border:1.5px solid var(--line);background:#fff;color:var(--ink);border-radius:14px;padding:13px 14px;cursor:pointer;font:inherit;transition:transform .15s,border-color .15s,box-shadow .15s}
.wopt:hover{border-color:#bdb8b2;transform:translateY(-1px)}
.wopt:active{transform:scale(.98)}
.wopt:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
.wopt .kt{font:800 14.5px "Montserrat",sans-serif;display:flex;align-items:center;gap:8px}
.wopt .wsub{font-size:13px;line-height:1.4;color:var(--mute)}
.wopt .wp{font:800 14px "Montserrat",sans-serif;color:var(--orange);margin-top:2px}
.wopt.sel{border-color:var(--orange);box-shadow:0 0 0 3px rgba(242,101,29,.18);animation:wzPop .3s ease}
.wopt.k-hot{border-color:#111}
.wopt .dot{width:9px;height:9px;border-radius:50%;background:#1a9149;flex:none}
.wopt.rk-mid .dot{background:#e8a317}.wopt.rk-high .dot{background:#e5484d}
.wz-res{gap:12px}
.wz-big{background:linear-gradient(135deg,#fff3ea,#ffe2cf);border-radius:16px;padding:18px 16px;display:grid;gap:2px}
.wz-big b{font:900 clamp(30px,10cqi,42px)/1 "Montserrat",sans-serif;color:var(--orange);font-variant-numeric:tabular-nums}
.wz-big small{font-size:13px;color:#8a5a3c}
.wz-flow{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center}
.wz-flow>div{background:#f4f3f1;border-radius:12px;padding:10px 12px;display:grid;gap:2px}
.wz-flow small{font-size:11.5px;color:var(--mute)}
.wz-flow b{font:800 15px "Montserrat",sans-serif;font-variant-numeric:tabular-nums}
.wz-eq{font:900 20px "Montserrat",sans-serif;color:var(--orange)}
.wz-notes{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.wz-notes li{position:relative;padding:10px 12px 10px 38px;border-radius:12px;background:#faf9f7;font-size:13.5px;line-height:1.45;color:#3b3936}
.wz-notes li::before{content:"✓";position:absolute;left:12px;top:10px;width:18px;height:18px;border-radius:50%;background:var(--ink);color:#fff;font:700 11px/18px "Onest",sans-serif;text-align:center}
.wz-notes li:nth-child(4)::before{content:"?";background:var(--orange)}
.wz-notes b{font-weight:700}
.wz-res.in .wz-notes li{animation:wzIn .45s cubic-bezier(.2,.8,.2,1) both}
.wz-res.in .wz-notes li:nth-child(2){animation-delay:.08s}.wz-res.in .wz-notes li:nth-child(3){animation-delay:.16s}.wz-res.in .wz-notes li:nth-child(4){animation-delay:.24s}
.wz-again{width:100%}
@keyframes wzIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes wzPop{50%{transform:scale(1.02)}}
@keyframes wzPulse{50%{transform:scale(1.06)}}
@keyframes wzShine{0%,60%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
@media (prefers-reduced-motion:reduce){.wz-ico,.wz-go::after{animation:none}.wz-prog i,.wopt{transition:none}}