*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16px;background:#f8fafc;color:#0f172a;line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
a{color:#0891b2;text-decoration:none}a:hover{text-decoration:underline}
header.top{position:sticky;top:0;z-index:100;background:#1e1b4b;box-shadow:0 1px 0 rgba(255,255,255,.06) inset}
header.top .in{position:relative;max-width:1360px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 40px;height:60px}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:17px;font-weight:700;letter-spacing:-.02em;color:#fff;white-space:nowrap}.brand:hover{text-decoration:none}
.brand img{height:34px;width:auto;display:block}.brand em{color:#34d399;font-style:normal}
.nav{display:inline-flex;align-items:center;gap:2px;margin-right:auto}
.nav>a,.menu>a{display:inline-flex;align-items:center;gap:6px;color:#e2e8f0;font-size:13.5px;font-weight:600;padding:8px 10px;border-radius:8px;white-space:nowrap}
.nav>a:hover,.menu>a:hover,.menu:hover>a,.menu:focus-within>a{background:rgba(255,255,255,.08);color:#fff;text-decoration:none}
.nav a.gp{margin-left:10px;color:#a7f3d0}.nav a.on,.menu>a.on{color:#fff;box-shadow:inset 0 -2px 0 #34d399;border-radius:8px 8px 0 0}
.menu{position:relative}.menu svg{width:10px;height:10px}
.dd{position:absolute;left:0;top:100%;padding-top:8px;display:none;z-index:110}.menu:hover .dd,.menu:focus-within .dd{display:block}
.dd .col{display:flex;flex-direction:column;min-width:210px;padding:12px 8px;background:#fff;border-radius:12px;box-shadow:0 18px 40px -12px rgba(15,23,42,.35),0 0 0 1px #e2e8f0}
.dd a{font-size:13.5px;color:#0f172a;padding:6px 10px;border-radius:7px;white-space:nowrap}.dd a:hover{background:#f1f5f9;text-decoration:none}.dd a.cur{background:#ecfdf5;color:#047857;font-weight:700}
.dd a.all{color:#059669;font-weight:700;margin-top:6px}
.hr{display:flex;align-items:center;gap:8px}
.fam{display:none;align-items:center;gap:9px;margin-right:10px;padding:4px 16px 4px 5px;border-radius:999px;background:linear-gradient(90deg,rgba(52,211,153,.22),rgba(52,211,153,.08));box-shadow:inset 0 0 0 1px rgba(52,211,153,.5),0 0 18px -4px rgba(52,211,153,.45);animation:famGlow 3s ease-in-out infinite}
.fam.on{display:inline-flex}.fam svg{display:block}
@keyframes famGlow{50%{box-shadow:inset 0 0 0 1px rgba(52,211,153,.75),0 0 26px -2px rgba(52,211,153,.55)}}
.famt{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#d1fae5;white-space:nowrap}.famt b{color:#fff;font-weight:800;font-size:15px}
.live{width:7px;height:7px;border-radius:50%;background:#34d399;animation:livePulse 1.8s infinite}
@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(52,211,153,.6)}70%{box-shadow:0 0 0 6px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}
.ic{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.18);transition:transform .15s,box-shadow .15s}
.ic.yt{background:#ff0000}.ic.ig{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}
.ic:hover{transform:translateY(-1px);box-shadow:0 0 0 3px rgba(255,255,255,.35);text-decoration:none}
a.go{display:inline-flex;align-items:center;height:36px;padding:0 16px;margin-left:6px;border-radius:999px;color:#0b1120;font-weight:700;font-size:13.5px;background:#fff;white-space:nowrap}a.go:hover{background:#d1fae5;text-decoration:none}
@media(prefers-reduced-motion:reduce){.fam,.live{animation:none}}
.burger{display:none}
@media(max-width:760px){
 header.top .in{height:54px;padding:0 12px}.brand img{height:30px}.brand span{display:none}.ic{width:34px;height:34px}.hr{gap:6px}.fam{margin-right:2px}.famt span{display:none}a.go{display:none}
 .nav{display:none}
 .burger{display:block;position:relative}.burger summary{list-style:none;cursor:pointer;width:40px;height:40px;display:grid;place-items:center;border-radius:8px;color:#e2e8f0}.burger summary::-webkit-details-marker{display:none}
 .burger[open] summary{background:rgba(255,255,255,.1)}
 .burger .sheet{position:absolute;right:0;top:48px;width:min(92vw,340px);max-height:calc(100vh - 70px);overflow:auto;background:#fff;border-radius:14px;box-shadow:0 18px 40px -12px rgba(15,23,42,.45),0 0 0 1px #e2e8f0;padding:10px}
 .burger .sheet b{display:block;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:#64748b;padding:10px 10px 4px}
 .burger .sheet a{display:block;font-size:14px;color:#0f172a;padding:8px 10px;border-radius:8px}.burger .sheet a:hover{background:#f1f5f9;text-decoration:none}.burger .sheet a.cur{background:#ecfdf5;color:#047857;font-weight:700}
 .burger .sheet a.go{background:#10b981;color:#06281b;font-weight:700;text-align:center;margin:8px 0 2px}
}
main{max-width:1100px;margin:0 auto;padding:28px 16px 56px}
.crumbs{font-size:12.5px;font-weight:500;color:#64748b;margin-bottom:16px}.crumbs a{color:#64748b}
h1{font-family:'Poppins',sans-serif;font-weight:700;font-size:clamp(26px,3.4vw,34px);line-height:1.2;letter-spacing:-.02em;margin-bottom:12px;max-width:860px}
.lead{font-size:17px;line-height:1.65;color:#475569;max-width:720px;margin-bottom:26px}
h2{font-family:'Poppins',sans-serif;font-weight:700;font-size:21px;line-height:1.3;margin:38px 0 12px;letter-spacing:-.01em}
h3{font-size:16.5px;font-weight:700;margin:22px 0 6px;letter-spacing:-.005em}
p{margin-bottom:14px;color:#334155}li{color:#334155;margin:5px 0 5px 18px}article p,article li{max-width:72ch}
.grid{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:22px;align-items:start}
@media(max-width:820px){.grid{grid-template-columns:1fr}}
.calc{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.calc .f{margin-top:14px}.calc .f:first-child,.calc .row:first-child .f{margin-top:0}.calc .row+.f,.calc .f+.row,.calc .row+.row{margin-top:14px}
.calc label{display:block;font-size:12.5px;font-weight:600;color:#475569;margin:0 0 5px;line-height:1.3}
.calc input,.calc select{width:100%;font:inherit;font-size:15px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:9px;background:#f8fafc;color:#0f172a}
.calc input:focus{outline:2px solid #34d399;border-color:#10b981;background:#fff}
.calc .row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.calc .row .f{margin-top:0;display:flex;flex-direction:column;justify-content:flex-end}.calc .row .f .hint{margin-top:auto;padding-top:4px}.calc .hint{font-size:11.5px;color:#64748b;margin-top:4px;line-height:1.4}
@media(max-width:420px){.calc .row{grid-template-columns:1fr}.calc .row .f+.f{margin-top:14px}}
.flow{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-top:8px;align-items:center}.flow button{font:inherit;border:1px solid #cbd5e1;background:#fff;border-radius:8px;padding:9px 10px;cursor:pointer;color:#64748b}
#add-flow{margin-top:10px;font:inherit;font-size:13px;font-weight:600;border:1px dashed #94a3b8;background:#fff;border-radius:8px;padding:9px 12px;cursor:pointer;width:100%;color:#0f172a}
.result{background:linear-gradient(135deg,#0b1220,#13233b);color:#fff;border-radius:14px;padding:20px}
.result .big{font-family:'Poppins',sans-serif;font-size:clamp(28px,5vw,40px);font-weight:800;line-height:1.1;color:#34d399}
.result .lbl{font-size:11.5px;letter-spacing:1.2px;text-transform:uppercase;color:#94a3b8;margin-bottom:4px}
.result .kv{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}.result .kv div{background:rgba(255,255,255,.06);border-radius:10px;padding:10px 12px}
.result .kv b{display:block;font-size:19px;font-weight:700}.result .note{font-size:14px;color:#cbd5e1;line-height:1.55}
.bar{display:flex;height:12px;border-radius:6px;overflow:hidden;margin-top:14px;background:rgba(255,255,255,.08)}.bar-a{background:#38bdf8}.bar-b{background:#34d399}
.bar-l{display:flex;justify-content:space-between;font-size:12px;color:#cbd5e1;margin-top:6px}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.dot-a{background:#38bdf8}.dot-b{background:#34d399}
.tbl{margin-top:16px;overflow:auto;border:1px solid #e2e8f0;border-radius:12px;background:#fff}
table{width:100%;border-collapse:collapse;font-size:13.5px}th{background:#f1f5f9;text-align:left;padding:9px 12px;font-weight:600;color:#475569}td{padding:8px 12px;border-top:1px solid #f1f5f9;white-space:nowrap}
.cta{margin:34px 0;background:#0b1220;color:#fff;border-radius:16px;padding:26px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}
@media(max-width:640px){.cta{grid-template-columns:1fr}}
.cta h2{margin:0 0 6px;color:#fff;font-size:21px}.cta p{color:#cbd5e1;margin:0}.cta a{display:inline-block;background:#10b981;color:#06281b;font-weight:700;padding:12px 20px;border-radius:10px;white-space:nowrap}.cta a:hover{background:#34d399;text-decoration:none}
.faq details{border:1px solid #e2e8f0;border-radius:10px;background:#fff;padding:12px 16px;margin:8px 0}.faq summary{cursor:pointer;font-weight:600;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq p{margin:8px 0 0}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px}.card a{font-weight:700;color:#0f172a}.card p{font-size:13px;margin:4px 0 0;color:#64748b}
.feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:14px 0}.feat div{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.feat b{display:block;margin-bottom:4px}.feat p{font-size:13.5px;margin:0}
.steps{counter-reset:s}.steps li{list-style:none;margin:10px 0;padding-left:40px;position:relative}.steps li::before{counter-increment:s;content:counter(s);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;background:#0b1220;color:#34d399;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:13px}
.disc{font-size:12.5px;color:#64748b;border-top:1px solid #e2e8f0;padding-top:14px;margin-top:30px}
.pv{margin-top:34px}.pv h2{margin-top:0}.pv .sub{color:#475569;font-size:14px;margin:-6px 0 14px}
.pv .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;background:#0b1220;border-radius:16px;padding:14px}
.pv .pc{background:#111c33;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px;color:#e2e8f0;font-size:13px}
.pv .pc .hd{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.pv .pc .hd b{color:#fff;font-size:13.5px}.pv .tag{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px}
.pv .ok{background:rgba(52,211,153,.15);color:#6ee7b7}.pv .due{background:rgba(245,158,11,.15);color:#fcd34d}.pv .smp{font-size:10.5px;color:#64748b;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:1px 7px}
.pv .tiles{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.pv .tiles div{background:#0b1220;border-radius:8px;padding:7px 10px}.pv .tiles small{display:block;font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:#64748b}.pv .tiles b{color:#fff;font-size:14px}
.pv ul{list-style:none;margin:10px 0 0;padding:0}.pv li{display:flex;justify-content:space-between;gap:8px;margin:5px 0;color:#cbd5e1}.pv li i{display:inline-block;width:20px;height:20px;border-radius:5px;margin-right:8px;vertical-align:middle}.pv li b{color:#fff}
.pv .chip{font-size:10.5px;padding:1px 7px;border-radius:999px;background:rgba(148,163,184,.15);color:#cbd5e1;white-space:nowrap}.pv .eq{background:rgba(167,139,250,.2)}.pv .sf{background:rgba(52,211,153,.2)}
.pv .bar{display:flex;height:6px;border-radius:3px;overflow:hidden;margin-top:8px;background:rgba(255,255,255,.08)}.pv .bar span{display:block}
.pv .note{font-size:11px;color:#64748b;margin:10px 0 0}.pv .step{background:#0b1220;border-radius:8px;padding:9px 10px;margin-top:10px}.pv .step b{color:#fff}.pv .amber{color:#fcd34d;font-weight:600;font-size:14px;margin-top:6px}
.pv .btn{display:inline-block;background:#7c3aed;color:#fff;font-weight:600;font-size:12px;padding:6px 12px;border-radius:8px;margin-top:10px}.pv .jar{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.pv .jar div{background:#0b1220;border-radius:8px;padding:8px}.pv .jar small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:#64748b}.pv .jar b{display:block;color:#fff;font-size:14px;margin-top:2px}.pv .jar em{display:block;font-style:normal;font-size:10.5px;color:#94a3b8;margin-top:2px}
.pv .mail li{justify-content:flex-start}.pv .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:6px}
footer.bot{background:#080d1a;color:#64748b;font-size:12.5px}footer.bot .in{max-width:1100px;margin:0 auto;padding:26px 16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}
footer.bot b{color:#94a3b8;display:block;margin-bottom:8px;font-size:12px;letter-spacing:1px;text-transform:uppercase}footer.bot a{color:#94a3b8;display:block;margin:4px 0}footer.bot .legal{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.06);padding-top:14px;color:#475569}

.toc{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px 18px;margin:0 0 8px;display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center}
.toc b{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#64748b;margin-right:6px}.toc a{font-size:13.5px;font-weight:600;color:#0f172a}.toc a:hover{color:#059669}
.tip{background:#ecfdf5;border-left:4px solid #10b981;border-radius:0 10px 10px 0;padding:12px 16px;margin:14px 0;color:#065f46;font-size:14.5px}
.note-box{background:#fffbeb;border-left:4px solid #f59e0b;border-radius:0 10px 10px 0;padding:12px 16px;margin:14px 0;color:#78350f;font-size:14px}
.defs dt{font-weight:700;margin-top:10px}.defs dd{margin:2px 0 0 0;color:#334155}
.upd{font-size:12.5px;color:#64748b;margin-top:26px}
.gwrap{display:grid;grid-template-columns:250px minmax(0,1fr);gap:36px;align-items:start}.gwrap article{min-width:0;order:2}.gside{order:1}
.gside{position:sticky;top:72px;max-height:calc(100vh - 84px);overflow:auto;display:flex;flex-direction:column;gap:14px;scrollbar-width:thin}
.gside .box{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px 12px}.gside b{display:block;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:#64748b;padding:0 8px 8px}
.gside .box a{display:flex;align-items:center;gap:9px;font-size:13.5px;color:#0f172a;padding:6px 8px;border-radius:8px;line-height:1.3}.gside .box a:hover{background:#f1f5f9;text-decoration:none}
.gside .box a i{flex:none;width:22px;height:22px;border-radius:50%;background:#f1f5f9;color:#64748b;font-size:11px;font-weight:700;font-style:normal;display:grid;place-items:center}
.gside .box a.cur{background:#ecfdf5;color:#047857;font-weight:700}.gside .box a.cur i{background:#10b981;color:#06281b}
.gside .dark{background:#0b1220;border-color:#0b1220}.gside .dark b{color:#94a3b8}.gside .dark p{color:#cbd5e1;font-size:13px;padding:0 8px;margin-bottom:10px}
.gside .dark a.go{display:block;background:#10b981;color:#06281b;font-weight:700;text-align:center;padding:10px;border-radius:10px}.gside .dark a.go:hover{background:#34d399}
.pn{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.pn a{display:block;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px 16px;font-weight:700;color:#0f172a}
.pn a:hover{border-color:#10b981;text-decoration:none}.pn a small{display:block;font-size:11.5px;font-weight:600;color:#64748b;margin-bottom:2px}.pn a.next{text-align:right}
@media(max-width:1000px){.gwrap{grid-template-columns:1fr}.gside{position:static}.gside .box{columns:2;column-gap:8px}.gside .box b,.gside .dark{column-span:all}.gside .box a{break-inside:avoid}}
@media(max-width:560px){.gside .box{columns:1}.pn{grid-template-columns:1fr}.pn a.next{text-align:left}}
.art-h{margin-top:34px}.art-h+.art{margin-top:12px}
h2[id]{scroll-margin-top:72px}

.art{margin:18px 0 26px;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:18px;padding:10px 14px;overflow:hidden}
.art svg{width:100%;height:auto;display:block}
.art .t{font-family:Inter,system-ui,sans-serif;font-weight:600}
.a-rise{animation:aRise .9s cubic-bezier(.2,.8,.2,1) both}.a-d1{animation-delay:.15s}.a-d2{animation-delay:.3s}.a-d3{animation-delay:.45s}.a-d4{animation-delay:.6s}.a-d5{animation-delay:.75s}.a-d6{animation-delay:.9s}
.a-float{animation:aFloat 5.5s ease-in-out infinite}
.a-dash{stroke-dasharray:6 8;animation:aDash 1.2s linear infinite}
.a-draw{stroke-dasharray:1200;stroke-dashoffset:1200;animation:aDraw 2.2s cubic-bezier(.4,0,.2,1) .4s forwards}
.a-donut{animation:aDonut 1.4s cubic-bezier(.4,0,.2,1) both}.a-donut.d2{animation-delay:.25s}.a-donut.d3{animation-delay:.5s}.a-donut.d4{animation-delay:.7s}
.a-grow{transform-box:fill-box;transform-origin:left;animation:aGrowX 1s cubic-bezier(.2,.8,.2,1) both .5s}
.a-fill{transform-box:fill-box;animation:aFill 2.4s ease-out both .4s}.a-fill.f2{animation-delay:.9s}.a-fill.f3{animation-delay:1.4s}
.a-pulse{transform-box:fill-box;transform-origin:center;animation:aPulse 2.2s ease-in-out infinite}
.a-coin{animation:aCoin 2.8s cubic-bezier(.5,0,.75,0) infinite}.a-coin.c2{animation-delay:.9s}.a-coin.c3{animation-delay:1.8s}
.a-mail{offset-path:path('M250 150 C 400 90, 560 90, 720 150');offset-rotate:0deg;animation:aMail 4s ease-in-out infinite 1s;opacity:0}
.a-car{offset-path:path('M60 250 C 220 250, 300 120, 470 150 S 760 230, 940 120');offset-rotate:auto;animation:aCar 9s linear infinite}
.a-tick{transform-box:fill-box;transform-origin:center;animation:aPop .6s cubic-bezier(.3,1.6,.5,1) both}
@keyframes aRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes aFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes aDash{to{stroke-dashoffset:-28}}
@keyframes aDraw{to{stroke-dashoffset:0}}
@keyframes aDonut{from{stroke-dasharray:0 400}}
@keyframes aGrowX{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes aFill{from{transform:translateY(60%)}to{transform:none}}
@keyframes aPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
@keyframes aCoin{0%{transform:translateY(-12px);opacity:0}12%{opacity:1}75%{transform:translateY(70px);opacity:1}82%,100%{transform:translateY(74px);opacity:0}}
@keyframes aMail{0%{offset-distance:0%;opacity:0;transform:scale(.6)}10%{opacity:1;transform:scale(1)}80%{offset-distance:100%;opacity:1}92%,100%{offset-distance:100%;opacity:0;transform:scale(.4)}}
@keyframes aCar{to{offset-distance:100%}}
@keyframes aPop{from{transform:scale(0)}to{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.art *{animation:none!important;stroke-dashoffset:0!important;opacity:1!important}}
.a-grow-y{transform-box:fill-box;transform-origin:bottom;animation:aGrowY 1s cubic-bezier(.2,.8,.2,1) both}@keyframes aGrowY{from{transform:scaleY(0)}to{transform:scaleY(1)}}