/* HUB pages (managed, tax-vat, audit, payroll, financial) in the paci.ai ditto design. Page-specific; uses paci.css tokens. */
.badge .dot{width:7px;height:7px;border-radius:50%;background:var(--purple);box-shadow:0 0 0 0 rgba(95,76,224,.5);animation:hping 2.2s infinite;flex:none}
@keyframes hping{70%{box-shadow:0 0 0 8px rgba(95,76,224,0)}100%{box-shadow:0 0 0 0 rgba(95,76,224,0)}}
.badge.on-dark{background:rgba(255,255,255,.1);color:#C9C1FF}
.hl{color:inherit}
.btn-ghost{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px rgba(18,16,39,.14)}
.btn-ghost:hover{background:var(--lav)}
.btn-ghost-w{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}.btn-ghost-w:hover{background:rgba(255,255,255,.1)}
.btn-wa{background:#E9FBEF;color:#0d6b33}.btn-wa:hover{background:#d3f6df}
.btn svg{width:18px;height:18px;flex:none;stroke:currentColor;fill:none}
.h-ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}

/* ---------- hero ---------- */
.h-hero{text-align:left;padding:56px 0 24px;overflow:visible}
.h-hero::before{left:75%;top:60px;width:900px;height:700px}
.h-hin{display:grid;grid-template-columns:1.02fr .98fr;gap:30px;align-items:center}
.h-crumb{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;font:500 13px/18px var(--b);color:var(--ink-70)}
.h-crumb span:last-child{color:var(--purple)}
.h-hl h1{max-width:620px}
.h-hero .h-hl .t-lead{margin:18px 0 0;max-width:560px}
.h-tag{margin-top:10px!important;color:var(--ink)!important;font-weight:500!important}
.h-stats{display:flex;flex-wrap:wrap;gap:28px 34px;margin-top:36px;padding-top:26px;border-top:1px solid rgba(18,16,39,.1)}
.h-stats b{display:block;font:400 34px/38px var(--h);letter-spacing:-.8px;color:var(--ink)}
.h-stats span{display:block;margin-top:2px;font:400 13px/18px var(--b);color:var(--ink-70)}
.h-trust{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px;font:500 13px/18px var(--b);color:var(--ink-70)}
.h-trust span,.h-trustrow span{display:inline-flex;align-items:center;gap:7px}
.h-trust svg,.h-trustrow svg{width:16px;height:16px;stroke:var(--purple);fill:none;stroke-width:2.2}
.h-hr{position:relative;min-height:470px;display:grid;place-items:center}
.h-art{position:absolute;inset:-4% -6%;width:112%;height:108%;z-index:0;pointer-events:none}
.h-art .ha-r circle{stroke:rgba(95,76,224,.35);stroke-width:1}
.h-art .sp1{transform-origin:280px 260px;animation:spin 70s linear infinite}.h-art .sp2{transform-origin:280px 260px;animation:spin 45s linear infinite reverse}
.h-art .ha-l{stroke:rgba(95,76,224,.28);stroke-width:1.2;stroke-dasharray:300;stroke-dashoffset:300;animation:hdraw 5s var(--ease) infinite alternate}.h-art .l2{animation-delay:1s;stroke:rgba(218,85,151,.25)}
@keyframes hdraw{to{stroke-dashoffset:0}}
.h-art .ha-d circle{fill:var(--purple);transform-origin:280px 260px}
.h-art .o1{animation:spin 16s linear infinite}.h-art .o2{animation:spin 24s linear infinite reverse;fill:#B79CFF}.h-art .o3{animation:spin 20s linear infinite;fill:#DA5597}
.h-mock{position:relative;z-index:1;width:min(430px,100%)}
.mk{border-radius:12px;background:#fff;box-shadow:0 40px 80px -40px rgba(95,76,224,.45),0 0 0 1px rgba(18,16,39,.06);overflow:hidden;animation:bob 8s ease-in-out infinite}
.mk-top{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg2);border-bottom:1px solid rgba(18,16,39,.06)}
.mk-dots{display:flex;gap:5px}.mk-dots i{width:8px;height:8px;border-radius:50%;background:#D8DBE8}
.mk-t{font:500 13px var(--b);color:var(--ink-70)}
.mk-body{padding:16px;display:grid;gap:10px}
.mk-live{justify-self:start;display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:99px;background:#E9FBEF;color:#0d6b33;font:600 10px/14px var(--b);letter-spacing:.06em}
.mk-live i{width:6px;height:6px;border-radius:50%;background:#16A34A;animation:hping 2s infinite}
.mk-lbl{margin:6px 0 0;font:600 11px/14px var(--b);letter-spacing:.06em;text-transform:uppercase;color:rgba(18,16,39,.45)}
.mk-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.mk-k{padding:10px;border-radius:8px;background:var(--bg3)}
.mk-k b{display:block;font:400 19px/24px var(--h);letter-spacing:-.4px;color:var(--ink)}.mk-k small{display:block;font:400 11px/14px var(--b);color:var(--ink-70)}.mk-k em{font:600 11px var(--b);font-style:normal;color:var(--green)}
.mk-row{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;background:var(--bg3);transition:background .3s,transform .3s var(--spring)}
.mk-row:hover{background:var(--lav);transform:translateX(3px)}
.mk-row i.av{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--lav2);font:500 12px var(--b);font-style:normal;color:var(--purple);flex:none}
.mk-row i.dt{width:8px;height:8px;border-radius:50%;background:var(--purple);flex:none}
.mk-n{flex:1;min-width:0;font:500 13px/18px var(--b);color:var(--ink)}.mk-n b{font-weight:500}.mk-n small{display:block;font:400 11px/14px var(--b);color:var(--ink-70)}
.mk-row em{font:500 11px/16px var(--b);font-style:normal;padding:2px 8px;border-radius:99px;background:#EEF0F7;color:var(--ink-70);white-space:nowrap}.mk-row em.ok{background:#E9FBEF;color:#0d6b33}
.mk-spark{display:block;width:100%;height:54px;background:linear-gradient(var(--lav),#fff)}.mk-spark path{fill:none;stroke:var(--purple);stroke-width:2;stroke-dasharray:420;stroke-dashoffset:420;animation:hdraw 4s var(--ease) infinite alternate}
/* photos + floats */
.h-hr .hp{position:absolute;margin:0;border-radius:12px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(18,16,39,.4);z-index:1;background:var(--bg2)}
.h-hr .hp img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}.h-hr .hp:hover img{transform:scale(1.05)}
.h-hr .hp1{left:4%;top:6%;width:62%;height:74%}.h-hr .hp2{right:0;top:28%;width:42%;height:42%;box-shadow:0 0 0 6px #fff,0 30px 60px -30px rgba(18,16,39,.4)}.h-hr .hp3{left:22%;bottom:0;width:34%;height:30%;box-shadow:0 0 0 6px #fff,0 30px 60px -30px rgba(18,16,39,.4)}
.hp figcaption{position:absolute;left:10px;bottom:10px}
.h-fl{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:12px;background:#fff;box-shadow:0 18px 40px -16px rgba(18,16,39,.3);font:500 13px/17px var(--b);animation:bob 6s ease-in-out infinite;max-width:260px}
.h-fl i{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:var(--lav);color:var(--purple);flex:none}.h-fl i svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8}
.h-fl b{font-weight:500;display:block}.h-fl small{display:block;font:400 11px/15px var(--b);color:var(--ink-70)}
.h-hr .h-fl.f1{left:-2%;top:12%}.h-hr .h-fl.f2{right:-2%;bottom:14%;animation-delay:1.4s}.h-hr .h-fl.f3{left:4%;bottom:-2%;animation-delay:2.4s}.h-hr .h-fl.f4{right:2%;top:2%;animation-delay:3s}
.h-fl.big{align-items:flex-start;max-width:240px}.h-fl.big small{margin-top:2px}
.h-hr .h-mock~.h-fl{left:auto;top:auto;right:-2%;bottom:6%}

/* ---------- sections ---------- */
.sec-light{background:var(--bg2)}
.sec-head{margin-bottom:64px}.sec-head.c{margin-bottom:56px}
.sec-head .ctl{display:flex;gap:10px}
.btn-round.dk{background:var(--ink);width:52px;height:52px}.btn-round.dk:hover{background:var(--purple)}
.hgrid{display:grid;gap:20px}.hgrid.c2{grid-template-columns:repeat(2,1fr)}.hgrid.c3{grid-template-columns:repeat(3,1fr)}.hgrid.c4{grid-template-columns:repeat(4,1fr)}
.gc{position:relative;display:flex;flex-direction:column;gap:10px;padding:28px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px rgba(18,16,39,.07);overflow:hidden;transition:background .45s var(--ease),transform .5s var(--spring),box-shadow .4s}
.sec-light .gc{box-shadow:none}
.gc:hover{background:linear-gradient(169deg,#F7F9FC 8%,#F3F0FF 58%);transform:translateY(-4px);box-shadow:0 24px 50px -30px rgba(95,76,224,.5)}
.gtop{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.gi{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;background:var(--lav);color:var(--purple);flex:none;transition:background .35s,color .35s,transform .5s var(--spring)}
.gi svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.6}
.gc:hover .gi{background:var(--purple);color:#fff;transform:rotate(-6deg) scale(1.06)}
.gn{font:400 14px/20px var(--h);color:rgba(18,16,39,.35);letter-spacing:.04em}
.gt{margin:0;font:400 22px/28px var(--h);letter-spacing:-.4px;color:var(--ink)}
.gc p{margin:0;font:400 15px/23px var(--b);color:var(--ink-70)}
.gc p.rest{font-weight:500;color:var(--ink)}
.ticks{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:9px}
.ticks li{display:grid;grid-template-columns:18px 1fr;gap:10px;font:400 14px/21px var(--b);color:var(--ink-70)}
.ticks li svg{width:18px;height:18px;margin-top:2px;stroke:var(--purple);fill:none;stroke-width:2.2}
.ticks.big li{font-size:16px;line-height:24px;color:var(--ink)}
.gc .more{margin-top:auto;padding-top:10px;display:inline-flex;align-items:center;gap:6px;font:500 14px var(--b);color:var(--purple)}.gc .more svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}
.gline{position:absolute;left:0;bottom:0;height:3px;width:0;background:linear-gradient(90deg,#5F4CE0,#F0A8FF);transition:width .7s var(--ease)}.gc:hover .gline{width:100%}
.gc img{border-radius:8px}
.gc.dk{background:var(--ink);box-shadow:none}.gc.dk .gt{color:#fff}.gc.dk p,.gc.dk .ticks li{color:rgba(255,255,255,.7)}.gc.dk .gi{background:rgba(255,255,255,.12);color:#C9C1FF}.gc.dk .ticks svg{stroke:#C9C1FF}.gc.dk:hover{background:#1a1740}
.gc.bto{padding:36px}.gc.bto .gt{font-size:26px;line-height:32px}
.gc.svc{padding-bottom:150px;min-height:300px}.gc.svc.wide{grid-column:span 2}.gc .sv-il{position:absolute;right:10px;bottom:10px;width:150px;height:auto;max-height:150px;object-fit:contain;transition:transform .7s var(--ease);pointer-events:none}.gc:hover .sv-il{transform:translateY(-6px) scale(1.04)}
.gc.stage .tag{align-self:flex-start}
.gc.wps.acc{background:var(--ink)}.gc.wps.acc .gt{color:#fff}.gc.wps.acc p{color:rgba(255,255,255,.7)}.gc.wps.acc .gi{background:rgba(255,255,255,.12);color:#C9C1FF}
.h-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:32px;align-items:center}
.h-sp{position:sticky;top:120px}
.spoke{width:100%;height:auto;overflow:visible}
.spoke .sk-r{fill:none;stroke:rgba(95,76,224,.2);stroke-dasharray:3 7}.spoke .r2{stroke:rgba(95,76,224,.12)}
.spoke .sk-l{stroke:rgba(95,76,224,.3);stroke-width:1.2;fill:none}.spoke .sk-p{fill:#5F4CE0}
.spoke .sk-n circle{fill:#fff;stroke:rgba(95,76,224,.3);transition:fill .3s}.spoke .sk-n{color:var(--purple)}
.spoke .sk-c circle{fill:var(--ink)}.spoke .sk-c .halo{fill:none;stroke:var(--purple);transform-origin:210px 210px;animation:skh 3s ease-out infinite}
@keyframes skh{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.9);opacity:0}}
.spoke text{fill:#fff;font:500 16px var(--h)}

/* feature split */
.h-feat{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.h-feat.rev{direction:rtl}.h-feat.rev>*{direction:ltr}
.h-fm{position:relative;min-height:440px}
.h-fm .ff{position:absolute;margin:0;border-radius:12px;overflow:hidden;box-shadow:0 30px 60px -34px rgba(18,16,39,.45)}.h-fm .ff img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}.h-fm .ff:hover img{transform:scale(1.05)}
.h-fm .ff1{inset:0 12% 0 0}.h-fm .ff2{right:0;bottom:-24px;width:42%;height:40%;box-shadow:0 0 0 6px #fff,0 30px 60px -30px rgba(18,16,39,.45)}
.h-fm:has(.ff2) .ff1{inset:0 16% 40px 0}
.h-fm .h-fl.f1{left:-4%;bottom:12%}
.h-ring{position:absolute;right:-30px;top:-30px;width:140px;height:140px;border-radius:50%;border:1px dashed rgba(95,76,224,.4);animation:spin 40s linear infinite;z-index:-1}
.h-fl4{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:18px}
.h-fl4 li{display:grid;grid-template-columns:44px 1fr;gap:16px}.h-fl4 h4{font-size:20px}.h-fl4 p{margin:4px 0 0;font:400 15px/23px var(--b);color:var(--ink-70)}

/* spotlight */
.h-spot{display:grid;grid-template-columns:1fr 1.15fr;gap:48px;align-items:center}
.hs-i{position:relative;margin:0;border-radius:12px;overflow:visible}.hs-i img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}.hs-i .h-fl{left:-18px;bottom:24px}
.hs-b .chips{display:flex;flex-wrap:wrap;gap:8px}
.h-res{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:12px}
.h-res li{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;padding:14px;border-radius:10px;background:var(--bg3);font:400 15px/23px var(--b);color:var(--ink-70);transition:transform .3s var(--spring),background .3s}
.h-res li:hover{transform:translateX(4px);background:var(--lav)}.h-res strong{color:var(--ink);font-weight:500}
.h-res .ar{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:#fff;color:var(--purple)}.h-res .ar svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8}

/* tech */
.h-tech .tcols{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:56px}
.tc{padding:24px;border-radius:12px;background:rgba(255,255,255,.06);transition:background .3s,transform .4s var(--spring)}.tc:hover{background:rgba(255,255,255,.1);transform:translateY(-4px)}
.tct{margin:0 0 16px;font:400 20px/26px var(--h);color:#fff}
.tc ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.tc li{display:flex;align-items:center;gap:10px;font:400 15px/20px var(--b);color:rgba(255,255,255,.8)}
.tc .tk{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:rgba(201,193,255,.15);color:#C9C1FF;flex:none}.tc .tk svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2.4}
.h-tech,.h-ph{background:var(--ink2)}.h-tech::before{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(closest-side,rgba(95,76,224,.5),transparent);animation:bob 9s ease-in-out infinite}
.dark-panel .sec-head{margin-bottom:0}

/* steps */
.hsteps{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n,5),1fr);gap:20px}
.hsteps .hline{position:absolute;left:5%;right:5%;top:22px;height:2px;background:rgba(18,16,39,.1);border-radius:2px;overflow:hidden}
.hsteps .hline i{display:block;height:100%;width:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,#5F4CE0,#F0A8FF);transition:transform 2.4s var(--ease)}
.hsteps.in .hline i{transform:scaleX(1)}
.hst{position:relative;padding-top:64px;text-align:left}
.hst .dot{position:absolute;left:0;top:0;width:46px;height:46px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(18,16,39,.12),0 10px 24px -12px rgba(95,76,224,.5);display:grid;place-items:center;transition:background .4s,color .4s,transform .5s var(--spring)}
.hst .dot b{font:500 16px var(--h);color:var(--purple);transition:color .3s}
.hst:hover .dot,.hst.on .dot{background:var(--purple);transform:scale(1.1)}.hst:hover .dot b,.hst.on .dot b{color:#fff}
.hst.go .dot{background:var(--purple)}.hst.go .dot b{color:#fff}.hst.go .dot::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--purple);animation:ping 2.4s var(--ease) infinite}
.hst .sk{display:block;margin-bottom:6px;font:600 11px/16px var(--b);letter-spacing:.08em;text-transform:uppercase;color:var(--purple)}
.hst p{margin:8px 0 0;font:400 15px/23px var(--b);color:var(--ink-70)}.hst p.gt{margin:0;color:var(--ink);font-size:20px;line-height:26px}
.hst .ticks{margin-top:12px}
.hsteps.n3,.hsteps.n4{grid-template-columns:repeat(var(--n),1fr)}
.hsteps.n6{grid-template-columns:repeat(3,1fr);row-gap:48px}.hsteps.n6 .hline{display:none}
.hsteps.v{grid-template-columns:1fr;gap:6px}.hsteps.v .hline{left:22px;right:auto;top:20px;bottom:20px;width:2px;height:auto}
.hsteps.v .hline i{transform-origin:50% 0;transform:scaleY(0);width:100%;height:100%}.hsteps.v.in .hline i{transform:scaleY(1)}
.hsteps.v .hst{padding:4px 0 28px 72px;cursor:pointer}.hsteps.v .hst .dot{top:0}
.h-psplit{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.h-pvis{position:sticky;top:120px;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:var(--ink)}
.pvs{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.04);transition:opacity .7s var(--ease),transform 1.2s var(--ease)}.pvs.on{opacity:1;transform:none}
.pvs img{width:100%;height:100%;object-fit:cover}
.pvs figcaption{position:absolute;left:0;right:0;bottom:0;padding:60px 24px 24px;background:linear-gradient(transparent,rgba(18,16,39,.85));color:#fff}.pvs .gt{color:#fff}.pvs p{margin:4px 0 0;font:400 14px/20px var(--b);color:rgba(255,255,255,.8)}
.h-pside p{margin-top:12px}

/* pricing */
.hplans{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}
.hp-plan{position:relative;display:flex;flex-direction:column;gap:6px;padding:34px 30px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px rgba(18,16,39,.07);transition:transform .5s var(--spring),box-shadow .4s}
.hp-plan:hover{transform:translateY(-6px);box-shadow:0 30px 60px -36px rgba(95,76,224,.5)}
.hp-plan.hi{background:var(--ink);color:#fff;box-shadow:0 30px 70px -30px rgba(95,76,224,.7)}
.hp-plan .flag{position:absolute;top:-13px;left:30px;padding:4px 10px;border-radius:4px;background:var(--purple);color:#fff;font:600 11px/16px var(--b);letter-spacing:.04em;text-transform:uppercase}
.hp-plan .pn{margin:14px 0 0;font:400 28px/34px var(--h);letter-spacing:-.6px}.hp-plan .pi{margin:0;font:400 14px/20px var(--b);color:var(--ink-70);min-height:20px}
.hp-plan.hi .pi,.hp-plan.hi .pp,.hp-plan.hi .ticks li{color:rgba(255,255,255,.75)}.hp-plan.hi .ticks svg{stroke:#C9C1FF}
.hp-plan .pr{margin:20px 0 0}.hp-plan .pr b{font:400 46px/50px var(--h);letter-spacing:-1.4px}.hp-plan .pp{margin:0;font:400 14px/20px var(--b);color:var(--ink-70)}
.hp-plan hr{border:0;height:1px;background:rgba(18,16,39,.1);margin:18px 0}.hp-plan.hi hr{background:rgba(255,255,255,.15)}
.hp-plan .ticks{flex:1;margin:0 0 24px}.hp-plan .btn{width:100%;height:48px}
.h-pnote{display:flex;align-items:center;justify-content:center;gap:8px;margin:36px 0 0;font:500 14px var(--b);color:var(--ink-70)}.h-pnote svg{width:18px;height:18px;stroke:var(--purple);fill:none;stroke-width:2}
.hplans.c2{grid-template-columns:repeat(2,1fr)}
.btn-dark.btn{background:var(--ink)}

/* compare */
.hct{border-radius:12px;background:#fff;box-shadow:0 0 0 1px rgba(18,16,39,.08);overflow:hidden}
.hct .hr{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;border-top:1px solid rgba(18,16,39,.07);transition:background .3s}.hct .hr:hover{background:var(--bg2)}
.hct .hh{border-top:0;background:var(--ink);color:#fff}.hct .hh .c{font:400 17px var(--h)}
.hct .c{padding:18px 22px;font:400 15px/22px var(--b);color:var(--ink-70);display:flex;align-items:center}.hct .c:first-child{color:var(--ink);font-weight:500}
.hct .c.paci{background:rgba(95,76,224,.06)}.hct .hh .c.paci{background:var(--purple)}.hct .cb{display:inline-flex;padding:5px 12px;border-radius:99px;background:var(--purple);color:#fff;font:500 13px/18px var(--b)}
.hct .c.no{color:rgba(18,16,39,.5)}
.hcmp{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.hcc{padding:34px;border-radius:12px;background:var(--bg2)}.hcc.good{background:var(--ink);color:#fff}
.hcc .hh{display:flex;align-items:center;gap:14px;margin-bottom:22px}.hcc .hh .t-h4{margin:0}.hcc.good .t-h4{color:#fff}
.hcc .ci{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#c43b3b;flex:none}.hcc.good .ci{background:var(--purple);color:#fff}.hcc .ci svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2}
.hcc ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}.hcc li{display:grid;grid-template-columns:22px 1fr;gap:12px;font:400 16px/24px var(--b);color:var(--ink-70)}.hcc.good li{color:rgba(255,255,255,.85)}
.hcc li svg{width:20px;height:20px;margin-top:2px;stroke:#c43b3b;fill:none;stroke-width:2}.hcc.good li svg{stroke:#C9C1FF}

/* testimonials */
.h-hs{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 4px 26px;scrollbar-width:none}.h-hs::-webkit-scrollbar{display:none}
.h-hs>*{scroll-snap-align:start;flex:none}
.htq{display:flex;flex-direction:column;gap:16px;width:min(380px,84vw);padding:28px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px rgba(18,16,39,.07);transition:transform .4s var(--spring),box-shadow .3s}.htq:hover{transform:translateY(-5px);box-shadow:0 26px 50px -30px rgba(95,76,224,.5)}
.htq .st{color:#F5A524;letter-spacing:2px;font-size:14px}.htq .q{margin:0;font:500 18px/29px Inter,var(--b);letter-spacing:-.3px;color:var(--ink)}
.htq .who{display:flex;align-items:center;gap:12px;margin-top:auto}.htq .who i{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--lav2);color:var(--purple);font:500 16px var(--h);font-style:normal;flex:none}
.htq .who b{display:block;font:500 15px/20px var(--b)}.htq .who span span,.htq .who span{font:400 13px/18px var(--b);color:var(--ink-70)}.htq .who b{color:var(--ink)}
.h-tl3{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.htq.big{padding:40px;background:var(--ink);width:auto}.htq.big .q{font-size:24px;line-height:36px;color:#fff}.htq.big .who b{color:#fff}.htq.big .who span{color:rgba(255,255,255,.6)}.htq.big .who i{background:rgba(255,255,255,.12);color:#C9C1FF}
.h-tl3 .stk{display:grid;gap:20px}.h-tl3 .htq{width:auto}
.h-q1{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}.h-q1 figure{position:relative;margin:0}.h-q1 figure img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px}.h-q1 .h-fl{left:-18px;bottom:28px;max-width:320px}
.h-q1 .t-quote.big{font-size:26px;line-height:40px;margin:18px 0 24px}
.h-q1 .who{display:flex;align-items:center;gap:12px}.h-q1 .who i{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--purple);color:#fff;font:500 18px var(--h);font-style:normal}.h-q1 .who b{display:block;font:500 16px var(--b)}.h-q1 .who span{font:400 14px var(--b);color:var(--ink-70)}

/* slider */
.hsl{display:flex;flex-direction:column;gap:12px;width:min(340px,82vw);min-height:360px;padding:30px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px rgba(18,16,39,.07);transition:transform .5s var(--spring),box-shadow .4s}
.hsl:hover{transform:translateY(-6px);box-shadow:0 30px 60px -36px rgba(95,76,224,.55)}
.hsl .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.hsl p{margin:0;font:400 15px/23px var(--b);color:var(--ink-70)}.hsl .tag{align-self:flex-start}
.hsl .more{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font:500 14px var(--b);color:var(--purple)}.hsl .more svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;transition:transform .3s}.hsl:hover .more svg{transform:translateX(4px)}
.hsl:hover .gi{background:var(--purple);color:#fff}
.hsl.dk{background:var(--ink)}.hsl.dk .gt{color:#fff}.hsl.dk p{color:rgba(255,255,255,.7)}.hsl.dk .gi{background:rgba(255,255,255,.12);color:#C9C1FF}.hsl.dk .more{color:#C9C1FF}.hsl.dk .gn{color:rgba(255,255,255,.4)}

/* tabs */
.h-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:44px}
.h-tabs button{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border:0;border-radius:6px;background:var(--bg2);color:var(--ink-70);font:400 15px/20px "Aspekta 500",var(--h);transition:background .25s,color .25s,transform .3s var(--spring)}
.h-tabs button svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7}.h-tabs button:hover{background:var(--lav)}.h-tabs button.on{background:var(--ink);color:#fff}
.h-tp{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.h-tp[hidden],.h-php[hidden],.hplans[hidden]{display:none}
.tpv{position:relative}.tpv figure{margin:0}.tpv img{width:100%;aspect-ratio:5/4;object-fit:cover;border-radius:12px}.tpv .h-fl.f1{left:-16px;top:24px;animation-delay:0s}.tpv .h-fl.f2{right:-12px;bottom:24px;animation-delay:1.5s}
.h-phs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:48px 0 28px}
.h-phs button{all:unset;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:12px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);color:#fff;transition:background .3s,transform .4s var(--spring);box-sizing:border-box}
.h-phs button:hover{background:rgba(255,255,255,.1);transform:translateY(-3px)}.h-phs button.on{background:var(--purple);box-shadow:none}
.h-phs .n{font:500 12px var(--b);letter-spacing:.08em;color:#C9C1FF}.h-phs .on .n{color:#fff}.h-phs .gi{background:rgba(255,255,255,.12);color:#fff;width:38px;height:38px}.h-phs .tt{font:400 19px/24px var(--h)}.h-phs .dd{font:400 13px/19px var(--b);color:rgba(255,255,255,.65)}.h-phs .on .dd{color:rgba(255,255,255,.85)}
.h-php{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:36px;border-radius:12px;background:rgba(255,255,255,.05)}.h-php figure{margin:0}.h-php img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px}
.h-php .ticks li{color:rgba(255,255,255,.8)}.h-php .ticks svg{stroke:#C9C1FF}

/* checker */
.h-checker{display:grid;grid-template-columns:1.25fr 1fr;gap:28px;align-items:start}
.ckl{padding:32px;border-radius:12px;background:#fff}
.ck{display:grid;grid-template-columns:24px 1fr auto;gap:14px;align-items:center;padding:14px 16px;border-radius:8px;cursor:pointer;transition:background .25s,transform .3s var(--spring)}.ck+.ck{margin-top:4px}.ck:hover{background:var(--bg2);transform:translateX(3px)}
.ck input{position:absolute;opacity:0;pointer-events:none}
.ck i{width:24px;height:24px;border-radius:6px;display:grid;place-items:center;box-shadow:inset 0 0 0 1.5px rgba(18,16,39,.25);color:transparent;transition:background .25s,color .25s,box-shadow .25s}.ck i svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:3}
.ck input:checked+i{background:var(--purple);color:#fff;box-shadow:none}.ck input:checked~.tx{color:var(--ink-70);text-decoration:line-through;text-decoration-color:rgba(18,16,39,.3)}
.ck .tx{font:400 15px/22px var(--b);color:var(--ink)}.ck .b{font:600 10px/14px var(--b);font-style:normal;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:99px}
.ck .b.crit{background:#FDE8EC;color:#b4233d}.ck .b.imp{background:#FFF1DA;color:#a35e00}.ck .b.std{background:#EEF0F7;color:var(--ink-70)}
.ckr{position:sticky;top:110px;display:grid;gap:16px}
.h-score{padding:30px;border-radius:12px;background:#fff;text-align:center}.h-score .st{margin:0 0 14px;font:500 12px var(--b);letter-spacing:.06em;text-transform:uppercase;color:rgba(18,16,39,.5)}
.h-score .ring{position:relative;width:170px;height:170px;margin:0 auto}.h-score svg{width:100%;height:100%;transform:rotate(-90deg)}.h-score circle{fill:none;stroke:#EEF0F7;stroke-width:10}.h-score circle.v{stroke:var(--purple);stroke-linecap:round;transition:stroke-dashoffset .8s var(--ease),stroke .4s}
.h-score .ring>div{position:absolute;inset:0;display:grid;place-content:center}.h-score .ring b{font:400 40px/44px var(--h);letter-spacing:-1px}.h-score .ring span{font:400 13px var(--b);color:var(--ink-70)}
.stt{display:inline-block;margin:16px 0 18px;padding:5px 14px;border-radius:99px;font:600 12px var(--b);background:#FDE8EC;color:#b4233d;transition:background .3s,color .3s}.stt.mid{background:#FFF1DA;color:#a35e00}.stt.high{background:#E9FBEF;color:#0d6b33}
.sbr{display:grid;grid-template-columns:76px 1fr 38px;gap:10px;align-items:center;margin-top:8px;font:500 13px var(--b);color:var(--ink-70);text-align:left}.sbr .bar{height:7px;border-radius:99px;background:#EEF0F7;overflow:hidden}.sbr .bar i{display:block;height:100%;width:0;border-radius:inherit;background:var(--purple);transition:width .7s var(--ease)}.sbr b{font-weight:500;color:var(--ink);text-align:right}
.h-ckcta{padding:28px;border-radius:12px;background:var(--ink);color:#fff}.h-ckcta .gt{color:#fff}.h-ckcta p{margin:8px 0 18px;font:400 14px/21px var(--b);color:rgba(255,255,255,.7)}

/* stats */
.h-stat2{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
.hstats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px}
.hstat{position:relative;padding:24px;border-radius:12px;background:var(--bg3);overflow:hidden;transition:transform .4s var(--spring),background .4s}.hstat:hover{transform:translateY(-4px);background:var(--lav)}
.hstat b{display:block;font:400 52px/56px var(--h);letter-spacing:-1.6px}.hstat .gt{margin-top:4px;font-size:17px;line-height:22px}.hstat small{display:block;margin-top:6px;font:400 13px/19px var(--b);color:var(--ink-70)}
.hstat .rg{position:absolute;right:14px;top:14px;width:46px;height:46px;transform:rotate(-90deg)}.rg circle{fill:none;stroke:rgba(95,76,224,.15);stroke-width:5}.rg circle.v{stroke:var(--purple);stroke-linecap:round;stroke-dasharray:163;stroke-dashoffset:163;animation:rgf 2.4s var(--ease) .3s forwards}
@keyframes rgf{to{stroke-dashoffset:40}}
.h-mos{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1.3fr 1fr;gap:12px;height:520px}.h-mos figure{margin:0;border-radius:12px;overflow:hidden}.h-mos figure img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}.h-mos figure:hover img{transform:scale(1.05)}.h-mos .m1{grid-column:1/-1}
.h-mos .h-fl.f1{left:-20px;top:40%}.h-mos .h-fl.f2{right:-12px;bottom:30%;animation-delay:1.6s}

/* numbers */
.nums .t-h1{margin:36px 0 20px}.nums .u{font:400 24px/1 var(--h);margin-left:6px;color:var(--purple);letter-spacing:0}.nums .gt{margin-bottom:8px}

/* wps */
.h-wps{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:stretch}
.h-wp{position:relative;margin:0;border-radius:12px;overflow:hidden;min-height:420px}.h-wp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.h-wp figcaption{position:absolute;left:16px;right:16px;bottom:16px;padding:18px;border-radius:10px;background:rgba(255,255,255,.92);backdrop-filter:blur(6px)}.h-wp .gt{font-size:20px}.h-wp p{margin:6px 0 0;font:400 14px/20px var(--b);color:var(--ink-70)}

/* photo cards (financial) */
.pic h4{font-size:22px}

/* trusted strip, intro, trust row, counters */
.h-trusted{padding:40px 0 20px}.h-trusted .t-body{margin:0 0 22px;text-align:center;font-weight:500;color:var(--ink-70)}
.h-trusted .ticker .tr{gap:12px;animation-duration:50s}.h-trusted .nm{background:#fff}
.h-marq{margin:28px 0 8px;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.h-marq .tr{display:flex;gap:12px;width:max-content;animation:tick 45s linear infinite}.h-marq:hover .tr{animation-play-state:paused}
.mq{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:99px;background:var(--bg2);font:500 14px/20px var(--b);color:var(--ink);white-space:nowrap}.mq svg{width:16px;height:16px;stroke:var(--purple);fill:none;stroke-width:1.8}
.h-intro-w{padding:30px 0 0}
.h-intro{display:grid;grid-template-columns:48px 1fr auto;gap:22px;align-items:center;padding:22px 26px;border-radius:12px;background:var(--bg2)}.h-intro .t-lead strong{color:var(--ink);font-weight:500}
.h-intro .ss{padding:14px 22px;border-radius:8px;background:var(--purple);color:#fff;text-align:center}.h-intro .ss b{display:block;font:400 34px/36px var(--h);color:#fff}.h-intro .ss span{font:400 12px var(--b);color:rgba(255,255,255,.8)}
.h-intro .bignum{font-size:34px;color:#fff}
.h-trustw{padding:26px 0 0}.h-trustrow{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;padding:18px 24px;border-radius:12px;background:var(--bg2);font:500 14px/20px var(--b);color:var(--ink)}
.h-cnt{padding:30px 0 0}.h-cn{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:44px 40px}
.cn{display:flex;flex-direction:column;gap:6px}.cn .gi{background:rgba(255,255,255,.1);color:#C9C1FF;margin-bottom:8px}.cn .bignum{font-size:54px;color:#fff}.cn>span:last-child{font:400 14px/20px var(--b);color:rgba(255,255,255,.7)}

/* CTA + form */
.h-cta{grid-template-columns:1fr 1.05fr;align-items:start;padding:56px 44px}
.h-cta .cl .t-lead{margin:16px 0 28px}
.crs{display:grid;gap:12px}.cr{display:flex;align-items:center;gap:12px;font:400 15px/22px var(--b);color:rgba(255,255,255,.8)}.cr svg{width:22px;height:22px;stroke:#C9C1FF;fill:none;stroke-width:1.6;flex:none}.cr strong{color:#fff;font-weight:500}.cr a{text-decoration:underline}
.fph{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px;max-width:440px}.fph figure{margin:0;border-radius:10px;overflow:hidden;aspect-ratio:4/3}.fph figure img{width:100%;height:100%;object-fit:cover}.fph .f1{grid-row:span 2;aspect-ratio:auto}
.cform{background:#fff;color:var(--ink);border-radius:12px;padding:30px}
.h-form .t-h3{font-size:24px;line-height:30px}
.hf{max-width:none}.hf .fg{display:grid;gap:6px}.hf label,.hf .fl-l{font:500 13px/18px var(--b);color:var(--ink)}
.hf .two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hf select{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%23121027' stroke-width='1.6'%3E%3Cpath d='m1 1.5 5 5 5-5'/%3E%3C/svg%3E") right 14px center no-repeat}
.hf input,.hf select,.hf textarea{background-color:#fff;box-shadow:0 0 0 1px rgba(18,16,39,.14)}
.hf .pills{display:flex;flex-wrap:wrap;gap:8px}.pill{position:relative}.pill input{position:absolute;opacity:0}.pill span{display:inline-flex;padding:9px 14px;border-radius:99px;box-shadow:inset 0 0 0 1px rgba(18,16,39,.16);font:400 13px/18px var(--b);cursor:pointer;transition:background .25s,color .25s}.pill input:checked+span{background:var(--ink);color:#fff;box-shadow:none}.pill:hover span{background:var(--lav)}.pill input:checked+span:hover{background:var(--ink)}
.hf .agree{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start;font:400 12px/18px var(--b);color:var(--ink-70)}.hf .agree input{width:16px;height:16px;margin-top:2px;box-shadow:none}
.hf .rng input{height:auto;padding:0;accent-color:var(--purple)}.hf .rng .rv{color:var(--purple)}.rl{display:flex;justify-content:space-between;font:400 12px var(--b);color:var(--ink-70)}
.h-form .ok{margin:10px 0 0;padding:12px;border-radius:8px;background:#E9FBEF;color:#0d6b33;font:500 14px var(--b)}
.h-cta2{grid-template-columns:1.1fr .9fr;padding:64px 48px;align-items:center}
.h-cta2 .t-h2{max-width:560px}.cchips{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.cchips .chip-q{background:rgba(255,255,255,.1);color:#fff;box-shadow:none}.cchips .chip-q:hover{background:rgba(255,255,255,.2)}
.ccs{display:grid;gap:12px}.cc{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:16px;border-radius:10px;background:rgba(255,255,255,.07);transition:background .3s,transform .4s var(--spring)}.cc:hover{background:rgba(255,255,255,.13);transform:translateX(-4px)}
.cc .gi{background:rgba(255,255,255,.12);color:#C9C1FF}.cc .gt{color:#fff;font-size:18px;line-height:24px}.cc p{margin:2px 0 0;font:400 14px/20px var(--b);color:rgba(255,255,255,.65)}
.ccs.art{place-items:center}.ccs.art .fig{width:min(360px,100%);height:auto;filter:drop-shadow(0 30px 40px rgba(0,0,0,.4))}
.btn-ghost-w{display:inline-flex}

/* responsive */
@media (max-width:1100px){
 .h-hin,.h-feat,.h-spot,.h-split,.h-psplit,.h-tp,.h-php,.h-checker,.h-stat2,.h-wps,.h-q1,.h-tl3,.h-cta,.h-cta2{grid-template-columns:1fr}
 .h-hr{min-height:420px;margin-top:20px}.h-sp{position:relative;top:auto;max-width:380px;margin:0 auto}.h-pvis,.ckr{position:relative;top:auto}
 .h-feat.rev{direction:ltr}.h-fm{min-height:380px}
 .hgrid.c4,.hgrid.c3{grid-template-columns:1fr 1fr}.hplans{grid-template-columns:1fr 1fr}.h-tech .tcols,.h-phs,.h-cn{grid-template-columns:1fr 1fr}
 .hsteps:not(.v){grid-template-columns:1fr 1fr;row-gap:36px}.hsteps .hline{display:none}.gc.svc.wide{grid-column:auto}
}
@media (max-width:640px){
 .h-hero{padding-top:34px}.h-hr{min-height:360px}.h-hr .hp1{width:76%}.h-hr .hp2{width:48%}.h-hr .hp3{display:none}.h-fl{max-width:200px;padding:8px 10px}.h-hr .h-fl.f1{left:0}.h-hr .h-fl.f2{right:0}
 .h-stats{gap:20px}.h-stats b{font-size:28px}
 .hgrid.c2,.hgrid.c3,.hgrid.c4,.hplans,.hplans.c2,.hcmp,.h-tech .tcols,.h-phs,.h-cn,.hstats,.hf .two,.fph{grid-template-columns:1fr}
 .hsteps:not(.v){grid-template-columns:1fr}
 .hct{overflow-x:auto}.hct .hr{min-width:640px}
 .h-intro{grid-template-columns:1fr}.h-intro .gi{display:none}
 .h-cta,.h-cta2{padding:40px 22px}.cform{padding:22px}
 .h-mos{height:400px}.gc.svc{padding-bottom:140px}.h-php{padding:22px}.h-tabs button{padding:10px 12px;font-size:14px}
 .sec-head{margin-bottom:40px}.htq.big{padding:28px}.htq.big .q{font-size:20px;line-height:30px}.h-q1 .t-quote.big{font-size:20px;line-height:32px}
 .hst .sk{margin-bottom:4px}.hsteps.v .hst{padding-left:64px}
}
@media (prefers-reduced-motion:reduce){.h-art *,.mk,.h-fl,.mk-spark path,.h-marq .tr,.spoke *,.h-ring,.rg circle.v,.hst.go .dot::after,.h-tech::before{animation:none!important}.rg circle.v{stroke-dashoffset:40}.mk-spark path,.h-art .ha-l{stroke-dashoffset:0}.hsteps .hline i{transform:none}}
.gc .gt,.gc p.gt{margin:0;font:400 22px/28px var(--h);letter-spacing:-.4px;color:var(--ink)}.gc.dk .gt,.gc.wps.acc .gt{color:#fff}.gc.bto .gt{font-size:26px;line-height:32px}
.hst p.gt,.hsl p.gt,.hstat p.gt{font-family:var(--h)}
.hct .hh .c,.hct .hh .c:first-child{color:#fff;font-weight:400}
.coin{position:absolute;width:86px;height:auto;z-index:4;right:2%;top:-2%;filter:drop-shadow(0 16px 20px rgba(95,76,224,.35))}
.ccs.art{position:relative;min-height:300px}.ccs.art .h-art{position:absolute;inset:0;width:100%;height:100%}.ccs.art .coin{right:20%;top:30%;width:110px}

/* =====================================================================
   H1 (owner 11-08): hubs at homepage level. Hero-chip glass cards, chrome border on featured/active,
   topic illustrations that hold their finished state and REPLAY when scrolled into view (.go).
   ===================================================================== */
:root{--hg-bg:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(247,246,252,.97) 100%);--hg-edge:linear-gradient(rgba(18,16,39,.06),rgba(18,16,39,.06));
 --hg-chrome:linear-gradient(115deg,#c9c7d6 0%,#fff 14%,#9e9bb4 28%,#f4f3f9 40%,#ffffff 48%,#b9b5cf 60%,#fff 72%,#8f8ba8 86%,#e9e8f1 100%);
 --hg-sh:0 24px 50px -28px rgba(18,16,39,.38),inset 0 1px 0 #fff;--ok:#16A34A;--warn:#D97706}
/* glass base */
.gc,.hsl,.hp-plan,.hst-card,.hsteps:not(.v) .hst,.hsteps.v .hst,.htq,.hstat,.hcc,.h-fl,.hvc,.pic .im,.h-score,.ck,.h-intro,.hct,.num,.cc{border:1.5px solid transparent!important;background:var(--hg-bg) padding-box,var(--hg-edge) border-box!important;box-shadow:var(--hg-sh)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.sec-light .gc,.sec-light .hsl{box-shadow:var(--hg-sh)!important}
.gc:hover,.hsl:hover,.hp-plan:hover,.hsteps:not(.v) .hst:hover{background:var(--hg-bg) padding-box,var(--hg-edge) border-box!important;box-shadow:0 30px 60px -30px rgba(18,16,39,.45),inset 0 1px 0 #fff!important}
.pic .im{padding:0;overflow:hidden}.cc{background:rgba(255,255,255,.08) padding-box,rgba(255,255,255,.14) border-box!important;box-shadow:none!important}
/* chrome border = featured / active (no purple outline) */
.hp-plan.hi,.gc.on,.hsl.on,.hsteps .hst.on,.hsteps.v .hst.on,.hvc.go,.htq.big{background:var(--hg-bg) padding-box,var(--hg-chrome) border-box!important;background-size:100% 100%,260% 100%!important;animation:hgChrome 4.5s linear infinite;
 box-shadow:0 34px 70px -32px rgba(18,16,39,.5),0 0 0 4px rgba(255,255,255,.65),inset 0 1px 0 #fff!important}
.hvc.go{box-shadow:0 30px 60px -32px rgba(18,16,39,.45),inset 0 1px 0 #fff!important}
@keyframes hgChrome{from{background-position:0 0,0% 0}to{background-position:0 0,260% 0}}
.hp-plan.hi{color:var(--ink);transform:translateY(-6px)}
.hp-plan.hi .pi,.hp-plan.hi .pp,.hp-plan.hi .ticks li{color:var(--ink-70)}.hp-plan.hi .ticks svg{stroke:var(--purple)}.hp-plan.hi hr{background:rgba(18,16,39,.1)}
.hp-plan.hi .btn{background:var(--ink);color:#fff}.hp-plan.hi .btn:hover{background:var(--purple)}
.hp-plan .xflag{top:0;left:30px;transform:translateY(-50%);overflow:hidden;padding:8px 16px;border-radius:999px;z-index:6;background:linear-gradient(180deg,#2e2960 0%,#121027 55%,#0b0a1c 100%);color:#fff;font:600 11px/1 var(--b);letter-spacing:.12em;
 box-shadow:0 0 0 4px #fff,0 0 0 5.5px var(--purple),0 12px 24px -10px rgba(18,16,39,.55),inset 0 1px 0 rgba(255,255,255,.28)}
.hp-plan .xflag::after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(201,193,255,.45),transparent);transform:skewX(-20deg);animation:flagSh 4.5s ease-in-out infinite}
.gc.dk,.hsl.dk,.gc.wps.acc{background:var(--hg-bg) padding-box,var(--hg-edge) border-box!important}
.gc.dk .gt,.gc.wps.acc .gt,.hsl.dk .gt{color:var(--ink)}.gc.dk p,.gc.dk .ticks li,.gc.wps.acc p,.hsl.dk p{color:var(--ink-70)}.gc.dk .gi,.gc.wps.acc .gi,.hsl.dk .gi{background:var(--lav);color:var(--purple)}.gc.dk .ticks svg{stroke:var(--purple)}.hsl.dk .more{color:var(--purple)}.hsl.dk .gn{color:var(--ink-70)}
.gc.dk,.gc.wps.acc,.hsl.dk{background:var(--hg-bg) padding-box,var(--hg-chrome) border-box!important;background-size:100% 100%,260% 100%!important;animation:hgChrome 4.5s linear infinite}
.hsl.on .gt,.gc.on .gt{background:linear-gradient(100deg,#121027 0%,#5F4CE0 35%,#B9AEFF 50%,#5F4CE0 65%,#121027 100%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:chromeSh 4.5s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.hp-plan.hi,.gc.on,.hsl.on,.hst.on,.hvc.go,.gc.dk,.hsl.dk,.gc.wps.acc,.hsl.on .gt,.gc.on .gt{animation:none}}
/* hero chips: glass */
.h-fl{border-radius:16px}
/* slider: never wider than its column */
.sec .wrap{min-width:0}.h-hs{max-width:100%;overscroll-behavior-x:contain}.hsl{width:min(340px,78vw)}
.hsl.on{transform:translateY(-6px)}
/* checker bars: no purple bars */
.sbr .bar i{background:linear-gradient(90deg,#121027,#4b4670)!important}.sbr .bar i.crit{background:linear-gradient(90deg,#121027,#3a3560)!important}
/* ---------- illustration band ---------- */
.h-band{padding:8px 0 24px}
.hvrow{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.hvc{position:relative;margin:0;padding:18px 18px 14px;border-radius:20px;display:flex;flex-direction:column;gap:10px;min-width:0;transition:transform .5s var(--spring)}
.hvc:hover{transform:translateY(-4px)}
.hvc .ill{position:relative;height:236px;border-radius:14px;background:linear-gradient(180deg,#fff,#F6F5FC);box-shadow:inset 0 0 0 1px rgba(18,16,39,.05);overflow:hidden;padding:14px}
.hvc figcaption{font:500 13px/18px var(--b);color:var(--ink-70);padding:0 4px;display:flex;align-items:center;gap:8px}
.hvc figcaption::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--purple);flex:none}
.hvc svg{display:block}
.hvc s{text-decoration:none;display:inline-grid;place-items:center}
.hvc s svg,.hvc .chip-ok svg,.hvc .ck svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.hvc path[pathLength]{stroke-dasharray:1}
/* common keyframes */
@keyframes hvIn{from{opacity:0;transform:translate(-16px,6px)}to{opacity:1;transform:none}}
@keyframes hvUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes hvPop{from{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}
@keyframes hvDraw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes hvGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes hvStamp{0%{opacity:0;transform:scale(2.4) rotate(-22deg)}60%{opacity:1;transform:scale(.92) rotate(-10deg)}100%{opacity:1;transform:scale(1) rotate(-12deg)}}
@keyframes hvFade{from{opacity:0}to{opacity:1}}
@keyframes hvDash{to{stroke-dashoffset:-24}}
@keyframes hvPing{0%{box-shadow:0 0 0 0 rgba(95,76,224,.45)}100%{box-shadow:0 0 0 10px rgba(95,76,224,0)}}
@keyframes hvSweep{from{transform:rotate(0)}to{transform:rotate(360deg)}}
/* tiny shared bits */
.hvc .xln{display:block;height:7px;border-radius:4px;background:rgba(18,16,39,.1);transform-origin:0 50%}
.hvc .xln:nth-of-type(2){width:82%}.hvc .xln:nth-of-type(3){width:64%}.hvc .xln:nth-of-type(4){width:90%}
.hvc .chip-ok{position:absolute;right:14px;bottom:12px;display:inline-flex;align-items:center;gap:6px;padding:7px 12px 7px 9px;border-radius:99px;background:#E7F8EE;color:#15803D;font:600 11.5px var(--b)}.hvc .chip-ok svg{width:13px;height:13px;stroke-dasharray:1}
/* T1 filing flow */
.hvc .doc,.hvc .sheet,.hvc .page{background:#fff;border-radius:10px;padding:12px 14px;box-shadow:0 8px 18px -12px rgba(18,16,39,.4);display:flex;flex-direction:column;gap:8px}
.hvc .doc b,.hvc .sheet b{font:600 12px var(--b);color:var(--ink)}
.hvc .doc .amt{display:flex;align-items:center;justify-content:space-between;margin-top:2px;padding-top:8px;border-top:1px dashed rgba(18,16,39,.18)}.hvc .amt em{font:500 11px var(--b);font-style:normal;color:var(--ink-70)}.hvc .amt u{width:56px;height:9px;border-radius:5px;background:var(--ink);transform-origin:0 50%}
.hvc .pipe{list-style:none;margin:0;position:absolute;left:14px;right:14px;bottom:14px;padding:0;display:flex;justify-content:space-between}
.hvc .pipe .rail{position:absolute;left:12%;right:12%;top:11px;height:3px;border-radius:2px;background:rgba(18,16,39,.1);overflow:hidden}.hvc .rail i{display:block;height:100%;background:linear-gradient(90deg,#121027,#16A34A);transform-origin:0 50%}
.hvc .pipe li{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:6px;width:25%;font:500 11px var(--b);color:var(--ink-70)}
.hvc .pipe s{width:24px;height:24px;border-radius:50%;background:var(--ok);color:#fff;padding:5px;box-shadow:0 0 0 4px #fff}
/* T2 calendar */
.hvc .xcal{position:relative;height:100%}.hvc .xcal .xch{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font:600 12px var(--b)}.hvc .xcal .xch span{font:500 11px var(--b);color:var(--purple);background:var(--lav);padding:3px 8px;border-radius:99px}
.hvc .cg{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.hvc .dy{position:relative;height:26px;border-radius:7px;background:#fff;box-shadow:0 0 0 1px rgba(18,16,39,.06);display:grid;place-items:center;font:500 10.5px var(--b);color:var(--ink-70)}
.hvc .dy.rem::after{content:"";position:absolute;right:4px;top:4px;width:5px;height:5px;border-radius:50%;background:var(--warn)}
.hvc .dy.due{background:var(--ink);color:#fff;font-weight:600}.hvc .dy.due svg{position:absolute;right:-5px;top:-7px;width:16px;height:16px;padding:3px;border-radius:50%;background:var(--ok);stroke:#fff;fill:none;stroke-width:3.5}
.hvc .cp{position:absolute;display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:99px;font:600 11px var(--b);background:#fff;box-shadow:0 8px 18px -10px rgba(18,16,39,.45)}
.hvc .cp svg{width:12px;height:12px;stroke:var(--ok);fill:none;stroke-width:3}.hvc .p1{left:2px;bottom:6px;color:#9A5B05}.hvc .p2{right:2px;bottom:6px;color:#15803D}
/* T3 / A3 stamp + sheet */
.hvc .sheet{position:absolute;left:18px;top:18px;width:62%;min-height:150px}
.hvc .sheet .trn{display:flex;gap:8px;align-items:center;font:600 10px var(--b);color:var(--ink-70)}.hvc .trn em{font-style:normal}.hvc .trn u{flex:1;height:8px;border-radius:4px;background:rgba(18,16,39,.14);transform-origin:0 50%}
.hvc .sheet .sig{width:92px;height:26px;margin-top:6px}.hvc .sig path{fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round}
.hvc .stamp{position:absolute;right:16px;bottom:20px;width:118px;height:118px;display:grid;place-items:center;text-align:center;color:#3A2FA0;transform:rotate(-12deg)}
.hvc .stamp svg{position:absolute;inset:0;width:100%;height:100%}.hvc .stamp circle{fill:rgba(255,255,255,.7);stroke:currentColor;stroke-width:3}.hvc .stamp .xo2{fill:none;stroke-width:1.2;stroke-dasharray:3 4}
.hvc .stamp b{position:relative;font:700 24px/1 var(--h);letter-spacing:.04em}.hvc .stamp small{position:relative;display:block;margin-top:-30px;font:700 9px var(--b);letter-spacing:.18em}
.hvc .stamp.ok{color:#15803D}.hvc .stamp.ok b{font-size:16px;letter-spacing:.1em}
/* A1 checklist */
.hvc .cklst{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}
.hvc .cklst li{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:10px;background:#fff;box-shadow:0 6px 14px -10px rgba(18,16,39,.4);font:500 12.5px var(--b);color:var(--ink)}
.hvc .cklst s{width:20px;height:20px;border-radius:50%;background:var(--ok);color:#fff;padding:4px;flex:none}
.hvc .pbar{position:absolute;left:14px;right:126px;bottom:25px;height:6px;border-radius:4px;background:rgba(18,16,39,.1);overflow:hidden}.hvc .pbar i{display:block;height:100%;background:linear-gradient(90deg,#121027,#16A34A);transform-origin:0 50%}
.hvc .rdy{position:absolute;right:14px;bottom:12px;padding:7px 12px;border-radius:99px;background:#E7F8EE;color:#15803D;font:600 11.5px var(--b)}
/* A2 magnifier */
.hvc .page{position:absolute;left:18px;top:18px;right:18px;bottom:46px;gap:11px;padding:18px 16px;justify-content:center}
.hvc .page .xflag{background:#FDE9C8;box-shadow:0 0 0 2px rgba(217,119,6,.45)}
.hvc .gap{position:absolute;right:20px;bottom:12px;padding:5px 10px;border-radius:99px;background:#FEF3C7;color:#92400E;font:600 11px var(--b)}
.hvc .fix{position:absolute;right:20px;bottom:12px;display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:99px;background:#E7F8EE;color:#15803D;font:600 11px var(--b);opacity:1}.hvc .fix svg{width:12px;height:12px;stroke-dasharray:1}
.hvc .mag{position:absolute;width:70px;height:70px;left:46%;top:44%;fill:rgba(255,255,255,.35);stroke:var(--ink);stroke-width:4;stroke-linecap:round;filter:drop-shadow(0 8px 8px rgba(18,16,39,.25))}
/* P1 wps */
.hvc .run{display:flex;align-items:center;gap:12px;margin-bottom:10px;font:600 12px var(--b)}.hvc .run .xpr{flex:1;height:6px;border-radius:4px;background:rgba(18,16,39,.1);overflow:hidden}.hvc .run .xpr i{display:block;height:100%;background:linear-gradient(90deg,#121027,#16A34A);transform-origin:0 50%}
.hvc .rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.hvc .rows li{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:#fff;box-shadow:0 6px 14px -10px rgba(18,16,39,.4);font:500 12.5px var(--b)}.hvc .rows li span{flex:1}.hvc .rows u{text-decoration:none;color:var(--ink-70);font:500 12px var(--b)}
.hvc .rows s{width:20px;height:20px;border-radius:50%;background:var(--ok);color:#fff;padding:4px}
/* P2 payslips */
.hvc .stack{position:absolute;left:0;right:0;top:12px;height:160px}.hvc .ps{position:absolute;left:20%;top:0;width:60%;padding:12px 14px;border-radius:10px;background:#fff;box-shadow:0 12px 24px -14px rgba(18,16,39,.5);display:flex;flex-direction:column;gap:7px}
.hvc .ps b{font:600 11.5px var(--b)}.hvc .ps .net{display:flex;justify-content:space-between;align-items:center;margin-top:3px;font:500 11px var(--b);color:var(--ink-70)}.hvc .net em{font-style:normal}.hvc .net u{width:52px;height:9px;border-radius:5px;background:var(--ink)}
.hvc .ps1{transform:translate(-36%,16px) rotate(-8deg)}.hvc .ps2{transform:translate(36%,16px) rotate(8deg)}.hvc .ps3{transform:translateY(0);z-index:2}
.hvc .sent{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:6px;padding:7px 12px 7px 9px;border-radius:99px;background:#E7F8EE;color:#15803D;font:600 11.5px var(--b);white-space:nowrap}.hvc .sent svg{width:13px;height:13px;stroke-dasharray:1}
/* P3 transfer */
.hvc .xtr{position:absolute;left:14px;right:14px;top:60px;width:calc(100% - 28px);height:90px}.hvc .xtr path{fill:none;stroke:var(--purple);stroke-width:2;stroke-dasharray:5 7;stroke-linecap:round;vector-effect:non-scaling-stroke}
.hvc .nd{position:absolute;top:70px;width:74px;display:flex;flex-direction:column;align-items:center;gap:7px;transform:translateX(-50%)}
.hvc .nd.n1{left:15%}.hvc .nd.n2{left:50%}.hvc .nd.n3{left:85%}
.hvc .nd span{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:#fff;color:var(--purple);box-shadow:0 10px 20px -12px rgba(18,16,39,.5)}.hvc .nd span svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.7}.hvc .nd em{font:500 11px var(--b);font-style:normal;color:var(--ink-70)}
.hvc .ok1,.hvc .ok2{position:absolute;top:56px;width:20px;height:20px;border-radius:50%;background:var(--ok);color:#fff;padding:4px;transform:translateX(-50%)}.hvc .ok1{left:calc(50% + 24px)}.hvc .ok2{left:calc(85% + 24px)}.hvc .ok1 svg,.hvc .ok2 svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:3.5;stroke-dasharray:1}
/* F1 forecast */
.hvc .xfc{position:absolute;inset:14px 14px 30px;width:calc(100% - 28px);height:calc(100% - 44px);overflow:visible}.hvc .xfc .xgl{stroke:rgba(18,16,39,.08);stroke-dasharray:2 5;fill:none}.hvc .xfc .xar{fill:url(#fcg)}
.hvc .xfc .xln{display:block;height:auto;background:none;fill:none;stroke:var(--ok);stroke-width:2.6;stroke-linecap:round}.hvc .xfc .fo{fill:none;stroke:var(--ok);stroke-width:2.2;stroke-dasharray:1;stroke-linecap:round;opacity:.85}
.hvc .xfc .xdt,.hvc .xfc .dt2{fill:var(--ok);stroke:#fff;stroke-width:2.5;transform-box:fill-box;transform-origin:center}
.hvc .ft{position:absolute;right:16px;top:14px;padding:5px 10px;border-radius:99px;background:var(--lav);color:var(--purple);font:600 11px var(--b)}
/* F2 cfo */
.hvc .kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hvc .xkp{padding:9px 10px;border-radius:12px;background:#fff;box-shadow:0 6px 14px -10px rgba(18,16,39,.4)}.hvc .xkp small{display:block;font:400 11px var(--b);color:var(--ink-70)}.hvc .xkp b{font:600 14px/1.3 var(--b);color:var(--ink)}
.hvc .mini{position:absolute;left:14px;bottom:18px;width:62%;height:76px;overflow:visible}.hvc .mini .xln{display:block;height:auto;background:none;fill:none;stroke:var(--ok);stroke-width:2.4;vector-effect:non-scaling-stroke;stroke-linecap:round}
.hvc .xrg{position:absolute;right:16px;bottom:16px;width:80px;height:80px;display:grid;place-items:center}.hvc .xrg svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.hvc .xrg circle{fill:none;stroke-width:6}.hvc .xrg .b{stroke:rgba(18,16,39,.1)}.hvc .xrg .v{stroke:var(--ok);stroke-linecap:round;stroke-dashoffset:.18}.hvc .xrg b{position:relative;font:600 11px var(--b)}
/* F3 pack */
.hvc .pack{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.hvc .pack li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:#fff;box-shadow:0 6px 14px -10px rgba(18,16,39,.4)}
.hvc .pack .pg{width:18px;height:22px;border-radius:3px;background:linear-gradient(180deg,var(--lav),#fff);box-shadow:inset 0 0 0 1.5px rgba(95,76,224,.4)}.hvc .pack b{flex:1;font:500 12.5px var(--b)}.hvc .pack s{width:20px;height:20px;border-radius:50%;background:var(--ok);color:#fff;padding:4px}
/* M1 loop */
.hvc .xlp{position:absolute;left:50%;top:50%;width:200px;height:200px;margin:-100px 0 0 -100px}.hvc .xlp circle{fill:none}.hvc .xlp .bg{stroke:rgba(18,16,39,.1);stroke-width:5}.hvc .xlp .fg{stroke:var(--purple);stroke-width:5;stroke-linecap:round;transform:rotate(-90deg);transform-origin:100px 100px}.hvc .xlp .xin{stroke:rgba(95,76,224,.2);stroke-dasharray:3 6}
.hvc .xst{position:absolute;padding:6px 11px;border-radius:99px;background:#fff;box-shadow:0 8px 16px -10px rgba(18,16,39,.5);font:600 11px var(--b);color:var(--ink);white-space:nowrap;transform:translate(-50%,-50%)}.hvc .xst.top{left:50%;top:18px}.hvc .xst.bottom{left:50%;top:calc(100% - 18px)}.hvc .xst.left{left:42px;top:50%}.hvc .xst.right{left:calc(100% - 42px);top:50%}
.hvc .xmid{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}.hvc .xmid s{width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;padding:8px}.hvc .xmid em{font:600 11px var(--b);font-style:normal;color:var(--ink)}
/* M2 recon */
.hvc .xrc{display:grid;grid-template-columns:1fr 46px 1fr;gap:0;align-items:start}.hvc .xrc .col{display:flex;flex-direction:column;gap:9px}.hvc .xrc em{font:600 10px var(--b);font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-70)}
.hvc .xrc .col span{position:relative;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:9px 10px;border-radius:10px;background:#fff;box-shadow:0 6px 14px -10px rgba(18,16,39,.4);font:500 12px var(--b)}.hvc .xrc .col span s{width:16px;height:16px;border-radius:50%;background:var(--ok);color:#fff;padding:3px}
.hvc .xrc>svg{width:100%;height:96px;margin-top:34px}.hvc .xrc>svg path{fill:none;stroke:var(--purple);stroke-width:1.6;vector-effect:non-scaling-stroke}
/* M3 board */
.hvc .bd{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}.hvc .bd li{position:relative;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:12px;background:#fff;box-shadow:0 6px 14px -10px rgba(18,16,39,.4);font:500 13px var(--b)}
.hvc .bd em{font-style:normal;font:600 11px var(--b);padding:5px 10px;border-radius:99px}.hvc .bd .xq{position:absolute;right:14px;background:#FEF3C7;color:#92400E;opacity:0}.hvc .bd .xd{display:inline-flex;align-items:center;gap:5px;background:#E7F8EE;color:#15803D}.hvc .bd .xd svg{width:12px;height:12px;stroke-dasharray:1}
/* ---- replay: only while .go ---- */
.hvc.go .doc,.hvc.go .sheet,.hvc.go .page{animation:hvUp .5s var(--ease) both}
.hvc.go .doc .xln,.hvc.go .sheet .xln,.hvc.go .page .xln{animation:hvGrow .5s var(--ease) both;animation-delay:calc(.25s + var(--k)*.15s)}
.hvc.go .amt u,.hvc.go .trn u,.hvc.go .net u{animation:hvGrow .6s var(--ease) .9s both}
.hvc.go .pipe li s{animation:hvPop .45s var(--spring) both;animation-delay:calc(.9s + var(--k)*.45s)}.hvc.go .pipe li{animation:hvFade .4s both;animation-delay:calc(.8s + var(--k)*.45s)}
.hvc.go .pipe .rail i{animation:hvGrow 1.4s var(--ease) .95s both}.hvc.go .pipe li:last-child s{animation-name:hvPop,hvPing}
.hvc.go .dy{animation:hvPop .4s var(--spring) both;animation-delay:calc(.1s + var(--k)*.07s)}.hvc.go .dy.due{animation:hvPop .5s var(--spring) 1.1s both}.hvc.go .dy.due svg{animation:hvPop .45s var(--spring) 1.7s both}.hvc.go .dy.rem::after{animation:hvPop .4s var(--spring) 1.2s both}
.hvc.go .cp{animation:hvUp .5s var(--ease) both}.hvc.go .p1{animation-delay:1.3s}.hvc.go .p2{animation-delay:2s}
.hvc.go .stamp{animation:hvStamp .7s var(--spring) 1.4s both}.hvc.go .stamp svg .xo{animation:hvFade .4s 1.4s both}
.hvc.go .cklst li{animation:hvIn .5s var(--ease) both;animation-delay:calc(.15s + var(--k)*.4s)}.hvc.go .cklst s{animation:hvPop .4s var(--spring) both;animation-delay:calc(.5s + var(--k)*.4s)}
.hvc.go .pbar i{animation:hvGrow 2.2s var(--ease) .3s both}.hvc.go .rdy{animation:hvPop .5s var(--spring) 2.4s both}
.hvc.go .page .xln{animation:hvGrow .5s var(--ease) both;animation-delay:calc(.2s + var(--k)*.12s)}.hvc.go .gap{animation:hvPop .4s var(--spring) 1.4s both,hvFade .3s 2.6s reverse forwards}.hvc.go .fix{animation:hvPop .5s var(--spring) 2.8s both}.hvc.go .page .xflag{animation:hvGrow .5s .6s both,flagFix .5s 2.8s forwards}
@keyframes flagFix{to{background:rgba(22,163,74,.2);box-shadow:0 0 0 2px rgba(22,163,74,.4)}}
.hvc.go .mag{animation:hvMag 3.2s var(--ease) .3s both}
@keyframes hvMag{0%{transform:translate(-90px,-70px) scale(.7);opacity:0}15%{opacity:1}35%{transform:translate(-30px,-50px) scale(1)}60%{transform:translate(20px,0) scale(1.05)}80%,100%{transform:translate(70px,40px) scale(.9);opacity:.0}}
.hvc.go .run .xpr i{animation:hvGrow 3s var(--ease) .2s both}.hvc.go .rows li{animation:hvIn .5s var(--ease) both;animation-delay:calc(.2s + var(--k)*.5s)}.hvc.go .rows s{animation:hvPop .4s var(--spring) both;animation-delay:calc(.65s + var(--k)*.5s)}.hvc.go .chip-ok{animation:hvPop .5s var(--spring) 2.4s both}
.hvc.go .ps{animation:hvPs .8s var(--spring) both;animation-delay:calc(.15s + var(--k)*.25s)}
@keyframes hvPs{from{opacity:0;transform:translate(0,-40px) rotate(0)}}
.hvc.go .sent{animation:hvPop .5s var(--spring) 1.5s both}
.hvc.go .xtr path{animation:hvDash .9s linear infinite}.hvc.go .nd{animation:hvPopX .5s var(--spring) both;animation-delay:calc(.1s + var(--k)*.35s)}
@keyframes hvPopX{from{opacity:0;transform:translateX(-50%) scale(.5)}to{opacity:1;transform:translateX(-50%)}}
.hvc.go .ok1{animation:hvPopX .45s var(--spring) 1.3s both}.hvc.go .ok2{animation:hvPopX .45s var(--spring) 2.2s both}
.hvc.go .xfc .xln{animation:hvDraw 1.6s var(--ease) .2s both}.hvc.go .xfc .fo{animation:hvDraw 1.3s var(--ease) 1.6s both}.hvc.go .xfc .xar{animation:hvFade .8s 1s both}.hvc.go .xfc .xdt{animation:hvPop .4s var(--spring) 1.6s both}.hvc.go .xfc .dt2{animation:hvPop .4s var(--spring) 2.9s both}
.hvc.go .xkp{animation:hvUp .5s var(--ease) both;animation-delay:calc(.15s + var(--k)*.2s)}.hvc.go .mini .xln{animation:hvDraw 1.4s var(--ease) .7s both}.hvc.go .xrg .v{animation:hvDraw 1.5s var(--ease) .9s both}
.hvc.go .pack li{animation:hvIn .5s var(--ease) both;animation-delay:calc(.15s + var(--k)*.45s)}.hvc.go .pack s{animation:hvPop .4s var(--spring) both;animation-delay:calc(.55s + var(--k)*.45s)}
.hvc.go .xlp .fg{animation:hvDraw 3.4s var(--ease) .2s both}.hvc.go .xst{animation:hvPopC .45s var(--spring) both;animation-delay:calc(.2s + var(--k)*.8s)}
@keyframes hvPopC{from{opacity:0;transform:translate(-50%,-50%) scale(.4)}to{opacity:1;transform:translate(-50%,-50%)}}
.hvc.go .xmid s{animation:hvPop .5s var(--spring) 3.5s both}
.hvc.go .xrc .col span{animation:hvIn .5s var(--ease) both;animation-delay:calc(.1s + var(--k)*.3s)}.hvc.go .xrc>svg path{animation:hvDraw .6s var(--ease) both;animation-delay:calc(.7s + var(--k)*.3s)}.hvc.go .xrc .col span s{animation:hvPop .4s var(--spring) both;animation-delay:calc(1.3s + var(--k)*.3s)}
.hvc.go .bd li{animation:hvIn .5s var(--ease) both;animation-delay:calc(.1s + var(--k)*.25s)}.hvc.go .bd .xq{animation:hvQ 3s both;animation-delay:calc(.3s + var(--k)*.25s)}.hvc.go .bd .xd{animation:hvPop .45s var(--spring) both;animation-delay:calc(1.1s + var(--k)*.55s)}
@keyframes hvQ{0%{opacity:0}15%,70%{opacity:1}100%{opacity:0}}
/* ---------- step cards with mini illustrations ---------- */
.hsteps:not(.v) .hline{display:none}
.hsteps:not(.v) .hst{padding:20px 22px 24px;border-radius:20px;transition:transform .5s var(--spring),box-shadow .4s}
.hsteps:not(.v) .hst .dot{position:relative;left:auto;top:auto;width:34px;height:34px;margin-bottom:12px;box-shadow:0 0 0 1px rgba(18,16,39,.12)}.hsteps:not(.v) .hst .dot b{font-size:14px}
.hsteps:not(.v) .hst.on{transform:translateY(-6px)}
.hsteps:not(.v) .hst .dot{display:none}
.hsteps.n6:not(.v){grid-template-columns:repeat(3,1fr)}.hsteps.n5:not(.v){grid-template-columns:repeat(5,1fr)}
.hst .mini{position:relative;height:92px;margin:0 0 14px;border-radius:12px;background:linear-gradient(180deg,#fff,#F3F1FB);box-shadow:inset 0 0 0 1px rgba(18,16,39,.05);overflow:hidden;display:grid;place-items:center}
.hst .mini s{text-decoration:none;position:absolute;right:10px;bottom:10px;width:22px;height:22px;border-radius:50%;background:var(--ok);color:#fff;padding:5px;display:grid;place-items:center}.hst .mini s svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1}
.mn-doc .xd{width:64px;padding:10px;border-radius:8px;background:#fff;box-shadow:0 8px 16px -10px rgba(18,16,39,.45);display:flex;flex-direction:column;gap:6px}.mn-doc .xln{height:6px;border-radius:3px;background:rgba(18,16,39,.12);transform-origin:0 50%}.mn-doc .xln:nth-child(2){width:78%}.mn-doc .xln:nth-child(3){width:56%}
.mn-ring svg{width:64px;height:64px;transform:rotate(-90deg)}.mn-ring circle{fill:none;stroke-width:6}.mn-ring .b{stroke:rgba(18,16,39,.1)}.mn-ring .v{stroke:var(--ink);stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:.08}
.mn-line svg{position:absolute;inset:10px 10px 0;width:calc(100% - 20px);height:calc(100% - 10px)}.mn-line .xar{fill:rgba(22,163,74,.14)}.mn-line .xln{fill:none;stroke:var(--ok);stroke-width:2.4;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-dasharray:1}
.mn-link{display:flex!important;align-items:center;justify-content:center;gap:0}.mn-link i{width:34px;height:34px;border-radius:10px;background:#fff;box-shadow:0 8px 16px -10px rgba(18,16,39,.5);flex:none}.mn-link i.a{box-shadow:0 8px 16px -10px rgba(18,16,39,.5),inset 0 0 0 2px rgba(95,76,224,.4)}.mn-link i.b{background:var(--ink)}.mn-link svg{width:54px;height:12px;overflow:visible}.mn-link path{fill:none;stroke:var(--purple);stroke-width:2;stroke-dasharray:4 5;stroke-linecap:round;vector-effect:non-scaling-stroke}
.mn-cal .g{display:grid;grid-template-columns:repeat(5,14px);gap:5px}.mn-cal i{height:14px;border-radius:4px;background:#fff;box-shadow:0 0 0 1px rgba(18,16,39,.1)}.mn-cal i:nth-child(8){background:var(--ink)}
.mn-stamp .sp{position:relative;width:62px;height:62px;display:grid;place-items:center;transform:rotate(-10deg);color:var(--ok)}.mn-stamp .sp svg{position:absolute;inset:0;width:100%;height:100%}.mn-stamp .sp circle{fill:rgba(255,255,255,.6);stroke:currentColor;stroke-width:3}.mn-stamp .sp b{position:relative;width:26px;height:26px;display:grid}.mn-stamp .sp b svg{position:static;stroke:currentColor;fill:none;stroke-width:3.4;stroke-dasharray:1}.mn-stamp s{display:none}
/* mini replay: when step card is active */
.hst.on .mn-doc .xd{animation:hvUp .5s var(--ease) both}.hst.on .mn-doc .xln{animation:hvGrow .5s var(--ease) both;animation-delay:calc(.3s + var(--k)*.15s)}.hst.on .mini s{animation:hvPop .45s var(--spring) .9s both}
.hst.on .mn-ring .v{animation:hvDraw 1.4s var(--ease) both}.hst.on .mn-line .xln{animation:hvDraw 1.3s var(--ease) both}.hst.on .mn-line .xar{animation:hvFade .8s .9s both}
.hst.on .mn-link path{animation:hvDash .8s linear infinite}.hst.on .mn-link i{animation:hvPop .4s var(--spring) both}.hst.on .mn-link i.b{animation-delay:.4s}
.hst.on .mn-cal i{animation:hvPop .35s var(--spring) both;animation-delay:calc(var(--k)*.06s)}.hst.on .mn-stamp .sp{animation:hvStamp .7s var(--spring) .2s both}
/* responsive */
@media(max-width:1100px){.hvrow{grid-template-columns:1fr 1fr}.hvc:last-child{grid-column:span 2}.hsteps.n5:not(.v){grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.hvrow{grid-template-columns:1fr}.hvc:last-child{grid-column:auto}.hsteps:not(.v),.hsteps.n3:not(.v),.hsteps.n4:not(.v),.hsteps.n5:not(.v),.hsteps.n6:not(.v){grid-template-columns:1fr}.hvc .ill{height:228px}}
@media(prefers-reduced-motion:reduce){.hvc *,.hst .mini *{animation:none!important}}
/* hero chip (looping topic animation) */
.h-hr .h-fl.hx{left:2%;bottom:-3%;top:auto;right:auto;z-index:4;animation:bob 6s ease-in-out infinite,hxRv 9s var(--ease) infinite}
.hx .hxi{position:relative;width:40px;height:40px;border-radius:12px;background:#fff;overflow:visible;box-shadow:inset 0 0 0 1px rgba(18,16,39,.06)}
.hx .hx-r{position:absolute;inset:3px;width:34px;height:34px;transform:rotate(-90deg)}.hx .hx-r circle{fill:none;stroke-width:4}.hx .hx-r .b{stroke:rgba(18,16,39,.1)}.hx .hx-r .v{stroke:#16A34A;stroke-linecap:round;stroke-dasharray:1;animation:hxFill 9s var(--ease) infinite}
.hx .hx-c{position:absolute;inset:11px;width:18px;height:18px;fill:none;stroke:#16A34A;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;animation:hxFill 9s var(--ease) infinite}
.hx .hx-l{position:absolute;inset:4px;width:32px;height:32px;overflow:visible}.hx .hx-l .a{fill:rgba(22,163,74,.16);animation:hxAr 9s ease infinite}.hx .hx-l .l{fill:none;stroke:#16A34A;stroke-width:2.6;stroke-linecap:round;stroke-dasharray:1;animation:hxFill 9s var(--ease) infinite}
@keyframes hxFill{0%,12%{stroke-dashoffset:1}40%,92%{stroke-dashoffset:0}100%{stroke-dashoffset:1}}
@keyframes hxAr{0%,30%{opacity:0}50%,92%{opacity:1}100%{opacity:0}}
@keyframes hxRv{0%,4%{clip-path:inset(0 100% 0 0 round 16px);filter:blur(6px);opacity:0}12%,88%{clip-path:inset(0 0 0 0 round 16px);filter:blur(0);opacity:1}96%,100%{clip-path:inset(0 0 0 100% round 16px);filter:blur(4px);opacity:0}}
@media(max-width:1000px),(prefers-reduced-motion:reduce){.h-hr .h-fl.hx{animation:bob 6s ease-in-out infinite}.hx .v,.hx .hx-c,.hx .l{animation:none;stroke-dashoffset:0}.hx .a{animation:none;opacity:1}}
.h-hs{padding:18px 14px 44px;margin:-12px -14px -18px}
.htq.big .q{color:var(--ink)}.htq.big .who b{color:var(--ink)}.htq.big .who span{color:var(--ink-70)}.htq.big .who i{background:var(--lav);color:var(--purple)}
.hsteps.v{grid-template-columns:1fr}.hsteps.v .hst{padding:16px 20px 18px 72px;border-radius:18px;margin-bottom:12px}.hsteps.v .hst .dot{left:16px;top:14px}.hsteps.v .hline{display:none}

/* ===== G fix: no floating chips. Hero chips = calm row under the visual; photo chips dock INSIDE the frame ===== */
.h-fl,.h-hr .h-fl,.h-hr .h-fl.f1,.h-hr .h-fl.f2,.h-hr .h-fl.f3,.h-hr .h-fl.f4,.h-hr .h-mock~.h-fl{animation:none}
.h-hr{--stage:420px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(var(--stage),auto) auto;row-gap:16px;place-items:stretch;min-height:0;justify-items:center}
.h-hr>.h-mock{grid-row:1;align-self:start}
.h-hr .h-chips{grid-row:2;position:static;width:100%;display:flex;flex-wrap:wrap;gap:10px;z-index:3}
.h-hr .h-chips .h-fl{position:static;flex:1 1 170px;max-width:none;margin:0}
.h-hr .h-chips .h-fl.hx{animation:hxRv 9s var(--ease) infinite}
.h-hr .hp1{left:0;top:0;width:58%;height:var(--stage)}
.h-hr .hp2{right:0;top:0;width:calc(42% - 12px);height:calc(var(--stage)*.54 - 6px);box-shadow:0 30px 60px -30px rgba(18,16,39,.4)}
.h-hr .hp3{left:auto;right:0;bottom:auto;top:calc(var(--stage)*.54 + 6px);width:calc(42% - 12px);height:calc(var(--stage)*.46 - 6px);box-shadow:0 30px 60px -30px rgba(18,16,39,.4)}
.h-hr:not(:has(.hp2)) .hp1{width:100%}
.h-hr:has(.hp2):not(:has(.hp3)) .hp2{height:var(--stage)}
.h-hr .hp figcaption{left:10px;bottom:10px;z-index:2}
/* docked inside photo frames */
.h-fm .h-fl.f1{left:14px;bottom:14px;max-width:min(260px,calc(100% - 28px))}
.h-fm:has(.ff2) .h-fl.f1{bottom:54px}
.hs-i .h-fl{left:14px;bottom:14px;max-width:calc(100% - 28px)}
.h-q1 .h-fl{left:14px;bottom:14px;max-width:calc(100% - 28px)}
.tpv .h-fl.f1{left:14px;top:14px;right:auto;bottom:auto}
.tpv .h-fl.f2{right:14px;bottom:14px;left:auto;top:auto}
.tpv .h-fl{max-width:calc(100% - 28px)}
.h-mos .h-fl.f1{left:14px;top:14px;right:auto;bottom:auto}
.h-mos .h-fl.f2{right:14px;bottom:14px;left:auto;top:auto}
.h-mos .h-fl{max-width:calc(50% - 20px)}
@media(max-width:700px){
 .h-hr{display:block;margin-top:20px}
 .h-hr .hp{position:relative;inset:auto;width:100%!important;height:230px!important;margin:0 0 12px}
 .h-hr .hp3{display:none}
 .h-hr .h-art{display:none}
 .h-hr .h-mock{width:100%}
 .h-hr .h-chips{margin-top:6px}
 .h-hr .h-chips .h-fl{flex:1 1 100%}
 .h-mos .h-fl{max-width:calc(100% - 28px)}
}
.h-hr .h-chips .h-fl{flex-direction:row!important;align-items:center;text-align:left;justify-content:flex-start}
.h-hr .h-chips .h-fl.big{flex-basis:100%;align-items:flex-start}
.h-hr .h-chips .h-fl.big small{display:inline;margin:0}
.h-hr .h-chips .h-fl.big small:not(:last-child)::after{content:" \00b7 "}
.h-hr .h-chips .h-fl.big b{margin-bottom:2px}
.hvc .ps{left:22%;width:56%}.hvc .ps1{transform:translate(-26%,16px) rotate(-6deg)}.hvc .ps2{transform:translate(26%,16px) rotate(6deg)}
.h-fl{flex-direction:row!important;align-items:center;text-align:left;justify-content:flex-start}
.h-fl.big{align-items:flex-start}
.h-mos .h-fl,.tpv .h-fl{padding:8px 12px 8px 8px}
/* QA: pill text must fit its pill */
label.pill{width:auto!important;min-width:0!important;white-space:nowrap!important;padding-left:14px!important;padding-right:14px!important;flex:0 0 auto!important}
/* coordinator 11-08 (owner): middle pricing card black with light branding; round green checks across pricing; dark cards keep white text */
.hp-plan.hi,.hcc.good{position:relative;overflow:hidden;isolation:isolate;color:#fff!important;border:0!important;
 background:radial-gradient(70% 55% at 90% 0%,rgba(95,76,224,.55),transparent 70%),radial-gradient(60% 50% at 0% 100%,rgba(231,135,241,.18),transparent 70%),linear-gradient(160deg,#1d1a3a,#121027 55%,#0b0a1c)!important;
 box-shadow:0 40px 80px -40px rgba(18,16,39,.7),inset 0 1px 0 rgba(255,255,255,.12)!important;animation:none!important}
.hp-plan.hi::after,.hcc.good::after{content:"";position:absolute;right:-120px;top:-120px;width:340px;height:340px;border-radius:50%;z-index:-1;pointer-events:none;
 background:repeating-radial-gradient(circle,transparent 0 26px,rgba(201,193,255,.10) 26px 27px)}
.hp-plan.hi *,.hcc.good *{color:inherit}
.hp-plan.hi .pi,.hp-plan.hi .pp,.hp-plan.hi .ticks li,.hcc.good li{color:rgba(255,255,255,.82)!important}
.hp-plan.hi h3,.hp-plan.hi .t-h4,.hp-plan.hi [class*=price],.hp-plan.hi b,.hcc.good .t-h4{color:#fff!important;-webkit-text-fill-color:#fff}
.hp-plan.hi hr{background:rgba(255,255,255,.14)!important}
.hp-plan .ticks li svg,.hcc.good li svg{box-sizing:border-box;width:22px!important;height:22px!important;padding:4px;border-radius:50%;background:#16A34A;stroke:#fff!important;stroke-width:3!important;flex:none}
/* cards inside the dark CTA stay dark glass so their white text is readable */
.h-cta2 .cc{background:rgba(255,255,255,.06)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)!important;animation:none!important}
.h-cta2 .cc *{color:#fff}.h-cta2 .cc p:not(.gt){color:rgba(255,255,255,.7)!important}
.hp-plan.hi .tag{background:rgba(255,255,255,.12)!important;color:#E4DEFF!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)!important}
.faq .side .bgimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 12%;z-index:0}.faq .side{position:relative;overflow:hidden}.faq .side .box{position:relative;z-index:1}
/* flag must not be clipped by the dark card: branding drawn as background layers instead of an overflowing pseudo-element */
.hp-plan.hi{overflow:visible!important;background:radial-gradient(circle at 100% 0,transparent 0 70px,rgba(201,193,255,.12) 70px 71px,transparent 71px 112px,rgba(201,193,255,.09) 112px 113px,transparent 113px 154px,rgba(201,193,255,.07) 154px 155px,transparent 155px),radial-gradient(70% 55% at 90% 0%,rgba(95,76,224,.55),transparent 70%),linear-gradient(160deg,#1d1a3a,#121027 55%,#0b0a1c)!important}
.hp-plan.hi::after{display:none!important}