/* Main site pages: home, growth, about, careers, support, legal */
:root{--bg:#f1f4fa;--panel:#fff;--ink:#0c1b33;--deep:#0a1a3a;--mut:#55627a;--green:#1557d6;--bright:#3b8bff;--lime:#ffb703;--line:#dbe3f1;
--metal:linear-gradient(135deg,#fff 0%,#aab1b5 45%,#f3f4f5 70%,#9aa1a6 100%);--grad:linear-gradient(135deg,#ffb703 0%,#3b8bff 50%,#1557d6 100%);
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box;margin:0}
html{scroll-padding-top:84px}
body{background:var(--bg);color:var(--ink);font-family:'Public Sans',system-ui,sans-serif;line-height:1.6;overflow-x:hidden}
h1,h2,h3{font-family:'Archivo',system-ui,sans-serif;line-height:1.08;letter-spacing:-.025em;text-wrap:balance}
h1{font-size:clamp(38px,6.2vw,74px);font-weight:800}
h2{font-size:clamp(26px,3.6vw,38px);font-weight:800}
h3{font-size:24px;font-weight:700}
p{text-wrap:pretty}
a{color:inherit;text-decoration:none}
:focus-visible{outline:3px solid var(--bright);outline-offset:3px;border-radius:6px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 26px;border:0;border-radius:14px;font:inherit;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .2s}
.btn:hover{transform:translateY(-2px)}
.btn:disabled{opacity:.6;cursor:wait}
.b1{background:var(--green);color:#fff;box-shadow:0 8px 20px rgba(21,87,214,.3)}
.b2{background:var(--lime);color:var(--ink);box-shadow:0 8px 24px rgba(255,183,3,.35)}
.b3{background:transparent;color:var(--ink);border:2px solid var(--ink)}
.hero,.ph{background:radial-gradient(900px 480px at 88% 0%,rgba(59,139,255,.38),transparent 60%),radial-gradient(600px 400px at 0% 100%,rgba(255,183,3,.16),transparent 60%),var(--deep);color:#fff;position:relative;overflow:hidden}
.hero:after,.ph:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(70% 80% at 60% 0,#000,transparent);mask-image:radial-gradient(70% 80% at 60% 0,#000,transparent);pointer-events:none}
.hero .w,.ph .w{position:relative;z-index:1}
.hero{padding:76px 0 140px}
.hg{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}
.hg>*{min-width:0}
.hero p.lead{font-size:18px;color:#b7c6e6;max-width:520px;margin:20px 0 28px}
.hero .acts{display:flex;gap:12px;flex-wrap:wrap}
.hero .b3{color:#fff;border-color:rgba(255,255,255,.35)}
.trust{display:flex;gap:10px 24px;flex-wrap:wrap;margin-top:32px;font-size:14px;color:#94a8d1}
.trust span:before{content:"✓";color:var(--lime);font-weight:800;margin-right:8px}

.tile{position:relative;display:flex;flex-direction:column;gap:10px;min-height:250px;padding:30px;border-radius:26px;background:linear-gradient(var(--panel),var(--panel)) padding-box,var(--metal) border-box;border:2px solid transparent;box-shadow:0 14px 36px rgba(12,27,51,.1);transition:transform .2s,box-shadow .2s;overflow:hidden}
.tile:hover{transform:translateY(-6px);box-shadow:0 0 0 3px rgba(59,139,255,.3),0 24px 50px rgba(21,87,214,.25)}
.tile:before{content:"";position:absolute;right:-70px;top:-70px;width:200px;height:200px;border-radius:50%;background:var(--grad);opacity:.16;transition:opacity .25s,transform .35s}
.tile:hover:before{opacity:.45;transform:scale(1.3)}
.ti{width:64px;height:64px;border-radius:20px;background:var(--grad);display:grid;place-items:center;font-size:30px;position:relative;box-shadow:inset 0 2px 0 rgba(255,255,255,.5),0 8px 18px rgba(59,139,255,.3)}
.tile:nth-child(2) .ti{background:linear-gradient(135deg,#3b8bff,#1557d6)}
.tile:nth-child(3) .ti{background:linear-gradient(135deg,#ffd166,#ffb703 55%,#fb8500)}
.tile:nth-child(4) .ti{background:linear-gradient(135deg,#fff,#aab1b5)}
.tile p{color:var(--mut);max-width:400px;flex:1}
.go{font-weight:700;color:var(--green)}
.tile:hover .go{text-decoration:underline}
.tag{position:absolute;right:20px;top:20px;font-size:12px;font-weight:600;background:var(--ink);color:var(--lime);padding:4px 11px;border-radius:99px}
.ph{padding:64px 0 72px}
.ph p{max-width:560px;color:#b7c6e6;margin:16px 0 26px;font-size:17px}
.back{display:inline-block;color:var(--lime);font-weight:600;margin-bottom:20px}
.sec{padding:56px 0 20px}
.sec .sub{color:var(--mut);max-width:600px;margin-top:8px}
.g3,.g4{display:grid;gap:18px;margin-top:30px}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
.card{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:26px;transition:transform .2s,box-shadow .2s,border-color .2s}
.card:hover{transform:translateY(-4px);border-color:var(--bright);box-shadow:0 16px 36px rgba(21,87,214,.15)}
.card .ic{width:54px;height:54px;border-radius:16px;background:var(--grad);display:grid;place-items:center;font-size:25px;margin-bottom:14px}
.card h3{font-size:20px}
.card p{color:var(--mut);font-size:15px;margin-top:6px}
.card a{color:var(--green);font-weight:600}
.stat b{display:block;font-family:'Archivo',sans-serif;font-size:28px;color:var(--green)}
.stat span{color:var(--mut);font-size:14px}
.txt{max-width:720px;margin-top:14px;color:var(--mut)}
.txt p+p{margin-top:12px}
details{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 20px;margin-top:10px}
details[open]{border-color:var(--bright)}
summary{font-weight:700;cursor:pointer}
details p{color:var(--mut);margin-top:8px;font-size:15px}
.cta{background:var(--grad);border-radius:28px;padding:40px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--ink);margin:40px 0 68px;box-shadow:0 20px 50px rgba(59,139,255,.25)}
.cta .b1{background:var(--ink)}
dialog{border:0;border-radius:24px;padding:30px;width:min(440px,92vw);background:var(--panel);color:var(--ink);box-shadow:0 30px 80px rgba(0,0,0,.4)}
dialog::backdrop{background:rgba(10,26,58,.7);backdrop-filter:blur(3px)}
dialog h3{margin-bottom:4px}
dialog label{display:block;font-size:13px;font-weight:600;margin:14px 0 6px;color:var(--mut)}
dialog input,dialog textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;font:inherit;background:var(--bg)}
dialog .err{color:#b3261e;font-size:13px;min-height:18px;margin-top:8px}
dialog .row{display:flex;gap:10px;margin-top:14px}
dialog .row .btn{flex:1}
.ok{text-align:center;padding:20px 0;font-weight:700;color:var(--green)}
.slider{position:relative;border-radius:30px;overflow:hidden;border:3px solid transparent;background:linear-gradient(var(--deep),var(--deep)) padding-box,var(--metal) border-box;box-shadow:0 30px 80px rgba(59,139,255,.28)}
.track{display:flex;transition:transform .6s cubic-bezier(.65,0,.35,1)}
.slide{flex:0 0 100%;min-height:320px;padding:38px 36px 64px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;color:var(--ink)}
.slide h2{font-size:clamp(26px,3.4vw,38px);max-width:340px}
.slide p{max-width:340px;font-size:16px}
.slide .big{position:absolute;right:22px;top:18px;font-size:96px;opacity:.28;line-height:1}
.slide .sb{background:var(--ink);color:#fff;margin-top:6px}
.s1{background:var(--grad)}
.s2{background:linear-gradient(135deg,#1557d6,#0a1a3a);color:#fff}
.s2 .sb{background:var(--lime);color:var(--ink)}
.s3{background:linear-gradient(135deg,#ffd166,#ffb703 50%,#fb8500)}
.s4{background:var(--metal)}
.sn{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.9);color:var(--ink);font-size:24px;line-height:1;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.pv{left:12px}
.nx{right:12px}
.dots{position:absolute;left:0;right:0;bottom:20px;display:flex;justify-content:center;gap:8px}
.dots button{width:10px;height:10px;border-radius:99px;border:1px solid rgba(12,27,51,.45);background:rgba(255,255,255,.55);cursor:pointer;padding:0;transition:width .25s,background .25s}
.dots button.on{width:28px;background:#fff}
.flt{overflow:visible}
.ms{position:relative}
.ms-b{width:100%;text-align:left;padding:11px 13px;border:1px solid var(--line);border-radius:12px;font:inherit;font-size:14px;background:#fafbfc;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--ink)}
.ms-b span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ms-b:after{content:"▾";flex:none;color:var(--mut)}
.ms-b:disabled{opacity:.5;cursor:not-allowed}
.ms-p{position:absolute;z-index:15;left:0;right:0;top:calc(100% + 4px);max-height:260px;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 30px rgba(12,27,51,.18);padding:6px}
.ms-p[hidden]{display:none}
.ms-p label{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;font-size:14px;cursor:pointer}
.ms-p label:hover{background:#eef3ff}
.ms-p label input{width:16px!important;height:16px;padding:0!important;margin:0;accent-color:var(--green);flex:none}
.ms-s{position:sticky;top:0;width:100%;margin-bottom:6px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;font:inherit;font-size:14px;background:#fff}
.ms-n{padding:10px;font-size:13px;color:var(--mut)}
.ms-e{padding:10px;font-size:13px;color:var(--mut)}
.flt{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:22px;margin-top:20px}
.flt input,.flt select,.fm input,.fm select,.fm textarea{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:12px;font:inherit;font-size:14px;background:#fafbfc}
.fr{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}
.cnt{margin:22px 0 12px;font-weight:600;color:var(--mut)}
.cnt b{color:var(--green)}
.jg{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.jc{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:8px}
.jc:hover{border-color:var(--bright)}
.pill{display:inline-block;font-size:12px;font-weight:700;background:#e6f6fb;color:#1557d6;padding:4px 12px;border-radius:99px}
.pill.g{background:#e6eeff;color:var(--green);float:right}
.jc small{color:var(--mut)}
.jc .btn{margin-top:8px;width:100%}
.jd{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:28px;max-width:860px;margin:30px auto}
.jd h4{margin:18px 0 6px;font-family:'Archivo',sans-serif}
.jd ul{padding-left:20px;color:var(--mut)}
.fm{max-width:880px;margin:30px auto 60px;display:grid;gap:18px}
.fs{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:24px}
.fs h3{font-size:16px;text-transform:uppercase;letter-spacing:0;margin-bottom:14px;color:var(--green)}
.fg{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.fg label,.sub2{font-size:12px;font-weight:600;color:var(--mut);display:block}
.fg label span{color:#c62828}
.fg label input,.fg label select,.fg label textarea{margin-top:4px}
.sp{grid-column:1/-1}
.rec{background:#f7f9fa;border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:12px}
.rec h4{display:flex;justify-content:space-between;font-size:14px;margin-bottom:10px}
.rm{background:none;border:0;color:#c62828;cursor:pointer;font-weight:600}
.add{background:none;border:0;color:#1557d6;font-weight:700;cursor:pointer;padding:6px 0}
.mode{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mode label{border:2px solid var(--line);border-radius:16px;padding:16px;cursor:pointer;font-size:14px;color:var(--mut)}
.mode label b{display:block;color:var(--ink);font-size:16px}
.mode label:has(input:checked){border-color:#1557d6;background:#eef8fd}
.mode input{width:auto!important;margin-right:6px}
.up{border:2px dashed #b9c3c8;border-radius:16px;padding:14px;font-size:13px;background:#fafbfc}
.up input{margin-top:8px;font-size:12px}
.ferr{color:#b3261e;font-weight:600;min-height:20px}
.tw{text-align:center;margin-top:-22px;position:relative;z-index:2}
.tabs{display:inline-flex;background:#fff;border:1px solid var(--line);border-radius:12px;padding:4px;gap:4px;box-shadow:0 8px 24px rgba(12,27,51,.1)}
.tb{border:0;background:none;padding:9px 22px;border-radius:9px;font:inherit;font-weight:600;font-size:14px;cursor:pointer;color:var(--mut)}
.tb.on{background:#1557d6;color:#fff}
.bl{color:#1557d6}
.kick{font-size:11px;font-weight:700;letter-spacing:.08em;color:#1557d6}
.eq{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;max-width:960px;margin:auto}
.note{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;font-size:13px;color:var(--mut);margin-top:18px}
.note b{color:var(--ink)}
.eg{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.eg label{font-size:12px;font-weight:600;color:var(--mut);display:block;min-width:0}
.eg input,.eg select,.eg textarea{width:100%;margin-top:4px;padding:11px 13px;border:1px solid var(--line);border-radius:12px;font:inherit;font-size:14px;background:#fafbfc}
.eg .sp2{grid-column:1/-1}
.as{display:grid;grid-template-columns:1fr 1.1fr;gap:30px;align-items:center;margin-top:60px}
.dkp{background:linear-gradient(135deg,#0b1a2f,#0d2440);color:#fff;border-radius:26px;padding:26px}
.dkp h3{font-size:18px;margin-bottom:14px}
.dl{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dl div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px 14px;font-size:13px}
.cg{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.cc{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;font-size:14px;color:var(--mut)}
.cc h3{font-size:17px;color:var(--ink);margin:8px 0 4px}
.cc.ctr{text-align:center}
.cc.g2{background:#eaf8ee;border-color:#bfe8c9}
.cc a{color:#1557d6;font-weight:700}
.hrs{background:#f4faf0;border:1px solid #dcefd0;border-radius:12px;padding:10px;margin-top:12px;font-size:13px}
.brg{display:grid;grid-template-columns:repeat(3,1fr);gap:0 14px}
.brg details{margin-top:10px}
@media(max-width:860px){
.eq,.as,.cg,.eg,.dl,.brg{grid-template-columns:minmax(0,1fr)}
.eg .sp2{grid-column:auto}
.eg input,.eg select,.eg textarea{font-size:16px}
.eq{gap:20px}
.as{margin-top:36px}
}
@media(max-width:860px){
.hg,.tiles,.g3,.jg,.fg{grid-template-columns:1fr}
.g4,.fr{grid-template-columns:1fr 1fr}
.hero{padding:40px 0 110px}
.slide{min-height:290px;padding:30px 24px 60px}
.slide .big{font-size:72px}
.sn{display:none}
.cta{flex-direction:column;align-items:stretch;text-align:center;padding:28px}
}
.fg>*,.fm>*,.fs,.rec{min-width:0}
.up input[type=file]{width:100%;max-width:100%}
.fg label input,.fg label select,.fg label textarea{min-width:0}
@media(max-width:860px){
.fg{grid-template-columns:minmax(0,1fr)}
.sp{grid-column:auto}
.fm{margin:18px auto 40px;gap:14px}
.fs{padding:16px;border-radius:18px}
.rec{padding:12px}
.jd{padding:20px;margin:18px auto}
.fm input,.fm select,.fm textarea,.flt input,.flt select{font-size:16px}
.mode{grid-template-columns:minmax(0,1fr)}
#asb{position:sticky;bottom:12px;z-index:5}
}
@media(max-width:520px){
.fr,.mode{grid-template-columns:1fr}
h1{font-size:34px}
.rec h4{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
*{animation:none!important;transition:none!important}
}
.lh{background:#fafaf9;padding:56px 0 0}
.lh .w,.lw .w{max-width:1700px;padding:0 40px}
.lh .pillx{display:inline-flex;align-items:center;gap:8px;background:#dff2fd;color:#0a6fa8;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:8px 16px;border-radius:99px}
.lh .pillx svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lh h1{font-size:clamp(34px,4vw,52px);color:#0b1a2a;margin:18px 0 10px}
.lh p{color:#5a6a7a;font-size:17px}
.lh hr{border:0;border-top:1px solid #e6e8ea;margin:34px 0 0}
.lw{background:#fafaf9;padding:40px 0 70px}
.lgrid{display:grid;grid-template-columns:minmax(280px,.8fr) 2.2fr;gap:40px;align-items:start}
.lgrid.one{grid-template-columns:minmax(0,1000px)}
.lgrid>*{min-width:0}
.lnav{position:sticky;top:92px;background:#fff;border:1px solid #e6e8ea;border-radius:22px;padding:26px 10px 22px 24px}
.lnav h4{font-family:'Archivo',sans-serif;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:#0b1a2a;margin:0 0 18px}
.lnav ol{list-style:none;margin:0;padding:0 14px 0 0;max-height:calc(100vh - 230px);overflow:auto;display:grid;gap:2px}
.lnav ol::-webkit-scrollbar{width:8px}
.lnav ol::-webkit-scrollbar-thumb{background:#9a9a9a;border-radius:99px}
.lnav button{display:flex;gap:12px;align-items:center;width:100%;text-align:left;border:0;background:none;padding:9px 12px;border-radius:10px;font:inherit;font-size:13.5px;font-weight:500;color:#2b3a4a;cursor:pointer;transition:background .2s,color .2s}
.lnav button b{flex:none;color:#1557d6;font-weight:700;font-size:13px}
.lnav button:hover{background:#eef8fd}
.lnav button.on{background:#dff2fd;color:#0b1a2a}
.lg{background:#fff;border:1px solid #e6e8ea;border-radius:26px;padding:44px 48px;color:#1b2a3a}
.lg .intro{font-size:15.5px;line-height:1.55;color:#0b1a2a;margin:0;background:none;border:0;padding:0;letter-spacing:0}
.lg .intro.b1x{font-weight:700}
.lg .alert{margin:24px 0 8px;background:#fdecec;border:1px solid #f5c6c6;border-radius:12px;padding:16px 18px;color:#d4141c;font-weight:700;font-size:15.5px;line-height:1.55}
.lg h2{font-family:'Archivo',sans-serif;font-size:26px;text-transform:uppercase;color:#0b1a2a;border-left:4px solid #1557d6;padding-left:16px;margin:46px 0 18px;scroll-margin-top:96px}
.lg p,.lg li{color:#1b2a3a;font-size:15.5px;line-height:1.6}
.lg p+p{margin-top:12px}
.lg ul,.lg ol{padding-left:26px;margin-top:10px;display:grid;gap:6px}
.lg a{color:#1557d6;font-weight:700}
.lg b{color:#0b1a2a}
@media(max-width:1020px){
.lh .w,.lw .w{padding:0 20px}
.lgrid{grid-template-columns:minmax(0,1fr)}
.lnav{position:static}
.lnav ol{max-height:240px}
.lg{padding:24px 20px}
.lg h2{font-size:21px}
}
.lg h3{font-family:'Archivo',sans-serif;font-size:18px;color:#0b1a2a;margin:26px 0 8px}
.lg ol{list-style:decimal}
.lg ul{list-style:disc}
.lg .pre p{margin-top:0}
.lg .pre p+p,.lg .pre p+ol{margin-top:14px}
.lgrid.one{grid-template-columns:minmax(0,1fr)}
.lg.plain h2{text-transform:none;font-size:21px;margin:34px 0 14px}
.lg.plain p{margin:0}
.lg.plain p+p{margin-top:0}
.lg.plain .pre{margin-bottom:6px}
.lg .notice{display:flex;gap:16px;align-items:flex-start;background:#fef0f0;border:1px solid #f8d3d3;border-radius:12px;padding:22px 24px;margin-bottom:30px}
.lg .notice svg{flex:none;width:24px;height:24px;stroke:#d4141c;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-top:2px}
.lg .notice strong{display:block;font-family:'Archivo',sans-serif;font-size:19px;font-weight:700;color:#9b1c1c;margin-bottom:6px}
.lg .notice span{display:block;font-size:14px;color:#c0171f;line-height:1.5}
.lh.ctr{text-align:center;padding:64px 0 10px;background:#fcfcfc}
.lh.ctr .pillx{display:none}
.lh.ctr h1{font-size:clamp(34px,4.4vw,56px);margin:0 0 14px}
.lh.ctr p{font-size:18px}
.lh.ctr hr{display:none}
.lw.tbl{background:#fcfcfc;padding:34px 0 80px}
.lw.tbl .w{max-width:1060px}
.tcard{background:#fff;border:1px solid #e6e8ea;border-radius:20px;box-shadow:0 2px 8px rgba(11,26,42,.06);overflow:hidden}
.tscroll{overflow-x:auto}
.tcard table{width:100%;border-collapse:collapse;min-width:640px;font-size:15px}
.tcard th{background:#fdfbf8;text-align:left;font-weight:700;color:#0b1a2a;padding:22px 24px;border-bottom:1px solid #1b2a3a;white-space:nowrap}
.tcard td{padding:20px 24px;border-bottom:1px solid #f0f1f2;color:#4a5a6a;vertical-align:middle}
.tcard td:first-child{color:#1b2a3a;font-weight:600}
.tcard td.rs{color:#e0101a}
.tcard tr:last-child td{border-bottom:0;background:#f8fafc}
.tcard tbody tr:hover td{background:#f4f9fd}
@media(max-width:1020px){
.lw.tbl .w{padding:0 14px}
.tcard th,.tcard td{padding:16px 16px}
}
.lg h2.ico{border-left:0;padding-left:0;display:flex;align-items:center;gap:10px}
.lg h2.ico svg{flex:none;width:24px;height:24px;stroke:#1557d6;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lg ol li::marker{color:#1557d6;font-weight:700}
.lg li>ol{margin-top:8px}

/* ===== Home: 4 boxes ===== */
.hero{padding:72px 0 80px}
.hb{padding:64px 0 76px}
.hb-head{text-align:center;max-width:640px;margin:0 auto 34px}
.hb-head h2{margin:0 auto}
.hb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.hb-box{position:relative;display:flex;flex-direction:column;gap:10px;padding:28px 24px 24px;border-radius:26px;background:#fff;border:1px solid var(--line);overflow:hidden;transition:transform .2s,box-shadow .25s,border-color .2s;box-shadow:0 8px 24px rgba(12,27,51,.05)}
.hb-box:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--bar,var(--blue))}
.hb-box:hover{transform:translateY(-6px);border-color:var(--bar,var(--blue));box-shadow:0 22px 46px rgba(21,87,214,.18)}
.hb-box.c1{--bar:#1557d6;--tint:#e8f0ff}
.hb-box.c2{--bar:#0e9f6e;--tint:#e3f7ef}
.hb-box.c3{--bar:#f08a00;--tint:#fff1da}
.hb-box.c4{--bar:#7c4dff;--tint:#efe9ff}
.hb-ic{width:60px;height:60px;border-radius:18px;background:var(--tint);color:var(--bar);display:grid;place-items:center;margin-bottom:6px}
.hb-ic .ic{width:29px;height:29px}
.hb-box h3{font-size:20px;line-height:1.2}
.hb-box p{color:var(--mut);font-size:14.5px;flex:1}
.hb-go{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:14px;color:var(--bar);margin-top:6px}
.hb-go .ic{transition:transform .2s}
.hb-box:hover .hb-go .ic{transform:translateX(4px)}
@media(max-width:1020px){.hb-grid{grid-template-columns:repeat(2,1fr)}.hg{grid-template-columns:1fr}}
@media(max-width:640px){
.hero{padding:44px 0 48px}
.hb{padding:44px 0 52px}
.hb-head{text-align:left;margin-bottom:22px}
.hb-grid{gap:12px}
.hb-box{padding:20px 16px 16px;border-radius:20px;gap:8px}
.hb-ic{width:48px;height:48px;border-radius:14px}
.hb-ic .ic{width:24px;height:24px}
.hb-box h3{font-size:16px}
.hb-box p{font-size:13px;line-height:1.5}
.hb-go{font-size:13px}
.cta{flex-direction:column;align-items:flex-start;padding:28px 22px;border-radius:22px}
.slide{padding:30px 22px 60px;min-height:300px}
.slide .big{font-size:70px}
}

.hb-eb{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);background:var(--soft);padding:6px 14px;border-radius:99px;margin-bottom:14px}
@media(max-width:640px){.hero .acts{flex-wrap:nowrap}.hero .acts .btn{flex:1;padding:14px 10px;font-size:14px}}