@font-face{font-family:Manrope;font-weight:200 800;font-display:swap;src:url(../fonts/manrope-latin-wght-normal.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:100 900;font-display:swap;src:url(../fonts/inter-latin-wght-normal.woff2) format("woff2")}
:root{--ink:#0a1a30;--navy:#0b2545;--txt:#2c4258;--mut:#5d7186;--line:#e2e9f1;--line2:#d3dee9;--bg:#f6f9fc;--soft:#eef4f9;
--teal:#0ea59f;--teal2:#0b827e;--aqua:#2fd4c3;--cyan:#22b8e6;--blue:#3d6bff;--indigo:#5b5cf0;--amber:#e6a019;--red:#e0504a;
--g:linear-gradient(120deg,#0ea59f 0%,#22b8e6 52%,#5b5cf0 100%);--g2:linear-gradient(135deg,#e7fbf8,#e8f3ff 60%,#efedff);
--f:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--d:Manrope,Inter,system-ui,sans-serif;--hf:Manrope,Inter,system-ui,sans-serif;
--r:22px;--sh:0 1px 2px rgba(10,26,48,.04),0 12px 32px -14px rgba(10,26,48,.18);--sh2:0 2px 4px rgba(10,26,48,.04),0 30px 60px -24px rgba(10,26,48,.28);--hh:76px}
*,*:before,*:after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scrollbar-gutter:stable;scroll-padding-top:96px}
body{margin:0;font:400 16px/1.65 var(--f);color:var(--txt);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body:before{content:"";position:fixed;inset:-20% -10% auto;height:120vh;z-index:-1;pointer-events:none;background:radial-gradient(42% 38% at 8% 6%,rgba(47,212,195,.16),transparent 70%),radial-gradient(38% 34% at 96% 4%,rgba(91,92,240,.12),transparent 70%),radial-gradient(40% 40% at 70% 60%,rgba(34,184,230,.07),transparent 70%)}
img,svg,video{display:block;max-width:100%}img{height:auto}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
h1,h2,h3,h4{font-family:var(--hf);color:var(--ink);margin:0;line-height:1.12;letter-spacing:-.025em;font-weight:800}
h1{font-size:clamp(2.1rem,1.3rem + 2.6vw,3.45rem);letter-spacing:-.035em;line-height:1.04}
h2{font-size:clamp(1.65rem,1.15rem + 1.7vw,2.6rem)}
h3{font-size:1.08rem;letter-spacing:-.01em;line-height:1.3}
p{margin:0}ul{margin:0;padding:0;list-style:none}
.g{background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}
.wrap{width:min(1240px,100% - 40px);margin-inline:auto}
@media(min-width:900px){.wrap{width:min(1240px,100% - 72px)}}
.sec{padding-block:clamp(48px,5.6vw,88px);position:relative}
.sec.tight{padding-block:clamp(40px,5vw,72px)}
.sec.tint{background:linear-gradient(180deg,rgba(238,244,249,.0),rgba(231,240,248,.85) 18%,rgba(231,240,248,.85) 82%,rgba(238,244,249,0))}
.sec.white{background:#fff}
.lead{font-size:clamp(1.02rem,.96rem + .3vw,1.18rem);color:var(--mut);line-height:1.7}
.eb{display:inline-flex;align-items:center;gap:8px;padding:6px 13px 6px 8px;border-radius:99px;background:rgba(255,255,255,.75);border:1px solid var(--line2);font:700 .72rem var(--f);letter-spacing:.08em;text-transform:uppercase;color:var(--teal2);backdrop-filter:blur(6px)}
.eb i{width:20px;height:20px;border-radius:50%;background:var(--g);display:grid;place-items:center;color:#fff}.eb i svg{width:11px;height:11px}
.hd{display:grid;gap:14px;margin-bottom:clamp(28px,3.4vw,48px);max-width:760px}
.hd.c{margin-inline:auto;text-align:center;justify-items:center}
.hd.row{max-width:none;grid-template-columns:1.1fr .9fr;align-items:end;gap:14px 60px}
@media(max-width:860px){.hd.row{grid-template-columns:1fr}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;border-radius:14px;font:700 .92rem var(--f);transition:transform .25s,box-shadow .25s,background .25s,border-color .25s;white-space:nowrap;position:relative}
.btn svg{width:17px;height:17px;transition:transform .25s}.btn:hover svg{transform:translateX(3px)}
.btn-p{background:var(--g);background-size:160% 100%;color:#fff;box-shadow:0 12px 28px -10px rgba(14,165,159,.65),inset 0 1px 0 rgba(255,255,255,.25)}
.btn-p:hover{transform:translateY(-2px);background-position:100% 0;box-shadow:0 18px 36px -12px rgba(61,107,255,.55)}
.btn-g{background:rgba(255,255,255,.8);border:1px solid var(--line2);color:var(--ink);backdrop-filter:blur(8px)}.btn-g:hover{border-color:var(--teal);color:var(--teal2);transform:translateY(-2px)}
.btn-w{background:#fff;color:var(--ink)}.btn-w:hover{transform:translateY(-2px)}
.ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--g2);color:var(--teal2);border:1px solid #d5ece9;flex:none}.ic svg{width:22px;height:22px}
.ic.s{width:38px;height:38px;border-radius:12px}.ic.s svg{width:18px;height:18px}
.ic.solid{background:var(--g);color:#fff;border:0;box-shadow:0 10px 22px -10px rgba(14,165,159,.7)}
.card{background:rgba(255,255,255,.86);border:1px solid var(--line);border-radius:var(--r);padding:24px;box-shadow:var(--sh);transition:transform .35s,box-shadow .35s,border-color .35s;backdrop-filter:blur(8px)}
.card:hover{transform:translateY(-4px);box-shadow:var(--sh2);border-color:#cfe2ea}
.card p{color:var(--mut);font-size:.94rem;margin-top:8px}
.grid{display:grid;gap:18px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1000px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.g2,.g3,.g4{grid-template-columns:1fr}}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center}
@media(max-width:940px){.two{grid-template-columns:1fr}}
.ck{display:grid;gap:11px}.ck li{display:flex;gap:11px;align-items:flex-start;font-size:.95rem;color:var(--txt)}.ck li svg{flex:none;width:20px;height:20px;padding:3px;border-radius:50%;background:#dcf6f1;color:var(--teal2);margin-top:2px}
.ck.x li svg{background:#fde6e5;color:var(--red)}
.tagc{display:flex;flex-wrap:wrap;gap:8px}.tagc span,.tagc a{padding:8px 14px;border-radius:99px;background:#fff;border:1px solid var(--line);font:600 .82rem var(--f);color:var(--navy);transition:.25s}.tagc a:hover{border-color:var(--teal);color:var(--teal2)}
/* reveal */
.js [data-a]{opacity:0;transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1),filter .8s;transition-delay:var(--dl,0s)}
.js [data-a=up]{transform:translateY(28px)}.js [data-a=zoom]{transform:scale(.94)}.js [data-a=blur]{filter:blur(10px);transform:translateY(10px)}.js [data-a=left]{transform:translateX(-28px)}.js [data-a=right]{transform:translateX(28px)}
.js [data-a].in{opacity:1;transform:none;filter:none}
@media(max-width:700px){.js [data-a=left],.js [data-a=right]{transform:translateY(22px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.js [data-a]{opacity:1;transform:none;filter:none}}
/* header */
.hdr{position:fixed;left:0;right:0;top:12px;z-index:100;pointer-events:none}
.hbar{pointer-events:auto;display:flex;align-items:center;gap:18px;height:62px;padding:0 10px 0 20px;border-radius:20px;background:rgba(255,255,255,.72);border:1px solid rgba(211,222,233,.8);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);box-shadow:0 10px 40px -20px rgba(10,26,48,.25);transition:background .3s,box-shadow .3s}
.hdr.scd .hbar{background:rgba(255,255,255,.9);box-shadow:0 14px 40px -18px rgba(10,26,48,.3)}
.logo{height:34px;width:auto}
.nav{display:flex;gap:2px;margin-left:auto}
.nav>a,.nav .dd>a{display:flex;align-items:center;gap:5px;padding:9px 13px;border-radius:12px;font:600 .875rem var(--f);color:var(--txt);transition:.2s}.nav svg{width:14px;height:14px}
.nav>a:hover,.nav .dd:hover>a,.nav [aria-current]{background:rgba(14,165,159,.08);color:var(--teal2)}
.dd{position:relative}.mm{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%,8px);opacity:0;visibility:hidden;transition:.25s;background:rgba(255,255,255,.97);border:1px solid var(--line);border-radius:20px;box-shadow:var(--sh2);padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:4px;width:620px;backdrop-filter:blur(16px)}
.mm.one{grid-template-columns:1fr;width:340px}
.dd:hover .mm,.dd:focus-within .mm{opacity:1;visibility:visible;transform:translate(-50%,0)}
.mm a{display:flex;gap:12px;align-items:center;padding:10px;border-radius:14px;transition:.2s}.mm a:hover{background:var(--soft)}.mm b{display:block;font:700 .86rem var(--f);color:var(--ink)}.mm small{font-size:.76rem;color:var(--mut);line-height:1.35;display:block}
.mm .ic{width:36px;height:36px;border-radius:11px}.mm .ic svg{width:17px;height:17px}
.hcta{padding:11px 18px;border-radius:13px;font-size:.86rem}
.burger{display:none;margin-left:auto;width:42px;height:42px;border-radius:12px;border:1px solid var(--line);place-items:center;background:#fff}.burger svg{width:20px;height:20px}
@media(max-width:1120px){.nav,.hcta{display:none}.burger{display:grid}}
.drawer{position:fixed;inset:0;z-index:140;background:rgba(10,26,48,.35);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:.3s}
.drawer.o{opacity:1;visibility:visible}
.drawer .sheet{position:absolute;left:10px;right:10px;bottom:10px;max-height:82vh;overflow:auto;background:#fff;border-radius:26px;padding:16px 18px 22px;transform:translateY(30px);transition:.35s cubic-bezier(.2,.8,.2,1)}
.drawer.o .sheet{transform:none}.sheet .grab{width:44px;height:5px;border-radius:9px;background:#d5dee7;margin:2px auto 14px}
.sheet h5{font:800 .72rem var(--f);letter-spacing:.1em;text-transform:uppercase;color:var(--mut);margin:14px 4px 8px}
.sheet .sg{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sheet .sg a{display:flex;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:14px;font:600 .8rem/1.25 var(--f);color:var(--ink)}.sheet .sg .ic{width:32px;height:32px;border-radius:10px}.sheet .sg .ic svg{width:15px;height:15px}
.sheet .sl a{display:flex;justify-content:space-between;padding:13px 6px;border-bottom:1px solid var(--line);font:700 .95rem var(--f);color:var(--ink)}
.sheet .btn{width:100%;margin-top:16px}
.tabbar{display:none}
@media(max-width:760px){
 .hdr{top:8px}.hbar{height:56px;padding:0 8px 0 14px;border-radius:18px}.logo{height:30px}
 body{padding-bottom:88px}
 .tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:120;background:rgba(255,255,255,.88);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);border:1px solid rgba(211,222,233,.9);border-radius:22px;padding:6px;box-shadow:0 18px 40px -16px rgba(10,26,48,.35)}
 .tabbar a{display:grid;justify-items:center;gap:3px;padding:7px 2px;border-radius:16px;font:700 .64rem var(--f);color:var(--mut)}.tabbar svg{width:21px;height:21px}
 .tabbar a[aria-current]{background:var(--g);color:#fff;box-shadow:0 8px 18px -8px rgba(14,165,159,.8)}
}
.pb{position:fixed;left:0;top:0;height:3px;background:var(--g);z-index:200;width:0}
/* footer */
footer{margin-top:clamp(40px,5vw,80px);background:#fff;border-top:1px solid var(--line);padding:clamp(40px,5vw,64px) 0 26px}
.fg{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px}
.fg p{font-size:.88rem;color:var(--mut);margin-top:14px;max-width:34ch}.fg h4{font:800 .74rem var(--f);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);margin-bottom:12px}
.fg a{display:block;padding:4px 0;font-size:.88rem;color:var(--txt)}.fg a:hover{color:var(--teal2)}
.fbadges{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.fbadges span{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:99px;background:var(--soft);font:700 .72rem var(--f);color:var(--navy)}.fbadges svg{width:14px;height:14px;color:var(--teal)}
.fb{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:34px;padding-top:18px;border-top:1px solid var(--line);font-size:.8rem;color:var(--mut)}
@media(max-width:900px){.fg{grid-template-columns:1fr 1fr}.fg>div:first-child{grid-column:1/-1}}
/* scene window */
.win{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--sh);overflow:hidden;position:relative;min-width:0}
.wbar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--line);background:#fafcfd}.wbar i{width:9px;height:9px;border-radius:50%;background:#d6e2ea}.wbar b{margin-left:8px;font:700 .76rem var(--f);color:#27425c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wbar em{margin-left:auto;font:700 .62rem var(--f);letter-spacing:.1em;color:#6b8397;background:#edf3f6;padding:4px 9px;border-radius:99px;-webkit-text-fill-color:#6b8397;white-space:nowrap}
.wbody{padding:18px;display:grid;gap:10px;align-content:start;min-height:330px}
.ln{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border:1px solid var(--line);border-radius:14px;background:#fff;animation:seq 10s var(--d,0s) infinite backwards}
.lt{display:grid;min-width:0}.lt b{font:700 .84rem var(--f);color:var(--ink)}.lt small{font:500 .73rem var(--f);color:var(--mut)}
.sb{flex:none;font:700 .68rem var(--f);padding:5px 10px;border-radius:99px;display:inline-flex;gap:5px;align-items:center}.sb.ok{background:#e0f6ee;color:#0a7a55}.sb.wn{background:#fdf0d6;color:#9a6006}.sb.bl{background:#e4eefc;color:#1d5fa8}.sb.er{background:#fde6e3;color:#b63c33}
@keyframes seq{0%{opacity:0;transform:translateY(8px)}5%,88%{opacity:1;transform:none}96%,100%{opacity:0}}
@keyframes grow{0%{transform:scaleX(0)}15%,88%{transform:scaleX(1)}96%,100%{transform:scaleX(0)}}
@keyframes growy{0%{transform:scaleY(0)}15%,88%{transform:scaleY(1)}96%,100%{transform:scaleY(0)}}
@keyframes pop{0%,8%{opacity:0;transform:scale(.7)}14%,88%{opacity:1;transform:scale(1)}96%,100%{opacity:0}}
@keyframes flip{0%,34%{opacity:1}38%,100%{opacity:0}}@keyframes flip2{0%,34%{opacity:0}38%,88%{opacity:1}96%,100%{opacity:0}}
@keyframes beam{0%{top:0;opacity:0}6%{opacity:.9}60%{top:calc(100% - 3px);opacity:.9}66%,100%{top:calc(100% - 3px);opacity:0}}
@keyframes draw{0%{stroke-dashoffset:var(--L,600)}25%,88%{stroke-dashoffset:0}96%,100%{stroke-dashoffset:var(--L,600)}}
@keyframes blink{50%{opacity:.35}}@keyframes float{50%{transform:translateY(-8px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{0%{box-shadow:0 0 0 0 rgba(13,143,138,.5)}100%{box-shadow:0 0 0 12px rgba(13,143,138,0)}}
.stamp{justify-self:start;margin-top:4px;padding:8px 16px;border-radius:12px;border:2px solid var(--teal);color:var(--teal2);font:800 .8rem var(--d);letter-spacing:.06em;transform:rotate(-3deg);animation:pop 10s var(--d,6s) infinite backwards}
.stk{position:relative;display:inline-grid}.stk>*{grid-area:1/1}.stk .a{animation:flip 10s var(--d,0s) infinite backwards}.stk .b{animation:flip2 10s var(--d,0s) infinite backwards}
.spn{width:14px;height:14px;border:2px solid #b9cbd8;border-top-color:var(--teal);border-radius:50%;animation:spin .8s linear infinite;display:inline-block}
.beam{position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--aqua),transparent);box-shadow:0 0 18px var(--aqua);animation:beam 10s var(--d,1s) infinite backwards}
.bars{display:grid;gap:12px}.bar-r{display:grid;grid-template-columns:96px 1fr 38px;gap:10px;align-items:center;font:600 .76rem var(--f);color:var(--txt)}.bar-r em{background:none;-webkit-text-fill-color:currentColor;color:var(--mut);text-align:right;font-style:normal}
.bt{height:10px;border-radius:10px;background:#eaf1f5;overflow:hidden}.bt i{display:block;height:100%;border-radius:10px;width:var(--w);transform-origin:left;background:linear-gradient(90deg,var(--teal),var(--blue));animation:grow 10s var(--d,0s) infinite backwards}.bt.w i{background:linear-gradient(90deg,#f2b441,#e0762f)}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.kpi{border:1px solid var(--line);border-radius:14px;padding:12px}.kpi small{display:block;font:500 .7rem var(--f);color:var(--mut)}.kpi b{font:800 1.4rem var(--d);color:var(--ink);letter-spacing:-.04em}.kpi span{font:700 .68rem var(--f);color:#0a7a55}
.cols{display:flex;align-items:flex-end;gap:12px;height:150px;padding:8px 4px 0;border-bottom:1px solid var(--line)}.col{flex:1;display:grid;align-items:end;height:100%;font:600 .66rem var(--f);text-align:center;color:var(--mut)}.col i{display:block;width:100%;height:var(--h);border-radius:8px 8px 0 0;background:linear-gradient(180deg,var(--blue),var(--teal));transform-origin:bottom;animation:growy 10s var(--d,0s) infinite backwards}.col i.w{background:linear-gradient(180deg,#f2b441,#e0762f)}
.lab{display:flex;gap:12px;font:600 .66rem var(--f);color:var(--mut);padding-top:6px}.lab span{flex:1;text-align:center}
.teeth{display:flex;justify-content:space-between;gap:4px;padding:6px 4px}.teeth svg{width:100%;max-width:46px;height:auto;color:#cfdce6}.teeth .hl{color:var(--teal);animation:float 2.4s infinite}
.chp{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:99px;border:1px solid var(--line);background:#fff;font:700 .7rem var(--f);color:var(--txt)}.chp svg{width:14px;height:14px}
.ring{--p:70;width:74px;height:74px;border-radius:50%;background:conic-gradient(var(--teal) calc(var(--p)*1%),#e6eef3 0);display:grid;place-items:center;flex:none}.ring b{width:56px;height:56px;border-radius:50%;background:#fff;display:grid;place-items:center;font:800 .95rem var(--d);color:var(--ink)}
.stepper{display:grid;gap:0}.stp{display:grid;grid-template-columns:30px 1fr auto;gap:12px;align-items:center;padding:10px 0;position:relative;animation:seq 10s var(--d,0s) infinite backwards}.stp:not(:last-child):before{content:"";position:absolute;left:14px;top:34px;bottom:-8px;width:2px;background:#dbe7ee}
.stp .dot{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e0f6ee;color:#0a7a55}.stp .dot svg{width:15px;height:15px}.stp.cur .dot{background:#e4eefc;color:var(--blue);animation:ping 1.8s infinite}.stp b{font:700 .84rem var(--f);color:var(--ink)}.stp small{display:block;font:500 .72rem var(--f);color:var(--mut)}
.match{display:grid;grid-template-columns:1fr 26px 1fr;gap:8px;align-items:center}.match .mk{width:22px;height:22px;border-radius:50%;background:#e0f6ee;color:#0a7a55;display:grid;place-items:center;animation:pop 10s var(--d,0s) infinite backwards}.match .mk svg{width:12px;height:12px}.match .mk.wn{background:#fdf0d6;color:#9a6006}
.mini{padding:9px 12px;border:1px solid var(--line);border-radius:12px;font:600 .76rem var(--f);color:var(--ink);background:#fff}.mini small{display:block;font:500 .68rem var(--f);color:var(--mut)}
/* bubbles */
.bub{padding:10px 14px;border-radius:16px;font:600 .8rem/1.4 var(--f);max-width:88%;animation:seq 10s var(--d,0s) infinite backwards}.bub.u{background:var(--navy);color:#fff;border-bottom-right-radius:5px;margin-left:auto}.bub.b{background:#edf6f6;color:var(--ink);border:1px solid #d9ecec;border-bottom-left-radius:5px}
.pdf{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1.5px solid #d9ecec;border-radius:14px;width:max-content;max-width:100%;animation:seq 10s var(--d,0s) infinite backwards;background:#fff}.pdf i{width:34px;height:40px;border-radius:7px;background:#fde8e6;color:#c4453d;font:800 .62rem var(--f);font-style:normal;display:grid;place-items:center}.pdf b{display:block;font:700 .78rem var(--f);color:var(--ink)}.pdf small{font:500 .68rem var(--f);color:var(--mut)}
.cx{display:grid;grid-template-columns:200px 1fr;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--sh);overflow:hidden;min-width:0}.cx.mini{grid-template-columns:1fr}.cx.mini .cx-l{display:none}
.cx-l{background:#fafcfd;border-right:1px solid var(--line);padding:12px;display:grid;gap:4px;align-content:start}.cx-l button{text-align:left;padding:10px 12px;border-radius:12px;font:600 .8rem/1.3 var(--f);color:var(--mut);transition:.2s}.cx-l button small{display:block;font:500 .68rem var(--f);opacity:.8}.cx-l button.on{background:#fff;color:var(--ink);box-shadow:var(--sh2)}.cx-l .t{font:700 .66rem var(--f);letter-spacing:.12em;text-transform:uppercase;color:#8aa0b1;padding:6px 12px}
.cx-m{display:grid;grid-template-rows:auto 1fr;min-width:0}.cx-h{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}.cx-h .av{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,var(--teal),var(--blue));color:#fff;display:grid;place-items:center}.cx-h .av svg{width:20px;height:20px}.cx-h b{font:800 .92rem var(--d);color:var(--ink);display:block}.cx-h small{font:500 .72rem var(--f);color:var(--mut)}.cx-h .lv{margin-left:auto;display:flex;gap:6px;align-items:center;font:700 .66rem var(--f);color:var(--teal2)}.cx-h .lv i{width:8px;height:8px;border-radius:50%;background:#2fd4a5;animation:ping 1.8s infinite}
.cx-b{padding:18px;display:flex;flex-direction:column;gap:10px;min-height:340px;max-height:420px;overflow:hidden}.cx.mini .cx-b{min-height:300px}
.m{max-width:86%;padding:10px 14px;border-radius:16px;font:600 .84rem/1.45 var(--f);animation:min .4s both}.m.u{align-self:flex-end;background:var(--navy);color:#fff;border-bottom-right-radius:5px}.m.b,.m.t{align-self:flex-start;background:#edf6f6;border:1px solid #d9ecec;color:var(--ink);border-bottom-left-radius:5px}.m.t{background:#eef3fc;border-color:#d7e4f8}.m small{display:block;font:700 .62rem var(--f);letter-spacing:.1em;text-transform:uppercase;opacity:.65;margin-bottom:3px}
.m.card{background:#fff;border:1px solid var(--line);width:min(100%,340px);max-width:100%;padding:12px 14px}.m.card h6{font:700 .72rem var(--f);color:#27425c;margin-bottom:8px}.m.card div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid #edf2f6;font:600 .76rem var(--f)}.m.card div:nth-of-type(1){border:0}
.m.typ{display:flex;gap:4px;padding:12px 14px}.m.typ i{width:7px;height:7px;border-radius:50%;background:#9bb3c2;animation:blink 1s infinite}.m.typ i:nth-child(2){animation-delay:.2s}.m.typ i:nth-child(3){animation-delay:.4s}
@keyframes min{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:760px){.cx{grid-template-columns:1fr}.cx-l{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);scrollbar-width:none}.cx-l .t{display:none}.cx-l button{flex:none}}
/* ===== shared visual atoms ===== */
.gridbg{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(61,107,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(61,107,255,.07) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000,transparent 75%);mask-image:radial-gradient(70% 60% at 50% 30%,#000,transparent 75%)}
.orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;pointer-events:none;animation:drift 18s ease-in-out infinite alternate}
.orb.a{width:420px;height:420px;background:#7ce9dc;left:-120px;top:40px}.orb.b{width:380px;height:380px;background:#a9b8ff;right:-100px;top:-60px;animation-delay:-6s}.orb.c{width:300px;height:300px;background:#8fd8f5;right:30%;bottom:-120px;animation-delay:-11s;opacity:.35}
@keyframes drift{to{transform:translate(40px,30px) scale(1.08)}}
.holo{position:relative;border-radius:30px;overflow:hidden;background:#dfe9f2;box-shadow:0 40px 90px -40px rgba(10,26,48,.55),0 0 0 1px rgba(255,255,255,.6) inset;isolation:isolate}
.holo img{width:100%;height:100%;object-fit:cover}
.holo:after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(255,255,255,.18),transparent 40%,rgba(10,37,69,.18));pointer-events:none}
.hud{position:absolute;width:30px;height:30px;z-index:3;pointer-events:none;animation:hud 3.2s ease-in-out infinite}
.hud:before,.hud:after{content:"";position:absolute;background:#fff;border-radius:3px;box-shadow:0 0 12px rgba(47,212,195,.9)}
.hud:before{width:100%;height:3px}.hud:after{width:3px;height:100%}
.hud.tl{left:16px;top:16px}.hud.tr{right:16px;top:16px;transform:scaleX(-1)}.hud.bl{left:16px;bottom:16px;transform:scaleY(-1)}.hud.br{right:16px;bottom:16px;transform:scale(-1)}
@keyframes hud{50%{opacity:.45}}
.scan{position:absolute;left:0;right:0;height:90px;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(47,212,195,.22) 80%,rgba(255,255,255,.85) 98%,transparent);mix-blend-mode:screen;animation:scan 5.5s cubic-bezier(.5,0,.5,1) infinite}
@keyframes scan{0%{top:-90px}60%,100%{top:100%}}
.glass{background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.9);box-shadow:0 24px 50px -22px rgba(10,26,48,.45),0 0 0 1px rgba(211,222,233,.6);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border-radius:18px}
.wg{position:absolute;z-index:4;opacity:0;animation:wgin .9s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:var(--dl)}
.wg>.glass{animation:bob 6s ease-in-out infinite;animation-delay:calc(var(--dl) * -3)}
@keyframes wgin{from{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:none}}
@keyframes bob{50%{transform:translateY(-9px)}}
.ringk{display:flex;gap:12px;align-items:center;padding:12px 16px 12px 12px}
.ringk svg{width:58px;height:58px;transform:rotate(-90deg)}.ringk circle{fill:none;stroke-width:6}.ringk .t{stroke:#e5eef5}.ringk .v{stroke:url(#gk);stroke-linecap:round;stroke-dasharray:163;stroke-dashoffset:163;animation:arc 1.8s 1s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes arc{to{stroke-dashoffset:var(--o,7)}}
.ringk b{display:block;font:800 1.35rem var(--hf);color:var(--ink);line-height:1}.ringk small{font:600 .72rem var(--f);color:var(--mut)}
.toast{display:flex;gap:10px;align-items:center;padding:11px 15px 11px 11px;font:700 .8rem var(--f);color:var(--ink)}
.toast span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#dcf6f1;color:var(--teal2);flex:none}.toast span svg{width:17px;height:17px}.toast small{display:block;font:600 .7rem var(--f);color:var(--mut)}
.toast.b span{background:#e6edff;color:var(--blue)}.toast.a span{background:#fdf0d6;color:#a76a07}
.spark{padding:12px 14px;width:200px}.spark b{font:700 .74rem var(--f);color:var(--mut);display:flex;justify-content:space-between}.spark b em{font-style:normal;color:var(--teal2)}
.spark .bb{display:flex;align-items:flex-end;gap:5px;height:48px;margin-top:8px}.spark .bb i{flex:1;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,#22b8e6,#0ea59f);height:var(--h);transform-origin:bottom;animation:gy 1s both;animation-delay:calc(1.2s + var(--i)*.08s)}
@keyframes gy{from{transform:scaleY(0)}}
.bub2{padding:10px 13px;max-width:240px;font:600 .78rem/1.45 var(--f);color:var(--ink)}.bub2 small{display:flex;gap:6px;align-items:center;font:700 .66rem var(--f);color:var(--teal2);margin-bottom:4px;text-transform:uppercase;letter-spacing:.06em}.bub2 small i{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.2)}
.typing{display:inline-flex;gap:4px;margin-left:4px}.typing i{width:5px;height:5px;border-radius:50%;background:var(--teal);animation:tp 1.2s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes tp{0%,60%,100%{opacity:.25;transform:none}30%{opacity:1;transform:translateY(-3px)}}

/* ===== HOME HERO ===== */
.hx{position:relative;padding:clamp(118px,13vw,150px) 0 clamp(40px,6vw,80px);overflow:hidden}
.hx-in{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.18fr);gap:clamp(28px,4vw,64px);align-items:center}
.hx h1{margin:18px 0 18px}.hx .lead{max-width:54ch}
.acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.hx-tr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:34px;max-width:600px}
.hx-tr span{display:grid;gap:6px;font:700 .76rem/1.3 var(--f);color:var(--navy)}.hx-tr i{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);color:var(--teal);box-shadow:var(--sh)}.hx-tr i svg{width:18px;height:18px}
.hx-v{position:relative;padding:28px 10px 40px 30px}
.hx-v .holo{aspect-ratio:16/11}
.hx-v .orbit{position:absolute;inset:-6% -8% -10% -4%;border:1.5px dashed rgba(61,107,255,.22);border-radius:50%;animation:spin 60s linear infinite;z-index:-1}
.hx-v .orbit:after{content:"";position:absolute;left:50%;top:-6px;width:12px;height:12px;border-radius:50%;background:var(--aqua);box-shadow:0 0 18px 4px rgba(47,212,195,.7)}
@keyframes spin{to{transform:rotate(360deg)}}
.hx .w1{left:-8px;bottom:6%}.hx .w2{right:-6px;top:4%}.hx .w3{right:-14px;bottom:-2%}.hx .w4{left:6%;top:-2%}
@media(max-width:1100px){.hx-in{grid-template-columns:1fr}.hx-v{padding:18px 6px 30px;max-width:720px;margin:auto;width:100%}.hx-t{text-align:left}}
@media(max-width:640px){.hx{padding-top:96px}.hx-tr{grid-template-columns:repeat(2,minmax(0,1fr))}.hx .w4,.hx .w3{display:none}.hx .w1{left:-4px;bottom:-8px}.hx .w2{right:-4px;top:-8px}.ringk svg{width:46px;height:46px}.ringk b{font-size:1.1rem}.hx-v .holo{aspect-ratio:4/3.4}.hx .acts .btn{flex:1}}

/* trust strip */
.strip{position:relative;z-index:2}
.strip .in{display:flex;align-items:center;gap:22px;background:rgba(255,255,255,.85);border:1px solid var(--line);border-radius:22px;padding:16px 22px;box-shadow:var(--sh);backdrop-filter:blur(10px)}
.strip b{font:800 .82rem/1.3 var(--hf);color:var(--ink);flex:none}
.strip .it{display:flex;flex:1;justify-content:space-between;gap:14px;flex-wrap:wrap;border-left:1px solid var(--line);padding-left:22px}
.strip .it span{display:inline-flex;gap:8px;align-items:center;font:600 .84rem var(--f);color:var(--txt)}.strip svg{width:20px;height:20px;color:var(--teal)}
@media(max-width:900px){.strip .in{flex-direction:column;align-items:flex-start}.strip .it{border:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}}

/* marquee */
.mq2{display:grid;gap:12px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.mq2 .row{display:flex;gap:12px;width:max-content;animation:mq 46s linear infinite}.mq2 .row.r{animation-direction:reverse;animation-duration:52s}
.mq2:hover .row{animation-play-state:paused}
.mq2 span{display:inline-flex;gap:9px;align-items:center;padding:12px 18px;border-radius:16px;background:#fff;border:1px solid var(--line);font:700 .88rem var(--f);color:var(--navy);box-shadow:0 6px 18px -14px rgba(10,26,48,.4);white-space:nowrap}
.mq2 span i{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:var(--g2);color:var(--teal2)}.mq2 span svg{width:15px;height:15px}
@keyframes mq{to{transform:translateX(-50%)}}

/* kpi targets */
.k4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.k4>div{position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--sh);overflow:hidden}
.k4>div:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--g);transform:scaleX(0);transform-origin:left;transition:transform 1.2s .2s cubic-bezier(.2,.8,.2,1)}
.k4.in>div:before{transform:none}
.k4 b{display:block;font:800 clamp(1.8rem,1.4rem + 1.2vw,2.5rem) var(--hf);letter-spacing:-.03em;color:var(--ink)}.k4 b em{font-style:normal;color:var(--teal)}
.k4 h3{font-size:.95rem;margin-top:6px}.k4 p{font-size:.84rem;color:var(--mut);margin-top:4px}
.k4 .bar{height:6px;border-radius:9px;background:#e8eff5;margin-top:14px;overflow:hidden}.k4 .bar i{display:block;height:100%;width:var(--w);border-radius:9px;background:var(--g);transform:scaleX(0);transform-origin:left;transition:transform 1.6s .4s cubic-bezier(.2,.8,.2,1)}
.k4.in .bar i{transform:none}
.note{font-size:.78rem;color:var(--mut);margin-top:14px}
@media(max-width:900px){.k4{grid-template-columns:1fr 1fr}}

/* service image cards */
.sc-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;perspective:1200px}
.sc{position:relative;display:block;border-radius:22px;overflow:hidden;aspect-ratio:650/908;background:#eaf2f8;box-shadow:0 16px 40px -24px rgba(10,26,48,.45);transform-style:preserve-3d;transition:transform .25s ease-out,box-shadow .35s;will-change:transform}
.sc img{width:100%;height:100%;object-fit:cover;object-position:top}
.sc:after{content:"";position:absolute;inset:0;background:radial-gradient(260px circle at var(--mx,50%) var(--my,30%),rgba(255,255,255,.38),transparent 55%);opacity:0;transition:opacity .3s;pointer-events:none}
.sc:hover{box-shadow:0 34px 60px -26px rgba(10,26,48,.55),0 0 0 2px rgba(14,165,159,.5)}.sc:hover:after{opacity:1}
.sc .go{position:absolute;right:12px;top:12px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);color:var(--teal2);box-shadow:var(--sh);transform:scale(.8);opacity:0;transition:.3s}.sc .go svg{width:16px;height:16px}
.sc:hover .go{opacity:1;transform:none}
.sc.cl{background:linear-gradient(170deg,#eef8fb,#dff0f7);display:flex;flex-direction:column}
.sc.cl .vis{flex:1;position:relative;display:grid;place-items:center;padding:18px 16px 0}
.sc.cl .doc{width:78%;background:#fff;border-radius:14px;box-shadow:0 18px 30px -18px rgba(10,26,48,.5);padding:14px;position:relative;overflow:hidden}
.sc.cl .doc i{display:block;height:8px;border-radius:5px;background:#e3ecf3;margin:8px 0}.sc.cl .doc i:nth-child(2){width:70%}.sc.cl .doc i:nth-child(3){width:85%}.sc.cl .doc i:nth-child(4){width:55%}
.sc.cl .doc em{display:inline-flex;gap:6px;align-items:center;margin-top:8px;padding:5px 10px;border-radius:99px;background:#dcf6f1;color:var(--teal2);font:800 .66rem var(--f);font-style:normal}
.sc.cl .doc .bm{position:absolute;left:0;right:0;height:26px;background:linear-gradient(180deg,transparent,rgba(47,212,195,.35),transparent);animation:scan 3.4s linear infinite}
.sc.cl .lab{margin:14px;background:#fff;border-radius:16px;padding:14px;display:flex;gap:12px;align-items:center;box-shadow:0 10px 24px -16px rgba(10,26,48,.4)}
.sc.cl .lab b{display:block;font:800 1.02rem/1.15 var(--hf);color:var(--navy)}.sc.cl .lab small{font-size:.74rem;color:var(--mut);line-height:1.3;display:block;margin-top:3px}
@media(max-width:1100px){.sc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.sc-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-inline:-20px;padding:6px 20px 18px;scrollbar-width:none}.sc-grid::-webkit-scrollbar{display:none}.sc{flex:0 0 62vw;scroll-snap-align:start}}
.swipe{display:none;font:700 .76rem var(--f);color:var(--mut);align-items:center;gap:6px;margin-top:4px}.swipe svg{width:16px;height:16px;animation:nudge 1.6s infinite}
@keyframes nudge{50%{transform:translateX(5px)}}
@media(max-width:760px){.swipe{display:flex}}
.filt{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.filt button{padding:10px 16px;border-radius:12px;border:1px solid var(--line2);background:#fff;font:700 .84rem var(--f);color:var(--txt);transition:.25s}.filt button.on{background:var(--g);color:#fff;border-color:transparent;box-shadow:0 10px 20px -10px rgba(14,165,159,.7)}
.sc.hide{display:none}
.sc.pop{animation:pop2 .5s cubic-bezier(.2,.8,.2,1) both}@keyframes pop2{from{opacity:0;transform:scale(.9) translateY(10px)}}

/* scroll rail (process) */
.rail{position:relative;display:grid;grid-template-columns:repeat(var(--n,6),minmax(0,1fr));gap:18px;--p:0}
.rail .trk{position:absolute;left:calc(100%/var(--n)/2);right:calc(100%/var(--n)/2);top:31px;height:4px;border-radius:9px;background:#dfe8f0;overflow:hidden}
.rail .trk i{position:absolute;inset:0;background:var(--g);transform:scaleX(var(--p));transform-origin:left;box-shadow:0 0 14px rgba(47,212,195,.8)}
.rail .st{position:relative;text-align:center;display:grid;justify-items:center;gap:10px}
.rail .nd{position:relative;z-index:1;width:66px;height:66px;border-radius:22px;display:grid;place-items:center;background:#fff;border:1px solid var(--line2);color:var(--mut);box-shadow:var(--sh);transition:.5s}
.rail .nd svg{width:26px;height:26px}.rail .nd em{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:#fff;border:1px solid var(--line2);font:800 .7rem/22px var(--f);font-style:normal;color:var(--mut);transition:.5s}
.rail .st.on .nd{background:var(--g);color:#fff;border-color:transparent;box-shadow:0 14px 30px -12px rgba(14,165,159,.8),0 0 0 6px rgba(47,212,195,.14)}.rail .st.on .nd em{background:var(--navy);color:#fff;border-color:var(--navy)}
.rail h3{font-size:.98rem}.rail p{font-size:.84rem;color:var(--mut);max-width:24ch}
@media(max-width:900px){
 .rail{grid-template-columns:1fr;gap:22px;padding-left:4px}
 .rail .trk{left:33px;right:auto;top:20px;bottom:20px;width:4px;height:auto}.rail .trk i{transform:scaleY(var(--p));transform-origin:top}
 .rail .st{grid-template-columns:66px 1fr;text-align:left;justify-items:start;align-items:center;column-gap:16px}.rail .st .tx{display:grid;gap:4px}.rail p{max-width:none}
}

/* AI section with phone */
.phone{position:relative;width:min(370px,100%);margin:auto;border-radius:46px;padding:12px;background:linear-gradient(145deg,#1a2c46,#0b1a2e);box-shadow:0 50px 90px -40px rgba(10,26,48,.7),inset 0 0 0 2px rgba(255,255,255,.08)}
.phone:before{content:"";position:absolute;top:22px;left:50%;transform:translateX(-50%);width:96px;height:26px;border-radius:20px;background:#0b1a2e;z-index:3}
.phone .scr{border-radius:36px;overflow:hidden;background:#f4f8fb;height:640px;display:flex;flex-direction:column}
.phone .scr .cx{border:0;border-radius:0;box-shadow:none;height:100%;display:flex;flex-direction:column;background:#f4f8fb}
.phone .cx-m{flex:1;display:flex;flex-direction:column}.phone .cx-h{padding:52px 16px 12px;background:#fff}.phone .cx-b{flex:1;max-height:none;min-height:0}
.ph-glow{position:absolute;inset:10% -10%;background:radial-gradient(closest-side,rgba(47,212,195,.35),transparent);filter:blur(30px);z-index:-1}
.ai2 .chips{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}
.ai2 .chips button{padding:10px 14px;border-radius:12px;border:1px solid var(--line2);background:#fff;font:700 .82rem var(--f);color:var(--txt);transition:.2s}.ai2 .chips button.on,.ai2 .chips button:hover{border-color:var(--teal);color:var(--teal2);background:#effbf9}
@media(max-width:640px){.phone .scr{height:560px}}

/* expanding panels */
.xp{display:flex;gap:12px;height:460px}
.xp a{position:relative;flex:1;border-radius:24px;overflow:hidden;transition:flex .6s cubic-bezier(.2,.8,.2,1);min-width:0;box-shadow:var(--sh)}
.xp a img{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover;transition:transform .8s}
.xp a:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,26,48,0) 35%,rgba(10,26,48,.82))}
.xp .lb{position:absolute;left:18px;right:18px;bottom:18px;z-index:2;color:#fff}
.xp .lb i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.18);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);margin-bottom:10px}.xp .lb i svg{width:19px;height:19px}
.xp .lb b{display:block;font:800 1.05rem/1.2 var(--hf)}
.xp .lb p{font-size:.86rem;color:#d6e4ef;max-height:0;opacity:0;overflow:hidden;transition:.5s;margin-top:0}
.xp .lb u{text-decoration:none;display:inline-flex;gap:6px;align-items:center;font:700 .8rem var(--f);color:#8ff0e3;opacity:0;transition:.4s;margin-top:8px}.xp .lb u svg{width:14px;height:14px}
.xp a.on,.xp:hover a:hover{flex:3.4}.xp:hover a.on:not(:hover){flex:1}
.xp a.on img,.xp a:hover img{transform:scale(1.05)}
.xp a.on .lb p,.xp a:hover .lb p{max-height:80px;opacity:1;margin-top:6px}.xp:hover a.on:not(:hover) .lb p{max-height:0;opacity:0}
.xp a.on .lb u,.xp a:hover .lb u{opacity:1}.xp:hover a.on:not(:hover) .lb u{opacity:0}
@media(max-width:900px){.xp{height:auto;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-20px;padding:4px 20px 16px;scrollbar-width:none}.xp::-webkit-scrollbar{display:none}.xp a,.xp a.on,.xp:hover a:hover{flex:0 0 72vw;height:380px;scroll-snap-align:start}.xp .lb p,.xp:hover a.on:not(:hover) .lb p{max-height:90px;opacity:1;margin-top:6px}.xp .lb u,.xp:hover a.on:not(:hover) .lb u{opacity:1}}

/* comparison */
.cmp{background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:var(--sh)}
.cmp .r{display:grid;grid-template-columns:1.1fr 1fr 1.2fr;align-items:center;border-top:1px solid var(--line)}
.cmp .r>div{padding:16px 20px;font-size:.92rem}
.cmp .h{background:linear-gradient(90deg,#f5f9fc,#eef6fb);border-top:0}.cmp .h>div{font:800 .74rem var(--f);letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.cmp .h>div:last-child{color:var(--teal2)}
.cmp .r>div:first-child{font-weight:700;color:var(--ink)}
.cmp .bad{color:var(--mut);display:flex;gap:9px;align-items:flex-start}.cmp .good{display:flex;gap:9px;align-items:flex-start;color:var(--ink);background:linear-gradient(90deg,rgba(220,246,241,.55),rgba(220,246,241,0))}
.cmp svg{flex:none;width:20px;height:20px;padding:3px;border-radius:50%;margin-top:1px}.cmp .bad svg{background:#fde6e5;color:var(--red)}.cmp .good svg{background:var(--teal);color:#fff;transform:scale(0);transition:transform .5s cubic-bezier(.3,1.6,.5,1);transition-delay:calc(var(--i)*.12s + .3s)}
.cmp.in .good svg{transform:none}
@media(max-width:760px){.cmp .r{grid-template-columns:1fr}.cmp .h{display:none}.cmp .r>div{padding:10px 18px}.cmp .r>div:first-child{padding-top:16px;font-size:1rem}.cmp .r>div:last-child{padding-bottom:16px}}

/* radar */
.radar{position:relative;width:min(440px,90vw);aspect-ratio:1;margin:auto}
.radar .rg{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(14,165,159,.25)}.radar .rg:nth-child(2){inset:14%}.radar .rg:nth-child(3){inset:28%}
.radar .sw{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(47,212,195,.38),rgba(47,212,195,0) 22%,transparent);animation:spin 4.5s linear infinite;-webkit-mask-image:radial-gradient(circle,#000 69%,transparent 70%);mask-image:radial-gradient(circle,#000 69%,transparent 70%)}
.radar .core{position:absolute;inset:36%;border-radius:30%;background:var(--g);display:grid;place-items:center;color:#fff;box-shadow:0 30px 60px -20px rgba(14,165,159,.8),0 0 0 12px rgba(47,212,195,.12);animation:pulse 3s ease-in-out infinite}.radar .core svg{width:42%;height:42%}
@keyframes pulse{50%{box-shadow:0 30px 60px -20px rgba(14,165,159,.8),0 0 0 22px rgba(47,212,195,.05)}}
.radar .bl{position:absolute;display:inline-flex;gap:7px;align-items:center;padding:8px 13px;border-radius:99px;background:#fff;border:1px solid var(--line);font:700 .76rem var(--f);color:var(--navy);box-shadow:var(--sh);white-space:nowrap;animation:blip 4.5s infinite;animation-delay:var(--dl)}
.radar .bl i{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px rgba(14,165,159,.15)}
@keyframes blip{0%,100%{transform:scale(1)}8%{transform:scale(1.1);box-shadow:0 0 0 6px rgba(47,212,195,.25)}20%{transform:scale(1)}}

/* bento */
.bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.bento>div{grid-column:span 2;background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--sh);position:relative;overflow:hidden;transition:.35s}
.bento>div:hover{transform:translateY(-4px);box-shadow:var(--sh2)}
.bento>div.w{grid-column:span 3;background:linear-gradient(150deg,#ffffff,#eef8fb)}
.bento>div.w:after{content:"";position:absolute;right:-50px;top:-50px;width:180px;height:180px;border-radius:50%;background:radial-gradient(closest-side,rgba(47,212,195,.25),transparent)}
.bento h3{margin-top:14px}.bento p{color:var(--mut);font-size:.92rem;margin-top:6px}
@media(max-width:900px){.bento{grid-template-columns:1fr 1fr}.bento>div,.bento>div.w{grid-column:span 1}}
@media(max-width:560px){.bento{grid-template-columns:1fr}}

/* flip cards */
.flips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.flip{perspective:1000px;min-height:220px;cursor:pointer}
.flip .fx{position:relative;height:100%;min-height:220px;transition:transform .7s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d}
.flip:hover .fx,.flip.on .fx{transform:rotateY(180deg)}
.flip .fa,.flip .fb2{position:absolute;inset:0;border-radius:22px;padding:22px;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column}
.flip .fa{background:#fff;border:1px solid var(--line);box-shadow:var(--sh)}
.flip .fa .ic{background:#fff6e5;color:#b7790b;border-color:#f6e2b8}
.flip .fa h3{margin-top:auto;font-size:1.05rem}.flip .fa small{font:700 .72rem var(--f);color:var(--mut);margin-top:6px;display:flex;gap:6px;align-items:center}.flip .fa small svg{width:14px;height:14px}
.flip .fb2{transform:rotateY(180deg);background:linear-gradient(150deg,#0b2545,#0b6f80);color:#e6f3f8}
.flip .fb2 b{font:800 .72rem var(--f);letter-spacing:.1em;text-transform:uppercase;color:#7ff0e1}.flip .fb2 p{margin-top:8px;font-size:.92rem;line-height:1.55}
@media(max-width:1000px){.flips{grid-template-columns:1fr 1fr}}@media(max-width:560px){.flips{grid-template-columns:1fr}.flip,.flip .fx{min-height:180px}}

/* vertical timeline with progress */
.vt{position:relative;display:grid;gap:14px;--p:0;padding-left:56px}
.vt .trk{position:absolute;left:21px;top:10px;bottom:10px;width:4px;border-radius:9px;background:#dfe8f0;overflow:hidden}.vt .trk i{position:absolute;inset:0;background:var(--g);transform:scaleY(var(--p));transform-origin:top}
.vt .st{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px 20px;box-shadow:var(--sh);transition:.4s}
.vt .st .nd{position:absolute;left:-56px;top:16px;width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:#fff;border:1px solid var(--line2);font:800 .95rem var(--hf);color:var(--mut);transition:.4s}
.vt .st.on{border-color:#bfe6df}.vt .st.on .nd{background:var(--g);color:#fff;border-color:transparent;box-shadow:0 10px 24px -10px rgba(14,165,159,.8)}
.vt .st p{color:var(--mut);font-size:.92rem;margin-top:4px}

/* tag wave */
.tagw{display:flex;flex-wrap:wrap;gap:10px}
.tagw span{padding:10px 16px;border-radius:14px;background:#fff;border:1px solid var(--line);font:700 .86rem var(--f);color:var(--navy);box-shadow:0 6px 16px -12px rgba(10,26,48,.4);opacity:0;transform:translateY(14px) scale(.9)}
.tagw.in span{animation:tw .6s cubic-bezier(.3,1.4,.5,1) forwards;animation-delay:calc(var(--i)*.05s)}
.tagw span:nth-child(3n+1){border-color:#c9ece6}.tagw span:nth-child(4n+2){border-color:#d4defc}
@keyframes tw{to{opacity:1;transform:none}}

/* gauges */
.gauges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.gauge{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;text-align:center;box-shadow:var(--sh)}
.gauge svg{width:120px;height:70px;margin:auto;display:block}.gauge path{fill:none;stroke-width:10;stroke-linecap:round}.gauge .t{stroke:#e5eef5}.gauge .v{stroke:url(#gk2);stroke-dasharray:157;stroke-dashoffset:157;transition:stroke-dashoffset 1.6s .2s cubic-bezier(.2,.8,.2,1)}
.gauges.in .gauge .v{stroke-dashoffset:var(--o)}
.gauge b{display:block;font:800 1.5rem var(--hf);color:var(--ink);margin-top:-8px}.gauge small{font-size:.8rem;color:var(--mut)}
@media(max-width:900px){.gauges{grid-template-columns:1fr 1fr}}

/* tabs */
.tabs{display:flex;gap:6px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:16px;width:max-content;max-width:100%;overflow-x:auto;scrollbar-width:none;margin-bottom:18px}.tabs::-webkit-scrollbar{display:none}
.tabs [role=tab]{padding:10px 16px;border-radius:11px;font:700 .86rem var(--f);color:var(--mut);white-space:nowrap;transition:.25s}
.tabs [aria-selected=true]{background:var(--g);color:#fff;box-shadow:0 8px 18px -10px rgba(14,165,159,.8)}
.tp{display:none;animation:tpin .5s both}.tp.on{display:block}@keyframes tpin{from{opacity:0;transform:translateY(10px)}}

/* faq */
.faq{display:grid;gap:10px}
.faq details{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 4px 14px -12px rgba(10,26,48,.3);transition:border-color .3s}
.faq details[open]{border-color:#bfe6df;box-shadow:var(--sh)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 20px;font:700 .98rem var(--f);color:var(--ink)}.faq summary::-webkit-details-marker{display:none}
.faq summary i{flex:none;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:var(--soft);color:var(--teal2);transition:.3s}.faq summary i svg{width:15px;height:15px}
.faq details[open] summary i{transform:rotate(45deg);background:var(--g);color:#fff}
.faq details p{padding:0 20px 18px;color:var(--mut);font-size:.94rem;animation:tpin .4s both}
.faq2{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}@media(max-width:860px){.faq2{grid-template-columns:1fr}}

/* CTA */
.cta{position:relative;border-radius:32px;padding:clamp(34px,5vw,64px);overflow:hidden;color:#fff;background:radial-gradient(500px 300px at 85% 0%,rgba(91,92,240,.55),transparent 70%),radial-gradient(500px 320px at 0% 100%,rgba(47,212,195,.45),transparent 70%),#0b2545;isolation:isolate}
.cta:before{content:"";position:absolute;inset:-2px;border-radius:34px;padding:2px;background:conic-gradient(from var(--a,0deg),#2fd4c3,#22b8e6,#5b5cf0,#2fd4c3);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:rot 6s linear infinite;z-index:1}
@property --a{syntax:'<angle>';inherits:false;initial-value:0deg}@keyframes rot{to{--a:360deg}}
.cta .gridbg{background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px)}
.cta .in{position:relative;z-index:2;display:grid;grid-template-columns:1.4fr auto;gap:28px;align-items:center}
.cta h2{color:#fff}.cta p{color:#c4d6e6;margin-top:10px;max-width:56ch}
.cta .chk{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px;font:600 .84rem var(--f);color:#dbe9f3}.cta .chk span{display:flex;gap:6px;align-items:center}.cta .chk svg{width:16px;height:16px;color:#7ff0e1}
@media(max-width:860px){.cta .in{grid-template-columns:1fr}}

/* ===== page heroes ===== */
.ph{position:relative;padding:clamp(116px,12vw,148px) 0 clamp(40px,5vw,72px);overflow:hidden}
.crumb{display:flex;flex-wrap:wrap;gap:8px;font:600 .78rem var(--f);color:var(--mut);margin-bottom:16px}.crumb a:hover{color:var(--teal2)}.crumb span:not(:last-child):after{content:"/";margin-left:8px;opacity:.5}
.ph h1{font-size:clamp(2rem,1.25rem + 2.6vw,3.4rem);margin:16px 0 16px}
.ph-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center}
.ph-split .vis{position:relative;padding:20px 0 30px 24px}
.ph-split .holo{aspect-ratio:1/0.9}
.ph-split .win{position:absolute;left:-10px;bottom:-6px;width:min(320px,62%);z-index:4;opacity:0;animation:wgin .9s .6s cubic-bezier(.2,.8,.2,1) forwards}
.ph-split .win .wbody{min-height:0;padding:12px;gap:8px}.ph-split .win .ln{padding:8px 11px}.ph-split .wbar{padding:9px 12px}
.ph-split .wg.t1{right:-12px;top:6px}
.minik{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:30px;max-width:540px}
.minik div{background:rgba(255,255,255,.85);border:1px solid var(--line);border-radius:16px;padding:12px 14px;display:flex;gap:10px;align-items:center}
.minik i{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--g2);color:var(--teal2);flex:none}.minik svg{width:17px;height:17px}.minik b{font:700 .78rem/1.3 var(--f);color:var(--navy)}
@media(max-width:1000px){.ph-split{grid-template-columns:1fr}.ph-split .vis{padding:10px 0 50px;max-width:620px}}
@media(max-width:560px){.minik{grid-template-columns:1fr 1fr 1fr;gap:6px}.minik div{flex-direction:column;align-items:flex-start;gap:6px;padding:10px}.minik b{font-size:.72rem}.ph-split .win{left:8px;width:78%}.ph .acts .btn{flex:1}}
/* cinematic hero */
.cine{position:relative;border-radius:34px;overflow:hidden;min-height:clamp(440px,42vw,560px);display:flex;align-items:flex-end;box-shadow:0 40px 80px -40px rgba(10,26,48,.55)}
.cine>img{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover;animation:kb 20s ease-out both}
@keyframes kb{from{transform:scale(1.1)}to{transform:scale(1)}}
.cine:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(246,249,252,.97) 0%,rgba(246,249,252,.86) 34%,rgba(246,249,252,.1) 62%,transparent)}
.cine .pn{position:relative;z-index:2;padding:clamp(26px,4vw,52px);max-width:640px}
.cine .chipz{position:absolute;right:24px;bottom:24px;z-index:3;display:grid;gap:10px;justify-items:end}
@media(max-width:860px){.cine{display:block;min-height:0}.cine>img{position:relative;height:300px!important}.cine:after{background:linear-gradient(180deg,transparent 140px,rgba(246,249,252,1) 300px)}.cine .pn{padding:0 22px 26px;margin-top:-30px}.cine .chipz{top:16px;right:16px;bottom:auto}}
/* center hero */
.phc{text-align:center}.phc .lead{margin:0 auto;max-width:62ch}.phc .acts{justify-content:center}
/* mosaic */
.mos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:40px}
.mos a{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:3/4;box-shadow:var(--sh)}
.mos a:nth-child(even){transform:translateY(26px)}
.mos img{width:100%;height:100%!important;object-fit:cover;transition:transform .7s}.mos a:hover img{transform:scale(1.07)}
.mos b{position:absolute;left:10px;right:10px;bottom:10px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.92);font:800 .74rem/1.25 var(--f);color:var(--navy);display:flex;gap:7px;align-items:center}.mos b svg{width:14px;height:14px;color:var(--teal);flex:none}
@media(max-width:900px){.mos{grid-template-columns:repeat(3,1fr)}.mos a:nth-child(even){transform:none}}
@media(max-width:520px){.mos{grid-template-columns:repeat(2,1fr);gap:8px}}

/* misc blocks */
.fit{background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:var(--sh)}.fit h3{margin-bottom:14px}
.split2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.split2>div{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--sh)}.split2 h3{display:flex;gap:10px;align-items:center;margin-bottom:14px}
@media(max-width:760px){.split2{grid-template-columns:1fr}}
.pill3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pill3>div{border-radius:24px;padding:26px;border:1px solid var(--line);background:#fff;box-shadow:var(--sh)}
.pill3>div.a{background:linear-gradient(160deg,#ecfbf8,#fff)}.pill3>div.b{background:linear-gradient(160deg,#eef3ff,#fff)}.pill3>div.c{background:linear-gradient(160deg,#fff3f2,#fff)}
.pill3 h3{margin-bottom:14px}@media(max-width:900px){.pill3{grid-template-columns:1fr}}
.num3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.num3>div{position:relative;background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px 24px;box-shadow:var(--sh);overflow:hidden}
.num3 .n{position:absolute;right:16px;top:6px;font:800 4.2rem var(--hf);color:transparent;-webkit-text-stroke:1.5px #d6e4ee;line-height:1}
.num3 h3{margin-top:16px}.num3 p{color:var(--mut);font-size:.92rem;margin-top:6px}
@media(max-width:900px){.num3{grid-template-columns:1fr}}
.founder{display:grid;grid-template-columns:120px 1fr;gap:22px;align-items:start}
.founder img{width:120px;height:120px!important;border-radius:28px;object-fit:cover;box-shadow:0 18px 36px -18px rgba(10,26,48,.5)}
.founder small{font:800 .7rem var(--f);letter-spacing:.1em;text-transform:uppercase;color:var(--teal2)}.founder h3{font-size:1.3rem;margin:6px 0 8px}.founder p{color:var(--mut);font-size:.94rem}.founder .f{margin-top:10px;font-weight:600;color:var(--navy);font-size:.86rem}
@media(max-width:560px){.founder{grid-template-columns:1fr}}
.photo{border-radius:26px;overflow:hidden;box-shadow:var(--sh2)}.photo img{width:100%;height:100%;object-fit:cover}
.row2{display:grid;gap:12px}.row2>div{display:grid;grid-template-columns:46px 1fr auto;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 18px;box-shadow:var(--sh)}
.row2 p{color:var(--mut);font-size:.88rem}.row2 .tick{font:700 .74rem var(--f);color:var(--teal2);background:#e5f8f4;border-radius:99px;padding:6px 11px;white-space:nowrap;display:flex;gap:6px;align-items:center}.row2 .tick i{width:7px;height:7px;border-radius:50%;background:var(--teal);animation:blink 1.4s infinite}
@keyframes blink{50%{opacity:.3}}
@media(max-width:760px){.row2>div{grid-template-columns:40px 1fr}.row2 .tick{grid-column:1/-1;justify-self:start}}
.band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:22px;overflow:hidden}.band>div{background:#fff;padding:22px}.band b{display:block;font:800 1.2rem var(--hf);color:var(--ink)}.band small{color:var(--mut);font-size:.86rem}
@media(max-width:760px){.band{grid-template-columns:1fr 1fr}}
.seoblk{background:#fff;border:1px solid var(--line);border-radius:26px;padding:clamp(24px,3vw,40px);box-shadow:var(--sh)}
.seoblk h2{font-size:clamp(1.3rem,1.1rem + .8vw,1.8rem)}.seoblk p{color:var(--mut);margin-top:12px}.seoblk .tagc{margin-top:18px}
.form{background:#fff;border:1px solid var(--line);border-radius:28px;padding:clamp(22px,3vw,36px);box-shadow:var(--sh2)}
.fgd{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fld{display:grid;gap:6px}.fld.full{grid-column:1/-1}
.fld label{font:700 .8rem var(--f);color:var(--ink)}.fld input,.fld select,.fld textarea{font:500 .95rem var(--f);padding:13px 14px;border-radius:13px;border:1px solid var(--line2);background:#fbfdfe;color:var(--ink);outline:none;transition:.2s;width:100%}
.fld textarea{min-height:120px;resize:vertical}.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--teal);box-shadow:0 0 0 4px rgba(14,165,159,.12);background:#fff}
.fld.bad input,.fld.bad select{border-color:var(--red)}
.warn{display:flex;gap:10px;margin-top:14px;padding:12px 14px;border-radius:14px;background:#fff7e8;color:#7a5408;font-size:.84rem}.warn svg{flex:none;width:18px;height:18px}
.draft{margin-top:18px;padding:18px;border-radius:18px;background:var(--soft)}.draft pre{white-space:pre-wrap;font:500 .82rem/1.5 ui-monospace,monospace;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;max-height:220px;overflow:auto}
@media(max-width:560px){.fgd{grid-template-columns:1fr}}
.info{display:grid;gap:12px}.info>div{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:var(--sh);display:grid;grid-template-columns:44px 1fr;gap:14px}.info b{font:800 .98rem var(--hf);color:var(--ink)}.info p{color:var(--mut);font-size:.9rem;margin-top:4px}.info a{color:var(--teal2);font-weight:700}
.prose{max-width:780px}.prose h2{font-size:1.4rem;margin:30px 0 10px}.prose p,.prose li{color:var(--txt);margin-bottom:10px}.prose ul{list-style:disc;padding-left:20px}
.lgl{display:grid;gap:12px}
@media(max-width:560px){.radar{width:60vw;margin:20px auto}.radar .bl{font-size:.62rem;padding:5px 8px;gap:5px}.radar .bl i{width:6px;height:6px}}
.c13{grid-template-columns:1.3fr 1fr}@media(max-width:940px){.c13{grid-template-columns:1fr}}
.split2 h3 svg,.fit h3 svg{width:22px;height:22px;color:var(--teal);flex:none}.fit h3{display:flex;gap:10px;align-items:center}
.bento>div.f{grid-column:span 6;display:grid;grid-template-columns:46px 1fr;column-gap:18px;align-items:center}.bento>div.f h3{margin-top:0}.bento>div.f p{grid-column:2}.bento>div.f .ic{grid-row:span 2}
@media(max-width:900px){.bento>div.f{grid-column:1/-1}}
.cine{background:linear-gradient(135deg,#f3fbfa,#eef4fd 60%,#f1f0ff)}
.cine>img{left:auto;right:0;width:64%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 34%);mask-image:linear-gradient(90deg,transparent 0,#000 34%)}
.cine:after{display:none}
.cine .pn{max-width:600px}
.phc{padding-bottom:clamp(20px,3vw,40px)}
@media(max-width:860px){.cine>img{width:100%;-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent);mask-image:linear-gradient(180deg,#000 60%,transparent)}.cine .pn{margin-top:-40px}}
@media(max-width:700px){.ph-split .vis{padding:6px 0 0}.ph-split .win{position:relative;left:auto;bottom:auto;margin:-80px 0 0 auto;width:88%}.ph-split .wg.t1{right:6px;top:-10px}}
.ph>.wrap,.hx>.wrap,.ph .wrap{position:relative;z-index:2}.orb{z-index:0}
.phc .crumb{justify-content:center}
/* ================= v11: full-width header ================= */
.hdr{top:0;background:rgba(255,255,255,.78);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid rgba(211,222,233,.7);pointer-events:auto;transition:background .3s,box-shadow .3s}
.hdr.scd{background:rgba(255,255,255,.94);box-shadow:0 10px 30px -22px rgba(10,26,48,.35)}
.hbar,.hdr.scd .hbar{height:76px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.hdr .wrap{width:min(1360px,100% - 48px)}
.logo{height:38px}
.mm{top:calc(100% + 14px)}
@media(max-width:760px){.hdr{top:0}.hbar,.hdr.scd .hbar{height:60px}.logo{height:30px}.hdr .wrap{width:calc(100% - 28px)}}

/* ================= full-screen hero ================= */
.fh{position:relative;min-height:min(100svh,920px);display:flex;align-items:center;padding:112px 0 96px;overflow:hidden;background:radial-gradient(700px 520px at -6% 100%,rgba(47,212,195,.18),transparent 65%),radial-gradient(640px 420px at 30% -10%,rgba(91,92,240,.10),transparent 65%),#f6f9fc}
.fh .gridbg{z-index:0}
.fh .pnl{position:absolute;top:0;right:0;bottom:0;width:var(--pw,60%);z-index:1}
.fh .pnl .im{position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.6) 10%,#000 24%);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.6) 10%,#000 24%)}
.fh .pnl .im img{width:100%;height:100%!important;object-fit:cover;object-position:var(--pos,50% 30%);animation:kb 18s ease-out both}
.fh .pnl .im:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,26,48,0) 60%,rgba(10,26,48,.16));pointer-events:none}
.fh.ill .pnl .im img{object-fit:contain;animation:none}.fh.ill .pnl .im:after{display:none}
.fh .scan{z-index:2}
.fh .wx{position:absolute;inset:0;z-index:3;pointer-events:none}.fh .wx .wg{pointer-events:auto}
.fh .tx{position:relative;z-index:4;max-width:min(580px,44%)}
.fh h1{margin:18px 0 16px;font-size:clamp(2.2rem,1.2rem + 2.9vw,3.7rem)}
.fh.inner h1{font-size:clamp(2rem,1.2rem + 2.3vw,3.15rem)}
.fh .lead{max-width:52ch}
.fh .crumb{margin-bottom:14px}
.fh .minik{margin-top:26px}
.fh .wg .win{width:300px;box-shadow:0 30px 60px -28px rgba(10,26,48,.55)}.fh .wg .wbody{min-height:0;padding:12px;gap:8px}.fh .wg .ln{padding:8px 11px}.fh .wg .wbar{padding:9px 12px}.fh .wg .teeth svg{max-width:26px}.fh .wg .stamp{transform:scale(.85);transform-origin:left}
.fh .tb{position:absolute;left:0;right:0;bottom:22px;z-index:5}
.fh .tb .in{display:flex;align-items:center;gap:22px;background:rgba(255,255,255,.88);border:1px solid rgba(211,222,233,.9);border-radius:20px;padding:14px 22px;box-shadow:0 18px 40px -24px rgba(10,26,48,.4);backdrop-filter:blur(14px)}
.fh .tb b{font:800 .82rem/1.3 var(--hf);color:var(--ink);flex:none}
.fh .tb .it{display:flex;flex:1;justify-content:space-between;gap:14px;flex-wrap:wrap;border-left:1px solid var(--line);padding-left:22px}
.fh .tb .it span{display:inline-flex;gap:8px;align-items:center;font:600 .84rem var(--f);color:var(--txt)}.fh .tb svg{width:20px;height:20px;color:var(--teal)}
.fh.home{padding-bottom:130px}
@media(max-width:1180px){.fh .wg.x{display:none}.fh .tx{max-width:48%}}
@media(max-width:1000px){
 .fh{display:block;min-height:0;padding:84px 0 40px}
 .fh .pnl{position:relative;width:100%;height:clamp(300px,52vw,440px)}
 .fh .pnl .im{-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent)}
 .fh .wx{position:absolute;inset:84px 0 auto 0;height:clamp(300px,52vw,440px)}
 .fh .tx{max-width:none;margin-top:10px}
 .fh .tb{position:relative;bottom:auto;margin-top:26px}.fh .tb .in{flex-direction:column;align-items:flex-start}.fh .tb .it{border:0;padding:0}
}
/* section rhythm: no big gaps */
.sec{padding-block:clamp(44px,5vw,80px)}
.sec.tight{padding-block:clamp(32px,4vw,56px)}
.js [data-a=up]{transform:translateY(18px)}.js [data-a=blur]{filter:none}

/* ================= desktop vs app ================= */
.app{display:none}
@media(max-width:760px){
 .dsk,footer{display:none!important}
 .app{display:block;padding:72px 14px 8px}
 body{background:#f2f5f9}
 body:before{display:none}
}
/* app atoms */
.a-hero{position:relative;border-radius:26px;overflow:hidden;min-height:300px;display:flex;align-items:flex-end;box-shadow:0 22px 44px -26px rgba(10,26,48,.6);background:#0b2545}
.a-hero img{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover;object-position:var(--pos,50% 30%)}
.a-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,37,69,0) 25%,rgba(11,37,69,.55) 55%,rgba(11,37,69,.92))}
.a-hero .c{position:relative;z-index:2;padding:20px;color:#fff;width:100%}
.a-hero .tg{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:99px;background:rgba(255,255,255,.18);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);font:800 .64rem var(--f);letter-spacing:.08em;text-transform:uppercase}.a-hero .tg svg{width:12px;height:12px}
.a-hero h1{color:#fff;font-size:1.65rem;line-height:1.12;margin:10px 0 6px;letter-spacing:-.025em}
.a-hero p{font-size:.88rem;color:#d7e5f0;line-height:1.5}
.a-hero .btn{margin-top:14px;padding:12px 18px;font-size:.86rem;border-radius:13px}
.a-hero.ill{background:linear-gradient(150deg,#e9f8f6,#e8efff)}.a-hero.ill img{object-fit:contain;object-position:50% 18%;padding:8px 8px 120px}
.a-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:14px -14px 0;padding:0 14px}.a-chips::-webkit-scrollbar{display:none}
.a-chips span{flex:none;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:12px;background:#fff;border:1px solid var(--line);font:700 .74rem var(--f);color:var(--navy)}.a-chips svg{width:14px;height:14px;color:var(--teal)}
.a-sec{margin-top:24px}
.a-h{display:flex;align-items:center;justify-content:space-between;margin:0 2px 12px}.a-h h2{font-size:1.08rem;letter-spacing:-.015em}.a-h a{font:700 .78rem var(--f);color:var(--teal2);display:flex;align-items:center;gap:4px}.a-h a svg{width:14px;height:14px}
.a-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.a-grid a{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 8px 12px;display:grid;justify-items:center;gap:8px;text-align:center;font:700 .72rem/1.25 var(--f);color:var(--ink);box-shadow:0 6px 16px -14px rgba(10,26,48,.5);transition:transform .15s}
.a-grid a:active{transform:scale(.96)}
.a-grid i{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--g);color:#fff;box-shadow:0 8px 16px -8px rgba(14,165,159,.7)}.a-grid i svg{width:21px;height:21px}
.a-grid a:nth-child(3n+2) i{background:linear-gradient(135deg,#22b8e6,#3d6bff)}.a-grid a:nth-child(3n) i{background:linear-gradient(135deg,#5b5cf0,#22b8e6)}
.a-hs{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -14px;padding:2px 14px 8px;scrollbar-width:none}.a-hs::-webkit-scrollbar{display:none}
.a-hs>*{flex:0 0 74%;scroll-snap-align:start}
.a-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:0 8px 20px -16px rgba(10,26,48,.5)}
.a-card .ic{width:40px;height:40px;border-radius:12px}.a-card h3{font-size:.95rem;margin-top:12px}.a-card p{font-size:.82rem;color:var(--mut);margin-top:4px;line-height:1.5}
.a-pc{position:relative;border-radius:20px;overflow:hidden;height:190px;display:flex;align-items:flex-end;box-shadow:0 10px 24px -16px rgba(10,26,48,.6)}
.a-pc img{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover}.a-pc:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(11,37,69,.85))}
.a-pc b{position:relative;z-index:2;padding:12px 14px;color:#fff;font:800 .9rem/1.25 var(--hf)}
.a-list{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 8px 20px -18px rgba(10,26,48,.5)}
.a-list>a,.a-list>div{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:13px 14px;border-top:1px solid var(--line)}
.a-list>:first-child{border-top:0}
.a-list .ic{width:40px;height:40px;border-radius:12px}.a-list .ic svg{width:19px;height:19px}
.a-list .aph{width:40px;height:40px;border-radius:12px;overflow:hidden}.a-list .aph img{width:100%;height:100%!important;object-fit:cover}
.a-list b{display:block;font:700 .9rem/1.3 var(--f);color:var(--ink)}.a-list small{display:block;font-size:.76rem;color:var(--mut);line-height:1.4;margin-top:2px}
.a-list .chev{color:#a7b6c4}.a-list .chev svg{width:16px;height:16px}
.a-list .no{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--g2);font:800 .78rem var(--hf);color:var(--teal2);margin-left:5px}
.a-list.big .aph{width:56px;height:56px;border-radius:14px}.a-list.big>a{grid-template-columns:56px 1fr auto}
.a-chat{background:#fff;border:1px solid var(--line);border-radius:22px;padding:14px;box-shadow:0 10px 24px -18px rgba(10,26,48,.5)}
.a-chat .hdx{display:flex;align-items:center;gap:10px;margin-bottom:12px}.a-chat .hdx i{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--g);color:#fff}.a-chat .hdx i svg{width:18px;height:18px}.a-chat .hdx b{font:800 .88rem var(--f);color:var(--ink)}.a-chat .hdx small{display:block;font-size:.7rem;color:#16a34a;font-weight:700}
.a-chat .q,.a-chat .r{max-width:85%;padding:9px 12px;border-radius:14px;font:600 .8rem/1.4 var(--f);margin-top:6px}
.a-chat .q{margin-left:auto;background:var(--navy);color:#fff;border-bottom-right-radius:4px}.a-chat .r{background:#eaf6f5;color:var(--ink);border-bottom-left-radius:4px}
.a-chat .btn{width:100%;margin-top:12px;padding:12px}
.a-tabs{position:sticky;top:64px;z-index:20;margin:18px -14px 14px;padding:8px 14px;background:rgba(242,245,249,.92);backdrop-filter:blur(12px)}
.a-tabs .tabs{width:100%;margin:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border-radius:14px;padding:4px}
.a-tabs [role=tab]{padding:9px 6px;font-size:.78rem;border-radius:10px}
.app .tp{animation:tpin .35s both}
.app .faq summary{padding:14px 16px;font-size:.88rem}.app .faq details p{padding:0 16px 14px;font-size:.84rem}.app .faq details{border-radius:16px}
.a-p{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:0 8px 20px -18px rgba(10,26,48,.5)}
.a-p p{font-size:.88rem;color:var(--txt);line-height:1.6}.a-p p+p{margin-top:10px}.a-p h3{font-size:.98rem;margin-bottom:10px}
.a-p .ck li{font-size:.86rem}
.a-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.a-stats div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px}.a-stats b{display:block;font:800 1.35rem var(--hf);color:var(--ink)}.a-stats b em{font-style:normal;color:var(--teal)}.a-stats small{font-size:.74rem;color:var(--mut)}
.a-cta{margin-top:24px;border-radius:24px;padding:22px;color:#fff;background:radial-gradient(260px 160px at 100% 0,rgba(91,92,240,.6),transparent 70%),radial-gradient(260px 180px at 0 100%,rgba(47,212,195,.5),transparent 70%),#0b2545}
.a-cta h2{color:#fff;font-size:1.3rem}.a-cta p{color:#c4d6e6;font-size:.86rem;margin-top:6px}.a-cta .btn{width:100%;margin-top:14px}
.a-top{display:flex;align-items:center;gap:10px;margin:2px 0 12px}
.a-top a{width:38px;height:38px;border-radius:12px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;color:var(--ink)}.a-top a svg{width:18px;height:18px;transform:rotate(180deg)}
.a-top span{font:700 .78rem var(--f);color:var(--mut)}.a-top b{display:block;font:800 .95rem var(--hf);color:var(--ink)}
.a-foot{margin:26px 0 6px;text-align:center;font-size:.72rem;color:var(--mut)}.a-foot nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;margin-bottom:8px}.a-foot a{font-weight:700;color:var(--txt)}
.a-note{font-size:.7rem;color:var(--mut);margin-top:8px}
.a-greet{display:flex;align-items:center;justify-content:space-between;margin:0 2px 12px}.a-greet b{font:800 1.25rem var(--hf);color:var(--ink);letter-spacing:-.02em}.a-greet small{display:block;font:600 .76rem var(--f);color:var(--mut)}
.a-greet span{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:99px;background:#dcf6ec;color:#11815b;font:800 .68rem var(--f)}.a-greet span i{width:7px;height:7px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.2)}
.app .cx{border-radius:22px}.app .cx-b{min-height:300px;max-height:360px}
.app .form{padding:18px;border-radius:22px}
.fh.home .tx{max-width:min(560px,42%)}
@media(max-width:1000px){.fh .wg .phone{width:280px!important}.fh .wg .phone .scr{height:460px!important}}

/* mobile menu v12 */
.mnav2{display:grid;gap:6px}
.mnav2 .mi{display:grid;grid-template-columns:38px 1fr 20px;gap:12px;align-items:center;padding:10px 12px;border-radius:16px;background:#f5f8fb;border:1px solid var(--line);list-style:none;cursor:pointer}
.mnav2 summary::-webkit-details-marker{display:none}
.mnav2 .mi b{font:700 .95rem var(--f);color:var(--ink)}
.mnav2 .mi[aria-current]{background:#e6f7f4;border-color:#bfe6df}.mnav2 .mi[aria-current] b{color:var(--teal2)}
.mnav2 .cv{display:grid;place-items:center;color:#9aabbb}.mnav2 .cv svg{width:16px;height:16px}
.mnav2 details[open] .cv.dn{transform:rotate(180deg);color:var(--teal2)}
.mnav2 details[open]>summary{background:#e6f7f4;border-color:#bfe6df}
.mnav2 .sub{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px 2px 4px;animation:tpin .3s both}
.mnav2 .sub a{display:flex;gap:8px;align-items:center;padding:9px;border-radius:13px;border:1px solid var(--line);background:#fff;font:600 .76rem/1.25 var(--f);color:var(--ink)}
.mnav2 .sub .ic.s{width:30px;height:30px;border-radius:9px;flex:none}.mnav2 .sub .ic.s svg{width:15px;height:15px}
.mnav2 .sub a.all{grid-column:1/-1;justify-content:center;color:var(--teal2);font-weight:700;background:#f5f8fb}.mnav2 .sub a.all svg{width:14px;height:14px}
.sheet .btn svg{width:17px;height:17px}