:root{--ink:#2B3A42;--blue:#2F5D7C;--teal:#3E8E7E;--mint:#A8D8C9;--butter:#FFE08A;--mustard:#D9A400;--peach:#FFB4A2;--coral:#E2725B;--lilac:#CDB4DB;--violet:#8E6FB0;--sky:#BFE0F2;--paper:#FFFDF8;--mist:#F3F6F7;--grey:#6B7A83;--line:#E3E9EC}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:Nunito,system-ui,sans-serif;color:var(--ink);background:var(--paper);line-height:1.5;font-size:18px;overflow-x:hidden}
a{color:var(--blue)} img{max-width:100%;height:auto;display:block}
:focus-visible{outline:3px solid var(--mustard);outline-offset:3px;border-radius:6px}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px} .narrow{max-width:760px;margin:0 auto}
h1,h2,h3{font-family:'Balsamiq Sans',sans-serif;font-weight:700;line-height:1.1;margin:0 0 .4em;color:var(--blue)}
h1{font-size:clamp(34px,5.5vw,58px);text-wrap:balance} h2{font-size:clamp(26px,3.6vw,38px);text-wrap:balance} h3{font-size:22px;font-weight:600}
.hand{font-family:Pangolin,cursive;font-size:1.25em;line-height:1.25}
/* nav */
header.nav{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0}
header.nav .brand{text-decoration:none;flex:none}
.nav .links{display:flex;gap:28px;font-family:'Balsamiq Sans';font-weight:600;font-size:18px;margin-left:auto;margin-right:8px}
.nav .links a{color:var(--blue);text-decoration:none;padding:4px 0;border-bottom:2.5px solid transparent}
.nav .links a:hover,.nav .links a[aria-current]{border-color:var(--mustard)}
.pill{display:inline-block;background:var(--blue);color:#fff;font-family:'Balsamiq Sans';font-weight:600;font-size:15px;padding:5px 16px;border-radius:999px;letter-spacing:.3px}
.pill.teal{background:var(--teal)} .pill.coral{background:var(--coral)} .pill.mustard{background:var(--mustard)} .pill.violet{background:var(--violet)}
/* hero */
.hero{position:relative;padding:28px 0 64px;overflow:hidden}
.hero .grid{display:grid;grid-template-columns:1.1fr 1fr;gap:44px;align-items:center}
.blob{position:absolute;z-index:0;pointer-events:none} .hero>.wrap{position:relative;z-index:1}
.lead{font-size:clamp(18px,2vw,22px);color:#50626c;margin:16px 0 24px}
.btn{display:inline-block;background:var(--coral);color:#fff;font-family:'Balsamiq Sans';font-weight:700;font-size:20px;padding:16px 30px;border-radius:999px;text-decoration:none;border:0;cursor:pointer;box-shadow:0 6px 0 #c45a45;transition:transform .08s}
.btn:active{transform:translateY(4px);box-shadow:0 2px 0 #c45a45} .btn.blue{background:var(--blue);box-shadow:0 6px 0 #1f4560} .btn.big{font-size:24px;padding:20px 40px}
.btn.sm{font-size:16px;padding:10px 20px;box-shadow:0 4px 0 #c45a45;white-space:nowrap} .btn.sm.blue{box-shadow:0 4px 0 #1f4560} .btn.sm .short{display:none}
.perchwrap{position:relative;padding-top:74px} .perch{position:absolute;top:0;right:28px;z-index:2;line-height:0}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}} .float{animation:float 6s ease-in-out infinite}
.form{background:#fff;border:2px solid var(--line);border-radius:24px;padding:26px;box-shadow:0 20px 60px rgba(47,93,124,.10);position:relative;z-index:1}
.form input[type=email],.form input[type=text]{width:100%;font:inherit;font-size:18px;padding:14px 16px;border:2px solid #D8E1E5;border-radius:14px;margin-bottom:12px;background:#fff}
.form .btn{width:100%} .tiny{font-size:14px;color:var(--grey)}
/* hand notes */
.note{font-family:Pangolin,cursive;font-size:21px;color:var(--blue);display:inline-flex;align-items:center;gap:8px;line-height:1.2}
.note svg{flex:none} .note.right svg{transform:rotate(-90deg)!important}
/* sections + cloud edges */
section{padding:56px 0} section.alt{background:#fff} section.mint{background:#EAF6F1} section.butter{background:#FFF6D6} section.sky{background:#EAF4FA} section.lilac{background:#F1EAF6}
.edge+section,.edge+footer{padding-top:30px}
/* the fridge */
.fridge{display:grid;grid-template-columns:repeat(4,1fr);gap:36px 28px;padding-top:18px} .fridge.three{grid-template-columns:repeat(3,1fr)}
.pin{position:relative;transform:rotate(var(--r,0deg));transition:transform .25s ease}
.pin:hover{transform:rotate(0deg) translateY(-5px)}
.pin img{border-radius:6px;box-shadow:0 16px 34px rgba(43,58,66,.16),0 2px 4px rgba(43,58,66,.08);border:1px solid var(--line)}
.pin::before{content:"";position:absolute;top:-13px;left:50%;margin-left:-14px;width:28px;height:28px;border-radius:50%;z-index:2;
  background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.75) 0,rgba(255,255,255,0) 48%),var(--m,var(--coral));box-shadow:0 3px 7px rgba(0,0,0,.22),inset 0 -2px 3px rgba(0,0,0,.14)}
.pin .cap{font-family:Pangolin,cursive;font-size:20px;color:var(--blue);text-align:center;margin-top:12px;line-height:1.2}
/* tinted tiles (one per kit page, colour = the cloud's colour) */
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px}
.tile{border-radius:22px;padding:22px;display:flex;gap:14px;align-items:flex-start} .tile svg{flex:none}
.tile h3{margin:2px 0 4px;font-size:21px} .tile p{margin:0;font-size:16.5px;color:#4a5a63}
.tile.butter{background:#FFF6D6} .tile.peach{background:#FFEBE5} .tile.mint{background:#EAF6F1} .tile.sky{background:#EAF4FA} .tile.lilac{background:#F1EAF6} .tile.mist{background:#F3F6F7}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.card{background:#fff;border:1.5px solid var(--line);border-radius:20px;padding:22px} .card h3{margin-top:8px} .card p{margin:6px 0 0;color:#4a5a63;font-size:17px}
.soft{border-radius:20px;padding:22px} .soft.mint{background:#EAF6F1} .soft.peach{background:#FFEBE5} .soft.butter{background:#FFF6D6} .soft.sky{background:#EAF4FA} .soft.lilac{background:#F1EAF6}
.pages{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px} .pages img{border-radius:14px;box-shadow:0 12px 30px rgba(43,58,66,.14);border:1px solid var(--line)}
.script{font-family:Pangolin,cursive;font-size:24px;border:3px dashed var(--blue);border-radius:18px;padding:16px 22px;color:var(--blue);background:#fff;margin:18px 0}
.check li{margin:8px 0;padding-left:30px;position:relative;list-style:none} .check li:before{content:"✓";position:absolute;left:0;color:var(--teal);font-weight:800}
.cross li:before{content:"✗";color:var(--coral)}
.faq details{background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:14px 20px;margin:10px 0} .faq summary{font-family:'Balsamiq Sans';font-weight:600;font-size:19px;cursor:pointer;color:var(--blue)}
.price{text-align:center;background:#fff;border:2px solid var(--line);border-radius:28px;padding:36px 28px;max-width:560px;margin:0 auto;box-shadow:0 20px 60px rgba(47,93,124,.10)}
.price .was{text-decoration:line-through;color:var(--grey);font-size:22px;margin-right:10px} .price .now{font-family:'Balsamiq Sans';font-weight:700;font-size:56px;color:var(--coral)}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px} .num{display:inline-flex;width:40px;height:40px;border-radius:50%;background:var(--blue);color:#fff;font-family:'Balsamiq Sans';font-weight:700;align-items:center;justify-content:center;font-size:20px}
.strip{display:flex;justify-content:center;gap:4px;flex-wrap:wrap} .strip svg{display:block}
.stick{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1.5px solid var(--line);padding:10px 16px;display:none;z-index:50;text-align:center}
/* footer */
footer{background:#fff;padding:0 0 32px;color:var(--ink)}
.fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:32px;padding:36px 0 26px}
footer h4{font-family:'Balsamiq Sans';font-weight:600;color:var(--blue);margin:0 0 10px;font-size:17px}
footer ul{list-style:none;margin:0;padding:0} footer li{margin:6px 0;font-size:16px} footer a{text-decoration:none} footer a:hover{text-decoration:underline}
.legal{border-top:1.5px solid var(--line);padding-top:18px;font-size:14px;color:var(--grey);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
/* link-in-bio */
.linkpage{max-width:460px;margin:0 auto;padding:32px 20px 60px;text-align:center}
.biglink{display:flex;align-items:center;gap:14px;background:#fff;border:2px solid var(--line);border-radius:18px;padding:14px 18px;text-decoration:none;color:var(--ink);font-weight:700;font-size:18px;text-align:left;margin:12px 0;box-shadow:0 5px 0 var(--line);transition:transform .08s}
.biglink:active{transform:translateY(3px);box-shadow:0 2px 0 var(--line)} .biglink svg{flex:none}
.biglink.primary{background:var(--coral);border-color:var(--coral);color:#fff;box-shadow:0 5px 0 #c45a45}
.biglink small{display:block;font-weight:400;font-size:14px;opacity:.85}
.stack{text-align:left;margin:18px 0;border-top:1.5px solid var(--line)} .stack .row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1.5px solid var(--line);font-size:16.5px} .stack .row b{color:var(--blue)} .stack .val{color:var(--grey);white-space:nowrap}
.vs{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px} .vs .soft{font-size:17px} .vs .hand{font-size:22px;margin:0 0 8px}
@media(max-width:820px){.vs{grid-template-columns:1fr} header.nav .brand .logo{transform:scale(.88);transform-origin:left center}}
@media(prefers-reduced-motion:reduce){.float{animation:none} html{scroll-behavior:auto} .pin,.btn,.biglink{transition:none}}
@media(max-width:900px){.fridge,.fridge.three{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.hero .grid{grid-template-columns:1fr} body{font-size:17px} .stick{display:block} .hero{padding-bottom:40px} .nav .links{display:none} .btn.sm .full{display:none} .btn.sm .short{display:inline} .btn.sm{padding:9px 16px} .fgrid{grid-template-columns:1fr;gap:22px} .perch{right:16px} .note.right svg{transform:rotate(0deg)!important} .grid2{grid-template-columns:1fr!important}}

h1{letter-spacing:-.2px} .nav .links{font-size:17px}

.paydrop{max-width:520px;margin:16px auto 0;background:#fff;border:2px solid #E3E9EC;
  border-radius:22px;box-shadow:0 18px 46px rgba(47,93,124,.14);overflow:hidden;text-align:left;
  animation:paydrop-in .22s ease-out}
.paydrop[hidden]{display:none}
@keyframes paydrop-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.paydrop{animation:none}}
.paydrop-head{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:14px 18px;background:#EAF4FA;border-bottom:2px solid #E3E9EC}
.paydrop-title{font-family:'Balsamiq Sans';font-weight:700;font-size:18px;color:#2F5D7C}
.paydrop-x{border:0;background:transparent;font-size:26px;line-height:1;cursor:pointer;
  color:#2F5D7C;padding:0 4px;border-radius:8px}
.paydrop-x:hover{background:rgba(0,0,0,.06)}
.pay-mount{padding:10px 12px;min-height:220px}
.pay-err{margin:0;padding:12px 18px 16px;color:#E2725B;font-size:15px}
.paydrop-foot{margin:0;padding:0 18px 16px;font-size:13px;color:#6B7A83;text-align:center}
.js-buy[aria-expanded="true"]{opacity:.55}

/* ---- касата */
.co-wrap{max-width:660px;margin:0 auto;padding:0 18px 60px}
.co-top{display:flex;justify-content:center;padding:22px 0 10px}
.co-urg{background:#E2725B;color:#fff;text-align:center;font-family:'Balsamiq Sans';font-weight:600;
  font-size:15px;padding:9px 14px;letter-spacing:.2px}
.co-card{background:#fff;border:2px solid #E3E9EC;border-radius:22px;padding:20px;margin-bottom:16px;
  box-shadow:0 10px 30px rgba(47,93,124,.07)}
.co-h{font-family:'Balsamiq Sans';font-weight:700;font-size:19px;color:#2F5D7C;margin:0 0 14px}
.co-line{display:flex;gap:14px;align-items:flex-start}
.co-line img{width:64px;border-radius:8px;border:1px solid #E3E9EC;flex:none}
.co-line-t{flex:1;font-size:16px;line-height:1.35}
.co-line-p{font-family:'Balsamiq Sans';font-weight:700;white-space:nowrap;color:#2F5D7C}
.co-line-add{margin-top:14px;padding-top:14px;border-top:1px solid #EEF3F5}
.co-line-add img{width:48px}
.co-rm{border:0;background:transparent;padding:0;margin-top:4px;font-size:13px;color:#6B7A83;
  text-decoration:underline;cursor:pointer}
.co-rm:hover{color:#E2725B}
.co-sum{margin-top:16px;border-top:2px dashed #E3E9EC;padding-top:14px;font-size:16px}
.co-row{display:flex;justify-content:space-between;gap:12px;padding:4px 0}
.co-row.tot{font-family:'Balsamiq Sans';font-weight:700;font-size:22px;color:#2F5D7C;
  border-top:2px solid #E3E9EC;margin-top:8px;padding-top:12px}
.co-row s{color:#6B7A83;font-weight:400;font-size:16px}
/* добавките */
.bump{position:relative;background:#fff;border:2px solid #E3E9EC;border-radius:18px;
  padding:16px;margin-bottom:12px;transition:border-color .15s,box-shadow .15s}
.bump:hover{border-color:#3E8E7E}
.bump.on{border-color:#3E8E7E;box-shadow:0 0 0 3px rgba(74,169,150,.16)}
.bump-badge{position:absolute;top:-11px;right:14px;background:#3E8E7E;color:#fff;
  font-family:'Balsamiq Sans';font-weight:700;font-size:11px;letter-spacing:.6px;padding:4px 10px;border-radius:999px}
.bump.hot .bump-badge{background:#E2725B}
.bump-t{font-family:'Balsamiq Sans';font-weight:700;font-size:16.5px;color:#2F5D7C;margin:2px 0 8px;line-height:1.25}
.bump-b{display:flex;gap:12px;align-items:flex-start}
.bump-b img{width:56px;border-radius:7px;border:1px solid #E3E9EC;flex:none}
.bump-d{font-size:14.5px;line-height:1.4;color:#50626c;margin:0 0 10px}
.bump-p{font-family:'Balsamiq Sans';font-weight:700;font-size:15.5px;color:#E2725B;margin:0 0 8px}
.bump-p s{color:#6B7A83;font-weight:400;font-size:14px;margin-left:6px}
.bump-add{border:2px solid #3E8E7E;background:#fff;color:#3E8E7E;font-family:'Balsamiq Sans';
  font-weight:700;font-size:14.5px;padding:8px 16px;border-radius:999px;cursor:pointer}
.bump-add:hover{background:#DCEFE9}
.bump.on .bump-add{background:#3E8E7E;color:#fff}
/* доверие + плащане */
.co-trust{display:flex;flex-wrap:wrap;gap:10px 18px;justify-content:center;margin:14px 0 4px;
  font-size:14px;color:#50626c}
.co-trust b{color:#2F5D7C}
.co-pay{padding:6px 4px;min-height:240px}
.co-err{color:#E2725B;font-size:15px;padding:8px 4px 0;margin:0}
.co-foot{text-align:center;font-size:13px;color:#6B7A83;margin-top:14px;line-height:1.5}
@media(max-width:560px){.co-wrap{padding:0 12px 48px} .co-card{padding:15px;border-radius:18px}}

@media(max-width:380px){
  .saleh1{font-size:26px;overflow-wrap:break-word}
  .saleh3{font-size:21px}
  .callout{font-size:18px}
  .btn.big{font-size:20px;padding:16px 22px}
}

.saleh1,.saleh3{
  text-shadow:
    2px 0 0 #FFFDF8, -2px 0 0 #FFFDF8, 0 2px 0 #FFFDF8, 0 -2px 0 #FFFDF8,
    2px 2px 0 #FFFDF8, -2px 2px 0 #FFFDF8, 2px -2px 0 #FFFDF8, -2px -2px 0 #FFFDF8,
    0 0 10px rgba(255,253,248,.9);
}
@supports (paint-order: stroke){
  .saleh1,.saleh3{
    text-shadow:none;
    paint-order:stroke fill;
    -webkit-text-stroke:6px #FFFDF8;
    text-stroke:6px #FFFDF8;
  }
  .saleh3{-webkit-text-stroke-width:5px;text-stroke-width:5px}
}
@media(max-width:380px){
  @supports (paint-order: stroke){
    .saleh1{-webkit-text-stroke-width:4px;text-stroke-width:4px}
    .saleh3{-webkit-text-stroke-width:3.5px;text-stroke-width:3.5px}
  }
}

.salehero{position:relative;overflow:hidden;background:#EAF4FA;padding:26px 0 54px}
.callout{display:inline-block;font-family:Pangolin,cursive;font-size:21px;line-height:1.2;color:#E2725B;background:#fff;border:3px solid #E2725B;border-radius:22px;padding:10px 22px;position:relative;transform:rotate(-2deg)}
.callout:after{content:"";position:absolute;left:50%;bottom:-14px;margin-left:-10px;border:10px solid transparent;border-top-color:#E2725B;border-bottom:0}
.saleh1{font-family:'Balsamiq Sans';font-weight:700;font-size:clamp(30px,5.2vw,52px);line-height:1.08;color:#2F5D7C;margin:8px 0 10px;text-transform:uppercase}
.saleh2{font-family:Pangolin,cursive;font-size:clamp(22px,3.2vw,32px);line-height:1.15;color:#E2725B;transform:rotate(-1.5deg);margin:0 0 14px}
.saleh3{font-family:'Balsamiq Sans';font-weight:700;font-size:clamp(24px,3.6vw,36px);color:#2F5D7C;margin:6px 0} .big28{color:#E2725B;font-size:1.6em;line-height:1}
.saleh4{font-size:clamp(17px,2vw,21px);color:#2B3A42;margin:8px 0 6px} .saleh4 b{color:#8E6FB0}
.cred{max-width:600px;margin:10px auto 18px!important}
.btn.cta{text-transform:uppercase;letter-spacing:.3px} .btn .ico{font-size:.9em;margin-left:6px}
.comic{font-family:'Balsamiq Sans';font-weight:700;text-transform:uppercase;font-size:clamp(26px,3.8vw,40px);line-height:1.1;color:#2F5D7C}
.item{margin:22px 0;padding-bottom:18px;border-bottom:1.5px dashed #D8E1E5;font-size:19px} .item p{margin:8px 0 0;font-size:17.5px;color:#2B3A42} .item .val{color:#6B7A83;font-size:16px;white-space:nowrap} .item s{color:#E2725B}
.tag{display:inline-block;color:#fff;font-family:'Balsamiq Sans';font-weight:700;font-size:15px;padding:3px 10px;border-radius:6px;margin-right:4px} .tag.blue{background:#2F5D7C} .tag.mustard{background:#D9A400}
.pricebox{text-align:center;margin:30px auto 0;max-width:560px}
.total{font-family:'Balsamiq Sans';font-size:24px;color:#6B7A83} .total s{color:#E2725B;font-size:30px}
.now{font-family:'Balsamiq Sans';font-size:26px;color:#2B3A42;margin:4px 0} .now b{font-size:58px;color:#2F5D7C;line-height:1;white-space:nowrap}
.lvline{color:#6B7A83;font-size:16px;margin-bottom:16px}
.urgency{font-size:19px;color:#2B3A42;margin-top:14px} .urgency u{text-decoration-color:#E2725B;text-decoration-thickness:3px}
.guar{text-align:center;padding:10px 0} .guar-h{font-family:'Balsamiq Sans';font-weight:700;font-size:clamp(28px,4.2vw,44px);color:#2B3A42} .guar-h s{color:#6B7A83;font-size:.7em;margin-right:10px} .guar-t{font-size:22px;margin-top:8px;color:#2B3A42} .guar-t u{text-decoration-color:#E2725B;text-decoration-thickness:3px}
.shelf{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;max-width:820px;margin:22px auto 0} .spine{border-radius:10px;padding:14px 10px;min-height:150px;display:flex;flex-direction:column;justify-content:space-between;border:1.5px solid #E3E9EC;text-align:left} .spine b{font-family:'Balsamiq Sans';font-size:15px;line-height:1.15;color:#2F5D7C} .spine span{font-size:13px;color:#6B7A83}
.stat{background:#fff;border:2px solid #E3E9EC;border-radius:22px;padding:22px;margin-top:22px} .stat-h{font-weight:800;font-size:18px;color:#2B3A42} .stat-grid{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;margin:12px 0 4px} .stat-n{font-family:'Balsamiq Sans';font-weight:700;font-size:54px;line-height:1;color:#E2725B;white-space:nowrap} .stat-p{margin:12px 0 0;font-size:18px}
.ba{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:820px;margin:26px auto 0} .ba-h{color:#fff;font-family:'Balsamiq Sans';font-weight:700;font-size:20px;text-align:center;padding:8px;border-radius:12px;margin-bottom:10px} .ba-side{font-family:Pangolin,cursive;font-size:18px;color:#6B7A83;text-align:center;margin:4px 0}
.chain-item{border:2px solid;border-radius:12px;padding:10px 12px;text-align:center;font-weight:700;font-size:16px} .chain-arrow{text-align:center;font-size:22px;line-height:1.1;font-weight:800}
.check.big li{font-size:18.5px;margin:12px 0}
.ba-pics{display:flex;justify-content:center;gap:60px;margin:26px 0;text-align:center}
.cycle{position:relative;width:min(560px,100%);aspect-ratio:1;margin:26px auto} .cycle-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)} .cycle-ring{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.cycle-step{position:absolute;transform:translate(-50%,-50%);width:150px;background:#fff;border:1.5px solid #E3E9EC;border-radius:12px;padding:8px 10px;font-size:14px;line-height:1.25;text-align:center;box-shadow:0 6px 16px rgba(43,58,66,.10);z-index:2} .cycle-step .num{width:24px;height:24px;font-size:13px;display:flex;margin:0 auto 4px}
.finger p{font-size:18px;margin:14px 0}
.tech{background:#fff;border:1.5px solid #E3E9EC;border-radius:16px;padding:16px 20px;margin:12px 0} .tech-h{font-family:'Balsamiq Sans';font-weight:700;font-size:19px;color:#2F5D7C} .tech p{margin:6px 0 0;font-size:17px}
.stick.sale{padding:8px 14px 6px} .stick.sale .btn{width:100%;font-size:18px;padding:12px} .stick.sale .tiny{margin-top:4px;font-size:12px}
@media(max-width:820px){.shelf{grid-template-columns:repeat(2,1fr)} .ba{grid-template-columns:1fr} .check.cross[style*="columns"]{columns:1!important} .ba-pics{gap:24px}
  .cycle{aspect-ratio:auto;width:100%} .cycle-center,.cycle-ring{display:none} .cycle-step{position:static;transform:none;width:auto;margin:8px 0;display:flex;gap:10px;align-items:center;text-align:left;font-size:16px} .cycle-step .num{margin:0;flex:none}
  .stat-grid{grid-template-columns:1fr} .item .val{white-space:normal;display:block} .callout{font-size:18px}
  .now{font-size:20px} .now b{font-size:40px} .total{font-size:19px} .total s{font-size:24px} .total .tiny{display:block;margin-top:2px} .lvline{font-size:14px} .urgency{font-size:17px}}

.annot{display:grid;grid-template-columns:1fr 1.1fr;gap:34px;align-items:center;max-width:960px;margin:26px auto 0}
.annot-img{max-width:360px;margin:0 auto} .annot-list{list-style:none;margin:0;padding:0} .annot-list li{display:flex;gap:12px;align-items:flex-start;margin:9px 0;font-size:17px} .annot-list .num{width:28px;height:28px;font-size:15px;flex:none;margin-top:1px} .annot-list b{color:#2F5D7C}
.weeks{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px} .weeks div{background:#fff;border:1.5px solid #E3E9EC;border-radius:14px;padding:12px 14px;font-size:15.5px} .weeks b{display:block;font-family:'Balsamiq Sans';font-size:16px;margin-bottom:3px} .weeks span{color:#4a5a63}
@media(max-width:820px){.annot{grid-template-columns:1fr} .weeks{grid-template-columns:1fr 1fr}}

/* мобилни поправки */
html,body{overflow-x:hidden;max-width:100vw}
img,svg{max-width:100%}
.item .val{white-space:normal}
@media(max-width:1080px){.nav .links{display:none} .btn.sm .full{display:none} .btn.sm .short{display:inline} .btn.sm{padding:9px 16px}}
.stick.sale{transform:translateY(110%);transition:transform .25s ease}
.stick.sale.on{transform:none}
.cycle{margin:44px auto 74px!important}
.cw-grid{display:grid;grid-template-columns:1fr 560px;gap:28px;align-items:center;padding:10px 0 78px}
.cw-grid .cycle{width:min(540px,100%);margin:10px auto 20px!important}
.cw-txt .lead{text-align:left}
.shots{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:26px;align-items:start}
.shots img{width:100%;border-radius:22px;border:1.5px solid var(--line);box-shadow:0 16px 36px rgba(43,58,66,.14)}
.quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:26px}
.qcard{background:#fff;border:1.5px solid var(--line);border-radius:20px;padding:26px 22px 18px;position:relative;display:flex;flex-direction:column}
.qmark{position:absolute;top:2px;left:16px;font-family:'Balsamiq Sans';font-size:64px;line-height:1;color:var(--peach)}
.qcard p{margin:10px 0 14px;font-size:16.5px;line-height:1.5;position:relative}
.qwho{margin-top:auto;font-weight:700;color:var(--blue);font-size:14.5px;border-top:1px dashed var(--line);padding-top:10px}
@media(max-width:1000px){.cw-grid{grid-template-columns:1fr}}
@media(max-width:820px){.cycle-wrap{display:none}}
.rv{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}
.rv.in{opacity:1;transform:none}
@keyframes ringspin{to{transform:rotate(360deg)}}
.cycle-ring{animation:ringspin 90s linear infinite;transform-origin:50% 50%}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none} .cycle-ring{animation:none}}
.slider{position:relative;max-width:560px;margin:26px auto 0}
.strack{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:22px}
.strack::-webkit-scrollbar{display:none}
.slide{flex:0 0 100%;scroll-snap-align:center;display:flex;justify-content:center;padding:4px}
.slide img{max-height:540px;width:auto;max-width:100%;border-radius:22px;border:1.5px solid #E3E9EC;box-shadow:0 16px 36px rgba(43,58,66,.14)}
.snav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:46px;height:46px;border-radius:50%;border:0;background:#2F5D7C;color:#fff;font-size:26px;line-height:1;cursor:pointer;box-shadow:0 4px 12px rgba(43,58,66,.25)}
.snav.prev{left:-14px}.snav.next{right:-14px}
.snav:hover{background:#24465E}
.sdots{display:flex;gap:8px;justify-content:center;margin-top:12px}
.sdots span{width:9px;height:9px;border-radius:50%;background:#C9D4DA}
.sdots span.on{background:#E2725B}
@media(max-width:600px){.snav.prev{left:4px}.snav.next{right:4px}}
.cartbtn{display:inline-flex;width:46px;height:46px;border-radius:50%;background:var(--coral);align-items:center;justify-content:center;flex:none;box-shadow:0 4px 0 #c45a45;transition:transform .08s}
.cartbtn:hover{background:#c45a45}
.cartbtn:active{transform:translateY(3px);box-shadow:0 1px 0 #c45a45}
@media(max-width:820px){body{padding-bottom:96px} .stick.sale .tiny{font-size:11px} header.nav{gap:10px} header.nav .logo div{font-size:19px!important}}

/* Героят е една картинка — виж hero_art() и PROMPT-hero.md.
   Картинката вече е изрязана плътно около рисунката (finish_hero.py --zoom) и
   долният ѝ ръб преминава в цвета на хартията. Затова НЕ ѝ слагаме фиксирана
   височина: object-fit:cover режеше децата и книжката. Височината идва от самата
   картинка, а отрицателният долен отстъп вдига заглавието нагоре — може, защото
   долу картинката вече е прозрачно преляла в хартията. */
.hero-art{display:flex;justify-content:center;margin:8px 0 -46px}
.hero-art img{width:min(500px,100%);height:auto;display:block}
@media(max-width:720px){.hero-art{margin:2px 0 -52px}.hero-art img{width:min(370px,100%)}}
/* Бутонът беше по-широк от заглавието и дърпаше окото преди текста. */
.btn.big{font-size:19px;padding:14px 26px}
@media(max-width:720px){.btn.big{font-size:17px;padding:12px 22px}}

/* Акварелно небе зад героя на всяка страница. Долният ръб на картинката е точно
   цветът на хартията, затова секцията се стопява в страницата, вместо да свършва
   с линия. Светлият градиент отгоре пази контраста на заглавието върху синьото. */
.hero{background:linear-gradient(180deg,rgba(255,253,248,.58),rgba(255,253,248,0) 44%),url(img/bg-sky-wide.webp) center bottom/cover no-repeat}
@media(max-width:720px){.hero{background-image:linear-gradient(180deg,rgba(255,253,248,.58),rgba(255,253,248,0) 44%),url(img/bg-sky.webp)}}
/* Продажбените страници носят собственото си небе ВЪТРЕ в картинката на героя,
   затова секцията е чиста хартия — иначе картинката се вижда като правоъгълник. */
.salehero{background:#FFFDF8}
/* Пастелните петна вече са излишни — небето върши тяхната работа. */
.hero .blob,.salehero .blob{display:none}

/* децата на мястото на облачето, над заглавието */
.hero-kids{display:flex;justify-content:center;align-items:flex-end;gap:2px;margin:10px 0 8px}
.hero-kids img{filter:drop-shadow(0 12px 20px rgba(43,58,66,.16))}
.hero-kids img:first-child{width:186px;margin-right:-14px}
.hero-kids img:last-child{width:220px}
@media(max-width:980px){.hero-kids img:first-child{width:132px;margin-right:-10px}.hero-kids img:last-child{width:156px}}
/* компактният стек над цената */
.ministack{max-width:480px;margin:0 auto 12px;text-align:left}
.ministack div{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:6px 0;border-bottom:1px dashed #D8E1E5;font-size:15.5px}
.ministack span{color:#2B3A42}.ministack b s{color:#E2725B;font-size:15px}
@media(max-width:820px){.ministack div{font-size:14px}}
/* пулсиращ CTA бутон — вниманието отива там */
@keyframes ctapulse{0%,100%{transform:scale(1);box-shadow:0 6px 0 #c45a45}50%{transform:scale(1.015);box-shadow:0 7px 0 #c45a45,0 8px 18px rgba(226,114,91,.28)}}
.btn.cta,.stick.sale .btn{animation:ctapulse 2.8s ease-in-out infinite;transform-origin:center}
.btn.cta{position:relative}
@keyframes twinkle{0%,100%{opacity:0;transform:scale(.4) rotate(0deg)}50%{opacity:1;transform:scale(1) rotate(25deg)}}
.btn.cta::before,.btn.cta::after{content:"✦";position:absolute;pointer-events:none;animation:twinkle 2.6s ease-in-out infinite}
.btn.cta::before{top:-18px;left:-16px;font-size:20px;color:#D9A400}
.btn.cta::after{bottom:-16px;right:-14px;font-size:14px;color:#E2725B;animation-delay:1.3s}
@media(prefers-reduced-motion:reduce){.btn.cta::before,.btn.cta::after{animation:none;opacity:0}}
.pricebox .total .tlbl{display:block;font-size:15px;color:var(--grey);margin-bottom:2px}
.pricebox .total s{font-size:30px;font-weight:800;color:var(--coral);text-decoration-thickness:3px}
.pricebox .now .nlbl{font-size:16px;font-weight:700;color:var(--ink)}
.save{display:inline-block;background:#EAF6F1;color:#33705F;font-weight:800;font-size:14px;padding:4px 12px;border-radius:999px;margin-left:10px;vertical-align:middle}
.btn.cta:hover,.stick.sale .btn:hover{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.btn.cta,.stick.sale .btn{animation:none}}

.nums{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:22px}
.numt{background:#fff;border:1.5px solid var(--line);border-radius:20px;padding:20px 20px 16px;display:flex;flex-direction:column;gap:6px}
.numt .big{font-family:'Balsamiq Sans';font-weight:700;font-size:52px;line-height:1;color:var(--coral)}
.numt .big.blue{color:var(--blue)} .numt .big.violet{color:var(--violet)} .numt .big.teal{color:var(--teal)}
.numt p{margin:0;font-size:16.5px;line-height:1.4} .numt .src{font-size:13px;color:var(--grey);margin-top:auto;padding-top:8px;border-top:1px dashed var(--line)}
.charts{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px} .chart{background:#fff;border:1.5px solid var(--line);border-radius:20px;padding:20px}
.chart h4{font-family:'Balsamiq Sans';font-weight:700;color:var(--blue);margin:0 0 4px;font-size:19px} .chart .src{font-size:13px;color:var(--grey);margin:8px 0 0}
.chart svg{width:100%;height:auto;display:block}
.srcs{font-size:13.5px;color:var(--grey);margin-top:18px;line-height:1.6} .srcs a{color:var(--grey)}
@media(max-width:820px){.charts{grid-template-columns:1fr} .numt .big{font-size:44px}}
.p2{--v:#8E6FB0;--mint:#A8D8C9;--mintl:#DCEFE9;--teal:#3E8E7E;
  --coral:#E2725B;--butter:#FFE08A;--butterl:#FFF1C4;--must:#D9A400;
  --lilac:#CDB4DB;--lilacl:#EADFF0;--peachl:#FFE0D8;--sky:#BFE0F2;
  --skyl:#E3F1F9;--ink:#2B3A42;--blue:#2F5D7C;--grey:#6B7A83;
  --paper:#FFFDF8;--mist:#F3F6F7}
.p2sticky{--coral:#E2725B;--must:#D9A400;--blue:#2F5D7C}

/* ================================================================ /plan2 */
.p2{font-family:Nunito;color:var(--ink);background:var(--paper);
  max-width:600px;margin:0 auto;padding:0 0 40px;overflow-x:hidden}
.p2 h2{font-family:'Balsamiq Sans';font-weight:700;font-size:26px;line-height:1.2;
  margin:0 0 10px;color:var(--blue);text-align:center}
.p2 section{padding:34px 18px}
.p2 .ktiny{font-size:13px;color:var(--grey);line-height:1.5}

/* ---- лентата горе. Появява се СЛЕД героя; JS слага .on. */
.p2sticky{position:fixed;top:0;left:0;right:0;z-index:60;
  background:linear-gradient(90deg,var(--coral),var(--must));color:#fff;
  transform:translateY(-100%);transition:transform .22s ease-out}
.p2sticky.on{transform:none}
@media(prefers-reduced-motion:reduce){.p2sticky{transition:none}}
.p2sticky-in{max-width:600px;margin:0 auto;display:flex;align-items:center;gap:10px;
  padding:8px 12px}
.p2sticky-logo{display:flex;flex:0 0 auto}
.p2sticky .p2hold{flex:1;justify-content:center;background:transparent;color:#fff;
  border:0;padding:0;font-size:13px}
.p2sticky .p2hold em{opacity:.9}
.p2sticky .p2hold b{color:#fff}
.p2sticky-cta{flex:0 0 auto;background:#fff;color:var(--coral);font-size:14px;
  padding:7px 14px;border:0;border-radius:999px;font-family:'Balsamiq Sans';
  font-weight:700;cursor:pointer;white-space:nowrap}

/* ---- часовникът */
.p2hold{display:inline-flex;align-items:center;gap:7px;background:#fff;
  border:2px solid var(--lilac);border-radius:999px;padding:7px 15px;
  font-size:14px;color:var(--blue);font-weight:600}
.p2hold b{font-family:'Balsamiq Sans';font-weight:700;font-size:16px;
  color:var(--coral);font-variant-numeric:tabular-nums}
.p2hold.hero{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.34);color:#fff;
  margin-top:16px}
.p2hold.hero b{color:#fff}
.p2-late .p2hold b{opacity:.65}

/* ---- героят: отстъпката води, както при woofz */
.p2hero{background:var(--v);color:#fff;text-align:center;
  padding:26px 20px 40px!important;border-radius:0 0 28px 28px}
.p2hero-logo{display:inline-flex;margin-bottom:18px;opacity:.95}
.p2hero-eyebrow{display:inline-block;margin:0 0 16px;font-size:13px;font-weight:700;
  letter-spacing:.4px;text-transform:uppercase;background:rgba(255,255,255,.18);
  padding:5px 13px;border-radius:999px}
.p2hero-lead{margin:0;font-size:18px;line-height:1.42;opacity:.95}
.p2hero-off{margin:6px 0 0;line-height:1}
.p2hero-off b{font-family:'Balsamiq Sans';font-weight:700;font-size:92px;
  color:var(--mint);letter-spacing:-2px;display:inline-block}
.p2hero-price{margin:2px 0 0;font-size:19px}
.p2hero-price s{opacity:.6;margin-right:9px}
.p2hero-price b{font-family:'Balsamiq Sans';font-weight:700;font-size:26px}
.p2hero-cta{margin-top:20px;background:#fff;color:var(--v);border:0;border-radius:999px;
  font-family:'Balsamiq Sans';font-weight:700;font-size:19px;padding:15px 34px;
  cursor:pointer;box-shadow:0 10px 26px rgba(0,0,0,.18);width:100%;max-width:340px}
.p2hero-cta:hover{transform:translateY(-1px)}
.p2hero-sub{margin:16px 0 0;font-size:13.5px;opacity:.85;line-height:1.5}

/* ---- „Знаеш ли, че?“ */
.p2know-card{background:var(--butterl);border-radius:24px;padding:24px 18px}
.p2know-h{margin:0 0 8px;font-family:'Balsamiq Sans';font-weight:700;font-size:23px;
  color:var(--blue);text-align:center}
.p2know-lead{margin:0 0 18px;font-size:16px;line-height:1.5;text-align:center;color:var(--ink)}
.p2know-nums{display:grid;gap:12px}
.p2know-nums span{display:flex;align-items:center;gap:14px;background:#fff;
  border-radius:16px;padding:13px 15px}
.p2know-nums b{font-family:'Balsamiq Sans';font-weight:700;font-size:32px;color:var(--coral);
  flex:0 0 74px;text-align:center;line-height:1}
.p2know-nums span:nth-child(2) b{color:var(--grey);font-size:26px}
.p2know-nums em{font-style:normal;font-size:15px;line-height:1.4}
.p2know-nums em b{font-size:15px;color:var(--ink);display:inline;flex:none}
.p2know-src{margin:14px 0 0;font-size:12.5px;color:var(--grey);text-align:center}
.p2know-bridge{margin:20px 0 6px;font-size:16.5px;line-height:1.55;text-align:center;
  font-weight:600;color:var(--blue)}

/* ---- ползите */
.p2ben-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.p2ben-list li{display:flex;gap:13px;align-items:flex-start;padding:12px 4px;
  font-size:16px;line-height:1.45;border-bottom:1px solid var(--mist)}
.p2ben-list li:last-child{border-bottom:0}
.p2b-i{flex:0 0 34px;height:34px;border-radius:50%;background:var(--mintl);color:var(--teal);
  display:flex;align-items:center;justify-content:center}

/* ---- колажът от корици */
.p2col{position:relative;width:340px;max-width:100%;height:212px;margin:0 auto 6px;flex:0 0 auto}
.p2col img{position:absolute;border-radius:8px;box-shadow:0 10px 24px rgba(47,93,124,.2)}
.p2col .a{left:0;top:34px;width:104px;transform:rotate(-8deg)}
.p2col .b{left:62px;top:12px;width:110px;transform:rotate(-3deg)}
.p2col .c{left:132px;top:0;width:130px;z-index:2}
.p2col .d{right:0;top:44px;width:98px;transform:rotate(7deg)}

/* ---- офертните панели */
.p2offer{border-radius:26px;margin:8px 12px;text-align:center}
.p2offer.butter{background:var(--butterl)}
.p2offer.lilac{background:var(--lilacl)}
.p2offer-art{margin-bottom:10px;display:flex;justify-content:center}
.p2art-img{width:230px;max-width:70%;border-radius:20px}
.p2art-nimbo{display:flex;justify-content:center}
.p2offer-h{font-size:25px!important;margin-bottom:14px!important}
.p2offer-h span{display:block;font-size:17px;color:var(--coral);margin-top:2px}
.p2guar-line{margin:14px 0 0;font-size:14.5px;color:var(--teal);font-weight:700}
.p2buy{width:100%;max-width:400px;margin-top:12px;border:0;cursor:pointer;
  font-family:'Balsamiq Sans';font-size:19px}
.p2fine{margin:12px auto 0;max-width:420px}
.p2offer .klaurs{margin-top:18px}

/* ---- трите стъпала */
.p2tcs{display:grid;gap:11px;margin-top:16px;text-align:left}
.p2tc{position:relative;display:block;background:#fff;border:2px solid #E3E9EC;
  border-radius:18px;padding:14px 14px 14px 12px;cursor:pointer;
  transition:border-color .15s,box-shadow .15s}
.p2tc:hover{border-color:var(--mint)}
.p2tc.on{border-color:var(--teal);box-shadow:0 8px 22px rgba(62,142,126,.18)}
.p2tc input{position:absolute;opacity:0;pointer-events:none}
.p2tc-badge{position:absolute;top:-10px;left:14px;background:var(--teal);color:#fff;
  font-family:'Balsamiq Sans';font-weight:700;font-size:11.5px;letter-spacing:.5px;
  padding:3px 11px;border-radius:999px}
.p2tc-in{display:flex;gap:11px;align-items:flex-start}
.p2tc-tick{flex:0 0 21px;height:21px;margin-top:2px;border-radius:50%;
  border:2px solid #CBD6DB;background:#fff}
.p2tc.on .p2tc-tick{border-color:var(--teal);background:var(--teal);
  box-shadow:inset 0 0 0 3px #fff}
.p2tc-txt{flex:1;min-width:0}
.p2tc-txt b{display:block;font-family:'Balsamiq Sans';font-weight:700;font-size:17px;
  color:var(--blue);line-height:1.25}
.p2tc-txt em{display:block;font-style:normal;font-size:13.5px;color:var(--grey);margin-top:2px}
.p2tc-li{list-style:none;margin:8px 0 0;padding:0;display:none}
.p2tc.on .p2tc-li{display:block}
.p2tc-li li{position:relative;padding-left:17px;font-size:13.5px;line-height:1.45;
  color:var(--ink);margin-top:3px}
.p2tc-li li:before{content:"✓";position:absolute;left:0;color:var(--teal);font-weight:700}
.p2tc-pr{flex:0 0 auto;text-align:right}
.p2tc-pr s{display:block;font-size:13px;color:var(--grey)}
.p2tc-pr b{display:block;font-family:'Balsamiq Sans';font-weight:700;font-size:21px;
  color:var(--ink);line-height:1.1}
.p2tc-pr i{display:inline-block;margin-top:3px;font-style:normal;font-size:11.5px;
  font-weight:700;color:#fff;background:var(--coral);padding:2px 7px;border-radius:999px}

/* ---- гаранцията */
.p2guar{text-align:center}
.p2guar p{max-width:440px;margin:8px auto 0;font-size:15.5px;line-height:1.55;color:var(--ink)}

/* ---- преди/след */
.p2res{text-align:center}
.p2res-sub{margin:0 0 16px;font-size:15.5px;color:var(--grey)}
.p2res .kpanel figcaption em{display:block;font-style:normal;font-size:12.5px;
  color:var(--grey);margin-top:3px;font-weight:400}
.p2res-dis{margin-top:12px}

/* ---- отзивите: хоризонтална въртележка */
.p2rev{padding-left:0!important;padding-right:0!important}
.p2rev h2,.p2rev-sub,.p2rev-more{padding:0 18px}
.p2rev-sub{margin:0 0 14px;font-size:14.5px;color:var(--grey);text-align:center}
.p2rev-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;
  padding:4px 18px 8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.p2rev-track::-webkit-scrollbar{display:none}
.p2rev-c{flex:0 0 84%;max-width:330px;scroll-snap-align:start;margin:0;
  background:#fff;border:2px solid var(--mist);border-radius:18px;padding:16px}
.p2rev-c .cm-av{width:38px;height:38px;border-radius:50%;display:flex;
  align-items:center;justify-content:center;font-weight:700}
.p2rev-c figcaption{font-family:'Balsamiq Sans';font-weight:700;font-size:15px;
  color:var(--blue);margin:8px 0 6px}
.p2rev-c p{margin:0 0 6px;font-size:14.5px;line-height:1.5}
.p2rev-dots{display:flex;gap:6px;justify-content:center;margin-top:6px}
.p2rev-dots i{width:7px;height:7px;border-radius:50%;background:#D4DEE3;cursor:pointer}
.p2rev-dots i.on{background:var(--teal);width:18px;border-radius:999px}
.p2rev-more{text-align:center;margin-top:10px}

/* ---- повторният бутон */
.p2mid{text-align:center;padding-top:6px!important}

/* ---- мисията */
.p2mis{background:var(--skyl);border-radius:26px;margin:8px 12px;text-align:center}
.p2mis-art{display:flex;justify-content:center;margin-bottom:8px}
.p2mis p{max-width:460px;margin:0 auto 10px;font-size:15.5px;line-height:1.6}
.p2mis-sign{font-weight:600;color:var(--blue)}

/* ---- плащането на страницата */
.p2pay-sum{max-width:460px;margin:0 auto 14px;background:#fff;border:2px solid #E3E9EC;
  border-radius:18px;padding:14px 16px}
.p2pay-line,.p2pay-tot{display:flex;align-items:center;gap:10px;font-size:15px;
  padding:6px 0}
.p2pay-line span,.p2pay-tot span{flex:1}
.p2pay-tot{border-top:2px solid var(--mist);margin-top:6px;padding-top:11px}
.p2pay-tot s{color:var(--grey);font-size:14px}
.p2pay-tot b{font-family:'Balsamiq Sans';font-weight:700;font-size:22px;color:var(--ink)}
.p2pay-tot em{font-style:normal;font-size:12.5px;color:var(--grey);flex:0 0 100%;
  text-align:right}
.p2pay .co-line-add{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:14px}
.p2pay .co-line-add img{width:26px;border-radius:4px}
.p2pay .co-line-p{margin-left:auto;font-weight:700}
.p2pay .co-rm{border:0;background:transparent;color:var(--coral);font-size:12.5px;
  cursor:pointer;padding:0;text-decoration:underline}
#pay-mount{max-width:520px;margin:0 auto;min-height:0}
.p2bumps{display:none}
.p2bumps[hidden]{display:none}

/* ---- източниците и въпросите */
.p2src-sub{margin:0 0 14px;font-size:15.5px;color:var(--grey);text-align:center}
.p2faq{max-width:520px;margin:0 auto}

/* ---- доверие */
.p2trust{background:var(--mist);border-radius:26px;margin:8px 12px;text-align:center}
.p2trust .kpay{display:flex;gap:8px;justify-content:center;margin-bottom:16px}
.p2tr{display:grid;gap:14px;text-align:left;max-width:460px;margin:0 auto}
.p2tr-i{display:flex;gap:12px;align-items:flex-start}
.p2tr-i>span{flex:0 0 32px;height:32px;border-radius:50%;background:#fff;color:var(--teal);
  display:flex;align-items:center;justify-content:center}
.p2tr-i b{font-family:'Balsamiq Sans';font-weight:700;font-size:15.5px;color:var(--blue)}
.p2tr-i p{margin:2px 0 0;font-size:14px;line-height:1.5;color:var(--ink)}
.p2alt{text-align:center;padding:6px 18px 0}

@media(min-width:601px){
  .p2hero-off b{font-size:104px}
  .p2rev-c{flex:0 0 62%}
  .p2know-nums{grid-template-columns:1fr}
}

/* 1. По-едро заглавие и текст — на телефон беше твърде дребно */
.saleh1{font-size:clamp(34px,5.6vw,54px)}
.saleh3{font-size:clamp(27px,3.9vw,38px)}
.saleh2{font-size:clamp(24px,3.4vw,33px)}
.saleh4{font-size:clamp(18px,2.1vw,22px)}
body{font-size:19px}
.lead{font-size:clamp(19px,2.1vw,23px)}

/* 2. Повече въздух около цената, за да диша като в референцията */
.pricebox{margin:38px auto 0;padding:26px 20px 28px;max-width:560px;
  background:#fff;border:2px solid #E3E9EC;border-radius:24px;
  box-shadow:0 14px 38px rgba(47,93,124,.10)}
.pricebox .total{margin-bottom:14px}
.pricebox .now{margin:0 0 18px}
.pricebox .now .nlbl{display:block;margin-bottom:6px}
.pricebox .now b{display:block;margin:2px 0 10px;
  font-size:clamp(30px,5.6vw,46px);white-space:nowrap}
.pricebox .save{margin-top:4px}
.pricebox .btn.big{margin-top:6px}
.pricebox .lvline{margin-bottom:20px}

/* 5. Методът „Кога-Къде-Колко“ — три чипа вместо сив ред текст.
      Това е подписът на продукта; заслужава да се вижда, че са три стъпки. */
.method{margin:16px 0 20px;display:flex;flex-direction:column;align-items:center;gap:9px}
.method-lbl{font-size:clamp(15px,1.7vw,17px);color:#6B7A83;letter-spacing:.2px}
.method-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}
.method-chips b{
  font-family:'Balsamiq Sans';font-weight:700;
  font-size:clamp(17px,2.2vw,22px);line-height:1;
  color:#fff;padding:9px 18px;border-radius:999px;
  box-shadow:0 4px 0 rgba(43,58,66,.14);
  transform:rotate(var(--r,0deg));
}
.method-chips b:nth-child(1){--r:-1.6deg}
.method-chips b:nth-child(3){--r:1.2deg}
.method-chips b:nth-child(5){--r:-1deg}
.method-chips i{font-style:normal;color:#B6C4CB;font-weight:700}
.mc-teal{background:#3E8E7E}
.mc-mustard{background:#D9A400}
.mc-coral{background:#E2725B}
.mc-violet{background:#8E6FB0}
.mc-blue{background:#2F5D7C}
@media(max-width:420px){
  .method-chips b{font-size:16px;padding:8px 14px}
  .method{gap:7px}
}

/* 6. Героят. Три варианта за сравнение — превключват се с клас на <body>:
      v1 = картинка над текста, меко избледняване към хартията (без рязане)
      v2 = текст върху картинката, всички ръбове размити
      v3 = картинка над текста, леко подрязана отдолу, малко по-висока
      Общото: картинката е ПЪЛНА ШИРИНА и не се разтяга (cover, не 100% 100%). */

.hero-art{display:none}
.salehero .callout{margin:0 auto 10px}

.hero-stage{
  position:relative;
  width:100%;
  max-width:none;
  margin:0 auto;
  display:flex;flex-direction:column;align-items:center;
  padding:0;
}
.hero-stage::before{
  content:"";
  position:absolute;left:0;right:0;top:0;
  background:url(img/hero-scene-9x16.webp) top center/cover no-repeat;
  z-index:0;pointer-events:none;
}
.hero-stage > *{position:relative;z-index:1}

/* --- v1: картинката отгоре, текстът под нея, мек преход към хартията --- */
body.hero-v1 .hero-stage::before{
  aspect-ratio:768/1116;
  -webkit-mask-image:linear-gradient(180deg,#000 62%,rgba(0,0,0,.55) 82%,transparent 100%);
  mask-image:linear-gradient(180deg,#000 62%,rgba(0,0,0,.55) 82%,transparent 100%);
}
body.hero-v1 .hero-stage{padding-top:calc(100% * 1116 / 768 * 0.80)}

/* --- v2: текстът върху картинката, всички ръбове размити --- */
body.hero-v2 .hero-stage::before{
  aspect-ratio:768/1116;
  -webkit-mask-image:
     linear-gradient(180deg,transparent 0,#000 7%,#000 88%,transparent 100%),
     linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:
     linear-gradient(180deg,transparent 0,#000 7%,#000 88%,transparent 100%),
     linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);
  mask-composite:intersect;
}
body.hero-v2 .hero-stage{padding-top:calc(100% * 1116 / 768 * 0.47)}

/* --- v3: както в началото, само малко по-висока и подрязана отдолу --- */
body.hero-v3 .hero-stage::before{
  aspect-ratio:768/980;
  -webkit-mask-image:linear-gradient(180deg,#000 84%,transparent 100%);
  mask-image:linear-gradient(180deg,#000 84%,transparent 100%);
}
body.hero-v3 .hero-stage{padding-top:calc(100% * 980 / 768 * 0.86)}

/* Текстът се смалява заедно с рамката на тесни екрани — без долен праг,
   за да е еднакво съотношение картинка/текст на 320 и на 430. */
@media(max-width:520px){
  .hero-stage .saleh1{font-size:clamp(22px,8.2vw,34px);-webkit-text-stroke-width:4px;text-stroke-width:4px}
  .hero-stage .saleh3{font-size:clamp(17px,6vw,27px);-webkit-text-stroke-width:3px;text-stroke-width:3px}
  .hero-stage .saleh2{font-size:clamp(15px,5.2vw,24px)}
  .hero-stage .saleh4,.hero-stage .method-lbl{font-size:clamp(13px,3.8vw,17px)}
  .method-chips b{font-size:clamp(14px,4.2vw,19px);padding:7px 13px}
  .salehero .callout{font-size:clamp(14px,4vw,18px);width:94%}
  .hero-stage .btn.big{font-size:clamp(17px,5vw,22px);padding:14px 22px}
}

/* 7. Само предпазна мярка рамката да не излиза от wrap-а на тесен телефон.
      БЕЗ намаляване на шрифта: „преливането“, което видях, беше артефакт —
      хедлес Chrome рендира минимум 484px CSS ширина, значи снимка на 390px
      е 484px рендер, изрязан до 390. На истински iPhone текстът се събира. */
@media(max-width:430px){
  .hero-stage{width:100%;max-width:100%;padding:0}
}

/* 3. Гаранцията да стои плътно под бутона, а не през цяла секция */
.edge + section.sky{padding-top:8px}
section.sky .guar{padding:2px 0 6px}
.guar{margin-top:0}

/* 8. Анкетата на /thanks. ТУК е, защото _tune се лепи последен — правило,
      сложено по-нагоре във файла, се презаписва от по-късен CSS += блок. */
.survey{max-width:560px;margin:34px auto 0;padding:22px 24px;text-align:left;
  background:#fff;border:1px solid rgba(20,24,31,.10);border-radius:14px;
  box-shadow:0 1px 2px rgba(20,24,31,.04),0 10px 30px -18px rgba(20,24,31,.30)}
.survey .survey-q{margin:0 0 8px;font-weight:600;color:#2f3a46}
.chips-row{display:flex;flex-wrap:wrap;gap:8px}
.chip-radio{position:relative;display:inline-flex}
.chip-radio input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.chip-radio span{display:inline-block;padding:8px 14px;border-radius:999px;
  border:1px solid rgba(20,24,31,.16);font-size:15px;line-height:1.2;
  background:#fff;transition:background .12s,border-color .12s,color .12s}
.chip-radio input:checked + span{background:#2a9d8f;border-color:#2a9d8f;color:#fff;font-weight:600}
.chip-radio input:focus-visible + span{outline:2px solid #2a9d8f;outline-offset:2px}
.survey-done{max-width:560px;margin:34px auto 0;padding:18px 22px;text-align:left;
  background:#fff;border:1px solid rgba(20,24,31,.10);border-radius:14px;font-size:15px}
@media(max-width:430px){.survey{padding:18px 16px}.chip-radio span{padding:7px 12px;font-size:14px}}

/* 9. Куизът (35 екрана по модела на thepeak.pro) и страниците с резултата.
      ТУК е, защото _tune се лепи последен и печели — правило, сложено
      по-нагоре във файла, се презаписва от по-късен CSS += блок. */
/* КАПАН: .kteach/.ksaid/.kdec/.ksocial задават display:flex, а class-селекторът
   бие вграденото [hidden]{display:none} на браузъра — тоест съдържание се
   показваше ПРЕДИ реда си. Затова изрично: */
[hidden]{display:none !important}

/* --- рамка ---------------------------------------------------------- */
.kviz-page{min-height:100vh;background:#FFFDF8;padding:0 0 40px;
  display:flex;flex-direction:column;justify-content:center}
.kviz-wrap{max-width:600px;margin:0 auto;text-align:left}
.kbrandbar{display:flex;justify-content:center;padding:16px 0 2px}
.kbrandbar svg{display:block}

/* Тъмният режим на обучаващите екрани. При thepeak.pro е #1C1410; при нас е
   нашето мастилено — смяната на режима се усеща, без сайтът да стане чужд. */
body.kdark{background:#2B3A42}
body.kdark .kviz-page{background:#2B3A42;color:#EEF3F5}
body.kdark .kh,body.kdark .kbody,body.kdark .knote{color:#EEF3F5}
body.kdark .kbrandbar svg path,body.kdark .kbrandbar svg circle{stroke:#EEF3F5}
body.kdark .kbrandbar{filter:brightness(0) invert(1);opacity:.8}
body.kdark .kbar{background:rgba(255,255,255,.16)}
body.kdark .kdot{background:#2B3A42;border-color:rgba(255,255,255,.3)}
body.kdark .btn{background:#3E8E7E;box-shadow:0 5px 0 #2F6E61}

/* --- лентата с напредъка -------------------------------------------- */
.kprog{position:relative;padding:16px 0 20px}
.kbar{height:7px;border-radius:99px;background:#E7EDEF;overflow:visible;position:relative}
.kbar i{display:block;height:100%;border-radius:99px;background:#3E8E7E;width:0;
  transition:width .5s cubic-bezier(.3,.9,.4,1)}
.kdot{position:absolute;top:50%;width:15px;height:15px;border-radius:99px;
  background:#FFFDF8;border:2px solid #D6E0E4;transform:translate(-50%,-50%);
  transition:all .3s ease}
.kprog{--pt:0}
.kdot[data-p="25"]{left:25%}.kdot[data-p="50"]{left:50%}
.kdot[data-p="75"]{left:75%}.kdot[data-p="100"]{left:calc(100% - 4px)}
.kdot.on{background:#3E8E7E;border-color:#3E8E7E;width:19px;height:19px}
.kdot.on::after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;
  justify-content:center;color:#fff;font-size:11px;font-weight:700}

/* --- общи части на екраните ------------------------------------------ */
.kq,.ki{animation:kfade .34s ease both;margin-bottom:30px}
@keyframes kfade{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.kh{font-family:'Balsamiq Sans';font-weight:700;color:#2B3A42;line-height:1.2;
  font-size:24px;margin:0 0 10px;text-wrap:balance}
.kh.big{font-size:31px;line-height:1.14}
.kbody{font-size:16.5px;line-height:1.6;color:#43535C;margin:0 0 16px}
.knote{font-size:14.5px;color:#6B7A83;margin:-2px 0 14px}
.klead{font-size:17.5px;line-height:1.6;margin:0 0 14px}
.keyebrow{font-size:12.5px;letter-spacing:.09em;text-transform:uppercase;
  color:#6B7A83;font-weight:700;margin:0 0 8px}
.kpill{display:inline-block;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;
  font-weight:700;color:#2B3A42;background:#A8D8C9;border-radius:99px;
  padding:5px 12px;margin:0 0 14px}
body.kdark .kpill{background:#A8D8C9;color:#20303A}
.kpill.mint{background:#DCEFE9;color:#2F6E61}
.ktiny{font-size:13px;line-height:1.55;color:#6B7A83}
.klink{background:none;border:0;padding:0;color:#3E8E7E;text-decoration:underline;
  font:inherit;cursor:pointer}
body.kdark .klink,body.kdark .ktiny{color:#9FB4BD}
.kupfront{background:#FFF1C4;border-radius:12px;padding:12px 14px;font-size:15px}

/* --- отговорите ------------------------------------------------------ */
.kopts{display:flex;flex-direction:column;gap:9px;margin-top:16px}
.kopt{display:flex;align-items:center;gap:12px;cursor:pointer;
  border:2px solid #E1E9EC;border-radius:15px;padding:14px 16px;background:#fff;
  transition:border-color .18s,background .18s,transform .18s}
.kopt input{position:absolute;opacity:0;width:0;height:0}
.kopt span{font-size:16.5px;line-height:1.35;color:#2B3A42}
.kopt::before{content:"";flex:0 0 auto;width:21px;height:21px;border-radius:99px;
  border:2px solid #CBD7DC;transition:all .18s}
.kopt:hover{border-color:#A8D8C9}
.kopt:has(input:checked){border-color:#3E8E7E;background:#F2FAF7;transform:scale(1.015)}
.kopt:has(input:checked)::before{border-color:#3E8E7E;background:#3E8E7E;
  box-shadow:inset 0 0 0 3px #fff}
.kopt:has(input:focus-visible){outline:2px solid #3E8E7E;outline-offset:2px}
body.kdark .kopt{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16)}
body.kdark .kopt span{color:#EEF3F5}
body.kdark .kopt:has(input:checked){background:rgba(168,216,201,.18);border-color:#A8D8C9}

/* скалата 1–5 — формата на RatingStep.jsx: пет квадрата и две котви отдолу */
.kscale{display:flex;gap:9px;margin-top:18px}
.kscale-c{flex:1;cursor:pointer}
.kscale-c input{position:absolute;opacity:0;width:0;height:0}
.kscale-c span{display:flex;align-items:center;justify-content:center;height:56px;
  border:2px solid #E1E9EC;border-radius:13px;background:#fff;font-size:19px;
  font-weight:700;color:#2B3A42;transition:all .2s}
.kscale-c:has(input:checked) span{background:#3E8E7E;border-color:#3E8E7E;color:#fff;transform:scale(1.06)}
.kscale-lab{display:flex;justify-content:space-between;margin-top:10px;
  font-size:13px;color:#6B7A83}
body.kdark .kscale-c span{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);color:#EEF3F5}

/* --- входният екран --------------------------------------------------- */
.kq-first{padding-top:10px}
.klanding{margin-bottom:24px;text-align:center}
.klanding .kh.big{font-size:33px;line-height:1.1;display:flex;flex-direction:column;gap:2px}
.kshine{background:linear-gradient(100deg,#3E8E7E 10%,#8FCBBB 35%,#3E8E7E 60%);
  background-size:220% 100%;-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:#3E8E7E;animation:kshine 6s ease-in-out infinite}
@keyframes kshine{0%{background-position:180% 0}100%{background-position:-60% 0}}
.klanding-s{font-size:16.5px;line-height:1.55;color:#5A6A73;margin:12px auto 0;max-width:430px}
.ktrust{display:flex;justify-content:center;gap:26px;margin-top:22px;padding-top:18px;
  border-top:1px solid rgba(43,58,66,.1)}
.ktrust span{display:flex;flex-direction:column;align-items:center;font-size:12.5px;
  color:#6B7A83;letter-spacing:.03em}
.ktrust b{font-family:'Balsamiq Sans';font-weight:700;font-size:21px;color:#3E8E7E;line-height:1.2}
.kq-first .kh:not(.big){text-align:center}
.kq-first .knote{text-align:center}
.kterms{margin:20px 0 0;font-size:12.5px;color:#8B96A2;text-align:center;line-height:1.5}
.kterms a{color:#6B7A83}
.ksrc{margin-top:18px;font-size:13px;border-top:1px solid rgba(43,58,66,.08);padding-top:14px}
.ksrc summary{cursor:pointer;color:#6B7A83;list-style:none}
.ksrc summary::-webkit-details-marker{display:none}
.ksrc summary::before{content:"▸ ";color:#A8B6BD}
.ksrc[open] summary::before{content:"▾ "}
.ksrc ol{margin:12px 0 0;padding-left:20px;color:#7B8A92}
.ksrc li{margin-bottom:9px;line-height:1.45}
.ksrc a{color:#3E8E7E}
.ksrc span{display:block;font-size:12px;color:#96A4AB}

/* --- обучаващият екран ------------------------------------------------ */
.ki{padding-top:6px}
.kcite{margin-top:22px;border-radius:16px;padding:15px 17px;
  background:rgba(168,216,201,.14);border:1px solid rgba(168,216,201,.3)}
body.kdark .kcite{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}
.kcite-h{display:block;font-size:12px;letter-spacing:.05em;line-height:1.5;
  text-transform:uppercase;color:#6B7A83;margin:0 0 8px;font-weight:600}
.kcite-h svg{vertical-align:-3px;margin-right:6px}
body.kdark .kcite-h{color:#9FB4BD}
.kcite-h b{color:#2F6E61}
body.kdark .kcite-h b{color:#A8D8C9}
.kcite-t{font-size:15px;line-height:1.55;margin:0;color:#43535C}
body.kdark .kcite-t{color:#DCE6EA}
.kcite-t b{color:#2B3A42}
body.kdark .kcite-t b{color:#fff}
.kcite-a{font-size:12px;color:#96A4AB;margin:9px 0 0;font-style:italic}

/* --- анимация 1: автоматичното пускане (екран 6) ---------------------- */
.kap{margin-top:20px;display:flex;flex-direction:column;gap:16px}
.kap-box{border-radius:17px;padding:14px 15px;background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.13)}
.kap-h{font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:#9FB4BD;margin:0 0 10px;font-weight:700}
.kap-screen{border-radius:12px;background:rgba(0,0,0,.22);padding:13px;min-height:82px}
.kap-clip{height:44px;border-radius:9px;background:linear-gradient(120deg,#3f5560,#55707d);
  display:flex;align-items:center;justify-content:center;transition:opacity .18s,transform .18s}
.kap-screen.swap .kap-clip{opacity:.25;transform:scale(.94)}
.kap-play{width:0;height:0;border-left:13px solid rgba(255,255,255,.75);
  border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:3px}
.kap-next{margin:10px 0 0;font-size:13.5px;color:#B9C8CF;text-align:center}
.kap-next b{color:#E2725B;font-size:16px}
.kap-next.kap-ok{color:#A8D8C9}
#kap-tick{display:inline-block;width:15px;color:#A8D8C9;transition:transform .3s}
#kap-tick.on{transform:scale(1.4)}
.kap-track{height:44px;border-radius:9px;background:rgba(255,255,255,.09);position:relative;overflow:hidden}
.kap-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#3E8E7E,#6FB6A5)}
.kap-flag{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:11.5px;
  background:#FFF1C4;color:#6b5300;border-radius:99px;padding:3px 9px;font-weight:700;white-space:nowrap}
.kap-out{margin:10px 0 0;font-size:14px;line-height:1.45}
.kap-bad{color:#F0A392}.kap-good{color:#A8D8C9}
.kap-dots{display:flex;gap:6px;justify-content:center}
.kap-dots i{width:7px;height:7px;border-radius:99px;background:rgba(255,255,255,.2);transition:background .3s}
.kap-dots i.on{background:#E2725B}

/* --- анимация 2: сънят (екран 9) -------------------------------------- */
.ksl{margin-top:20px}
.ksl-h{font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:#9FB4BD;margin:0 0 14px;font-weight:700}
.ksl-row{display:flex;align-items:center;gap:11px;margin-bottom:13px}
.ksl-lab{flex:0 0 96px;font-size:13px;line-height:1.25;color:#C3D0D6}
.ksl-bar{flex:1;height:26px;border-radius:99px;background:rgba(255,255,255,.09);overflow:hidden}
.ksl-bar i{display:block;height:100%;border-radius:99px;width:0}
.ksl-row b{flex:0 0 auto;font-family:'Balsamiq Sans';font-size:22px;min-width:56px;text-align:right}
.ksl-f{font-size:13px;color:#9FB4BD;margin:14px 0 0;line-height:1.5}

/* --- анимация 3: сверяване с другите (екран 10) ----------------------- */
.kpe{margin-top:18px}
.kpe-n{text-align:center;margin-bottom:14px}
.kpe-n b{display:block;font-family:'Balsamiq Sans';font-size:38px;color:#A8D8C9;line-height:1.1}
.kpe-n span{font-size:13.5px;color:#9FB4BD}
.kpe-list{list-style:none;margin:0 0 16px;padding:0}
.kpe-list li{font-size:15px;color:#DCE6EA;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.09)}
.kpe-list b{color:#E2725B;font-family:'Balsamiq Sans';font-size:19px;margin-right:7px}
.kpe-none{font-size:14px;color:#9FB4BD;line-height:1.55;margin:0 0 18px}
.kpe-bar-h{font-size:13px;color:#9FB4BD;margin:0 0 8px}
.kpe-bar{height:9px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden}
.kpe-bar i{display:block;height:100%;width:0;background:#A8D8C9;border-radius:99px}
.kpe-pct{text-align:right;font-size:13px;color:#A8D8C9;margin:7px 0 0;font-variant-numeric:tabular-nums}

/* --- анимация 4: трите решения (екран 16) ----------------------------- */
.kt3{margin-top:20px;display:flex;flex-direction:column;gap:11px}
.kt3-c{display:flex;align-items:center;gap:13px;border:2px solid #E1E9EC;border-radius:16px;
  padding:14px 16px;background:#fff;transition:border-color .45s,background .45s}
.kt3-dot{flex:0 0 auto;width:15px;height:15px;border-radius:99px;border:2px solid #E2725B;
  background:transparent;transition:all .45s}
.kt3-b{display:flex;flex-direction:column;gap:2px}
.kt3-b b{font-family:'Balsamiq Sans';font-size:18px;color:#2B3A42}
.kt3-b em{font-style:normal;font-size:14px;color:#7B8A92;transition:opacity .35s}
.kt3-off{display:none}
.kt3-on{display:block;color:#2F6E61}
.kt3-c{border-color:#3E8E7E;background:#F2FAF7}
.kt3-dot{border-color:#3E8E7E;background:#3E8E7E;box-shadow:inset 0 0 0 3px #fff}
.kt3.anim .kt3-c{border-color:#E1E9EC;background:#fff}
.kt3.anim .kt3-dot{border-color:#E2725B;background:transparent;box-shadow:none}
.kt3.anim .kt3-off{display:block}
.kt3.anim .kt3-on{display:none}
.kt3.anim .kt3-c.flip{border-color:#3E8E7E;background:#F2FAF7}
.kt3.anim .kt3-c.flip .kt3-dot{border-color:#3E8E7E;background:#3E8E7E;box-shadow:inset 0 0 0 3px #fff}
.kt3.anim .kt3-c.flip .kt3-off{display:none}
.kt3.anim .kt3-c.flip .kt3-on{display:block}

/* --- анимация 5: две седмици (екран 20) ------------------------------- */
.klt{margin-top:20px;text-align:center}
.klt-days{display:grid;grid-template-columns:repeat(7,26px);gap:7px;justify-content:center;margin:0 auto}
.klt-days i{width:26px;height:26px;border-radius:8px;background:rgba(255,255,255,.1);
  transition:background .3s,transform .3s}
.klt-days i.on{background:#A8D8C9;transform:scale(1.08)}
.klt-h{margin:16px 0 0;font-size:15px;color:#C3D0D6}
.klt-h b{font-family:'Balsamiq Sans';font-size:26px;color:#A8D8C9}
.klt-f{margin:8px 0 0;font-size:14px;color:#A8D8C9}

/* --- анимация 6: срещу таймера (екран 22) ----------------------------- */
.kvs{margin-top:20px;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.14)}
.kvs-head,.kvs-row{display:grid;grid-template-columns:1fr 74px 92px;align-items:center;gap:8px;
  padding:11px 13px}
.kvs-head{background:rgba(255,255,255,.07);font-size:11.5px;letter-spacing:.06em;
  text-transform:uppercase;font-weight:700;color:#9FB4BD;text-align:center}
.kvs-head span:first-child{text-align:left}
.kvs-row{font-size:14.5px;color:#DCE6EA;border-top:1px solid rgba(255,255,255,.08);
  transition:opacity .45s,transform .45s}
.kvs.anim .kvs-row{opacity:0;transform:translateY(10px)}
.kvs.anim .kvs-row.on{opacity:1;transform:none}
.kvs-row span:not(:first-child){text-align:center;font-size:18px;font-weight:700}
.kvs-row .y{color:#A8D8C9}.kvs-row .n{color:#E2725B}

/* --- анимация 7: часовникът (екран 33) -------------------------------- */
.kcl{margin-top:18px;display:flex;align-items:center;gap:20px;color:#2B3A42}
.kcl-n{margin:0;font-size:15px;color:#5A6A73}
.kcl-n b{display:block;font-family:'Balsamiq Sans';font-size:44px;color:#3E8E7E;line-height:1}

/* --- отплата 1 (екран 15) --------------------------------------------- */
.kp1{margin-top:18px}
.kp1-row{margin-bottom:15px}
.kp1-lab{display:block;font-size:14px;color:#5A6A73;margin-bottom:6px;font-weight:600}
.kp1-bar{display:block;height:13px;border-radius:99px;background:#E7EDEF;overflow:hidden}
.kp1-bar i{display:block;height:100%;width:0;border-radius:99px;
  background:linear-gradient(90deg,#3E8E7E,#8FCBBB)}
.kp1-say{display:block;font-size:13.5px;color:#7B8A92;margin-top:5px}
.kp1-f{margin:18px 0 0;font-size:15.5px;line-height:1.55;color:#2F6E61;
  background:#F2FAF7;border-radius:13px;padding:13px 15px}

/* --- отплата 2 (екран 28) --------------------------------------------- */
.kp2{margin-top:18px}
.kp2-gauge{position:relative;display:flex;align-items:center;gap:18px;color:#CBD7DC;margin-bottom:18px}
.kp2-pct{display:flex;flex-direction:column}
.kp2-pct b{font-family:'Balsamiq Sans';font-size:34px;color:#3E8E7E;line-height:1.05}
.kp2-pct em{font-style:normal;font-size:13.5px;color:#6B7A83;line-height:1.35}
.kp2-list{list-style:none;margin:0;padding:0}
.kp2-row{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:13px;
  border:2px solid #E1E9EC;margin-bottom:8px;background:#fff}
.kp2-row .dot{flex:0 0 auto;width:13px;height:13px;border-radius:99px;border:2px solid #E2725B}
.kp2-row.set{border-color:#3E8E7E;background:#F2FAF7}
.kp2-row.set .dot{background:#3E8E7E;border-color:#3E8E7E;box-shadow:inset 0 0 0 2.5px #fff}
.kp2-row span:nth-child(2){flex:1;display:flex;flex-direction:column}
.kp2-row b{font-size:16px;font-family:'Balsamiq Sans'}
.kp2-row small{font-size:13px;color:#7B8A92}
.kp2-row .state{font-size:12px;letter-spacing:.05em;text-transform:uppercase;font-weight:700;color:#E2725B}
.kp2-row.set .state{color:#3E8E7E}
.kp2-f{margin:14px 0 0;font-size:15.5px;line-height:1.55;color:#2F6E61;
  background:#F2FAF7;border-radius:13px;padding:13px 15px}

/* --- анализираме (екран 29) ------------------------------------------- */
.kan{margin-top:18px}
.kan-row{margin-bottom:16px}
.kan-lab{display:flex;justify-content:space-between;font-size:14.5px;color:#5A6A73;margin:0 0 6px}
.kan-lab b{font-variant-numeric:tabular-nums;color:#3E8E7E}
.kan-bar{height:9px;border-radius:99px;background:#E7EDEF;overflow:hidden}
.kan-bar i{display:block;height:100%;width:0;background:#3E8E7E;border-radius:99px}
.kan-say{margin:6px 0 0;font-size:13.5px;color:#7B8A92;min-height:1px}
.kan-row.on .kan-lab::before{content:"✓ ";color:#3E8E7E}

/* --- планът е готов (екран 30) ---------------------------------------- */
.krd{margin:10px 0;display:flex;justify-content:center}
.krd-pop{position:relative;display:block;transform:scale(.3);opacity:0;
  transition:transform .55s cubic-bezier(.2,1.4,.5,1),opacity .35s}
.krd-pop.go{transform:scale(1);opacity:1}
.krd-tick{position:absolute;right:-2px;bottom:6px;width:40px;height:40px;border-radius:99px;
  background:#3E8E7E;color:#fff;display:flex;align-items:center;justify-content:center;
  font-size:22px;font-weight:700;box-shadow:0 3px 10px rgba(43,58,66,.2)}

/* --- кой го пише (екран 31) ------------------------------------------- */
.kwh{margin-top:18px;text-align:center}
.kwh-av{width:74px;height:74px;border-radius:99px;background:#FFE0D8;margin:0 auto;
  display:flex;align-items:center;justify-content:center}
.kwh-av span{font-family:'Balsamiq Sans';font-size:32px;color:#E2725B}
.kwh-name{margin:12px 0 0;font-family:'Balsamiq Sans';font-size:21px;color:#2B3A42}
.kwh-sub{margin:2px 0 0;font-size:14px;color:#7B8A92}
.kwh-stats{display:flex;justify-content:center;gap:22px;margin-top:20px;padding-top:18px;
  border-top:1px solid rgba(43,58,66,.1)}
.kwh-stats span{display:flex;flex-direction:column;align-items:center;font-size:12.5px;
  color:#6B7A83;max-width:92px;text-align:center;line-height:1.3}
.kwh-stats b{font-family:'Balsamiq Sans';font-size:22px;color:#3E8E7E;line-height:1.25}

/* --- какво покрива (екран 32) + същото на резултата -------------------- */
.kcv{margin-top:18px}
.kcv-row,.kim-row{display:flex;align-items:flex-start;gap:13px;padding:13px 0;
  border-bottom:1px solid rgba(43,58,66,.08);transition:opacity .5s,transform .5s}
.kcv.anim .kcv-row,.kim.anim .kim-row{opacity:0;transform:translateY(14px)}
.kcv.anim .kcv-row.on,.kim.anim .kim-row.on{opacity:1;transform:none}
.kcv-n,.kim-n{flex:0 0 auto;width:27px;height:27px;border-radius:99px;background:#DCEFE9;
  color:#2F6E61;display:flex;align-items:center;justify-content:center;
  font-size:13.5px;font-weight:700}
.kcv-row b,.kim-row b{display:block;font-size:16px;color:#2B3A42;font-family:'Balsamiq Sans'}
.kcv-row em,.kim-row em{display:block;font-style:normal;font-size:14px;color:#7B8A92;
  line-height:1.45;margin-top:2px}
.kcv-row span:nth-child(2),.kim-row span:nth-child(2){flex:1}
.kim-ar{color:#3E8E7E;font-size:19px;align-self:center}

/* --- обобщение (екран 34) --------------------------------------------- */
.kp3{margin-top:16px}
.kp3-h{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#8B96A2;
  font-weight:700;margin:18px 0 7px}
.kp3-h:first-child{margin-top:0}
.kp3-pills{margin:0;display:flex;gap:8px;flex-wrap:wrap}
.kp3-pills b{background:#E2725B;color:#fff;border-radius:99px;padding:7px 15px;font-size:15.5px}
.kp3-pills span{background:#EDF2F4;color:#5A6A73;border-radius:99px;padding:7px 15px;font-size:14.5px}
.kp3-date{margin:0;display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
.kp3-date b{font-family:'Balsamiq Sans';font-size:24px;color:#3E8E7E}
.kp3-date em{font-style:normal;font-size:13px;color:#8B96A2}
.kp3-weeks{display:flex;gap:7px;margin-top:9px}
.kp3-weeks i{flex:1;height:8px;border-radius:99px;background:#E7EDEF;transition:background .5s}
.kp3-weeks i.on{background:#3E8E7E}
.kp3-bar{height:13px;border-radius:99px;background:#E7EDEF;overflow:hidden}
.kp3-bar i{display:block;height:100%;width:0;border-radius:99px;
  background:linear-gradient(90deg,#3E8E7E,#8FCBBB)}
.kp3-pct{margin:7px 0 0;text-align:right}
.kp3-pct b{font-family:'Balsamiq Sans';font-size:22px;color:#3E8E7E;font-variant-numeric:tabular-nums}
.kp3-why{list-style:none;margin:0;padding:0}
.kp3-why li{display:flex;gap:10px;align-items:center;font-size:14.5px;color:#5A6A73;padding:6px 0}
.kp3-why span{flex:0 0 auto;width:21px;height:21px;border-radius:99px;display:flex;
  align-items:center;justify-content:center;font-weight:700;font-size:14px}
.kp3-why .p span{background:#DCEFE9;color:#2F6E61}
.kp3-why .m span{background:#FFE0D8;color:#C4563C}

/* --- имейлът (екран 35) ----------------------------------------------- */
.kmail{background:#fff;border-radius:22px;padding:24px 20px 22px;
  box-shadow:0 -8px 40px rgba(43,58,66,.14);animation:ksheet .4s ease-out both}
@keyframes ksheet{from{transform:translateY(60px);opacity:0}to{transform:none;opacity:1}}
.kml-lock{width:52px;height:52px;border-radius:99px;background:#DCEFE9;color:#2F6E61;
  display:flex;align-items:center;justify-content:center;margin:0 auto 14px}
.kmail .kh{text-align:center}
.kmail .knote{text-align:center}
.kfield{margin-top:16px}
.kfield label{display:block;font-size:13px;color:#6B7A83;margin-bottom:6px;font-weight:600}
.kfield input{width:100%;box-sizing:border-box;border:2px solid #E1E9EC;border-radius:13px;
  padding:14px 15px;font:inherit;font-size:16.5px;background:#FFFDF8}
.kfield input:focus{outline:none;border-color:#3E8E7E}
.kconsent{display:flex;gap:11px;align-items:flex-start;margin-top:15px;font-size:14px;
  line-height:1.45;color:#5A6A73;cursor:pointer}
.kconsent input{margin-top:3px;width:19px;height:19px;accent-color:#3E8E7E;flex:0 0 auto}
.kmail .ktiny{margin-top:12px}
#k-submit:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}
body.kmailon .kprog,body.kmailon .kbrandbar{opacity:.45}

/* --- страницата с резултата ------------------------------------------- */
.ksticky{position:sticky;top:0;z-index:40;background:rgba(255,253,248,.92);
  backdrop-filter:blur(9px);transition:transform .3s ease,box-shadow .3s ease}
.ksticky.solid{box-shadow:0 1px 0 rgba(43,58,66,.1)}
.ksticky.hide{transform:translateY(-100%)}
.ksticky-in{display:flex;align-items:center;gap:12px;padding:9px 14px}
.ksticky-logo{flex:0 0 auto;display:flex;align-items:center}
.ksticky-logo svg{display:block}
.ksticky-cta{margin-left:auto;flex:0 0 auto;padding:9px 16px;font-size:15px;white-space:nowrap}
.kcd{display:flex;flex-direction:column;line-height:1.2;font-size:11px;color:#8B96A2}
.kcd em{font-style:normal;letter-spacing:.04em}
.kcd b{font-size:15px;color:#E2725B;font-variant-numeric:tabular-nums;letter-spacing:.02em;
  white-space:nowrap}
.kcd.slim{flex:1 1 auto;min-width:0;margin-left:6px;font-size:10.5px}
.kcd.slim em{white-space:nowrap}
.kcd.slim b{font-size:13.5px}
.ksticky-cta{flex:0 0 auto;margin-left:10px}
.kcd.wide{align-items:center;text-align:center;margin:10px 0 16px;font-size:12.5px}
.kcd.wide b{font-size:23px}
.kres{padding-bottom:20px}
.kres section{margin-bottom:30px}
.kres-hero{padding-top:22px}
.kcard{background:#fff;border:1px solid rgba(43,58,66,.1);border-radius:20px;padding:22px 20px}
.kstep-in{margin-top:18px;background:#F2FAF7;border-radius:17px;padding:18px 19px}
.kstep-in h3{font-family:'Balsamiq Sans';font-size:20px;margin:0 0 8px;color:#2B3A42}
.kstep-in p{margin:0;font-size:16px;line-height:1.6;color:#43535C}
.kready{margin-top:18px}
.kready-h{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#8B96A2;
  font-weight:700;margin:0 0 8px}
.kready-bar{height:14px;border-radius:99px;background:#E7EDEF;overflow:hidden}
.kready-bar i{display:block;height:100%;width:0;border-radius:99px;
  background:linear-gradient(90deg,#3E8E7E,#8FCBBB);transition:width 1.4s cubic-bezier(.3,.9,.4,1)}
.kready-n{margin:8px 0 0;display:flex;align-items:baseline;gap:9px}
.kready-n b{font-family:'Balsamiq Sans';font-size:25px;color:#3E8E7E}
.kready-n span{font-size:14px;color:#7B8A92}
.kfacts{display:flex;gap:8px;margin-top:18px;background:#fff;
  border:1px solid rgba(43,58,66,.1);border-radius:15px;padding:14px 10px}
.kfacts span{display:flex;flex-direction:column;align-items:center;flex:1;gap:2px;text-align:center}
.kfacts i{display:flex;color:#3E8E7E}
.kfacts b{font-family:'Balsamiq Sans';font-size:15px;color:#2B3A42;line-height:1.2}
.kfacts em{font-style:normal;font-size:11px;color:#8B96A2;line-height:1.25}
.kres h3{font-family:'Balsamiq Sans';font-size:21px;color:#2B3A42;margin:0 0 10px}
.kdec{list-style:none;margin:14px 0 0;padding:0}
.kdec-row{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:13px;
  border:2px solid #E1E9EC;margin-bottom:8px}
.kdec-row .dot{flex:0 0 auto;width:13px;height:13px;border-radius:99px;border:2px solid #E2725B}
.kdec-row.set{border-color:#3E8E7E;background:#F2FAF7}
.kdec-row.set .dot{background:#3E8E7E;border-color:#3E8E7E;box-shadow:inset 0 0 0 2.5px #fff}
.kdec-row span:nth-child(2){flex:1;display:flex;flex-direction:column}
.kdec-row b{font-size:16px;font-family:'Balsamiq Sans'}
.kdec-row small{font-size:13px;color:#7B8A92}
.kdec-row .state{font-size:12px;letter-spacing:.05em;text-transform:uppercase;font-weight:700;color:#E2725B}
.kdec-row.set .state{color:#3E8E7E}
.krecall{display:block;margin-top:16px;background:#FFF1C4;border-radius:13px;padding:13px 15px;font-size:15px;line-height:1.55}
.krecall .rh{display:block;font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:#8a6d00;font-weight:700;margin-bottom:5px}
.ksaid{display:block;margin-top:14px}
.ksaid div{font-size:14.5px;line-height:1.55;color:#5A6A73;padding:9px 0;border-bottom:1px solid rgba(43,58,66,.07)}
.ksaid em{font-style:normal;color:#2B3A42;font-weight:600}
.ksocial{display:flex;align-items:center;gap:15px;margin-top:16px;background:#DCEFE9;border-radius:15px;padding:15px}
.ksocial .big{font-family:'Balsamiq Sans';font-size:35px;color:#2F6E61;line-height:1}
.ksocial p{margin:0;font-size:14.5px;line-height:1.5;color:#3d5a53}
.ksocial .src{display:block;font-size:11.5px;color:#6d8a83;margin-top:4px}
.kmechsec .kmech{margin-top:16px}
.kmech{background:#fff;border:1px solid rgba(43,58,66,.1);border-radius:18px;padding:18px}
body.kdark .kmech{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}
.kmech-h{font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:#8B96A2;margin:0 0 14px;font-weight:700}
.kmech-row{display:flex;align-items:center;gap:11px;margin-bottom:11px}
.kmech-lab{flex:0 0 84px;font-size:12.5px;line-height:1.25;color:#6B7A83}
.kmech-bar{flex:1;height:22px;border-radius:99px;background:#EDF2F4;overflow:hidden}
.kmech-bar i{display:block;height:100%;border-radius:99px}
.kmech-n{flex:0 0 auto;font-family:'Balsamiq Sans';font-size:21px;min-width:38px;text-align:right}
.kmech-f{font-size:13.5px;color:#7B8A92;margin:12px 0 0;line-height:1.5}
.koffer{background:#fff;border:2px solid #3E8E7E;border-radius:22px;padding:24px 20px;
  box-shadow:0 10px 34px rgba(62,142,126,.13)}
.koffer h3{margin:0 0 6px;font-size:23px}
.kbook{display:flex;gap:16px;align-items:flex-start;margin-top:14px}
.kbook img{border-radius:8px;box-shadow:0 5px 16px rgba(43,58,66,.16);flex:0 0 auto}
.kbenefits{list-style:none;margin:0;padding:0}
.kbenefits li{font-size:14.5px;color:#43535C;padding:4px 0 4px 22px;position:relative;line-height:1.4}
.kbenefits li::before{content:"✓";position:absolute;left:0;color:#3E8E7E;font-weight:700}
.kforme{margin-top:16px;background:#F7F9FA;border:1px solid rgba(43,58,66,.08);
  border-radius:14px;padding:14px 16px}
.kforme.mint{background:#F2FAF7;border-color:rgba(62,142,126,.22)}
.kforme-toc li{margin-bottom:7px}
.kforme-toc b{display:block}
.kforme .rh{display:block;font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;
  color:#8B96A2;font-weight:700;margin-bottom:8px}
.kforme.mint .rh{color:#2F6E61}
.kforme ul{margin:0;padding-left:19px}
.kforme li{font-size:14.5px;line-height:1.45;color:#43535C;margin-bottom:5px}
.kprice{display:flex;align-items:baseline;gap:9px;margin-top:18px;flex-wrap:wrap}
.kprice b{font-family:'Balsamiq Sans';font-size:38px;color:#2B3A42;line-height:1}
.kprice s{color:#9AA7AE;font-size:19px}
.kprice span{font-size:14px;color:#7B8A92}
.kguar-line{margin:12px 0 0;font-size:13.5px;color:#5A6A73;text-align:center;line-height:1.5}
.kbump{margin-top:16px;background:#FFF1C4;border-radius:14px;padding:14px 16px}
.kbump .tag{display:inline-block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;
  background:#D9A400;color:#fff;border-radius:99px;padding:3px 10px;font-weight:700}
.kbump p{margin:8px 0 0;font-size:14.5px;line-height:1.5;color:#5a4a10}
.kproof .ksrc{border-top:0;padding-top:0}
.kguar{background:#F2FAF7;border-radius:20px;padding:24px 20px;text-align:center}
.kseal{display:block;margin:0 auto 14px}
.kpaysafe-h{margin:18px 0 9px;font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;
  color:#8B96A2;font-weight:700}
.kpay{display:flex;justify-content:center;gap:9px}
.kpay svg{display:block}
.kguar p{font-size:15.5px;line-height:1.6;color:#43535C;margin:0 0 10px}
.kfaq-i{border-bottom:1px solid rgba(43,58,66,.1);padding:2px 0}
.kfaq-i summary{cursor:pointer;padding:14px 0;font-size:16px;font-weight:600;color:#2B3A42;
  list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center}
.kfaq-i summary::-webkit-details-marker{display:none}
.kfaq-i summary::after{content:"+";color:#3E8E7E;font-size:22px;flex:0 0 auto;transition:transform .25s}
.kfaq-i[open] summary::after{transform:rotate(45deg)}
.kfaq-i p{margin:0 0 15px;font-size:15px;line-height:1.6;color:#5A6A73}
/* трите решения като стъпки */
.ksteps{display:flex;flex-direction:column;gap:0;margin-top:16px}
.kstep{display:flex;align-items:flex-start;gap:14px;padding:14px 0;position:relative}
.kstep::after{content:"";position:absolute;left:16px;top:44px;bottom:-2px;width:2px;background:#DCEFE9}
.kstep:last-child::after{display:none}
.kstep-n{flex:0 0 auto;width:34px;height:34px;border-radius:99px;background:#3E8E7E;color:#fff;
  display:flex;align-items:center;justify-content:center;font-family:'Balsamiq Sans';
  font-weight:700;font-size:17px;z-index:1}
.kstep-b{display:flex;flex-direction:column;gap:1px;padding-top:3px}
.kstep-b b{font-family:'Balsamiq Sans';font-size:19px;color:#2B3A42}
.kstep-b em{font-style:normal;font-size:15px;color:#43535C}
.kstep-b small{font-size:13px;color:#8B96A2}

/* първата стъпка, нарисувана */
.kfd{margin-top:14px}
.kfd-line{display:flex;align-items:flex-start;gap:6px}
.kfd-beat{flex:1 1 0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;min-width:0}
.kfd-dot{width:30px;height:30px;border-radius:99px;background:#fff;border:2px solid #A8D8C9;
  color:#2F6E61;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}
.kfd-dot.on{background:#3E8E7E;border-color:#3E8E7E;color:#fff}
.kfd-dot.end{background:#FFE08A;border-color:#D9A400;color:#6b5300}
.kfd-say{margin:0;font-size:13.5px;line-height:1.35;color:#2B3A42;font-weight:600}
.kfd-when{font-size:11.5px;color:#8B96A2}
.kfd-track{flex:0 0 auto;height:2px;width:16px;margin-top:14px;background:#DCEFE9;border-radius:99px}
.kstep-more{margin-top:16px;border-top:1px solid rgba(62,142,126,.2);padding-top:12px}
.kstep-more summary{cursor:pointer;font-size:14.5px;color:#2F6E61;font-weight:600;list-style:none}
.kstep-more summary::-webkit-details-marker{display:none}
.kstep-more summary::before{content:"+ ";font-weight:700}
.kstep-more[open] summary::before{content:"– "}
.kstep-more p{margin:10px 0 0;font-size:15px;line-height:1.6;color:#43535C}

/* графиката на целта */
.kgc{background:#fff;border:1px solid rgba(43,58,66,.1);border-radius:18px;padding:16px;margin-top:14px}
.kgc-h{margin:0 0 10px;font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;
  color:#8B96A2;font-weight:700;line-height:1.35}
.kgc svg{display:block}
.kgc-key{display:flex;gap:16px;margin-top:8px;font-size:12.5px;color:#6B7A83}
.kgc-key span{display:flex;align-items:center;gap:6px}
.kgc-key i{width:16px;height:3px;border-radius:99px;display:block}
.kgc-key i.r{background:#E2725B}.kgc-key i.g{background:#3E8E7E}
.kgc-note{margin:12px 0 0;font-size:13.5px;line-height:1.5;color:#43535C}
.kgc-dis{margin:8px 0 0;font-size:11.5px;color:#A8B6BD;font-style:italic}
/* Само зелената крива се рисува. Червената и точката стоят винаги: колкото
   по-малко части зависят от клас, толкова по-малко може да остане невидимо. */
.kgc-green{transition:stroke-dashoffset 1.8s ease-out}
.kgc.anim .kgc-green{stroke-dasharray:520;stroke-dashoffset:520}
.kgc.anim.in .kgc-green{stroke-dashoffset:0}

/* върху какво работи наръчникът — ОБЛАСТИ с иконки, като Areas of
   Improvements при тях. Стрелката е нагоре, не надясно: посоката е подобрение,
   а не превръщане на едно нещо в друго. */
.kars{margin-top:14px;display:flex;flex-direction:column;gap:2px}
.kar{display:grid;grid-template-columns:42px 1fr auto;gap:13px;align-items:center;
  padding:14px 0;border-bottom:1px solid rgba(43,58,66,.08)}
.kar:last-child{border-bottom:0}
.kar-i{width:42px;height:42px;border-radius:13px;background:#DCEFE9;color:#2F6E61;
  display:flex;align-items:center;justify-content:center}
.kar-i svg{width:21px;height:21px}
.kar-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.kar-t b{font-family:'Balsamiq Sans';font-size:16.5px;color:#2B3A42;line-height:1.25}
.kar-t em{font-style:normal;font-size:13.5px;color:#7B8A92;line-height:1.45}
.kar-up{color:#3E8E7E;font-size:19px;font-weight:700}

/* отзивите */
.krev{margin-top:18px;padding-top:18px;border-top:1px solid rgba(43,58,66,.1)}
.krev h3{font-family:'Balsamiq Sans';font-size:19px;color:#2B3A42;margin:0}
.krev-list{display:flex;flex-direction:column;gap:11px;margin-top:14px}
.krev-list figure{margin:0;background:#F7F9FA;border:1px solid rgba(43,58,66,.09);
  border-radius:16px;padding:15px 16px;
  display:grid;grid-template-columns:34px 1fr;grid-column-gap:11px;align-items:center}
.krev-list .cm-av{width:34px;height:34px;border-radius:99px;display:block;grid-column:1;grid-row:1}
.krev-list figcaption{grid-column:2;grid-row:1;font-family:'Balsamiq Sans';font-size:15.5px;color:#2B3A42}
.krev-list p{grid-column:1/-1;margin:10px 0 0;font-size:14.5px;line-height:1.6;color:#43535C}
.krev-more{display:block;width:100%;margin-top:12px;background:#fff;border:2px solid #3E8E7E;
  color:#3E8E7E;border-radius:14px;padding:12px;font:inherit;font-size:15px;font-weight:700;cursor:pointer}
.krev-more:hover{background:#F2FAF7}
.krev-src{margin-top:12px}

/* /plan: лентата към теста. Маха се от JS, ако човекът е дошъл с отговори —
   тогава страницата се държи като резултат и поканата е излишна. */
.kquizband{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:18px 0 4px;
  background:#FFF1C4;border-radius:17px;padding:15px 17px}
.kquizband p{margin:0;flex:1 1 200px;font-size:14.5px;line-height:1.5;color:#5a4a10}
.kquizband b{color:#2B3A42}
.kquizband .btn{flex:0 0 auto;padding:10px 16px;font-size:14.5px;white-space:nowrap}

/* геройът: двата панела „преди/след“. При тях са снимки от фотобанка и
   лявата е обезцветена — устройството е добро, картинките ни са рисувани. */
.kpanels{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}
.kpanel{margin:0}
.kpanel img{display:block;width:100%;height:auto;border-radius:14px;
  border:2px solid rgba(43,58,66,.1)}
.kpanel.before img{filter:grayscale(.62) contrast(.94) brightness(1.02)}
.kpanel figcaption{margin-top:7px;font-size:11.5px;line-height:1.35;color:#8B96A2;text-align:center}
.kpanel.after figcaption{color:#2F6E61;font-weight:600}

/* лентите преди/след — една до друга, както на техния лендинг */
.kba{margin-top:18px;background:#fff;border:1px solid rgba(43,58,66,.1);border-radius:17px;padding:17px}
.kba-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.kba-col{display:flex;flex-direction:column;gap:7px}
.kba-lab{font-size:11.5px;line-height:1.3;color:#8B96A2;min-height:30px}
.kba-lab b{display:block;color:#2B3A42;font-size:12.5px}
.kba-bar{height:13px;border-radius:99px;background:#EDF2F4;overflow:hidden}
.kba-bar.big{height:15px}
.kba-bar i{display:block;height:100%;width:0;border-radius:99px;
  transition:width 1.3s cubic-bezier(.3,.9,.4,1)}
.kba-n{font-family:'Balsamiq Sans';font-size:16px;color:#2B3A42}
.kba-ready{margin-top:16px;padding-top:15px;border-top:1px solid rgba(43,58,66,.09);
  display:flex;flex-direction:column;gap:8px}
.kba-rh{display:flex;justify-content:space-between;align-items:baseline;
  font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;color:#8B96A2;font-weight:700}
.kba-rh b{font-family:'Balsamiq Sans';font-size:23px;color:#3E8E7E;letter-spacing:0}
.kba-ready .kba-bar i{background:linear-gradient(90deg,#3E8E7E,#8FCBBB)}
.kba-f{margin:12px 0 0;font-size:12.5px;color:#8B96A2;line-height:1.5}

/* лавровите венци — тяхното устройство, наши (истински) числа */
.klaurs{display:flex;justify-content:center;gap:14px;margin:18px 0 4px;
  padding-top:16px;border-top:1px solid rgba(43,58,66,.1)}
.klaur{display:flex;align-items:center;gap:2px;color:#D9A400}
.klaur svg{flex:0 0 auto}
.klaur-t{display:flex;flex-direction:column;align-items:center;text-align:center}
.klaur-t{padding:0 4px;gap:1px}
.klaur-h{font-size:11px;color:#8B96A2;letter-spacing:.02em}
.klaur-t b{font-family:'Balsamiq Sans';font-size:24px;color:#2B3A42;line-height:1.05}
.klaur-t em{font-style:normal;font-size:11px;color:#6B7A83;max-width:96px;line-height:1.3;
  text-align:center}
.klaur-t em:empty{display:none}
.kstars{display:flex;gap:1px;color:#D9A400;margin:1px 0}

/* първата стъпка — своя секция, а не карта вътре в героя */
.kstep-in{background:#F2FAF7;border-radius:20px;padding:22px 20px}
.kstep-free{margin:16px 0 0;padding-top:14px;border-top:1px solid rgba(62,142,126,.22);
  font-size:14.5px;line-height:1.55;color:#2F6E61;font-style:italic}

/* срокът: две седмици, нарисувани като две седмици */
.khl{color:#3E8E7E}
.kweeks{display:flex;gap:9px;margin:14px 0 18px}
.kweeks i{flex:1;height:9px;border-radius:99px;background:#E7EDEF;transition:background .55s}
.kweeks i.on{background:#3E8E7E}
.kmech-lead{font-size:16px;line-height:1.6;color:#43535C;margin:0 0 14px}

/* офертата: подаръчната лента и ценовите карти */
.koffer-h{font-family:'Balsamiq Sans';font-size:26px;color:#2B3A42;margin:0 0 6px;text-align:center}
.koffer .kcd.wide{margin:0 0 16px}
.kgift{display:flex;gap:11px;align-items:flex-start;background:#FFE0D8;border-radius:14px;
  padding:13px 15px;margin-bottom:16px}
.kgift span{font-size:19px;line-height:1.2}
.kgift p{margin:0;font-size:14.5px;line-height:1.5;color:#8a3f2c}
.kgift b{color:#C4563C}
.kpcs{display:flex;flex-direction:column;gap:11px}
.kpc{position:relative;display:block;cursor:pointer;border:2px solid #E1E9EC;border-radius:17px;
  padding:15px 16px;background:#fff;transition:border-color .18s,background .18s,box-shadow .18s}
.kpc input{position:absolute;opacity:0;width:0;height:0}
.kpc-in{display:flex;align-items:center;gap:13px}
.kpc-in::before{content:"";flex:0 0 auto;width:21px;height:21px;border-radius:99px;
  border:2px solid #CBD7DC;transition:all .18s}
.kpc-txt{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}
.kpc-txt b{font-family:'Balsamiq Sans';font-size:16.5px;color:#2B3A42;line-height:1.25}
.kpc-txt em{font-style:normal;font-size:13px;color:#7B8A92;line-height:1.4}
.kpc-pr{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;line-height:1.15}
.kpc-pr s{font-size:12.5px;color:#9AA7AE}
.kpc-pr b{font-family:'Balsamiq Sans';font-size:24px;color:#2B3A42;white-space:nowrap}
.kpc-pr i{font-style:normal;font-size:11px;font-weight:700;color:#fff;background:#E2725B;
  border-radius:99px;padding:2px 7px;margin-top:3px}
.kpc.on{border-color:#3E8E7E;background:#F2FAF7;box-shadow:0 0 0 3px rgba(62,142,126,.13)}
.kpc.on .kpc-in::before{border-color:#3E8E7E;background:#3E8E7E;box-shadow:inset 0 0 0 3px #fff}
.kpc-badge{position:absolute;top:-10px;right:14px;background:#D9A400;color:#fff;font-size:10.5px;
  letter-spacing:.06em;font-weight:700;border-radius:99px;padding:3px 10px}
.kbuy{display:block;width:100%;margin-top:14px;text-align:center}
.kfine{margin-top:11px;text-align:center}

/* какво получаваш — техният DownloadNow, с корицата вместо снимка на приложение */
.kget{display:flex;gap:18px;align-items:flex-start;background:#fff;
  border:1px solid rgba(43,58,66,.1);border-radius:20px;padding:20px}
.kget img{border-radius:8px;box-shadow:0 6px 18px rgba(43,58,66,.17);flex:0 0 auto}
.kget h3{margin:0 0 9px}
.kget ul{list-style:none;margin:0;padding:0}
.kget li{font-size:14.5px;color:#43535C;padding:4px 0 4px 22px;position:relative;line-height:1.4}
.kget li::before{content:"✓";position:absolute;left:0;color:#3E8E7E;font-weight:700}

/* безопасно плащане — техните значки, но с това, което наистина ползваме */
.kpaysafe{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:9px 14px;
  background:#fff;border:1px solid rgba(43,58,66,.12);border-radius:99px;
  font-size:12.5px;color:#6B7A83}
.kpaysafe b{color:#2B3A42}

/* футърът — техният завършва с знак, изречение, връзки и контакт. Без него
   страницата свършва рязко и се чете като недовършена. */
.kfoot{background:#EDF2F4;border-top:1px solid rgba(43,58,66,.08);margin-top:34px;padding:30px 0 26px}
.kfoot-in{max-width:600px;margin:0 auto;padding:0 18px}
.kfoot-logo{display:inline-flex}
.kfoot-d{margin:14px 0 0;font-size:13.5px;line-height:1.6;color:#6B7A83;max-width:430px}
.kfoot-cols{display:flex;flex-wrap:wrap;gap:26px 40px;margin-top:24px}
.kfoot-cols h4{margin:0 0 9px;font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;
  color:#8B96A2;font-weight:700}
.kfoot-cols a{display:block;font-size:14px;color:#43535C;text-decoration:none;padding:4px 0}
.kfoot-cols a:hover{color:#3E8E7E;text-decoration:underline}
.kfoot-note{display:block;font-size:12.5px;color:#8B96A2;margin-top:5px;max-width:170px;line-height:1.4}
.kfoot-c{margin:26px 0 0;padding-top:16px;border-top:1px solid rgba(43,58,66,.09);
  font-size:12.5px;color:#8B96A2}

.kkeep{background:#FFF1C4;border-radius:20px;padding:22px 20px}
.kkeep h3{margin:0 0 8px}
.kkeep p{font-size:15.5px;line-height:1.55;margin:0 0 10px;color:#5a4a10}
.kkeep ol{margin:0;padding-left:20px}
.kkeep li{font-size:15.5px;line-height:1.55;margin-bottom:6px;color:#5a4a10}
.kkeep .free{display:block;margin-top:14px;font-size:15px;line-height:1.55;color:#6b5300;font-style:italic}

.kp2-f:empty,.kp1-say:empty,.kan-say:empty,.kp3-why:empty,.kpe-list:empty{display:none}
.kp3-pills b:empty,.kp3-date b:empty{display:none}

@media(prefers-reduced-motion:reduce){
  .kq,.ki{animation:none}
  .kshine{animation:none;-webkit-text-fill-color:#3E8E7E}
  .kmail{animation:none}
  .kap-track i,.ksl-bar i,.kpe-bar i,.kp1-bar i,.kan-bar i,.kp3-bar i,.kready-bar i,
  .kmech-bar i,.kbar i{transition:none !important}
  .kt3-c,.kvs-row,.kcv-row,.kim-row,.krd-pop,.klt-days i,.kp3-weeks i{transition:none !important}
  #kcl-arc,#kp2-arc{transition:none !important}
}

@media(max-width:430px){
  .kviz-wrap{padding:0 2px}
  .klanding .kh.big{font-size:26px}
  .kh{font-size:21px}.kh.big{font-size:26px}
  .kres h3{font-size:19px}
  .ktrust{gap:16px}.ktrust b{font-size:18px}
  .kopt{padding:13px 14px}.kopt span{font-size:15.5px}
  .kscale{gap:6px}
  .kscale-c span{height:50px;font-size:17px;border-radius:11px}
  .kscale-lab{font-size:12px}
  .ksl-lab{flex-basis:82px;font-size:12px}
  .ksl-row b{font-size:19px;min-width:48px}
  .kvs-head,.kvs-row{grid-template-columns:1fr 58px 74px;padding:10px;font-size:13.5px}
  .kvs-head{font-size:10.5px}
  .klt-days{grid-template-columns:repeat(7,23px)}
  .klt-days i{width:23px;height:23px}
  .kcl{gap:14px}.kcl svg{width:120px;height:120px}
  .kcl-n b{font-size:36px}
  .kfacts{gap:10px}.kfacts b{font-size:19px}
  .kwh-stats{gap:12px}
  .kprice b{font-size:32px}
  .ksticky-in{gap:8px}
  .ksticky-cta{padding:8px 12px;font-size:13.5px;margin-left:8px}
  .kcd.slim{font-size:9.5px}
  .kcd.slim b{font-size:12.5px}
  .kmech-lab{flex-basis:76px;font-size:11.5px}
  .koffer{padding:20px 15px}
  .koffer-h{font-size:23px}
  .kpc{padding:14px 13px}
  .kpc-in{gap:10px}
  .kpc-txt b{font-size:15.5px}
  .kpc-txt em{font-size:12px}
  .kpc-pr b{font-size:21px}
  .kba-lab{flex-basis:88px;font-size:12px}
  .kget{gap:14px;padding:17px}
  .kget img{width:88px}
  .kpanels{gap:7px}
  .kpanel figcaption{font-size:10.5px}
  .kba{padding:14px}
  .kba-cols{gap:10px}
  .kba-lab{font-size:10.5px}
  .kba-lab b{font-size:11.5px}
  .kba-n{font-size:14.5px}
  .kfacts b{font-size:13.5px}
  .kfacts em{font-size:10px}
  .klaurs{gap:14px}
  .klaur-t b{font-size:19px}
  .kfoot-cols{gap:22px 28px}
  .kstep-b b{font-size:17.5px}
  .kstep-b em{font-size:14px}
  .kfd-say{font-size:12px}
  .kfd-when{font-size:10.5px}
  .kfd-track{width:8px}
  .kch-a,.kch-b{font-size:12.5px}
}

/* 10. Адветориалът /9-minuti — новинарски вид, нарочно РАЗЛИЧЕН от сайта.
      ТУК е, защото _tune се лепи последен: правило по-нагоре е мъртъв код.
      Всичко е с префикс .na-, за да не пипа комичните стилове на сайта. */
.na{background:#fff;color:#1A1A1A;min-height:100vh;
  font-family:-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:17.5px;line-height:1.68;-webkit-font-smoothing:antialiased}
.na .na-in,.na-art{max-width:760px;margin:0 auto;padding:0 18px}
.na a{color:#1558A6;text-underline-offset:2px}
.na-mast{border-bottom:3px solid #C11B22;background:#fff}
.na-mast .na-in{display:flex;align-items:center;justify-content:space-between;
  gap:14px;padding-top:14px;padding-bottom:12px;flex-wrap:wrap}
.na-brand{font-weight:800;font-size:21px;letter-spacing:.06em;color:#111}
.na-brand span{color:#C11B22;margin-left:6px}
.na-secs{display:flex;gap:14px;font-size:13px;color:#666;flex-wrap:wrap}
.na-secs b{color:#C11B22;font-weight:700;border-bottom:2px solid #C11B22;padding-bottom:2px}
.na-art{padding-top:22px;padding-bottom:110px}
.na-tags{display:flex;gap:8px;margin-bottom:10px}
.na-tags i{font-style:normal;font-size:11.5px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;padding:3px 9px;border-radius:3px}
.na-cat{background:#C11B22;color:#fff}
.na-paid{background:#EEE;color:#666;font-weight:600}
.na h1{font-family:inherit;font-size:clamp(27px,5vw,38px);line-height:1.14;
  font-weight:800;letter-spacing:-.4px;color:#111;margin:0 0 12px;text-align:left}
.na .na-lede{font-weight:600;font-size:19px;line-height:1.55;color:#333;margin:0 0 14px;max-width:none}
.na-meta{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;
  font-size:13.5px;color:#777;border-top:1px solid #E5E5E5;border-bottom:1px solid #E5E5E5;
  padding:9px 0;margin-bottom:18px}
.na-share{display:flex;gap:7px;align-items:center;margin-left:auto}
.na-share span{color:#999}
.na-ic{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;
  border:1px solid #DEDEDE;border-radius:50%;color:#8A9199;background:#fff}
.na-ic svg{display:block}
.na-hero{margin:0 0 22px}
.na-hero img{width:100%;display:block;border-radius:4px}
.na-hero figcaption{font-size:12.5px;color:#888;margin-top:6px}
.ninf{border:1px solid #E2E2E2;border-radius:5px;background:#fff;padding:16px 18px}
.ninf-eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  color:#C11B22;margin-bottom:12px}
.ninf-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.pnl{border:1px solid #E8E8E8;border-radius:5px;padding:12px 12px 11px;background:#FAFAFA;
  display:flex;flex-direction:column;gap:6px}
.pnl.hl{border-color:#C11B22;background:#FDF4F4}
.pnl .scr{display:flex;gap:3px;height:44px;padding:5px;background:#23272B;border-radius:5px}
.pnl .scr .sl{flex:1;border-radius:2px}
.pnl .scr .sl.r{background:#C11B22}
.pnl .scr .sl.r:nth-child(2n){opacity:.65}
.pnl .scr .sl.b{background:#3D77AE}
.pnl .scr .sl.b:nth-child(2){opacity:.65}
.pnl .scr.paper{background:#fff;border:1px solid #E0E0E0;align-items:center}
.pnl .scr.paper svg{width:100%;height:100%}
.pnl b{font-size:13.5px;color:#111;margin-top:2px}
.pnl span{font-size:12.5px;line-height:1.4;color:#555}
.pnl em{font-style:normal;font-size:11.5px;font-weight:700;color:#666;margin-top:auto}
.pnl em.worse{color:#C11B22}
.ninf-note{font-size:12px;color:#888;margin-top:12px;line-height:1.5}
@media(max-width:640px){.ninf-panels{grid-template-columns:1fr}.pnl .scr{height:36px}}
.na h2{font-family:inherit;font-size:23px;font-weight:800;color:#111;
  letter-spacing:-.2px;margin:30px 0 12px;text-align:left}
.na p{margin:0 0 14px;max-width:none}
.na .na-src{color:#888;font-size:.87em}
.na .na-src a{color:#888}
.na-ctx{background:#F4F6F8;border-left:4px solid #1558A6;border-radius:0 4px 4px 0;
  padding:13px 16px;font-size:15.5px;line-height:1.6;color:#3A4550;margin:0 0 16px}
.na-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}
.na-stat{border:1px solid #E2E2E2;border-top:4px solid #C11B22;border-radius:4px;
  padding:13px 14px;background:#fff}
.na-stat b{display:block;font-size:26px;font-weight:800;color:#C11B22;line-height:1.1;
  font-variant-numeric:tabular-nums}
.na-stat p{font-size:14px;line-height:1.45;color:#333;margin:7px 0 6px}
.na-stat span{font-size:11.5px;color:#999}
.na-frames{border:1px solid #E2E2E2;border-radius:5px;padding:14px 16px;margin:16px 0;background:#FAFAFA}
.fr-row{display:flex;gap:14px;align-items:center;margin-bottom:10px}
.fr-lab{flex:0 0 168px;font-size:13px;font-weight:700;color:#333;line-height:1.3}
.fr-lab em{display:block;font-style:normal;font-weight:400;font-size:11.5px;color:#888}
.fr-strip{flex:1;display:flex;gap:3px;height:30px}
.fr-strip i{flex:1;border-radius:3px}
.fr-strip.fast i{background:#C11B22;opacity:.85}
.fr-strip.fast i:nth-child(2n){opacity:.55}
.fr-strip.slow i{background:#1558A6;opacity:.75}
.fr-strip.slow i:nth-child(2n){opacity:.45}
.fr-strip i.half{flex:.5}
.fr-cap{font-size:12px;color:#888;margin-top:2px}
@media(max-width:640px){.fr-lab{flex-basis:120px;font-size:12px}}
.na-cover{float:right;width:118px;height:auto;margin:4px 0 10px 16px;
  border:1px solid #E0E0E0;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.na-btn{display:inline-block;background:#C11B22;color:#fff!important;font-weight:700;
  font-size:16.5px;padding:11px 22px;border-radius:4px;text-decoration:none;text-align:center}
.na-btn:hover{background:#A81219}
.na-ctawrap{display:flex;justify-content:center;margin:24px 0}
.na-ctawrap.main .na-btn{font-size:18px;padding:14px 30px}
.na-queue{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:18px 0}
.na-queue .q{border:1px solid #E2E2E2;border-radius:5px;padding:11px 10px;background:#F7F7F7;
  display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:#666;line-height:1.35}
.na-queue .q i{font-style:normal;width:26px;height:26px;border-radius:50%;background:#DDD;
  color:#555;display:flex;align-items:center;justify-content:center;font-size:11px}
.na-queue .q.done{opacity:.62}
.na-queue .q.done em{color:#2F6B4F;font-style:normal;font-weight:600;font-size:11.5px}
.na-queue .q.next{border-color:#C11B22;background:#FDF1F1}
.na-queue .q.next i{background:#C11B22;color:#fff}
.na-queue .q.next em{color:#C11B22;font-style:normal;font-weight:700;font-size:11.5px}
.na-voices{display:flex;flex-direction:column;gap:10px;margin:16px 0}
.na-voices blockquote{margin:0;padding:13px 16px 13px 40px;background:#F7F7F7;
  border:1px solid #ECECEC;border-radius:5px;font-size:16.5px;line-height:1.55;
  color:#333;position:relative}
.na-voices blockquote::before{content:"„";position:absolute;left:13px;top:2px;
  font-size:34px;color:#C11B22;font-family:Georgia,serif;line-height:1.3}
.na-excerpt{border:1px solid #E2E2E2;border-radius:5px;padding:15px 17px;
  margin:18px 0;background:#FAFAFA;display:flex;flex-direction:column;gap:12px}
.na-excerpt>b{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#C11B22}
.na-excerpt .exc{border-left:3px solid #D8D8D8;padding-left:13px}
.na-excerpt .exc i{font-style:normal;font-weight:700;font-size:15.5px;color:#111;display:inline}
.na-excerpt .exc span{font-size:12.5px;color:#999;margin-left:8px}
.na-excerpt .exc p{font-size:15.5px;line-height:1.6;margin:5px 0 0;color:#3A4550}
.na-kkk{display:flex;gap:10px 14px;align-items:baseline;flex-wrap:wrap;margin:16px 0;
  border:1px solid #E2E2E2;border-radius:5px;padding:14px 17px;background:#FAFAFA}
.na-kkk b{color:#C11B22;font-weight:800;font-size:18px;letter-spacing:.03em}
.na-kkk span{color:#555;font-size:14.5px;margin-right:8px}
.na-pull{margin:20px 0;padding:4px 0 4px 20px;border-left:4px solid #C11B22;
  font-size:21px;line-height:1.45;font-weight:600;color:#222;font-style:italic}
.na-note{font-size:13.5px;color:#888;text-align:center}
/* FAQ — истински падащи менюта с <details>, без JavaScript. */
.na-faq{border-top:1px solid #E5E5E5;margin:16px 0 6px}
.na-faq details{border-bottom:1px solid #E5E5E5}
.na-faq summary{list-style:none;cursor:pointer;padding:14px 34px 14px 2px;position:relative;
  font-weight:700;font-size:16.5px;color:#111;line-height:1.4}
.na-faq summary::-webkit-details-marker{display:none}
.na-faq summary::after{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);
  font-size:22px;font-weight:400;color:#C11B22;line-height:1}
.na-faq details[open] summary::after{content:"–"}
.na-faq summary:hover{color:#C11B22}
.na-faq summary:focus-visible{outline:2px solid #1558A6;outline-offset:2px;border-radius:3px}
.na-faq details p{margin:0 0 15px;padding-right:34px;font-size:16px;line-height:1.65;color:#3A4550}
.na-srcs{padding-left:20px;font-size:15px;color:#444}
.na-srcs li{margin:6px 0}
/* Коментарите — по модела на блоговете: аватар, тяло, ред с действия. */
.na-cm{margin-top:34px;padding-top:26px;border-top:1px solid #E5E5E5}
.na-cm h2{margin-top:0}
.na-cmn{color:#999;font-weight:400;font-size:.7em}
.na-cmdemo{display:flex;flex-direction:column;gap:4px;margin:14px 0 0;padding:11px 14px;
  border:2px dashed #C11B22;border-radius:6px;background:#FDF1F1}
.na-cmdemo b{font-size:12px;letter-spacing:.1em;color:#C11B22}
.na-cmdemo span{font-size:13px;line-height:1.5;color:#7A3A35}
.na-cmlist{display:flex;flex-direction:column;gap:14px;margin:18px 0 26px}
.na-cmempty{font-size:15px;color:#888}
.cm{display:flex;gap:12px;align-items:flex-start}
.cm.reply{margin-left:42px}
.cm-av{flex:none;width:38px;height:38px;border-radius:50%;background:#E7EAED;color:#5A6570;
  display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;
  object-fit:cover;letter-spacing:.02em}
img.cm-av{display:block;background:#EEF1F2}
.cm.reply .cm-av{width:32px;height:32px;font-size:12px}
.cm-body p+p{margin-top:9px}
#cm-seed{margin-bottom:0}
#cm-list:not(:empty){margin-top:14px}
.na-cmfirst{display:flex;flex-direction:column;gap:5px;padding:20px 22px;border-radius:10px;
  background:#F5F6F7;border:1px dashed #D3D7DA}
.na-cmfirst b{font-size:16px;color:#111}
.na-cmfirst span{font-size:15px;line-height:1.55;color:#5A6570}
.cm-body{flex:1;background:#F5F6F7;border-radius:10px;padding:11px 14px}
.cm-head b{font-size:14.5px;color:#111}
.cm-body p{font-size:15.5px;line-height:1.55;margin:4px 0 0;color:#2E3338}
.cm-foot{display:flex;align-items:center;gap:12px;margin-top:8px;font-size:13px;color:#8A9199}
.cm-foot button{background:none;border:0;padding:0;font:inherit;color:#1558A6;cursor:pointer}
.cm-foot button:hover{text-decoration:underline}
.cm-foot button[disabled]{color:#8A9199;cursor:default;text-decoration:none}
.cm-likes{font-variant-numeric:tabular-nums}
.na-cmform{border:1px solid #E2E2E2;border-radius:6px;padding:16px 18px;background:#FAFAFA;
  display:flex;flex-direction:column;gap:12px}
.na-cmreply{margin:0;font-size:13.5px;color:#666}
.na-cmreply button{background:none;border:0;padding:0;font:inherit;color:#1558A6;cursor:pointer}
.na-cmrow{display:flex;flex-direction:column;gap:5px}
.na-cmrow span{font-size:13px;font-weight:600;color:#444}
.na-cmrow input,.na-cmrow textarea{font:inherit;font-size:16px;padding:10px 12px;
  border:1px solid #D5D5D5;border-radius:5px;background:#fff;color:#111;width:100%}
.na-cmrow textarea{resize:vertical;line-height:1.5}
.na-cmrow input:focus,.na-cmrow textarea:focus{outline:2px solid #1558A6;outline-offset:1px;border-color:#1558A6}
.na-cmhp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.na-cmsend{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center}
.na-cmsend .na-btn{border:0;cursor:pointer;font-family:inherit}
.na-cmsend span{font-size:12.5px;color:#888;flex:1;min-width:200px}
.na-cmmsg{margin:0;font-size:14px;color:#2F6B4F;font-weight:600}
@media(max-width:640px){.cm.reply{margin-left:22px}}
.na-foot{background:#F4F4F4;border-top:1px solid #E0E0E0;margin-top:34px}
.na-foot .na-in{padding-top:20px;padding-bottom:24px}
.na-foot p{font-size:13.5px;color:#666;line-height:1.6;margin:0 0 8px;max-width:none}
.na-stick{position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;
  border-top:1px solid #DDD;box-shadow:0 -4px 18px rgba(0,0,0,.08);
  padding:9px 14px calc(9px + env(safe-area-inset-bottom));text-align:center;
  transform:translateY(115%);transition:transform .25s ease}
.na-stick.on{transform:none}
.na-stick .na-btn{width:100%;max-width:430px}
.na-stick span{display:block;font-size:12px;color:#888;margin-top:4px;
  font-family:-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
@media(prefers-reduced-motion:reduce){.na-stick{transition:none}}
@media(max-width:640px){
  .na{font-size:16.5px}
  .na-stats{grid-template-columns:1fr}
  .na-queue{grid-template-columns:1fr 1fr}
  .na-cover{width:96px;margin-left:12px}
  .na-faq summary{font-size:15.5px}
  .na-faq details p{font-size:15.5px;padding-right:0}
  .na-share{margin-left:0}
}