/* ============================================================
   ФинЗащита - fz2.aidkh.ru - общие стили многостраничника
   Тема: светлая, акцент #2563eb, шрифты Inter + Manrope
   ============================================================ */
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',system-ui,sans-serif;background:#fff;color:#0f172a;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
a{color:inherit;text-decoration:none}
b,strong{color:#0f172a}
img{max-width:100%;display:block}
h1,h2,h3{font-family:'Manrope',sans-serif;letter-spacing:-.4px}

/* ===== header ===== */
header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-bottom:1px solid #e2e8f0}
.header-in{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;gap:12px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;letter-spacing:-.3px;color:#0f172a;white-space:nowrap}
.logo img,.logo svg{display:block;flex-shrink:0}
.logo em{font-style:normal;color:#2563eb}
.header-right{display:flex;align-items:center;gap:10px;flex-shrink:0}
.header-phone{display:flex;align-items:center;gap:8px;border:1px solid #dbeafe;color:#1e40af;font-weight:700;font-size:14px;padding:9px 16px;border-radius:10px;transition:all .15s}
.header-phone:hover{border-color:#2563eb;color:#2563eb}
.btn{display:inline-block;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-weight:800;font-size:16px;padding:15px 30px;border-radius:14px;box-shadow:0 12px 36px rgba(37,99,235,.35);transition:transform .15s,box-shadow .15s;text-align:center;border:none;cursor:pointer}
.btn:hover{transform:translateY(-2px);box-shadow:0 16px 44px rgba(37,99,235,.45)}
.btn-sm{padding:11px 20px;font-size:14px;border-radius:11px}
.btn-ghost{background:#fff;border:1.5px solid #bfdbfe;color:#1e40af;font-weight:700;box-shadow:0 4px 12px rgba(37,99,235,.1)}
.btn-ghost:hover{border-color:#2563eb;color:#2563eb;box-shadow:0 8px 20px rgba(37,99,235,.15)}
@media(max-width:600px){.header-phone span.t{display:none}.header-phone{padding:8px 10px}.header-in{padding:10px 14px}.header-right{gap:6px}.btn-sm{padding:9px 12px;font-size:12.5px}.logo{font-size:16px;gap:8px}.logo img{width:26px;height:29px}}

/* ===== nav ===== */
.pagenav{background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:58px;z-index:59;overflow-x:auto}
.pagenav-in{display:flex;gap:2px;padding:6px 24px;min-width:max-content}
.pagenav a{display:inline-block;padding:9px 18px;border-radius:10px;font-size:14px;font-weight:600;color:#475569;text-decoration:none;white-space:nowrap;transition:all .15s}
.pagenav a:hover{background:#eff6ff;color:#1e40af}
.pagenav a.act{background:#2563eb;color:#fff}
@media(max-width:600px){.pagenav{top:52px}.pagenav-in{padding:6px 12px}.pagenav a{padding:8px 10px;font-size:12.5px}}

/* ===== hero ===== */
.hero{position:relative;padding:80px 0 72px;overflow:hidden;background:linear-gradient(180deg,#f0f6ff 0%,#fff 60%)}
.hero::before{content:'';position:absolute;width:900px;height:900px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.14),transparent 65%);top:-360px;right:-200px;filter:blur(10px)}
.hero::after{content:'';position:absolute;width:640px;height:640px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.1),transparent 60%);bottom:-320px;left:-180px;filter:blur(10px)}
.hero-dots{position:absolute;top:0;left:0;right:0;height:100%;pointer-events:none;opacity:.45;background-image:radial-gradient(rgba(37,99,235,.18) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(180deg,rgba(0,0,0,.6),transparent 45%)}
.hero-in{position:relative;z-index:2;display:grid;grid-template-columns:1.08fr .92fr;gap:52px;align-items:center}
@media(max-width:880px){.hero-in{grid-template-columns:1fr;gap:36px}}
.tag{display:inline-flex;align-items:center;gap:8px;background:#dbeafe;border:1px solid #bfdbfe;color:#1d4ed8;font-size:13px;font-weight:600;padding:8px 16px;border-radius:999px;margin-bottom:22px}
.tag::before{content:'';width:7px;height:7px;border-radius:50%;background:#16a34a;box-shadow:0 0 12px #16a34a}
.hero h1{font-size:46px;line-height:1.1;font-weight:900;letter-spacing:-1.4px;color:#0f172a}
@media(max-width:600px){.hero h1{font-size:32px}}
.hero h1 span{background:linear-gradient(120deg,#1d4ed8,#2563eb);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-sub{margin-top:18px;font-size:17.5px;font-weight:500;color:#1e293b;max-width:560px}
.hero-sub b{color:#0f172a;font-weight:700}
.badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.badge{background:#fff;border:1px solid #dbeafe;padding:8px 15px;border-radius:12px;font-size:13.5px;color:#1e293b;box-shadow:0 2px 8px rgba(37,99,235,.05)}
.badge b{color:#1e40af}
.cta-row{display:flex;align-items:center;gap:14px;margin-top:30px;flex-wrap:wrap}
.note{font-size:13.5px;color:#64748b;margin-top:12px}
.hero-media{position:relative}
.hero-media img{width:100%;border-radius:20px;display:block;border:1px solid #e2e8f0;box-shadow:0 30px 70px rgba(37,99,235,.16)}
.hero-media .corner{position:absolute;width:26px;height:26px;border:3px solid #2563eb}
.hero-media .corner.tl{top:-8px;left:-8px;border-right:none;border-bottom:none;border-radius:8px 0 0 0}
.hero-media .corner.br{bottom:-8px;right:-8px;border-left:none;border-top:none;border-radius:0 0 8px 0}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px 18px;text-align:center}
.hstat b{display:block;font-size:24px;color:#1e40af;font-weight:900}
.hstat span{font-size:12px;color:#64748b}

/* ===== marquee ===== */
.marquee{overflow:hidden;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding:15px 0;background:#f8fafc}
.marquee-track{display:flex;gap:0;animation:marquee 30s linear infinite;white-space:nowrap;width:max-content}
.marquee:hover .marquee-track{animation-play-state:paused}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.mq-item{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#334155;padding:0 28px}
.mq-item::after{content:'✦';color:#2563eb;margin-left:28px;font-size:11px}
.mq-item b{color:#1e40af}

/* ===== sections ===== */
section{padding:80px 0}
@media(max-width:600px){section{padding:56px 0}}
.sec h2{font-size:36px;font-weight:900;letter-spacing:-1px;color:#0f172a;margin-bottom:12px}
@media(max-width:600px){.sec h2{font-size:26px;line-height:1.3}}
.sec-intro{font-size:17px;color:#475569;max-width:660px;margin-bottom:40px}
.sec-intro b{color:#0f172a}
.sec-center{text-align:center}
.sec-center .sec-intro{margin-left:auto;margin-right:auto}

/* ===== pains / cards ===== */
.pains{background:#f8fafc;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}
.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:900px){.pain-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.pain-grid{grid-template-columns:1fr}}
.pain{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;position:relative;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.pain-img{width:calc(100% + 48px);margin:-24px -24px 18px;height:168px;object-fit:cover;display:block}
.pain::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#2563eb,transparent);opacity:0;transition:opacity .2s}
.pain:hover{border-color:#bfdbfe;box-shadow:0 12px 30px rgba(37,99,235,.1)}
.pain:hover::before{opacity:1}
.pain-num{font-size:12px;font-weight:800;color:#2563eb;letter-spacing:1.5px;margin-bottom:10px}
.pain h3{font-size:16px;font-weight:700;color:#0f172a;margin-bottom:8px}
.pain p{font-size:14px;color:#334155}
.pain .fix{color:#15803d;font-weight:600;font-size:13.5px;margin-top:10px}

/* ===== two-col how ===== */
.ch-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:36px}
@media(max-width:900px){.ch-grid{grid-template-columns:1fr}}
.ch{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;border-top:3px solid #2563eb;position:relative;overflow:hidden;transition:box-shadow .2s;display:flex;flex-direction:column}
.ch:hover{box-shadow:0 12px 30px rgba(37,99,235,.1)}
.ch-img{width:calc(100% + 48px);margin:-24px -24px 18px;height:190px;object-fit:cover;display:block}
.ch h3{font-size:17px;font-weight:700;color:#0f172a;margin-bottom:8px}
.ch p{font-size:14.5px;color:#475569;flex:1}
.div-note{margin-top:26px;background:linear-gradient(120deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:16px;padding:22px 26px;font-size:15.5px;color:#1e3a8a}
.div-note b{color:#1d4ed8}

/* ===== steps ===== */
.steps{background:#f8fafc;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}
.step-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:36px}
@media(max-width:900px){.step-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.step-grid{grid-template-columns:1fr}}
.step{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:22px 20px;text-align:center;position:relative;transition:transform .2s,box-shadow .2s}
.step:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(37,99,235,.12)}
.step-num{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-weight:800;font-size:18px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}
.step h3{font-size:15px;font-weight:700;color:#0f172a;margin-bottom:6px}
.step p{font-size:13px;color:#475569}

/* ===== result CTA band ===== */
.result{background:linear-gradient(120deg,#1e3a8a,#2563eb);border-radius:24px;padding:48px;color:#fff;position:relative;overflow:hidden;margin-top:70px}
@media(max-width:600px){.result{padding:32px 24px}}
.result::before{content:'';position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 60%);top:-220px;right:-120px}
.result h2{font-size:30px;font-weight:900;margin-bottom:12px;color:#fff;position:relative}
.result p{font-size:16px;color:#dbeafe;max-width:600px;position:relative;margin-bottom:22px}
.result .btn{background:#fff;color:#1d4ed8;position:relative}
.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px;position:relative}
@media(max-width:700px){.result-grid{grid-template-columns:1fr 1fr}}
.rg-item{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:14px;padding:16px}
.rg-item b{display:block;font-size:23px;color:#fff;font-weight:900}
.rg-item span{font-size:13px;color:#dbeafe}

/* ===== faq ===== */
.faq-wrap{max-width:780px;margin:0 auto}
.faq-item{border:1px solid #e2e8f0;border-radius:14px;margin-bottom:10px;overflow:hidden;background:#fff}
.faq-item summary{padding:18px 22px;cursor:pointer;color:#0f172a;font-weight:700;font-size:15.5px;list-style:none;display:flex;justify-content:space-between;align-items:center}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'+';color:#2563eb;font-size:22px;font-weight:700}
.faq-item[open] summary::after{content:'–'}
.faq-item .fa-body{padding:0 22px 18px;color:#475569;font-size:14.5px}

/* ===== form ===== */
.form-sec{background:#f8fafc;border-top:1px solid #e2e8f0}
.form-card{max-width:560px;margin:0 auto;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:34px;box-shadow:0 20px 50px rgba(37,99,235,.1);text-align:center}
.form-card h3{font-size:23px;font-weight:900;color:#0f172a;margin-bottom:8px}
.form-card p{font-size:14.5px;color:#475569;margin-bottom:22px}
.f-field{margin-bottom:14px;text-align:left}
.f-field label{display:block;font-size:13px;font-weight:600;color:#334155;margin-bottom:6px}
.f-field input,.f-field select,.f-field textarea{width:100%;padding:14px 16px;border-radius:12px;border:1.5px solid #dbeafe;font-size:15px;color:#0f172a;outline:none;transition:border-color .15s;font-family:inherit;background:#fff}
.f-field input:focus,.f-field select:focus,.f-field textarea:focus{border-color:#2563eb}
.f-field input::placeholder,.f-field textarea::placeholder{color:#94a3b8}
.form-card .btn{width:100%;margin-top:6px}
.form-note{font-size:12px;color:#94a3b8;margin-top:14px}
.form-ok{display:none;background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d;padding:18px;border-radius:12px;font-weight:700;margin-top:16px}
.form-err{display:none;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;padding:18px;border-radius:12px;font-weight:700;margin-top:16px}

/* ===== footer ===== */
footer{border-top:1px solid #e2e8f0;padding:30px 0;color:#64748b;font-size:13.5px}
.foot-in{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.foot-in b{color:#1e40af}
.foot-links{display:flex;gap:16px;flex-wrap:wrap}
.foot-links a{color:#475569;transition:color .15s}
.foot-links a:hover{color:#1e40af}

/* ===== reveal ===== */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}
.reveal-grid>*{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
.reveal-grid.in>*{opacity:1;transform:none}
.reveal-grid.in>*:nth-child(2){transition-delay:.06s}
.reveal-grid.in>*:nth-child(3){transition-delay:.12s}
.reveal-grid.in>*:nth-child(4){transition-delay:.18s}
.reveal-grid.in>*:nth-child(5){transition-delay:.24s}
.reveal-grid.in>*:nth-child(6){transition-delay:.3s}
@media(prefers-reduced-motion:no-preference){
  .tag{animation:tagIn .6s ease both}
  @keyframes tagIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
  .hero h1{animation:heroIn .8s ease both}
  @keyframes heroIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
  .hero-sub{animation:fadeUp .8s .15s ease both}
  .badges{animation:fadeUp .8s .25s ease both}
  .cta-row{animation:fadeUp .8s .35s ease both}
  .hero-media{animation:scaleIn .9s .3s ease both}
  @keyframes scaleIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
  @keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
}
.noscript-safe{opacity:1!important;transform:none!important}

/* ===== анимации (добавлено v3) ===== */
@keyframes blobFloat{0%{transform:translate(0,0) scale(1)}50%{transform:translate(20px,-24px) scale(1.08)}100%{transform:translate(0,0) scale(1)}}
.hero::before{animation:blobFloat 13s ease-in-out infinite}
.hero::after{animation:blobFloat 17s ease-in-out infinite reverse}
@keyframes cardShine{0%{transform:translateX(-120%) skewX(-15deg)}100%{transform:translateX(320%) skewX(-15deg)}}
.pain::after,.feat::after,.ch::after{content:'';position:absolute;top:0;left:0;width:60px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-120%) skewX(-15deg);pointer-events:none}
.pain:hover::after,.feat:hover::after,.ch:hover::after{animation:cardShine .8s ease}
@keyframes pulseDot{0%{box-shadow:0 0 0 0 rgba(22,163,74,.5)}70%{box-shadow:0 0 0 10px rgba(22,163,74,0)}100%{box-shadow:0 0 0 0 rgba(22,163,74,0)}}
.tag::before{animation:pulseDot 2s infinite}
.step{transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s}
.step:hover{transform:translateY(-6px) scale(1.03)}
@keyframes countUp{from{opacity:0}to{opacity:1}}
.hstat b,.rg-item b{font-variant-numeric:tabular-nums}

/* ===== blog ===== */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.blog-grid{grid-template-columns:1fr}}
.bcard{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}
.bcard:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(37,99,235,.12)}
.bcard-img{height:180px;object-fit:cover;width:100%;background:linear-gradient(135deg,#dbeafe,#eff6ff)}
.bcard-body{padding:20px;display:flex;flex-direction:column;flex:1}
.bcard .cat{font-size:11.5px;font-weight:800;color:#2563eb;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:8px}
.bcard h3{font-size:17px;font-weight:700;color:#0f172a;margin-bottom:8px;line-height:1.35}
.bcard p{font-size:13.5px;color:#475569;flex:1}
.bcard .meta{font-size:12px;color:#94a3b8;margin-top:14px}
.bcard .go{color:#2563eb;font-weight:700;font-size:14px;margin-top:12px}

/* ===== features (для партнёрки / селлера) ===== */
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:900px){.feat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.feat-grid{grid-template-columns:1fr}}
.feat{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:26px;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden}
.feat:hover{border-color:#bfdbfe;box-shadow:0 12px 30px rgba(37,99,235,.1)}
.feat .ic{width:48px;height:48px;border-radius:13px;background:linear-gradient(135deg,#2563eb,#1d4ed8);display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:#fff}
.feat h3{font-size:16.5px;font-weight:700;color:#0f172a;margin-bottom:8px}
.feat p{font-size:14px;color:#475569}

/* ===== таблица шкалы партнёрки ===== */
.tbl{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden;border:1px solid #e2e8f0;margin-top:32px}
.tbl th,.tbl td{padding:15px 18px;text-align:left;border-bottom:1px solid #e2e8f0;font-size:14.5px}
.tbl th{background:#eff6ff;color:#1e40af;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.6px}
.tbl tr:last-child td{border-bottom:none}
.tbl .hl{background:#eff6ff;font-weight:700}

/* ===== timeline ===== */
.tl{position:relative;margin-top:36px;padding-left:0}
.tl-item{display:flex;gap:18px;margin-bottom:22px;position:relative}
.tl-num{flex-shrink:0;width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center}
.tl-body h4{font-size:16px;font-weight:700;color:#0f172a;margin-bottom:4px}
.tl-body p{font-size:14px;color:#475569}

/* ===== highlight ===== */
.hl-band{background:linear-gradient(120deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:16px;padding:26px 30px;margin-top:34px;color:#1e3a8a}
.hl-band b{color:#1d4ed8}

/* ===== селлер: оффер-вход ===== */
.offer-box{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:20px;padding:40px;color:#fff;text-align:center;margin-top:40px;position:relative;overflow:hidden}
.offer-box::before{content:'';position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.15),transparent 60%);top:-160px;right:-80px}
.offer-box h3{font-size:26px;font-weight:900;color:#fff;margin-bottom:10px;position:relative}
.offer-box p{color:#dbeafe;font-size:15.5px;max-width:560px;margin:0 auto 22px;position:relative}
.offer-box .btn{background:#fff;color:#1d4ed8;position:relative}