/* ================================
   Proof-First — style.css
   Timeline layout, animated counters,
   case-study badges, results-first
   ================================ */
:root{
  --bg:#F3FBF8;--wht:#FFFFFF;--txt:#10201B;--txt2:#58716A;
  --accent:#10B981;--accent-h:#059669;--brd:#CDEFE4;
  --r:12px;--rs:7px;
  --s:0 2px 10px rgba(16,32,27,.05);
  --sl:0 6px 28px rgba(16,32,27,.09);
  --hdr:56px;--tl-w:180px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--hdr)+16px)}
body{font-family:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.7;color:var(--txt);background:var(--bg)}
a{color:var(--accent);text-decoration:none;transition:color .15s}a:hover{color:var(--accent-h)}
ul,ol{list-style:none}img{max-width:100%;display:block}
.p-wrap{max-width:1200px;margin:0 auto;padding:0 24px}

/* ======= HEADER ======= */
.p-hd{position:sticky;top:0;z-index:300;background:var(--wht);border-bottom:1px solid var(--brd)}
.p-hd-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;height:var(--hdr);gap:12px}
.p-logo{font-size:11px;font-weight:800;letter-spacing:.6px;color:var(--txt);white-space:nowrap;margin-right:auto}
.p-logo:hover{color:var(--accent)}
.p-nav ul{display:flex;gap:2px;align-items:center}
.p-nav a{font-size:12px;font-weight:500;color:var(--txt2);padding:4px 8px;border-radius:var(--rs);transition:background .15s,color .15s;white-space:nowrap}
.p-nav a:hover{background:var(--bg);color:var(--txt)}
.p-nav-cta{background:var(--accent)!important;color:var(--wht)!important;padding:4px 14px!important;border-radius:14px!important}
.p-nav-cta:hover{background:var(--accent-h)!important}
.p-burger{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:6px}
.p-burger span{display:block;width:20px;height:2px;background:var(--txt);border-radius:2px;transition:transform .2s,opacity .2s}
.p-burger.open span:nth-child(1){transform:rotate(45deg) translate(3px,4px)}
.p-burger.open span:nth-child(2){opacity:0}
.p-burger.open span:nth-child(3){transform:rotate(-45deg) translate(3px,-4px)}

/* Mobile progress bar */
.p-mob-prog{display:none;height:3px;background:var(--brd)}
.p-mob-fill{height:100%;width:0;background:var(--accent);transition:width .1s}

/* Breadcrumbs */
.p-crumbs{padding:8px 0;background:var(--wht);border-bottom:1px solid var(--brd)}
.p-crumbs ol{display:flex;gap:6px;font-size:12px;color:var(--txt2)}
.p-crumbs li+li::before{content:'›';margin-right:6px;color:var(--brd)}
.p-crumbs a{color:var(--txt2)}.p-crumbs a:hover{color:var(--accent)}

/* ======= LAYOUT: timeline + main ======= */
.p-layout{display:grid;grid-template-columns:var(--tl-w) 1fr;max-width:1200px;margin:0 auto;min-height:100vh}

/* ======= TIMELINE ======= */
.p-timeline{position:sticky;top:var(--hdr);height:calc(100vh - var(--hdr));padding:32px 0 32px 24px;display:flex;align-items:stretch}
.tl-track{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;padding:12px 0}
.tl-line{position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--brd);transform:translateX(-50%)}
.tl-dot{
  position:relative;z-index:1;display:flex;align-items:center;gap:8px;
  width:14px;height:14px;border-radius:50%;background:var(--wht);
  border:2px solid var(--brd);transition:background .3s,border-color .3s,box-shadow .3s;
  cursor:pointer;
}
.tl-dot.active{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 4px rgba(16,185,129,.18)}
.tl-dot span{
  position:absolute;left:22px;white-space:nowrap;
  font-size:11px;font-weight:600;color:var(--txt2);
  opacity:0;transition:opacity .2s;pointer-events:none;
}
.tl-dot:hover span,.tl-dot.active span{opacity:1}

/* ======= MAIN CONTENT ======= */
.p-main{min-width:0;padding:0 28px 0 20px}

/* ======= BUTTONS ======= */
.p-btn{display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;padding:10px 24px;border-radius:var(--rs);border:2px solid transparent;cursor:pointer;transition:all .15s;text-decoration:none;white-space:nowrap}
.p-btn:active{transform:scale(.97)}
.p-pri{background:var(--accent);color:var(--wht);border-color:var(--accent)}
.p-pri:hover{background:var(--accent-h);border-color:var(--accent-h);color:var(--wht)}
.p-sec{background:transparent;color:var(--accent);border-color:var(--accent)}
.p-sec:hover{background:var(--accent);color:var(--wht)}
.p-sm{font-size:12px;padding:6px 14px}
.p-lg{font-size:16px;padding:14px 32px}
.p-full{width:100%}

/* ======= SECTIONS ======= */
.p-blk{padding:64px 0}
.p-blk.p-alt{background:var(--wht);margin:0 -28px 0 -20px;padding-left:20px;padding-right:28px}
.p-blk h2{font-size:26px;font-weight:800;line-height:1.2;margin-bottom:10px}
.p-lead{font-size:15px;color:var(--txt2);max-width:640px;margin-bottom:36px;line-height:1.7}
.p-cta-row{margin-top:28px}

/* ======= 1. HERO ======= */
.p-hero{padding:72px 0 56px}
.p-hero-badge{display:inline-block;font-size:12px;font-weight:600;background:#ECFDF5;color:var(--accent-h);padding:5px 16px;border-radius:18px;border:1px solid var(--brd);margin-bottom:20px}
.p-hero h1{font-size:34px;font-weight:800;line-height:1.18;max-width:680px;margin-bottom:14px}
.p-hero-sub{font-size:16px;color:var(--txt2);max-width:600px;margin-bottom:28px;line-height:1.7}
.p-hero-btns{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:40px}

/* Animated counters */
.p-counters{display:flex;gap:32px;flex-wrap:wrap}
.p-counter{text-align:center}
.p-count{font-size:36px;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums}
.p-count-plus{font-size:20px;font-weight:700;color:var(--accent)}
.p-count-lbl{display:block;font-size:12px;color:var(--txt2);margin-top:2px}

/* ======= 2. CASES ======= */
.p-case{background:var(--bg);border:1px solid var(--brd);border-radius:var(--r);padding:28px 24px;margin-bottom:20px;position:relative;box-shadow:var(--s)}
.p-alt .p-case{background:var(--bg)}
.p-case-badge{position:absolute;top:-10px;left:24px;font-size:11px;font-weight:700;padding:3px 12px;background:var(--accent);color:var(--wht);border-radius:10px}
.p-case h3{font-size:17px;font-weight:700;margin-bottom:16px;padding-top:4px}
.p-case-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.p-case-side{border-radius:var(--rs);overflow:hidden}
.p-case-b{border:2px solid #FCA5A5}
.p-case-a{border:2px solid var(--accent)}
.p-case-side h4{font-size:13px;font-weight:700;padding:10px 16px;text-align:center}
.p-case-b h4{background:#FEF2F2;color:#B91C1C}
.p-case-a h4{background:#ECFDF5;color:var(--accent-h)}
.p-cm{display:flex;justify-content:space-between;padding:7px 16px;font-size:13px;border-bottom:1px solid #f0f7f4}
.p-cm span:first-child{color:var(--txt2)}
.p-cv{font-weight:700}
.p-red{color:#DC2626}.p-grn{color:var(--accent-h)}

.p-case-bars{max-width:400px}
.p-cb{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:12px}
.p-cb span{min-width:48px;color:var(--txt2)}
.p-cb span:last-child{min-width:32px;text-align:right;font-weight:600;color:var(--txt)}
.p-bar{flex:1;height:7px;background:#E8F5F0;border-radius:4px;overflow:hidden}
.p-fill{height:100%;background:linear-gradient(90deg,var(--accent),#34D399);border-radius:4px}

/* ======= 3. USE CASES ======= */
.p-uc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.p-uc{background:var(--wht);border:1px solid var(--brd);border-radius:var(--r);padding:24px 20px;box-shadow:var(--s);display:flex;flex-direction:column;transition:box-shadow .15s}
.p-uc:hover{box-shadow:var(--sl)}
.p-uc-ico{font-size:24px;margin-bottom:8px}
.p-uc h3{font-size:15px;font-weight:700;margin-bottom:8px}
.p-uc p{font-size:13px;color:var(--txt2);line-height:1.6;flex:1;margin-bottom:14px}

/* ======= 4. REPORT MOCK ======= */
.p-rpt-mock{background:var(--wht);border:1px solid var(--brd);border-radius:var(--r);box-shadow:var(--sl);overflow:hidden;max-width:560px;margin-bottom:24px}
.p-rpt-hd{display:flex;align-items:center;gap:5px;padding:10px 16px;background:#F7FDFA;border-bottom:1px solid var(--brd)}
.p-dot{width:9px;height:9px;border-radius:50%}.p-dot.r{background:#F87171}.p-dot.y{background:#FBBF24}.p-dot.g{background:#34D399}
.p-rpt-t{font-size:11px;color:var(--txt2);margin-left:6px;font-family:monospace}
.p-rpt-body{padding:18px}
.p-rpt-row{display:flex;justify-content:space-between;padding:8px 0;font-size:13px;border-bottom:1px solid #f0f7f4}
.p-rpt-row span{color:var(--txt2)}.p-rpt-row strong{color:var(--txt)}
.p-rpt-includes{background:var(--bg);border:1px solid var(--brd);border-radius:var(--r);padding:24px}
.p-alt .p-rpt-includes{background:var(--bg)}
.p-rpt-includes h3{font-size:15px;font-weight:700;margin-bottom:12px}
.p-rpt-list{display:flex;flex-wrap:wrap;gap:6px}
.p-rpt-list span{font-size:12px;padding:5px 12px;background:#ECFDF5;color:var(--accent-h);border:1px solid var(--brd);border-radius:14px}

/* ======= 5. WHO ======= */
.p-who-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.p-who{background:var(--wht);border:1px solid var(--brd);border-radius:var(--rs);padding:14px 16px;font-size:13px;color:var(--txt2);line-height:1.5;position:relative;box-shadow:var(--s)}
.p-who strong{color:var(--txt)}
.p-who-badge{position:absolute;top:-8px;right:12px;font-size:9px;font-weight:700;padding:2px 8px;background:#F59E0B;color:var(--wht);border-radius:6px;letter-spacing:.3px}

/* ======= 6. WHY ======= */
.p-why-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.p-why{background:var(--bg);border:1px solid var(--brd);border-radius:var(--rs);padding:18px 16px;position:relative}
.p-alt .p-why{background:var(--bg)}
.p-why strong{display:block;font-size:14px;margin-bottom:4px}
.p-why p{font-size:12px;color:var(--txt2);margin:0;line-height:1.5}
.p-why-badge{position:absolute;top:-8px;left:14px;font-size:9px;font-weight:700;padding:2px 8px;background:var(--accent);color:var(--wht);border-radius:6px}

/* ======= 7. PROCESS ======= */
.p-proc{max-width:580px;position:relative;padding-left:44px}
.p-proc::before{content:'';position:absolute;left:17px;top:0;bottom:0;width:2px;background:var(--brd)}
.p-ps{display:flex;gap:16px;padding-bottom:24px;position:relative}
.p-ps-n{width:36px;height:36px;min-width:36px;border-radius:50%;background:var(--accent);color:var(--wht);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;z-index:1;position:absolute;left:-44px}
.p-ps>div:last-child{padding-left:4px}
.p-ps strong{font-size:14px;display:block;margin-bottom:3px}
.p-ps p{font-size:13px;color:var(--txt2);margin:0;line-height:1.5}

/* ======= 8. STEPS ======= */
.p-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.p-st{background:var(--bg);border:1px solid var(--brd);border-radius:var(--r);padding:20px 16px;text-align:center}
.p-alt .p-st{background:var(--bg)}
.p-st span{font-size:20px;font-weight:800;color:var(--accent);font-family:monospace;display:block;margin-bottom:6px}
.p-st strong{font-size:13px;display:block;margin-bottom:4px}
.p-st p{font-size:12px;color:var(--txt2);margin:0;line-height:1.45}

/* ======= 9. RANK CARDS ======= */
.p-rank-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.p-rkc{background:var(--wht);border:1px solid var(--brd);border-radius:var(--r);padding:24px 20px;box-shadow:var(--s);transition:box-shadow .15s,transform .15s}
.p-rkc:hover{box-shadow:var(--sl);transform:translateY(-2px)}
.p-rkc-ico{font-size:28px;margin-bottom:8px}
.p-rkc h3{font-size:17px;font-weight:700;margin-bottom:8px}
.p-rkc p{font-size:13px;color:var(--txt2);line-height:1.55;margin-bottom:10px}
.p-rkc-tags{display:flex;flex-wrap:wrap;gap:4px}
.p-rkc-tags span{font-size:10px;padding:3px 8px;background:#ECFDF5;color:var(--accent-h);border-radius:10px;border:1px solid var(--brd)}

/* ======= 10. AUDIT ======= */
.p-audit-list{max-width:600px}
.p-al{padding:12px 0;border-bottom:1px solid var(--brd);font-size:14px;color:var(--txt2);line-height:1.55}
.p-al strong{color:var(--txt)}

/* ======= 11. DATA ======= */
.p-data-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.p-dg{background:var(--wht);border:1px solid var(--brd);border-radius:var(--r);padding:20px 16px;font-size:15px;font-weight:700;color:var(--accent);box-shadow:var(--s)}
.p-dg p{font-size:12px;color:var(--txt2);font-weight:400;margin-top:6px;line-height:1.45}

/* ======= 12. DIRECT ======= */
.p-dir-svcs{max-width:580px;display:flex;flex-direction:column;gap:8px}
.p-ds{background:var(--bg);border:1px solid var(--brd);border-radius:var(--rs);padding:14px 16px;font-size:13px;color:var(--txt2);line-height:1.5}
.p-alt .p-ds{background:var(--bg)}
.p-ds strong{color:var(--txt)}

/* ======= 13. CHANNELS ======= */
.p-ch-list{max-width:580px}
.p-ch{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--brd);font-size:14px;color:var(--txt2);line-height:1.5}
.p-ch-dot{width:8px;height:8px;min-width:8px;background:var(--accent);border-radius:50%;margin-top:7px}
.p-ch strong{color:var(--txt)}

/* ======= 14. SOURCES ======= */
.p-src-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.p-src{background:var(--bg);border:1px solid var(--brd);border-radius:var(--r);padding:20px 16px;box-shadow:var(--s);transition:box-shadow .15s}
.p-alt .p-src{background:var(--bg)}
.p-src:hover{box-shadow:var(--sl)}
.p-src svg{margin-bottom:8px}
.p-src h3{font-size:14px;font-weight:700;margin-bottom:4px}
.p-src p{font-size:12px;color:var(--txt2);line-height:1.5}

/* ======= 15. BUY ======= */
.p-buy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.p-buy{background:var(--wht);border:1px solid var(--brd);border-radius:var(--r);padding:22px 18px;box-shadow:var(--s);display:flex;flex-direction:column}
.p-buy h3{font-size:15px;font-weight:700;margin-bottom:6px}
.p-buy p{font-size:12px;color:var(--txt2);flex:1;margin-bottom:12px;line-height:1.5}

/* ======= 16-17. PLANS ======= */
.p-plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.p-plan{background:var(--wht);border:1px solid var(--brd);border-radius:var(--r);padding:24px 16px 20px;box-shadow:var(--s);display:flex;flex-direction:column;position:relative;transition:box-shadow .15s,transform .15s}
.p-alt .p-plan{background:var(--bg)}
.p-plan:hover{box-shadow:var(--sl);transform:translateY(-1px)}
.p-plan-pop{border-color:var(--accent);box-shadow:0 4px 16px rgba(16,185,129,.12)}
.p-plan-badge{position:absolute;top:-10px;left:16px;font-size:10px;font-weight:700;padding:3px 10px;background:var(--accent);color:var(--wht);border-radius:8px}
.p-plan h3{font-size:16px;font-weight:700;margin-bottom:4px}
.p-plan-pr{font-size:24px;font-weight:800;color:var(--accent);margin-bottom:10px}
.p-plan-pr small{font-size:13px;font-weight:400;color:var(--txt2)}
.p-plan-vol{margin-bottom:10px}
.p-plan-vol span{font-size:11px;color:var(--txt2);display:block;margin-top:3px}
.p-plan ul{flex:1;margin-bottom:12px}
.p-plan li{font-size:12px;color:var(--txt2);padding:4px 0 4px 16px;position:relative;border-bottom:1px solid #f0f7f4}
.p-plan li::before{content:'✓';position:absolute;left:0;color:var(--accent);font-weight:700;font-size:11px}

/* ======= 18. BOT ======= */
.p-bot-params{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.p-bp{background:var(--bg);border:1px solid var(--brd);border-radius:var(--rs);padding:12px;font-size:12px;display:flex;flex-direction:column;gap:2px}
.p-alt .p-bp{background:var(--bg)}
.p-bp strong{color:var(--txt)}
.p-bp span{color:var(--txt2);font-size:11px}

/* ======= 19. GEO ======= */
.p-geo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.p-geo{background:var(--wht);border:1px solid var(--brd);border-radius:var(--r);padding:16px;text-align:center;font-size:14px;box-shadow:var(--s)}
.p-geo:hover{box-shadow:var(--sl)}
.p-geo-c{border-style:dashed}

/* ======= 20. NICHES ======= */
.p-ni-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.p-ni{background:var(--bg);border:1px solid var(--brd);border-radius:var(--rs);padding:12px 14px;font-size:13px;color:var(--txt2);line-height:1.5}
.p-alt .p-ni{background:var(--bg)}
.p-ni strong{color:var(--txt)}

/* ======= 22. FORM ======= */
.p-form-wrap{max-width:520px}
.p-form-fields{background:var(--bg);border:1px solid var(--brd);border-radius:var(--r);padding:28px 24px}
.p-alt .p-form-fields{background:var(--bg)}
.p-ff{margin-bottom:12px}
.p-ff label{display:block;font-size:12px;font-weight:600;margin-bottom:3px}
.p-ff input{width:100%;padding:9px 14px;border:1px solid var(--brd);border-radius:var(--rs);font-size:13px;background:var(--wht);color:var(--txt);outline:none;cursor:text}
.p-ff input:focus{border-color:var(--accent)}
.p-ff-note{font-size:11px;color:var(--txt2);font-style:italic;margin-top:10px}

/* ======= 23. FAQ ======= */
.p-faq-wrap{max-width:680px}
.p-fq{border-bottom:1px solid var(--brd)}
.p-fq summary{padding:13px 0;font-size:14px;font-weight:600;cursor:pointer;color:var(--txt);list-style:none;display:flex;justify-content:space-between;align-items:center}
.p-fq summary::after{content:'+';font-size:20px;font-weight:300;color:var(--accent)}
.p-fq[open] summary::after{content:'−'}
.p-fq summary::-webkit-details-marker{display:none}
.p-fq p{padding:0 0 13px;font-size:13px;color:var(--txt2);line-height:1.65}

/* ======= 24. FINAL CTA ======= */
.p-final{background:linear-gradient(160deg,#047857,var(--accent),#34D399);text-align:center;color:var(--wht);margin:0 -28px 0 -20px;padding-left:20px;padding-right:28px}
.p-final h2{color:var(--wht);font-size:30px}
.p-final p{color:rgba(255,255,255,.85);font-size:15px;max-width:500px;margin:10px auto 24px}
.p-fin-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}
.p-fin-btns .p-pri{background:var(--wht);color:var(--accent);border-color:var(--wht)}
.p-fin-btns .p-pri:hover{background:#ECFDF5;border-color:#ECFDF5}
.p-fin-btns .p-sec{border-color:rgba(255,255,255,.5);color:var(--wht)}
.p-fin-btns .p-sec:hover{background:rgba(255,255,255,.12);border-color:var(--wht)}
.p-fin-c{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;font-size:13px;color:rgba(255,255,255,.78)}

/* ======= 25. SEO ======= */
.seo-blk h2{font-size:20px;margin-bottom:14px}
.seo-copy p{font-size:13px;color:var(--txt2);line-height:1.75;margin-bottom:12px;max-width:660px}

/* ======= FOOTER ======= */
.p-ft{background:#0C1B16;color:#8BA69E;padding:48px 24px 0}
.p-ft-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px;padding-bottom:32px}
.p-ft-logo{font-size:11px;font-weight:800;color:var(--wht);display:block;margin-bottom:8px;letter-spacing:.5px}
.p-ft-col p{font-size:12px;line-height:1.6}
.p-ft-sm{margin-top:6px;font-size:11px;color:#5A7A70}
.p-ft-col h4{color:var(--wht);font-size:13px;font-weight:700;margin-bottom:10px}
.p-ft-col a{display:block;font-size:12px;color:#8BA69E;margin-bottom:5px}
.p-ft-col a:hover{color:var(--accent)}
.p-ft-col span{display:block;font-size:12px;margin-bottom:5px}
.p-ft-btm{border-top:1px solid #1A2E27;padding:16px 0;text-align:center}
.p-ft-btm p{font-size:11px;color:#5A7A70}

/* =============================
   RESPONSIVE
   ============================= */
@media(max-width:1100px){
  .p-timeline{display:none}
  .p-layout{grid-template-columns:1fr}
  .p-main{padding:0 24px}
  .p-blk.p-alt{margin:0 -24px;padding-left:24px;padding-right:24px}
  .p-final{margin:0 -24px;padding-left:24px;padding-right:24px}
  .p-mob-prog{display:block}
  .p-rank-cards{grid-template-columns:1fr}
  .p-plan-grid{grid-template-columns:repeat(2,1fr)}
  .p-steps{grid-template-columns:repeat(2,1fr)}
  .p-bot-params{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:768px){
  :root{--hdr:50px}
  .p-burger{display:flex}
  .p-nav{position:fixed;top:var(--hdr);left:0;right:0;background:var(--wht);border-bottom:1px solid var(--brd);padding:12px 24px;transform:translateY(-130%);transition:transform .25s;z-index:299;box-shadow:var(--sl)}
  .p-nav.open{transform:translateY(0)}
  .p-nav ul{flex-direction:column;gap:2px}
  .p-nav a{display:block;padding:8px 10px;font-size:14px}

  .p-blk{padding:48px 0}
  .p-hero{padding:48px 0 36px}
  .p-hero h1{font-size:24px}
  .p-counters{gap:20px}
  .p-count{font-size:28px}

  .p-blk h2{font-size:22px}
  .p-lead{font-size:14px;margin-bottom:24px}

  .p-case-grid{grid-template-columns:1fr}
  .p-uc-grid{grid-template-columns:1fr}
  .p-who-grid{grid-template-columns:1fr}
  .p-why-grid{grid-template-columns:1fr}
  .p-data-grid{grid-template-columns:1fr}
  .p-src-grid{grid-template-columns:1fr}
  .p-buy-grid{grid-template-columns:1fr}
  .p-plan-grid{grid-template-columns:1fr}
  .p-geo-grid{grid-template-columns:1fr 1fr}
  .p-ni-grid{grid-template-columns:1fr}
  .p-steps{grid-template-columns:1fr 1fr}
  .p-bot-params{grid-template-columns:1fr}

  .p-ft-grid{grid-template-columns:1fr;gap:20px}
  .p-fin-btns{flex-direction:column;align-items:center}
  .p-fin-btns .p-btn{width:100%}
  .p-fin-c{flex-direction:column;gap:8px;text-align:center}
  .p-final h2{font-size:22px}
}

@media(max-width:480px){
  .p-hero h1{font-size:21px}
  .p-hero-btns{flex-direction:column}.p-hero-btns .p-btn{width:100%}
  .p-counters{flex-direction:column;gap:14px;align-items:flex-start}
  .p-geo-grid{grid-template-columns:1fr}
  .p-steps{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
@media print{.p-hd,.p-timeline,.p-mob-prog,.p-btn{display:none}.p-blk{padding:16px 0}body{background:white}.p-layout{grid-template-columns:1fr}}