:root{
  --w:#fff;--g50:#f8fafc;--g100:#f1f5f9;--g200:#e2e8f0;--g300:#cbd5e1;
  --g400:#000000;--g500:#000000;--g700:#334155;--g900:#0f172a;
  --b50:#eff6ff;--b100:#dbeafe;--b200:#bfdbfe;--b400:#60a5fa;
  --b500:#3b82f6;--b600:#2563eb;--b700:#1d4ed8;
  --gr50:#f0fdf4;--gr500:#22c55e;--gr600:#16a34a;
  --or50:#fff7ed;--or500:#f97316;--gold:#f59e0b;
  --rs:8px;--r:14px;--rl:20px;
  --sh:0 4px 16px rgba(0,0,0,.08);--shl:0 12px 40px rgba(0,0,0,.12);
  --shb:0 8px 24px rgba(37,99,235,.28);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Manrope',sans-serif;background:var(--g50);color:#000;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer}
.container{max-width:1240px;margin:0 auto;padding:0 24px}

/* ── SCROLL PROGRESS ── */
#scroll-bar{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--b600),#06b6d4);width:0%;z-index:9999;border-radius:0 2px 2px 0;transition:width .08s linear}

/* ── TICKER ── */
.ticker-bar{background:var(--b600);height:34px;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}
.ts{position:absolute;display:flex;align-items:center;gap:8px;font-size:.76rem;font-weight:700;letter-spacing:.04em;color:#fff;white-space:nowrap;opacity:0;transform:translateY(110%);transition:opacity .35s,transform .35s}
.ts.active{opacity:1;transform:translateY(0)}
.ts.exit{opacity:0;transform:translateY(-110%)}
.td{width:5px;height:5px;background:rgba(255,255,255,.5);border-radius:50%;flex-shrink:0}

/* ── HEADER ── */
header{position:sticky;top:0;z-index:200;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--g200);box-shadow:0 1px 3px rgba(0,0,0,.07)}
.ht{display:flex;align-items:center;justify-content:space-between;height:56px;gap:12px}
.logo{font-family:'Nunito',sans-serif;font-size:1.28rem;font-weight:900;letter-spacing:-.03em;color:var(--g900);flex-shrink:0}
.logo span{color:var(--b600)}
.live{display:flex;align-items:center;gap:6px;font-size:.7rem;font-weight:700;color:var(--gr600);background:var(--gr50);border:1px solid #bbf7d0;padding:4px 11px;border-radius:999px;white-space:nowrap;flex-shrink:0}
.ldot{width:6px;height:6px;background:var(--gr500);border-radius:50%;animation:pgr 2s infinite}
@keyframes pgr{0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,.5)}50%{box-shadow:0 0 0 5px rgba(34,197,94,0)}}
.hnav{display:flex;align-items:center;gap:2px}
.hnav a{font-size:.82rem;font-weight:600;color:var(--g500);padding:6px 10px;border-radius:var(--rs);transition:color .18s,background .18s;white-space:nowrap}
.hnav a:hover{color:var(--b600);background:var(--b50)}
.hcta{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--b600);color:#fff;font-size:.82rem;font-weight:700;border-radius:var(--rs);border:none;white-space:nowrap;transition:background .18s,transform .15s,box-shadow .18s;flex-shrink:0}
.hcta:hover{background:var(--b700);transform:translateY(-1px);box-shadow:var(--shb)}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:6px;flex-shrink:0}
.burger span{display:block;width:22px;height:2px;background:var(--g700);border-radius:2px;transition:.25s}

/* ── MOBILE DRAWER ── */
.mnav{display:none;position:fixed;inset:0;z-index:300}
.mnav.open{display:block}
.mbg{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.mpan{position:absolute;top:0;right:0;bottom:0;width:280px;background:#fff;padding:18px 16px;display:flex;flex-direction:column;gap:6px;overflow-y:auto;animation:slin .25s ease}
@keyframes slin{from{transform:translateX(100%)}to{transform:translateX(0)}}
.mcl{align-self:flex-end;background:var(--g100);border:none;border-radius:50%;width:32px;height:32px;font-size:.95rem;color:var(--g500);display:flex;align-items:center;justify-content:center;margin-bottom:4px}
.mpan a{display:block;font-size:.93rem;font-weight:600;color:var(--g700);padding:10px 12px;border-radius:var(--rs);transition:background .15s,color .15s}
.mpan a:hover{background:var(--b50);color:var(--b600)}
.mpcta{display:block;text-align:center;margin-top:8px;padding:12px;background:var(--b600);color:#fff;font-weight:700;border-radius:var(--rs)}

/* ── HERO ── */
.hero{background:linear-gradient(135deg,#eff6ff 0%,#f0f9ff 45%,#fafffe 100%);padding:58px 0 50px;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;top:-80px;right:-80px;width:460px;height:460px;background:radial-gradient(circle,rgba(37,99,235,.07) 0%,transparent 65%);pointer-events:none}
.hi{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:48px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.71rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--b600);background:var(--b50);border:1px solid var(--b100);padding:5px 13px;border-radius:999px;margin-bottom:14px}
.eyebrow::before{content:'';width:6px;height:6px;background:var(--b500);border-radius:50%;animation:pdot 2s infinite}
@keyframes pdot{0%,100%{box-shadow:0 0 0 0 rgba(59,130,246,.5)}50%{box-shadow:0 0 0 5px rgba(59,130,246,0)}}
.hero h1{font-family:'Nunito',sans-serif;font-size:clamp(1.75rem,3.7vw,2.7rem);font-weight:900;line-height:1.15;letter-spacing:-.03em;color:var(--g900);margin-bottom:13px}
.hero h1 mark{background:linear-gradient(120deg,var(--b600),#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hdesc{font-size:.98rem;color:var(--g500);max-width:555px;margin-bottom:10px;line-height:1.7}
.hdate{font-size:.76rem;color:var(--g400);margin-bottom:26px}
.hdate strong{color:var(--b600);font-weight:700}
.hact{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-bottom:34px}
.btn-h{display:inline-flex;align-items:center;gap:7px;padding:12px 24px;background:var(--b600);color:#fff;font-size:.92rem;font-weight:800;border-radius:var(--r);border:none;transition:background .18s,transform .15s,box-shadow .18s}
.btn-h:hover{background:var(--b700);transform:translateY(-2px);box-shadow:var(--shb)}
.btn-g{display:inline-flex;align-items:center;gap:6px;padding:12px 20px;background:#fff;color:var(--g700);font-size:.87rem;font-weight:700;border-radius:var(--r);border:1.5px solid var(--g200);transition:border-color .18s,color .18s}
.btn-g:hover{border-color:var(--b400);color:var(--b600)}
.hstats{display:flex;gap:28px;flex-wrap:wrap}
.hs{display:flex;flex-direction:column}
.hsn{font-family:'Nunito',sans-serif;font-size:1.4rem;font-weight:900;color:var(--g900);line-height:1}
.hsn span{color:var(--b600)}
.hsl{font-size:.69rem;color:var(--g400);font-weight:600;margin-top:3px}
.hvis{flex-shrink:0;width:250px}
.hvc{background:#fff;border-radius:var(--rl);padding:19px 17px;box-shadow:var(--shl);border:1px solid var(--g200)}
.hvchead{display:flex;align-items:center;gap:10px;margin-bottom:13px}
.hvci{width:37px;height:37px;background:var(--b600);border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.95rem}
.hvct{font-family:'Nunito',sans-serif;font-size:.86rem;font-weight:800}
.hvcs{font-size:.66rem;color:var(--g400)}
.hvcr{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid var(--g100)}
.hvcr:last-of-type{border-bottom:none;margin-bottom:11px}
.hvcl{font-size:.71rem;color:var(--g400)}
.hvcv{font-size:.82rem;font-weight:700}
.hvcv.g{color:var(--gr600)}.hvcv.b{color:var(--b600)}
.hvcbtn{display:block;width:100%;text-align:center;padding:10px;background:var(--b600);color:#fff;font-weight:800;font-size:.82rem;border-radius:var(--rs);border:none}

/* ── TRUST BAR ── */
.trust-bar{background:#fff;border-top:1px solid var(--g200);border-bottom:1px solid var(--g200);padding:13px 0}
.ti-wrap{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
.ti{display:flex;align-items:center;justify-content:center;gap:7px;font-size:.78rem;font-weight:600;color:var(--g500);padding:6px 18px;border-right:1px solid var(--g200)}
.ti:last-child{border-right:none}

/* ── SECTION LABELS ── */
.slbl{font-size:.69rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--b600);margin-bottom:7px}
.stitle{font-family:'Nunito',sans-serif;font-size:1.42rem;font-weight:900;letter-spacing:-.02em;margin-bottom:4px}
.stitle span{color:var(--b600)}
.ssub{font-size:.84rem;color:var(--g400);margin-bottom:20px}

/* ── TABS ── */
.tabs-sec{padding:46px 0 0}
.tabs-wrap{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:26px}
.tab{padding:7px 15px;border-radius:999px;border:1.5px solid var(--g200);background:#fff;font-size:.79rem;font-weight:700;color:var(--g500);transition:all .18s;white-space:nowrap}
.tab:hover{border-color:var(--b400);color:var(--b600)}
.tab.active{background:var(--b600);border-color:var(--b600);color:#fff;box-shadow:0 4px 12px rgba(37,99,235,.25)}
.taba{padding:7px 15px;border-radius:999px;border:1.5px solid var(--g200);background:#fff;font-size:.79rem;font-weight:700;color:var(--g500);transition:all .18s;white-space:nowrap}
.taba:hover{border-color:var(--b400);color:var(--b600)}
.taba.active{background:var(--b600);border-color:var(--b600);color:#fff;box-shadow:0 4px 12px rgba(37,99,235,.25)}
/* ── MFO GRID ── */
.mfo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding-bottom:50px}
.mc{background:#fff;border:1.5px solid var(--g200);border-radius:var(--r);padding:16px 14px 13px;display:flex;flex-direction:column;gap:10px;transition:border-color .22s,transform .22s,box-shadow .22s,opacity .22s;position:relative;overflow:hidden}
.mc:hover{border-color:var(--b400);transform:translateY(-4px);box-shadow:var(--shl)}
.mc.hidden{display:none}
.mc.hidden-by-limit{display:none}
.mc.hidden-tab{display:none}
.mc.dimmed{opacity:.28;pointer-events:none;transform:none!important;box-shadow:none!important;border-color:var(--g200)!important}
.mbadge{display:inline-flex;align-items:center;font-size:.58rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:2px 7px;border-radius:999px;align-self:flex-start;margin-bottom:-3px}
.b-top{background:#fef9c3;color:#854d0e;border:1px solid #fef08a}
.b-new{background:var(--gr50);color:var(--gr600);border:1px solid #bbf7d0}
.b-hot{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa}
.b-warn {
    background: #f5f3ff !important; /* Светло-фиолетовый */
    color: #5b21b6 !important;      /* Глубокий фиолетовый */
    border: 1px solid #ddd6fe !important;
    cursor: pointer;
    
    /* Визуальный призыв к клику */
    text-decoration: underline;
    text-decoration-style: dashed;
    text-underline-offset: 3px;
    
    transition: all 0.2s ease;
}

.b-warn:hover {
    background: #ede9fe !important;
    text-decoration-style: solid; /* При наведении линия становится сплошной */
    opacity: 1 !important;
}.b-ki{background:#faf5ff;color:#7e22ce;border:1px solid #e9d5ff}
.mhead{display:flex;align-items:center;gap:10px}
.mico{width:40px;height:40px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-family:'Nunito',sans-serif;font-size:.75rem;font-weight:900;flex-shrink:0}
.mname{font-family:'Nunito',sans-serif;font-size:.84rem;font-weight:800;line-height:1.2}
.msub{font-size:.64rem;color:var(--g400);margin-top:2px}
.mpar{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.mp{background:var(--g50);border:1px solid var(--g100);border-radius:var(--rs);padding:6px 7px}
.mpl{font-size:.57rem;color:var(--g400);letter-spacing:.04em;font-weight:700;text-transform:uppercase;display:block;margin-bottom:2px}
.mpv{font-size:.79rem;font-weight:800;color:var(--g900)}
.mpv.g{color:var(--gr600)}.mpv.b{color:var(--b600)}.mpv.o{color:var(--or500)}
.mrat{display:flex;align-items:center;gap:5px}
.stars{color:var(--gold);font-size:.7rem;letter-spacing:1px}
.rnum{font-size:.72rem;font-weight:700;color:var(--g500)}
.mact{display:flex;flex-direction:column;gap:6px;margin-top:auto}
.btn-get{display:block;width:100%;text-align:center;padding:10px 8px;background:var(--b600);color:#fff;font-size:.79rem;font-weight:800;border-radius:var(--rs);border:none;text-decoration:none;transition:background .18s,transform .15s,box-shadow .18s}
.btn-get:hover{background:var(--b700);transform:translateY(-1px);box-shadow:0 4px 14px rgba(37,99,235,.3)}
.btn-info{display:block;width:100%;text-align:center;padding:8px;background:transparent;color:var(--g500);font-size:.75rem;font-weight:700;border:1.5px solid var(--g200);border-radius:var(--rs);transition:border-color .18s,color .18s,background .18s}
.btn-info:hover{border-color:var(--b400);color:var(--b600);background:var(--b50)}

/* toggle all mfo */
.mfo-toggle-wrap{
  display:flex;
  justify-content:center;
  margin-top:10px;
  margin-bottom:40px;
}
.mfo-toggle-btn{
  padding:9px 20px;
  border-radius:999px;
  border:1.5px solid var(--g200);
  background:#fff;
  font-size:.78rem;
  font-weight:700;
  color:var(--g500);
  cursor:pointer;
  transition:all .18s;
}
.mfo-toggle-btn:hover{
  border-color:var(--b400);
  color:var(--b600);
  background:var(--b50);
}

/* ── CALCULATOR ── */
.calc-sec{background:#fff;border-top:1px solid var(--g200);border-bottom:1px solid var(--g200);padding:60px 0}
.calc-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.calc-adv-link{
  font-size:.78rem;
  transform: translateY(-20px);
  font-weight:700;
  color:var(--b600);
  padding:7px 14px;
  border-radius:999px;
  border:1px solid var(--b200);
  background:#f9fafb;
  white-space:nowrap;
  transition:background .18s,border-color .18s,color .18s,box-shadow .18s;
}
.calc-adv-link:hover{
  background:#eff6ff;
  border-color:var(--b400);
  color:var(--b700);
  box-shadow:0 4px 14px rgba(37,99,235,.18);
}
.calc-inner{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:start}
.calc-form{display:flex;flex-direction:column;gap:22px}
.cgrp label{display:block;font-size:.78rem;font-weight:700;color:var(--g700);margin-bottom:0}
.crrow{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.crval{font-family:'Nunito',sans-serif;font-size:1.1rem;font-weight:900;color:var(--b600)}
input[type=range]{width:100%;height:5px;border-radius:3px;background:var(--g200);outline:none;border:none;cursor:pointer;accent-color:var(--b600)}
.rhints{display:flex;justify-content:space-between;font-size:.65rem;color:var(--g400);margin-top:5px}

/* chips */
.cchips{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}
.cchip{padding:5px 13px;border-radius:999px;border:1.5px solid var(--g200);background:#fff;font-size:.75rem;font-weight:700;color:var(--g500);cursor:pointer;transition:all .18s;white-space:nowrap}
.cchip:hover{border-color:var(--b400);color:var(--b600)}
.cchip.active{background:var(--b600);border-color:var(--b600);color:#fff;box-shadow:0 3px 10px rgba(37,99,235,.22)}

/* result card */
.calc-result{background:linear-gradient(135deg,var(--b600),var(--b700));border-radius:var(--rl);padding:30px 26px;color:#fff;position:sticky;top:76px}
.calc-result h3{font-family:'Nunito',sans-serif;font-size:1rem;font-weight:800;margin-bottom:20px;opacity:.9}
.crows{display:flex;flex-direction:column;gap:11px;margin-bottom:18px}
.crow{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.15)}
.crow:last-child{border-bottom:none;padding-bottom:0}
.crowl{font-size:.8rem;opacity:.8}
.crowv{font-family:'Nunito',sans-serif;font-size:1rem;font-weight:800;transition:opacity .12s,transform .12s}
.crowv.big{font-size:1.28rem;color:#7dd3fc}

/* match counter */
.calc-match-info{background:rgba(255,255,255,.13);border-radius:var(--rs);padding:10px 14px;text-align:center;margin-bottom:14px;font-size:.82rem;font-weight:700}
#calc-match-count{font-family:'Nunito',sans-serif;font-size:1.5rem;font-weight:900;color:#7dd3fc;display:inline-block;margin-right:4px;transition:transform .2s}
#calc-match-count.bump{transform:scale(1.4)}

.calc-go-btn{display:block;width:100%;text-align:center;padding:12px;background:#fff;color:var(--b700);font-weight:800;font-size:.88rem;border-radius:var(--r);border:1.5px solid var(--g200);text-decoration:none;transition:transform .15s,box-shadow .18s;margin-bottom:10px}
.calc-go-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,0,0,.18)}
.calc-note{font-size:.7rem;opacity:.55;text-align:center}

/* reset + message */
.calc-actions{display:flex;flex-direction:column;gap:8px}
.btn-calc-reset{display:none;width:100%;text-align:center;padding:11px;background:transparent;color:var(--g500);font-weight:700;font-size:.85rem;border-radius:var(--r);border:1.5px solid var(--g200);transition:border-color .18s,color .18s,background .18s;cursor:pointer}
.btn-calc-reset.show{display:block}
.btn-calc-reset:hover{border-color:var(--b400);color:var(--b600);background:var(--b50)}
.calc-filter-msg{display:none;padding:9px 13px;background:var(--b50);border:1px solid var(--b100);border-radius:var(--rs);font-size:.79rem;color:var(--b700);font-weight:600}
.calc-filter-msg.show{display:block}

/* mobile / desktop placement of reset button */
.calc-actions-mobile{display:none;margin-top:14px}

/* ── COMPARISON TABLE ── */
.table-sec{padding:0 0 56px}
.twrap{overflow-x:auto;border-radius:var(--r);border:1px solid var(--g200);box-shadow:var(--sh)}
table{width:100%;border-collapse:collapse;background:#fff;font-size:.82rem}
thead tr{background:var(--b600)}
thead th{padding:13px 14px;text-align:left;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;white-space:nowrap}
thead th:first-child{border-radius:var(--r) 0 0 0}
thead th:last-child{border-radius:0 var(--r) 0 0}
tbody tr{border-bottom:1px solid var(--g100);transition:background .15s}
tbody tr:hover{background:var(--b50)}
tbody tr:last-child{border-bottom:none}
td{padding:11px 14px;vertical-align:middle;white-space:nowrap}
.tdn{display:flex;align-items:center;gap:9px}
.tdico{width:32px;height:32px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-family:'Nunito',sans-serif;font-size:.68rem;font-weight:900;flex-shrink:0}
.tdname{font-family:'Nunito',sans-serif;font-weight:800;font-size:.83rem}
.tdg{color:var(--gr600);font-weight:700}
.tdb{color:var(--b600);font-weight:700}
.tdo{color:var(--or500);font-weight:700}
.tdst{color:var(--gold);font-size:.68rem;letter-spacing:1px}
.btn-tbl{display:inline-block;padding:6px 14px;background:var(--b600);color:#fff;font-size:.74rem;font-weight:700;border-radius:var(--rs);border:none;text-decoration:none;white-space:nowrap;transition:background .18s,box-shadow .18s}
.btn-tbl:hover{background:var(--b700);box-shadow:0 3px 10px rgba(37,99,235,.3)}

/* ── SOLUTIONS (SITUATIONS) ── */
.solutions-sec{background:#fff;border-top:1px solid var(--g200);border-bottom:1px solid var(--g200);padding:48px 0}
.sol-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.sol-card{background:var(--g50);border:1px solid var(--g200);border-radius:var(--r);padding:18px 16px;display:flex;flex-direction:column;gap:8px;transition:box-shadow .2s,transform .2s,border-color .2s}
.sol-card:hover{box-shadow:var(--sh);transform:translateY(-3px);border-color:var(--b200)}
.sol-ico{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:8px;flex-shrink:0}
.si-blue{background:#eff6ff;color:#2563eb}
.si-amber{background:#fffbeb;color:#d97706}
.si-purple{background:#f5f3ff;color:#7c3aed}
.si-green{background:#f0fdf4;color:#16a34a}
.si-cyan{background:#ecfeff;color:#0891b2}
.si-pink{background:#fdf2f8;color:#db2777}
.si-indigo{background:#eef2ff;color:#4f46e5}
.si-night{background:#1e1b4b;color:#a5b4fc}
.sol-card h3{font-family:'Nunito',sans-serif;font-size:.9rem;font-weight:800;color:var(--g900)}
.sol-card p{font-size:.8rem;color:var(--g500);line-height:1.6;flex:1}
.sol-link{margin-top:4px;font-size:.78rem;font-weight:700;color:var(--b600);display:inline-flex;align-items:center;gap:4px}
.sol-link:hover{color:var(--b700)}

/* ── WHY ── */
.why-sec{padding:58px 0}
.wgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}
.wcard{background:#fff;border:1px solid var(--g200);border-radius:var(--r);padding:23px 19px;transition:box-shadow .22s,transform .22s,border-color .22s}
.wcard:hover{box-shadow:var(--sh);transform:translateY(-2px);border-color:var(--b200)}
.wico{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--b600),#0ea5e9);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:12px}
.wcard h3{font-family:'Nunito',sans-serif;font-size:.87rem;font-weight:800;margin-bottom:6px}
.wcard p{font-size:.79rem;color:var(--g500);line-height:1.65}

/* ── HOW ── */
.how-sec{background:#fff;border-top:1px solid var(--g200);border-bottom:1px solid var(--g200);padding:58px 0}
.hsteps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;position:relative}
.hsteps::before{content:'';position:absolute;top:24px;left:7%;right:7%;height:2px;background:linear-gradient(90deg,var(--b600),#06b6d4);opacity:.18;z-index:0}
.step{text-align:center;position:relative;z-index:1}
.stepn{width:49px;height:49px;background:var(--b600);color:#fff;font-family:'Nunito',sans-serif;font-size:1.05rem;font-weight:900;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;box-shadow:0 6px 18px rgba(37,99,235,.3)}
.step h3{font-family:'Nunito',sans-serif;font-size:.85rem;font-weight:800;margin-bottom:5px}
.step p{font-size:.78rem;color:var(--g500);line-height:1.6}

/* ── FAQ ── */
.faq-sec{padding:58px 0}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:9px;align-items:start}
.fi{background:#fff;border:1px solid var(--g200);border-radius:var(--r);overflow:hidden;align-self:start}
.fq{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:none;border:none;text-align:left;font-size:.85rem;font-weight:700;color:var(--g900);gap:11px;cursor:pointer;transition:color .18s}
.fq:hover{color:var(--b600)}
.farr{flex-shrink:0;width:20px;height:20px;background:var(--g200);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.71rem;transition:transform .25s,background .18s}
.fi.open .farr{transform:rotate(180deg);background:var(--b100);color:var(--b600)}
.fa{overflow:hidden;max-height:0;transition:max-height .32s ease}
.fi.open .fa{max-height:1000px}
.fp {
  padding: 16px;
  line-height: 1.6;
  color: var(--g800);
  word-wrap: break-word;
}
.fai{padding:0 16px 14px;font-size:.81rem;color:var(--g500);line-height:1.7}

/* ── BLOG ── */
.blog-sec{background:#fff;border-top:1px solid var(--g200);border-bottom:1px solid var(--g200);padding:58px 0}
.bhead{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px;gap:14px;flex-wrap:wrap}
.ball{font-size:.81rem;font-weight:700;color:var(--b600);display:flex;align-items:center;gap:4px;transition:gap .18s}
.ball:hover{gap:8px}
.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.bcard{background:var(--g50);border:1.5px solid var(--g200);border-radius:var(--r);overflow:hidden;transition:box-shadow .22s,transform .22s,border-color .22s}
.bcard:hover{box-shadow:var(--sh);transform:translateY(-3px);border-color:var(--b200)}
.bimg{height:120px;display:flex;align-items:center;justify-content:center;font-size:2.2rem}
.bbody{padding:15px 15px 13px}
.btag{display:inline-block;font-size:.62rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;padding:2px 8px;border-radius:999px;margin-bottom:8px}
.t-bl{background:var(--b50);color:var(--b600)}
.t-gr{background:var(--gr50);color:var(--gr600)}
.t-or{background:var(--or50);color:var(--or500)}
.t-re{background:#fef2f2;color:#dc2626}
.t-pu{background:#faf5ff;color:#7c3aed}
.btitle{font-family:'Nunito',sans-serif;font-size:.9rem;font-weight:800;margin-bottom:6px;line-height:1.37;color:var(--g900)}
.bdesc{font-size:.77rem;color:var(--g400);line-height:1.6;margin-bottom:11px}
.bmeta{display:flex;align-items:center;justify-content:space-between}
.bdate{font-size:.69rem;color:var(--g400)}
.bread{font-size:.72rem;font-weight:700;color:var(--b600)}

/* ── DISCLAIMER ── */
.disc{padding:0 0 38px}
.dbox{background:#fffbeb;border:1px solid #fde68a;border-radius:var(--r);padding:15px 19px;display:flex;gap:10px;align-items:flex-start}
.dico{color:#FFC107; font-size:.95rem;flex-shrink:0;margin-top:2px}
.dbox p{font-size:.76rem;color:#78350f;line-height:1.65}
.dbox strong{color:#92400e}

/* ── FOOTER ── */
footer{background:var(--g900);color:#fff;padding:50px 0 24px}
.ftop{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;gap:34px;margin-bottom:38px}
.flogo{font-family:'Nunito',sans-serif;font-size:1.22rem;font-weight:900;color:#fff;letter-spacing:-.03em;display:block;margin-bottom:10px}
.flogo span{color:var(--b400)}
.fbrand p{font-size:.79rem;line-height:1.65;max-width:250px}
.fcol h4{font-size:.69rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#fff;margin-bottom:11px}
.fcol ul{list-style:none;display:flex;flex-direction:column;gap:7px}
.fcol ul li a{font-size:.8rem;color:#fff;transition:color .18s}
.fcol ul li a:hover{color:var(--b400)}
.fbot{border-top:1px solid #1e293b;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.fbot p{font-size:.71rem}
.cbr{display:flex;align-items:center;gap:6px;font-size:.69rem;background:#1e293b;padding:5px 10px;border-radius:7px}

/* ── MODAL ── */
.overlay{position:fixed;inset:0;z-index:500;background:rgba(15,23,42,.52);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .25s}
.overlay.open{opacity:1;pointer-events:all}
.modal{background:#fff;border-radius:var(--rl);padding:28px 24px;max-width:480px;width:100%;max-height:90vh;overflow-y:auto;position:relative;transform:scale(.94) translateY(14px);transition:transform .25s}
.overlay.open .modal{transform:scale(1) translateY(0)}
.mx{position:absolute;top:12px;right:12px;background:var(--g100);border:none;border-radius:50%;width:27px;height:27px;cursor:pointer;color:var(--g500);font-size:.88rem;display:flex;align-items:center;justify-content:center;transition:background .18s}
.mx:hover{background:var(--g200)}
.mhead{display:flex;align-items:center;gap:12px;margin-bottom:19px}
.mico2{width:46px;height:46px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:'Nunito',sans-serif;font-size:.86rem;font-weight:900;flex-shrink:0}
.mname{font-family:'Nunito',sans-serif;font-size:1rem;font-weight:900}
.msub2{font-size:.76rem;color:var(--g400);margin-top:2px}
.mpar2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:15px}
.mmp{background:var(--g50);border:1px solid var(--g200);border-radius:var(--rs);padding:10px 11px}
.mmp label{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--g400);display:block;margin-bottom:3px}
.mmp strong{font-size:.86rem}
.mmp strong.g{color:var(--gr600)}.mmp strong.b{color:var(--b600)}.mmp strong.o{color:var(--or500)}
.mdesc{font-size:.83rem;color:var(--g500);line-height:1.7;margin-bottom:13px}
.mlegal{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 14px;margin-bottom:13px}
.mlegal h4{font-size:.71rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--gr600);margin-bottom:7px}
.mlegal ul{list-style:none;display:flex;flex-direction:column;gap:4px}
.mlegal li{font-size:.78rem;color:var(--g500);line-height:1.5}
.mpros h4{font-size:.71rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--gr600);margin-bottom:8px}
.mpros ul{list-style:none;display:flex;flex-direction:column;gap:5px}
.mpros li{font-size:.8rem;color:var(--g500);padding-left:16px;position:relative}
.mpros li::before{content:'✓';position:absolute;left:0;color:var(--gr600);font-size:.77rem;font-weight:700}
.mcta{display:block;width:100%;text-align:center;margin-top:17px;padding:12px;background:var(--b600);color:#fff;font-weight:800;font-size:.87rem;border-radius:var(--rs);border:none;text-decoration:none;transition:background .18s,box-shadow .18s}
.mcta:hover{background:var(--b700);box-shadow:var(--shb)}

/* ── SCROLL TO TOP ── */
#scroll-top{position:fixed;bottom:90px;right:22px;z-index:400;width:44px;height:44px;background:var(--b600);color:#fff;border:none;border-radius:50%;font-size:1.1rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(37,99,235,.35);opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .25s,transform .25s,background .18s}
#scroll-top.show{opacity:1;pointer-events:all;transform:translateY(0)}
#scroll-top:hover{background:var(--b700)}

/* ── MOBILE STICKY CTA ── */
#mob-sticky{
  display:none;
  position:fixed;bottom:0;left:0;right:0;z-index:350;
  background:#fff;
  border-top:2px solid var(--b600);
  box-shadow:0 -6px 24px rgba(37,99,235,.18);
  padding:10px 16px max(12px,env(safe-area-inset-bottom));
}
.mob-sticky-inner{display:flex;align-items:center;gap:12px}
.mob-sticky-text{flex:1;min-width:0;overflow:hidden}
.mob-sticky-sup{display:block;font-size:.65rem;font-weight:700;color:var(--b600);letter-spacing:.03em;margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mob-sticky-hint{display:block;font-size:.72rem;font-weight:600;color:var(--g500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mob-cta-link{
  flex-shrink:0;
  display:inline-flex;align-items:center;gap:6px;
  padding:12px 22px;
  background:var(--b600);color:#fff;
  font-family:'Nunito',sans-serif;font-weight:900;font-size:.92rem;
  border-radius:var(--r);text-decoration:none;white-space:nowrap;
  box-shadow:0 4px 14px rgba(37,99,235,.3);
  transition:background .18s,box-shadow .18s,transform .15s;
}
#mob-cta-link:hover{background:var(--b700);box-shadow:0 6px 20px rgba(37,99,235,.4);transform:translateY(-1px)}

/* ══════════════════════════════════════
   INNER PAGES (about, privacy, terms)
══════════════════════════════════════ */
.page-header{background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--g200);padding:0 24px;position:sticky;top:0;z-index:200}
.page-header-inner{max-width:1240px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:56px;gap:12px}
.page-wrap{max-width:820px;margin:0 auto;padding:48px 24px 64px}
.page-hero{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border-radius:var(--rl);padding:40px 36px;margin-bottom:40px}
.page-hero h1{font-family:'Nunito',sans-serif;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:900;letter-spacing:-.02em;color:var(--g900);margin-bottom:10px}
.page-hero p{font-size:.95rem;color:var(--g500);line-height:1.7;max-width:600px}
.page-hero .page-hero-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:16px}
.page-hero .pmeta-item{display:flex;align-items:center;gap:6px;font-size:.77rem;font-weight:700;color:var(--b600);background:#fff;padding:5px 12px;border-radius:999px;border:1px solid var(--b100)}
.page-body h2{font-family:'Nunito',sans-serif;font-size:1.12rem;font-weight:800;color:var(--g900);margin:34px 0 11px;padding-bottom:8px;border-bottom:2px solid var(--b100)}
.page-body h3{font-family:'Nunito',sans-serif;font-size:.96rem;font-weight:800;color:var(--g700);margin:22px 0 8px}
.page-body p{font-size:.88rem;color:var(--g500);line-height:1.85;margin-bottom:13px}
.page-body ul,.page-body ol{padding-left:0;margin-bottom:14px;list-style:none;display:flex;flex-direction:column;gap:7px}
.page-body ul li,.page-body ol li{font-size:.87rem;color:var(--g500);padding-left:20px;position:relative;line-height:1.75}
.page-body ul li::before{content:'→';position:absolute;left:0;color:var(--b600);font-weight:700}
.page-body ol{counter-reset:ol}
.page-body ol li{counter-increment:ol}
.page-body ol li::before{content:counter(ol)'.';position:absolute;left:0;color:var(--b600);font-weight:800;font-size:.82rem}
.page-body a{color:var(--b600);font-weight:600;text-underline-offset:3px}
.page-body a:hover{text-decoration:underline}

/* contact card */
.contact-card{background:var(--b50);border:1.5px solid var(--b100);border-radius:var(--r);padding:24px 22px;display:flex;align-items:center;gap:18px;margin:28px 0;text-decoration:none}
.contact-card:hover{border-color:var(--b400);box-shadow:var(--sh)}
.contact-icon{width:52px;height:52px;background:var(--b600);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}
.contact-info h3{font-family:'Nunito',sans-serif;font-size:.95rem;font-weight:800;color:var(--g900);margin-bottom:3px}
.contact-info p{font-size:.82rem;color:var(--g500);margin-bottom:8px}
.btn-tg{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;background:#229ED9;color:#fff;font-weight:700;font-size:.81rem;border-radius:var(--rs);text-decoration:none;transition:background .18s}
.btn-tg:hover{background:#1a8bbf}

/* team */
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}
.team-card{background:#fff;border:1px solid var(--g200);border-radius:var(--r);padding:20px 16px;text-align:center;transition:box-shadow .2s,transform .2s}
.team-card:hover{box-shadow:var(--sh);transform:translateY(-2px)}
.team-avatar{width:56px;height:56px;border-radius:50%;background:var(--b50);border:2px solid var(--b100);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto 10px}
.team-name{font-family:'Nunito',sans-serif;font-size:.85rem;font-weight:800;color:var(--g900);margin-bottom:3px}
.team-role{font-size:.73rem;color:var(--g400)}

/* mission block */
.mission-block{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}
.mb-item{background:#fff;border:1px solid var(--g200);border-radius:var(--r);padding:18px 16px}
.mb-icon{font-size:1.5rem;margin-bottom:8px}
.mb-title{font-family:'Nunito',sans-serif;font-size:.86rem;font-weight:800;color:var(--g900);margin-bottom:5px}
.mb-desc{font-size:.79rem;color:var(--g500);line-height:1.65}

/* page footer */
.page-footer{background:var(--g900);color:var(--g400);padding:28px 0}
.page-footer-inner{max-width:1240px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.page-footer p{font-size:.72rem}
.page-footer a{color:var(--b400);font-size:.72rem}
.page-footer a:hover{text-decoration:underline}

/* ── ADVANCED CALCULATOR PAGE ── */
.adv-calc-hero h1{
  font-size:clamp(1.6rem,3vw,2.3rem);
}
.adv-calc-hero h1 span{
  color:var(--b600);
}
.adv-calc-sec{
  margin-top:10px;
}
.adv-calc-layout{
  display:grid;
  grid-template-columns:1.1fr 1.1fr;
  gap:26px;
  align-items:flex-start;
}
.adv-calc-form{
  background:#fff;
  border-radius:var(--rl);
  border:1px solid var(--g200);
  padding:22px 20px 20px;
  box-shadow:var(--sh);
  display:flex;
  flex-direction:column;
  gap:18px;
}
.adv-row>label{
  display:block;
  font-size:.8rem;
  font-weight:700;
  color:var(--g700);
  margin-bottom:6px;
}
.adv-input-group{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.adv-number-wrap{
  display:flex;
  align-items:center;
  gap:6px;
  background:var(--g50);
  border-radius:999px;
  border:1px solid var(--g200);
  padding:4px 9px 4px 12px;
  max-width:220px;
}
.adv-number-wrap input{
  border:none;
  background:transparent;
  font-size:.9rem;
  font-weight:700;
  width:100%;
  outline:none;
}
.adv-suffix{
  font-size:.78rem;
  color:var(--g400);
}
.adv-chips{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:7px;
}
.adv-chips button{
  padding:4px 11px;
  border-radius:999px;
  border:1px solid var(--g200);
  background:#fff;
  font-size:.74rem;
  font-weight:700;
  color:var(--g500);
  cursor:pointer;
  transition:all .18s;
}
.adv-chips button:hover{
  border-color:var(--b400);
  color:var(--b600);
}
.adv-chips button.active{
  background:var(--b600);
  border-color:var(--b600);
  color:#fff;
  box-shadow:0 3px 10px rgba(37,99,235,.22);
}
.adv-rate-mode{
  display:inline-flex;
  background:var(--g50);
  border-radius:999px;
  padding:2px;
  margin-bottom:8px;
}
.adv-rate-mode button{
  border:none;
  background:transparent;
  font-size:.75rem;
  font-weight:700;
  color:var(--g500);
  padding:5px 11px;
  border-radius:999px;
  cursor:pointer;
  transition:background .18s,color .18s;
}
.adv-rate-mode button.active{
  background:#fff;
  color:var(--b600);
  box-shadow:0 2px 6px rgba(148,163,184,.4);
}
.adv-hint{
  font-size:.72rem;
  color:var(--g400);
  margin-top:6px;
}
.adv-options .adv-checkboxes{
  display:flex;
  flex-direction:column;
  gap:5px;
}
.adv-checkboxes label{
  display:flex;
  align-items:flex-start;
  gap:8px;
  font-size:.78rem;
  color:var(--g500);
  cursor:pointer;
}
.adv-checkboxes input[type=checkbox]{
  margin-top:2px;
}
.adv-reset-btn{
  margin-top:4px;
  align-self:flex-start;
  padding:8px 15px;
  border-radius:999px;
  border:1px solid var(--g200);
  background:#fff;
  font-size:.78rem;
  font-weight:700;
  color:var(--g500);
  cursor:pointer;
  transition:all .18s;
}
.adv-reset-btn:hover{
  border-color:var(--b400);
  color:var(--b600);
  background:var(--b50);
}

.adv-calc-result{
  display:flex;
  flex-direction:column;
  gap:18px;
}
.adv-chart-card{
  background:linear-gradient(135deg,var(--b600),var(--b700));
  border-radius:var(--rl);
  padding:18px 18px 18px;
  color:#fff;
  box-shadow:var(--shb);
}
.adv-chart-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:.82rem;
  margin-bottom:6px;
}
.adv-pill-group{
  display:flex;
  align-items:center;
  gap:6px;
}
.adv-pill{
  font-size:.68rem;
  font-weight:700;
  padding:3px 9px;
  border-radius:999px;
  background:rgba(15,23,42,.25);
  border:1px solid rgba(148,163,184,.6);
}
.adv-pill.status.ok{
  background:rgba(22,163,74,.16);
  border-color:#4ade80;
  color:#bbf7d0;
}
.adv-pill.status.bad{
  background:rgba(220,38,38,.18);
  border-color:#fecaca;
  color:#fee2e2;
}
.adv-chart-wrap{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:8px 0 10px;
}
.adv-donut{
  width:180px;
  height:180px;
  transform:rotate(-90deg);
}
.adv-donut-bg{
  fill:none;
  stroke:rgba(15,23,42,.35);
  stroke-width:16;
}
.adv-donut-part{
  fill:none;
  stroke-width:16;
  stroke-linecap:round;
  transition:stroke-dasharray .4s ease,stroke-dashoffset .4s ease;
}
.adv-donut-principal{
  stroke:#7dd3fc;
}
.adv-donut-overpay{
  stroke:#f97316;
}
.adv-chart-center{
  position:absolute;
  text-align:center;
}
.adv-chart-total-label{
  font-size:.7rem;
  opacity:.8;
}
.adv-chart-total{
  font-family:'Nunito',sans-serif;
  font-size:1.25rem;
  font-weight:900;
  margin-top:2px;
}
.adv-chart-sub{
  font-size:.7rem;
  opacity:.8;
  margin-top:3px;
}
.adv-chart-legend{
  display:flex;
  justify-content:space-between;
  gap:10px;
  font-size:.76rem;
}
.adv-chart-legend .legend-item{
  display:flex;
  align-items:center;
  gap:6px;
}
.adv-chart-legend .legend-item strong{
  font-family:'Nunito',sans-serif;
  font-size:.8rem;
}
.adv-chart-legend .dot{
  width:9px;
  height:9px;
  border-radius:50%;
}
.adv-chart-legend .dot.principal{
  background:#7dd3fc;
}
.adv-chart-legend .dot.overpay{
  background:#f97316;
}

.adv-breakdown-card{
  background:#fff;
  border-radius:var(--rl);
  border:1px solid var(--g200);
  padding:16px 18px 16px;
  box-shadow:var(--sh);
}
.adv-breakdown-card h2{
  font-family:'Nunito',sans-serif;
  font-size:.98rem;
  font-weight:800;
  margin-bottom:10px;
}
.adv-breakdown-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px 14px;
}
.adv-item .lbl{
  display:block;
  font-size:.7rem;
  color:var(--g400);
  text-transform:uppercase;
  letter-spacing:.05em;
  margin-bottom:1px;
}
.adv-item .val{
  font-family:'Nunito',sans-serif;
  font-size:.9rem;
  font-weight:800;
}
.adv-item .val.big{
  font-size:1.1rem;
  color:var(--b600);
}
.adv-item .val.highlight{
  color:#f97316;
}
.adv-note{
  margin-top:10px;
  font-size:.72rem;
  color:var(--g500);
}

.adv-bottom-cta{
  margin-top:22px;
  text-align:center;
}
.adv-choose-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:11px 22px;
  border-radius:999px;
  background:var(--b600);
  color:#fff;
  font-size:.86rem;
  font-weight:800;
  box-shadow:var(--shb);
  border:none;
  text-decoration:none;
  transition:background .18s,transform .15s,box-shadow .18s;
}
.adv-choose-link:hover{
  background:var(--b700);
  transform:translateY(-1px);
  box-shadow:0 8px 24px rgba(37,99,235,.4);
}

/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .hi{grid-template-columns:1fr}.hvis{display:none}
  .mfo-grid{grid-template-columns:repeat(3,1fr)}
  .wgrid{grid-template-columns:repeat(2,1fr)}
  .hsteps{grid-template-columns:repeat(2,1fr)}.hsteps::before{display:none}
  .bgrid{grid-template-columns:repeat(2,1fr)}
  .sol-grid{grid-template-columns:repeat(2,1fr)}
  .ftop{grid-template-columns:1fr 1fr}
  .fgrid{grid-template-columns:1fr}
  .calc-inner{grid-template-columns:1fr}
  .calc-result{position:static}
  .calc-actions-desktop{display:none}
  .calc-actions-mobile{display:flex}
  .calc-actions-mobile .btn-calc-reset{
    display:block;
    background:linear-gradient(135deg,#ef4444,#dc2626);
    color:#fff;
    border:none;
    box-shadow:0 4px 14px rgba(248,113,113,.35);
  }
  .hnav{display:none}.hcta{display:none}.burger{display:flex}
  #mob-sticky{display:block}
  #scroll-top{bottom:92px}
}
@media(max-width:640px){
  .container{padding:0 14px}
  .hero{padding:34px 0 28px}.hero h1{font-size:1.58rem}
  .hstats{gap:16px}.hsn{font-size:1.18rem}
  .mfo-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .mc{padding:12px 10px 10px;gap:8px}
  .mpar{gap:4px}.mp{padding:5px 6px}.mpv{font-size:.74rem}.mname{font-size:.8rem}
  .wgrid{grid-template-columns:repeat(2,1fr)}
  .hsteps{grid-template-columns:1fr 1fr;gap:13px}
  .bgrid{grid-template-columns:1fr}
  .sol-grid{grid-template-columns:repeat(2,1fr)}
  .ftop{grid-template-columns:1fr;gap:19px}
  .fbot{flex-direction:column;align-items:flex-start}
  .tabs-wrap{gap:5px}.tab{padding:6px 11px;font-size:.76rem}
  .ti-wrap{gap:0}.ti{border-right:none;padding:5px 10px}
  .hact{flex-direction:column;align-items:flex-start}
  .btn-h,.btn-g{width:100%;justify-content:center}
  .modal{padding:20px 15px}
  .live{font-size:.65rem;padding:3px 8px}
  table{font-size:.75rem}td,thead th{padding:9px 10px}
  #scroll-top{bottom:92px;right:14px;width:40px;height:40px;font-size:1rem}
  .mob-sticky-text{display:none}
  #mob-cta-link{flex:1;justify-content:center;padding:13px}
  .cchips{gap:5px}.cchip{padding:4px 10px;font-size:.72rem}
  .team-grid{grid-template-columns:1fr 1fr}
  .mission-block{grid-template-columns:1fr}
  .contact-card{flex-direction:column;align-items:flex-start}
  .page-hero{padding:24px 18px}
  .adv-calc-layout{grid-template-columns:1fr;gap:18px}
}
@media(max-width:380px){
  .mfo-grid{grid-template-columns:1fr}
  .hsteps{grid-template-columns:1fr}
  .cchips{gap:4px}.cchip{padding:4px 8px;font-size:.69rem}
}
li a{
text-decoration:none;
color:inherit;
}
ul{
list-style: none;
padding-left: 0;
}
/* --- article progress --- */
#article-progress{
  position: fixed;
  left: 0;
  right: 0;
  height: 4px;
  pointer-events: none;
  z-index: 9999;
}
#article-progress .article-progress-bar{
  width: 0%;
  height: 100%;
  background: linear-gradient(90deg,#2563eb 0%, #06b6d4 100%);
  transition: width .12s linear;
  box-shadow: 0 2px 8px rgba(37,99,235,.08);
}

/* TOC link active */
.article-toc a.active{
  color: #2563eb;
  font-weight: 700;
  text-decoration: none;
}

/* читаемый вид для reading-time */
.read-time, .read-time #reading-time, .read-time span{
  color: #64748b;
  font-size: .95rem;
}

/* плавный скролл (более мягкий) */
html { scroll-behavior: smooth; }
/* ═══════════════════════════════════════════════════════════════════
   SUBPAGE SHARED STYLES
   ═══════════════════════════════════════════════════════════════════ */

/* Breadcrumb */
.subpage-breadcrumb{background:var(--g50);border-bottom:1px solid var(--g100);padding:10px 0}
.subp-bc{display:flex;align-items:center;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0;font-size:.76rem}
.subp-bc a{color:var(--b600);font-weight:600}
.subp-bc a:hover{text-decoration:underline}
.subp-bc .bc-sep{color:var(--g300)}

/* Hero */
.subpage-hero{background:linear-gradient(135deg,#eff6ff 0%,#f0f9ff 60%,#fff 100%);border-bottom:1px solid var(--g200);padding:44px 0 36px}
.subpage-hero h1{font-family:'Nunito',sans-serif;font-size:clamp(1.55rem,3.5vw,2.3rem);font-weight:900;letter-spacing:-.03em;color:var(--g900);margin-bottom:12px;max-width:700px}
.subp-hero-desc{font-size:.97rem;color:var(--g500);line-height:1.75;max-width:640px;margin-bottom:18px}
.subp-badges{display:flex;flex-wrap:wrap;gap:8px}
.subp-badge{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;font-weight:700;color:var(--b700);background:#fff;border:1.5px solid var(--b100);border-radius:999px;padding:5px 14px;box-shadow:0 1px 3px rgba(37,99,235,.07)}

/* Section spacing for subpages */
.subpage-sec{padding:48px 0}

/* MFO grid override for subpages - same as main grid */
.subpage-grid{margin-top:20px}

/* MFO card feat badge */
.mcfeat{margin-left:auto;font-size:.67rem;font-weight:800;background:var(--b50);color:var(--b600);border:1px solid var(--b100);padding:2px 9px;border-radius:999px;white-space:nowrap}

/* Article content */
.subpage-article .page-body{max-width:760px}
.subpage-article .page-body h2{font-family:'Nunito',sans-serif;font-size:1.14rem;font-weight:800;color:var(--g900);margin:0 0 13px;padding-bottom:9px;border-bottom:2px solid var(--b100)}
.subpage-article .page-body h3{font-family:'Nunito',sans-serif;font-size:.96rem;font-weight:800;color:var(--g700);margin:22px 0 9px}
.subpage-article .page-body p{font-size:.88rem;color:var(--g500);line-height:1.85;margin-bottom:13px}
.subpage-article .page-body ul{list-style:none;padding:0;margin-bottom:14px;display:flex;flex-direction:column;gap:8px}
.subpage-article .page-body ul li{font-size:.87rem;color:var(--g500);padding-left:22px;position:relative;line-height:1.75}
.subpage-article .page-body ul li::before{content:'→';position:absolute;left:0;color:var(--b600);font-weight:700}

/* Back to main block (badki page) */
.subpage-back-sec{padding:0 0 56px}
.subpage-back-box{display:flex;align-items:center;gap:20px;background:linear-gradient(135deg,#fef2f2,#fff5f5);border:1.5px solid #fecaca;border-radius:var(--rl);padding:28px 32px}
.subpage-back-icon{font-size:2rem;color:#dc2626;flex-shrink:0}
.subpage-back-title{font-family:'Nunito',sans-serif;font-size:1rem;font-weight:800;color:var(--g900);margin-bottom:4px}
.subpage-back-desc{font-size:.84rem;color:var(--g500)}
.subpage-back-btn{margin-left:auto;flex-shrink:0;display:inline-block;padding:13px 26px;background:#dc2626;color:#fff;font-weight:800;font-size:.88rem;border-radius:var(--r);white-space:nowrap;transition:background .18s,transform .15s;text-decoration:none}
.subpage-back-btn:hover{background:#b91c1c;transform:translateY(-2px)}

@media(max-width:640px){
  .subpage-back-box{flex-direction:column;text-align:center;gap:14px;padding:20px 18px}
  .subpage-back-btn{margin-left:0;width:100%;text-align:center}
  .subpage-hero h1{font-size:1.5rem}
  .subp-hero-desc{font-size:.88rem}
}