/* SERVICE page (paci.ae pp-service family) in the paci.ai ditto language. Uses paci.css tokens. */
.shero{position:relative;padding:56px 0 40px;overflow:hidden}
.shero .hero-glow{position:absolute;right:-10%;top:-60px;width:900px;height:700px;background:radial-gradient(closest-side,rgba(224,213,255,.6),rgba(250,230,255,.35) 55%,transparent 75%);pointer-events:none;z-index:-1}
.shero .sh{display:grid;grid-template-columns:1.02fr 1fr;gap:48px;align-items:center}
.shero .crumb{margin:0 0 20px;font:400 13px/20px var(--b);color:var(--ink-70)}
.shero .crumb a:hover{color:var(--purple)}.shero .crumb .sep{margin:0 8px;opacity:.5}
.shero h1{max-width:620px;margin:14px 0 0}
.shero .t-lead{max-width:540px;margin-top:20px}
.shero .badge{gap:8px}.shero .badge .pulse{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(22,163,74,.5);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(22,163,74,0)}100%{box-shadow:0 0 0 0 rgba(22,163,74,0)}}
.shero .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.shero .ctas .btn{height:52px;padding:0 22px;font-size:16px}
.shero .ctas .btn svg{width:18px;height:18px}
.sstats{display:flex;gap:36px;margin-top:40px;padding-top:28px;border-top:1px solid rgba(18,16,39,.1)}
.sstats b,.sstats b span{display:block;font:400 40px/44px var(--h);letter-spacing:-1px;color:var(--ink)}
.sstats>div>span{font:400 14px/20px var(--b);color:var(--ink-70)}.sstats b span{display:inline;font:inherit;letter-spacing:inherit}
.shr .vis{position:relative;height:520px}
.shr .meshbg{position:absolute;inset:0;border-radius:12px;background:#EEF1FA center/cover}
.shr .ph1{position:absolute;right:0;top:0;width:78%;height:78%;border-radius:12px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(18,16,39,.4)}
.shr .ph1 img,.shr .ph2 img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.shr .vis:hover .ph1 img{transform:scale(1.04)}
.shr .ph2{position:absolute;left:5%;bottom:5%;width:36%;height:30%;border-radius:12px;overflow:hidden;border:4px solid #fff;box-shadow:0 20px 40px -20px rgba(18,16,39,.5);animation:bob 7s ease-in-out infinite}
.status{position:absolute;left:0;top:11%;width:262px;padding:16px;border-radius:12px;background:#fff;box-shadow:0 30px 60px -24px rgba(95,76,224,.45),0 0 0 1px rgba(18,16,39,.05);animation:bob 8s ease-in-out infinite;z-index:3}
.status .hd{display:flex;justify-content:space-between;align-items:center;font:500 12px/16px var(--b);color:var(--ink)}
.status .bell{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--lav);color:var(--purple)}.status .bell svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2}
.status .rows{list-style:none;margin:14px 0 12px;padding:0;display:grid;gap:9px}
.status li{display:grid;grid-template-columns:18px 1fr;gap:9px;align-items:center;font:400 12px/16px var(--b);color:var(--ink-70)}
.status li .dot{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1.5px rgba(18,16,39,.18);color:transparent;animation:dotOn 9s infinite;animation-delay:calc(var(--i)*1.5s)}
.status li .dot svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:3}
.status li span{animation:txtOn 9s infinite;animation-delay:calc(var(--i)*1.5s)}
@keyframes dotOn{0%,3%{background:transparent;color:transparent;box-shadow:inset 0 0 0 1.5px rgba(18,16,39,.18)}8%,88%{background:var(--green);color:#fff;box-shadow:none}96%,100%{background:transparent;color:transparent;box-shadow:inset 0 0 0 1.5px rgba(18,16,39,.18)}}
@keyframes txtOn{0%,3%{color:rgba(18,16,39,.7)}8%,88%{color:var(--ink)}96%,100%{color:rgba(18,16,39,.7)}}
.status .bar{height:5px;border-radius:5px;background:#ECE9FB;overflow:hidden}
.status .bar i{display:block;height:100%;width:100%;border-radius:5px;background:linear-gradient(90deg,var(--purple),#9B7BFF);transform-origin:left;animation:barGrow 9s infinite}
@keyframes barGrow{0%{transform:scaleX(.04)}80%,90%{transform:scaleX(1)}100%{transform:scaleX(.04)}}
.status .ft{display:flex;justify-content:space-between;margin-top:8px;font:500 11px/14px var(--b);color:var(--ink-70)}
.status .st-d{color:var(--green)}
.vchip{position:absolute;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:8px;background:#fff;box-shadow:0 14px 30px -14px rgba(18,16,39,.4);z-index:3}
.vchip i{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--lav);color:var(--purple)}.vchip i svg{width:16px;height:16px}
.vchip b{display:block;font:500 13px/16px var(--b)}.vchip small{font:400 12px/14px var(--b);color:var(--ink-70)}
.vchip.v1{right:-4px;top:6%;animation:bob 6s ease-in-out infinite}.vchip.v2{right:6%;bottom:6%;animation:bob 7s ease-in-out -2s infinite}
.vchip.v2 i{background:#E4F6EA;color:var(--green)}
/* trust */
.strust{padding:20px 0 20px}
.tis{display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:center;padding:18px 0;border-top:1px solid rgba(18,16,39,.08);border-bottom:1px solid rgba(18,16,39,.08)}
.ti{display:inline-flex;align-items:center;gap:8px;font:500 14px/20px var(--b);color:var(--ink)}.ti svg{width:18px;height:18px;stroke:var(--purple);fill:none;stroke-width:2.2}
.strust .trl{margin:34px 0 14px;text-align:center;color:var(--ink-70)}
/* included */
.igrid{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:16px}
.icard{position:relative;display:flex;flex-direction:column;gap:12px;padding:28px 24px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px rgba(18,16,39,.07);overflow:hidden;transition:transform .5s var(--spring),box-shadow .4s,background .45s var(--ease)}
.icard::before{content:"";position:absolute;inset:0;background:linear-gradient(169deg,#F7F9FC 8%,#F3F0FF 58%);opacity:0;transition:opacity .45s var(--ease);z-index:0}
.icard>*{position:relative;z-index:1}
.icard:hover,.icard:focus-visible{transform:translateY(-6px);box-shadow:0 0 0 1px rgba(95,76,224,.25),0 30px 50px -30px rgba(95,76,224,.5);outline:0}
.icard:hover::before,.icard:focus-visible::before{opacity:1}
.icard .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.icard .ico{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;background:var(--lav);color:var(--purple);transition:transform .5s var(--spring)}
.icard:hover .ico{transform:rotate(-6deg) scale(1.08)}
.icard .ico svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8}
.icard .no{font:500 12px/16px var(--b);color:var(--ink-70);letter-spacing:.04em}
.icard .peek{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:14px;font:500 12px/16px var(--b);color:var(--ink-70);max-height:0;opacity:0;overflow:hidden;transition:max-height .5s var(--ease),opacity .4s,padding .4s}
.icard:hover .peek,.icard:focus-visible .peek{max-height:60px;opacity:1}
.peek .sp{width:22px;height:22px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:11px}
.peek .pr{flex:1;height:4px;border-radius:4px;background:#E6E2F9;overflow:hidden}.peek .pr i{display:block;height:100%;width:100%;background:var(--purple);transform-origin:left;transform:scaleX(0)}
.icard:hover .peek .pr i{animation:fillx 1.4s var(--ease) forwards}
@keyframes fillx{to{transform:scaleX(1)}}
.peek .ok{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff}.peek .ok svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:3}
.qband{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-top:16px;padding:40px 44px;border-radius:12px;background:var(--ink) url(../img/25995751d4a2.webp) right/cover;color:#fff}
.qband .acts{display:flex;gap:12px;flex-wrap:wrap}
.btn-ghost-w{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);padding:14px 18px;font-weight:500}.btn-ghost-w:hover{background:rgba(255,255,255,.1)}
.qband .btn,.ctab .btn{height:52px;padding:0 22px}
/* process timeline */
.ptl{position:relative;margin-top:20px}
.ptl .track{position:absolute;left:calc(50% / var(--n));right:calc(50% / var(--n));top:19px;height:2px;background:rgba(18,16,39,.12);border-radius:2px}
.ptl .fill{position:absolute;inset:0;border-radius:2px;background:linear-gradient(90deg,var(--purple),#9B7BFF);transform-origin:left;transform:scaleX(0)}
.ptl .runner{position:absolute;left:0;top:-5px;width:12px;height:12px;border-radius:50%;background:var(--purple);box-shadow:0 0 0 5px rgba(95,76,224,.2),0 0 16px rgba(95,76,224,.6);opacity:0}
.ptl.in .fill{animation:fillx 4.5s var(--ease) .3s forwards}
.ptl.in .runner{animation:run 4.5s var(--ease) .3s forwards}
@keyframes run{0%{left:0;opacity:1}98%{opacity:1}100%{left:calc(100% - 6px);opacity:0}}
.psteps{position:relative;display:grid;grid-template-columns:repeat(var(--n),1fr);gap:16px}
.pstep{text-align:left;position:relative}
.pstep .node{display:grid;place-items:center;width:40px;height:40px;margin:0 auto 22px 0;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(18,16,39,.18);font:400 16px/20px var(--h);color:var(--ink);transition:background .4s,color .4s,box-shadow .4s}
.ptl.in .pstep .node{animation:nodeOn .5s var(--ease) forwards;animation-delay:calc(.3s + var(--i)*4.5s/var(--n))}
@keyframes nodeOn{to{background:var(--purple);color:#fff;box-shadow:0 0 0 5px rgba(95,76,224,.18)}}
.pstep .pc{padding:22px 20px 24px;border-radius:12px;background:var(--bg2);height:calc(100% - 62px);transition:transform .5s var(--spring),box-shadow .4s,background .4s}
.pstep:hover .pc{transform:translateY(-5px);background:#fff;box-shadow:0 0 0 1px rgba(95,76,224,.22),0 26px 40px -28px rgba(95,76,224,.5)}
.pstep .sic{display:block;width:34px;height:34px;margin-bottom:14px;color:var(--purple)}.pstep .sic svg{width:30px;height:30px;stroke:currentColor;fill:none;stroke-width:1.5}
.pstep .t3{margin:0 0 8px;font:400 20px/26px var(--h);letter-spacing:-.4px;color:var(--ink)}
.pstep .sd{margin:0;font:400 14px/21px var(--b);color:var(--ink-70)}
/* why */
.wgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.wcard{border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 0 0 1px rgba(18,16,39,.06);transition:transform .5s var(--spring),box-shadow .4s}
.wcard:hover{transform:translateY(-6px);box-shadow:0 0 0 1px rgba(95,76,224,.2),0 30px 50px -30px rgba(95,76,224,.45)}
.wcard .info{padding:24px 28px 32px;position:relative}
.wcard .wic{position:absolute;right:24px;top:22px;width:34px;height:34px;color:var(--ink-70);opacity:.55}.wcard .wic svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.5}
.wcard .info h3{margin:0 0 12px;max-width:80%}
.wv{position:relative;height:210px;background:url(../img/b0d96d432eed.webp) center/cover,#EEF1FA;display:grid;place-items:center;overflow:hidden}
.wv.shield .core{position:relative;z-index:2;width:76px;height:76px;border-radius:50%;background:var(--purple);color:#fff;display:grid;place-items:center;box-shadow:0 20px 40px -14px rgba(95,76,224,.7)}.wv.shield .core svg{width:34px;height:34px;stroke:currentColor;fill:none;stroke-width:2.4}
.wv .r{position:absolute;left:50%;top:50%;border-radius:50%;border:1.5px solid rgba(95,76,224,.3);transform:translate(-50%,-50%);animation:ringp 3.6s ease-out infinite}
.wv .r1{width:110px;height:110px}.wv .r2{width:110px;height:110px;animation-delay:1.8s}
@keyframes ringp{0%{transform:translate(-50%,-50%) scale(.8);opacity:.9}100%{transform:translate(-50%,-50%) scale(2);opacity:0}}
.wv .lab{position:absolute;padding:6px 10px;border-radius:6px;background:#fff;font:500 12px/16px var(--b);box-shadow:0 10px 24px -12px rgba(18,16,39,.4);animation:bob 6s ease-in-out infinite}
.wv .l1{left:14%;top:22%}.wv .l2{right:12%;bottom:20%;animation-delay:-3s}
.wv.bars .cols{display:flex;align-items:flex-end;gap:12px;height:120px;padding:0 4px}
.wv.bars i{display:block;width:26px;height:var(--h);border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,var(--purple),#B9ACFF);transform-origin:bottom;animation:barUp 5s var(--ease) infinite}
.wv.bars i:nth-child(2){animation-delay:.1s}.wv.bars i:nth-child(3){animation-delay:.2s}.wv.bars i:nth-child(4){animation-delay:.3s}.wv.bars i:nth-child(5){animation-delay:.4s}.wv.bars i:nth-child(6){animation-delay:.5s;background:linear-gradient(180deg,var(--green),#9FE0B8)}
@keyframes barUp{0%{transform:scaleY(.05)}25%,85%{transform:scaleY(1)}100%{transform:scaleY(.05)}}
.wv.bars .cap{position:absolute;left:18px;top:14px;font:500 12px/16px var(--b);color:var(--ink-70)}
.wv.sync{grid-auto-flow:column;gap:0;justify-content:center;align-items:center}
.wv.sync .n{width:56px;height:56px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 12px 26px -12px rgba(18,16,39,.4);color:var(--purple)}.wv.sync .n svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.7}
.wv.sync .core{width:68px;height:68px;background:var(--ink);color:#fff;font:400 24px var(--h)}
.wv.sync em{display:block;width:44px;height:2px;background:repeating-linear-gradient(90deg,var(--purple) 0 6px,transparent 6px 12px);background-size:24px 2px;animation:dash 1s linear infinite}
@keyframes dash{to{background-position:24px 0}}
/* testimonial */
.stesti{padding:64px 56px;text-align:left}
.stesti .glow{position:absolute;right:-120px;top:-160px;width:520px;height:520px;border-radius:50%;background:radial-gradient(closest-side,rgba(95,76,224,.55),transparent 70%);animation:bob 9s ease-in-out infinite}
.tq{position:relative;margin:28px 0 0;max-width:900px}
.tq .qm{position:absolute;left:-6px;top:-34px;font:400 120px/1 var(--h);color:rgba(155,123,255,.35)}
.tq blockquote{margin:0}
.tq figcaption{display:flex;align-items:center;gap:14px;margin-top:32px;font:400 14px/20px var(--b);color:rgba(255,255,255,.65)}
.tq figcaption b{display:block;font:500 16px/22px var(--b);color:#fff}
.tq .av{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--purple),#9B7BFF);color:#fff;font:500 15px var(--b)}
.tq .stars5{margin-left:auto;color:#F5A524;letter-spacing:3px}
/* faq/guides */
.gcard{display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:12px;background:var(--bg2);min-height:220px;transition:transform .5s var(--spring),background .4s,box-shadow .4s}
.gcard:hover{transform:translateY(-6px);background:linear-gradient(169deg,#F7F9FC 8%,#EFEAFF 58%);box-shadow:0 26px 40px -30px rgba(95,76,224,.5)}
.gcard .gn{font:500 12px/16px var(--b);color:var(--purple);letter-spacing:.06em;text-transform:uppercase}
.gcard b{font:400 18px/26px var(--h);letter-spacing:-.3px;color:var(--ink)}
.gcard small{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font:500 13px var(--b);color:var(--purple)}.gcard small svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;transition:transform .35s var(--spring)}.gcard:hover small svg{transform:translateX(4px)}
.ggrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.brw{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.gov{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;padding:24px 28px;border-radius:12px;background:var(--bg2)}.gov ul{display:flex;flex-wrap:wrap;gap:8px 24px;margin:0;padding:0;list-style:none}.gov a{color:var(--purple);font:500 14px var(--b)}
/* form */
.sform{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;border-radius:12px;background:var(--ink) url(../img/25995751d4a2.webp) right/cover;color:#fff;padding:64px 48px;overflow:hidden}
.sform .t-h2{color:#fff}.sform .t-lead{color:rgba(255,255,255,.7);margin:16px 0 28px}
.nxt{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:12px}
.nxt li{display:flex;align-items:center;gap:12px;font:400 15px/22px var(--b);color:rgba(255,255,255,.85)}
.nxt b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(155,123,255,.25);color:#C9C1FF;font:500 13px var(--b);flex:none}
.sph{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sph figure{margin:0;border-radius:12px;overflow:hidden;height:150px}.sph img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}.sph figure:hover img{transform:scale(1.06)}
.sfr{padding:28px;border-radius:12px;background:#fff;color:var(--ink);box-shadow:0 40px 80px -40px rgba(0,0,0,.6)}
.sfr .lead{max-width:none;gap:14px}
.sfr .ft1{margin:0;font:400 26px/32px var(--h);letter-spacing:-.5px}.sfr .ft2{margin:-8px 0 4px;font:400 14px/20px var(--b);color:var(--ink-70)}
.sfr .fr{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sfr .fg label{display:block;margin:0 0 6px;font:500 13px/18px var(--b);color:var(--ink)}
.sfr .or{text-align:center;font:400 13px var(--b);color:var(--ink-70);display:flex;align-items:center;gap:12px}.sfr .or::before,.sfr .or::after{content:"";flex:1;height:1px;background:rgba(18,16,39,.12)}
.pp-form-success{padding:30px 0;font:400 18px/28px var(--b)}.pp-form-success a{color:var(--purple);font-weight:500}.pp-form-error{color:#E5484D;margin-top:10px}
/* cta banner */
.ctab{position:relative;border-radius:12px;background:var(--ink) center/cover;color:#fff;padding:84px 56px;overflow:hidden;display:grid;place-items:center;text-align:center}
.ctab .in{position:relative;z-index:2;max-width:720px}.ctab .t-h2{color:#fff}.ctab .t-lead{color:rgba(255,255,255,.72);margin:16px 0 32px}
.ctab .ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.ctab .rings{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.ctab .rings i{position:absolute;width:420px;height:420px;border-radius:50%;border:1px solid rgba(201,193,255,.25);animation:ringp 7s linear infinite}.ctab .rings i:nth-child(2){animation-delay:2.3s}.ctab .rings i:nth-child(3){animation-delay:4.6s}
.ctab .rings img{width:90px;opacity:.15;animation:spin 40s linear infinite}
@media (max-width:1100px){
 .shero .sh{grid-template-columns:1fr}.shr .vis{height:460px;max-width:620px;margin:0 auto}
 .igrid{grid-template-columns:repeat(2,1fr)}.ggrid{grid-template-columns:repeat(2,1fr)}.wgrid{grid-template-columns:1fr}
 .sform{grid-template-columns:1fr;padding:44px 28px}.qband{flex-direction:column;align-items:flex-start}
 .psteps{grid-template-columns:1fr;gap:0}.ptl .track{left:19px;right:auto;top:20px;bottom:20px;width:2px;height:auto}
 .ptl .fill{transform-origin:top;transform:scaleY(0)}.ptl.in .fill{animation-name:filly}@keyframes filly{to{transform:scaleY(1)}}.ptl.in .runner{display:none}
 .pstep{display:grid;grid-template-columns:40px 1fr;gap:16px;margin-bottom:14px}.pstep .node{margin:0}.pstep .pc{height:auto}
 .stesti{padding:44px 24px}
}
@media (max-width:640px){
 .shero{padding:28px 0 20px}.sstats{gap:20px}.sstats b{font-size:32px;line-height:36px}
 .shr .vis{height:400px}.status{width:220px;top:6%}.vchip.v1{right:0;top:2%}.shr .ph1{width:80%;height:74%}
 .igrid,.ggrid{grid-template-columns:1fr}.sfr .fr{grid-template-columns:1fr}.stesti blockquote{font-size:24px!important;line-height:34px!important}
 .ctab{padding:56px 24px}.qband{padding:28px 22px}.sform .t-h2{font-size:32px;line-height:40px}
 .icard .peek{max-height:60px;opacity:1}
}
@media (prefers-reduced-motion:reduce){.status li .dot,.status li span,.status .bar i,.wv *,.ctab .rings i,.ptl .fill,.ptl .node{animation:none!important}.status li .dot{background:var(--green);color:#fff}.status .bar i{transform:none}.ptl .fill{transform:none}.wv.bars i{transform:none}}
.qband{position:relative;overflow:visible}.qband .qart{width:120px;height:120px;object-fit:contain;flex:none;margin:-40px 0 -40px -10px}
.shero h1 .hlbox{display:inline}
@media (max-width:1100px){.qband .qart{display:none}}

/* ===== A-service redesign (11-08): glass cards, chrome active border, real VAT illustrations, replay on view ===== */
.shero .status,.vchip{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,246,252,.94));box-shadow:0 24px 50px -28px rgba(18,16,39,.38),inset 0 1px 0 #fff,0 0 0 1px rgba(18,16,39,.06);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.shero .status,.vchip{border-radius:16px}
.shr .meshbg{background-color:#F1F0FA;background-image:none!important}
.tis .ti{padding:9px 16px;border-radius:99px;background:linear-gradient(180deg,#fff,rgba(247,246,252,.95));box-shadow:0 12px 26px -18px rgba(18,16,39,.4),inset 0 1px 0 #fff,0 0 0 1px rgba(18,16,39,.06)}
.tis{border:0;gap:12px 14px}
/* shared glass + chrome */
.icard,.pstep .pc,.wcard,.gcard{border:1.5px solid transparent;background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(247,246,252,.97) 100%) padding-box,linear-gradient(rgba(18,16,39,.06),rgba(18,16,39,.06)) border-box;box-shadow:0 24px 50px -28px rgba(18,16,39,.38),inset 0 1px 0 #fff;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.icard::before{display:none}
.icard:hover,.icard:focus-visible,.icard.on,.pstep.cur .pc,.wcard:hover,.gcard:hover{background:linear-gradient(180deg,#fff 0%,rgba(246,245,252,.98) 100%) padding-box,linear-gradient(115deg,#c9c7d6 0%,#fff 14%,#9e9bb4 28%,#f4f3f9 40%,#fff 48%,#b9b5cf 60%,#fff 72%,#8f8ba8 86%,#e9e8f1 100%) border-box;background-size:100% 100%,260% 100%;animation:chromeB 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}
.icard.on:not(:hover){animation:none;box-shadow:0 24px 50px -28px rgba(18,16,39,.38),inset 0 1px 0 #fff;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,246,252,.97)) padding-box,linear-gradient(rgba(18,16,39,.06),rgba(18,16,39,.06)) border-box}
.pstep:hover .pc{box-shadow:0 34px 70px -32px rgba(18,16,39,.5)}
.gcard:hover{background:linear-gradient(180deg,#fff,rgba(246,245,252,.98)) padding-box,linear-gradient(115deg,#c9c7d6 0%,#fff 14%,#9e9bb4 28%,#f4f3f9 40%,#fff 48%,#b9b5cf 60%,#fff 72%,#8f8ba8 86%,#e9e8f1 100%) border-box;background-size:100% 100%,260% 100%}
@keyframes chromeB{from{background-position:0 0,0% 0}to{background-position:0 0,260% 0}}
@keyframes ivIn{from{opacity:0;transform:translate(-16px,6px) rotate(-2deg)}to{opacity:1;transform:none}}
@keyframes ivPop{from{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}
@keyframes ivDraw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes ivFade{from{opacity:0}to{opacity:1}}
@keyframes ivFill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes ivStamp{0%{opacity:0;transform:scale(2.2) rotate(-14deg)}65%{opacity:1;transform:scale(.92) rotate(-4deg)}100%{opacity:1;transform:scale(1) rotate(-4deg)}}
/* ---- included card illustrations ---- */
.icard .top{margin-bottom:6px}
.iv{position:relative;height:136px;border-radius:12px;background:linear-gradient(180deg,#F4F3FB,#ECEAF8);overflow:hidden;margin:0 0 4px}
.iv .ok,.iv em{display:grid;place-items:center}
.iv svg{display:block}
/* 1 gauge */
.iv1 svg{position:absolute;left:50%;top:14px;width:84%;transform:translateX(-50%);overflow:visible}
.iv1 .trk{fill:none;stroke:rgba(18,16,39,.1);stroke-width:10;stroke-linecap:round}
.iv1 .fil{fill:none;stroke:#16A34A;stroke-width:10;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:.12}
.iv1 .tk{stroke:#121027;stroke-width:2.4;stroke-linecap:round}
.iv1 .nd{display:none}
.iv1 .l1,.iv1 .l2{position:absolute;bottom:12px;padding:5px 10px;border-radius:99px;background:#fff;font:500 11px/1 var(--b);color:var(--ink);box-shadow:0 8px 16px -10px rgba(18,16,39,.4)}
.iv1 .l1{left:10%}.iv1 .l2{right:10%;background:#121027;color:#fff}
.iv1 .ok{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);width:26px;height:26px;border-radius:50%;background:#16A34A;color:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.8)}.iv1 .ok svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:3;position:static;transform:none}
.icard.on .iv1 .fil{animation:ivDraw 1.6s var(--ease) .2s both}
.icard.on .iv1 .tk{animation:ivFade .4s ease 1.2s both}
.icard.on .iv1 .l1,.icard.on .iv1 .l2{animation:ivPop .45s var(--spring) both;animation-delay:1.1s}.icard.on .iv1 .l2{animation-delay:1.35s}
.icard.on .iv1 .ok{animation:ivPop .45s var(--spring) 1.8s both}
/* 2 docs */
.iv2{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:0 12px}
.iv2 .r{display:flex;align-items:center;gap:8px;padding:6px 9px;border-radius:9px;background:#fff;font:500 11.5px/1 var(--b);color:var(--ink);box-shadow:0 6px 14px -10px rgba(18,16,39,.4)}
.iv2 .r svg{width:14px;height:14px;stroke:var(--purple);fill:none;stroke-width:1.8;flex:none}
.iv2 .r em{margin-left:auto;width:16px;height:16px;border-radius:50%;background:#16A34A;color:#fff}.iv2 .r em svg{width:10px;height:10px;stroke:#fff;stroke-width:3}
.icard.on .iv2 .r{animation:ivIn .5s var(--ease) both;animation-delay:calc(.15s + var(--k)*.4s)}
.icard.on .iv2 .r em{animation:ivPop .4s var(--spring) both;animation-delay:calc(.5s + var(--k)*.4s)}
/* 3 portal */
.iv3{padding:10px 14px}
.iv3 .bar{display:flex;align-items:center;gap:4px;height:16px;padding:0 8px;border-radius:8px 8px 0 0;background:#fff;border-bottom:1px solid rgba(18,16,39,.06)}
.iv3 .bar i{width:5px;height:5px;border-radius:50%;background:rgba(18,16,39,.2)}.iv3 .bar span{margin-left:6px;font:500 8.5px var(--b);color:var(--ink-70)}
.iv3 .body{display:grid;gap:7px;padding:10px 12px;background:#fff;border-radius:0 0 10px 10px;height:84px;align-content:start;position:relative}
.iv3 .f{height:9px;border-radius:5px;background:#ECEAF6}.iv3 .f.s{width:62%}
.iv3 .sub{position:absolute;right:12px;bottom:10px;padding:6px 12px;border-radius:99px;background:#121027;color:#fff;font:500 10.5px/1 var(--b)}
.iv3 .pg{position:absolute;left:26px;right:26px;bottom:18px;height:4px;border-radius:4px;background:#ECEAF6;overflow:hidden;display:none}
.iv3 .ok{position:absolute;right:6px;top:2px;width:26px;height:26px;border-radius:50%;background:#16A34A;color:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.9)}.iv3 .ok svg{width:14px;height:14px;stroke:#fff;fill:none;stroke-width:3}
.icard.on .iv3 .f{transform-origin:left;animation:ivFill .6s var(--ease) both}.icard.on .iv3 .f:nth-child(2){animation-delay:.3s}.icard.on .iv3 .f:nth-child(3){animation-delay:.6s}
.icard.on .iv3 .sub{animation:ivPop .45s var(--spring) 1.2s both}.icard.on .iv3 .ok{animation:ivPop .45s var(--spring) 1.7s both}
/* 4 invoice */
.iv4{display:grid;place-items:center}
.iv4 .inv{width:62%;padding:10px 12px;border-radius:10px;background:#fff;box-shadow:0 12px 24px -14px rgba(18,16,39,.45);display:grid;gap:6px}
.iv4 .hd{display:flex;justify-content:space-between;font:600 11px var(--b);color:var(--ink)}.iv4 .hd span{padding:2px 8px;border-radius:5px;background:#EDE9FF;color:var(--purple);font-size:9.5px}
.iv4 .inv i{height:6px;border-radius:4px;background:#ECEAF6}.iv4 .inv i.s{width:55%}
.iv4 .tot{display:flex;justify-content:space-between;align-items:center;margin-top:2px}.iv4 .tot span{width:34px;height:6px;border-radius:4px;background:#ECEAF6}.iv4 .tot b{font:600 10.5px var(--b);color:#15803D}
.iv4 .stamp{position:absolute;right:12px;bottom:16px;padding:6px 10px;border:2px solid #16A34A;border-radius:8px;color:#15803D;font:700 10.5px/1 var(--b);letter-spacing:.08em;text-transform:uppercase;background:rgba(255,255,255,.7);transform:rotate(-4deg)}
.icard.on .iv4 .inv i{transform-origin:left;animation:ivFill .5s var(--ease) both}.icard.on .iv4 .inv i:nth-of-type(2){animation-delay:.25s}.icard.on .iv4 .inv i:nth-of-type(3){animation-delay:.5s}
.icard.on .iv4 .stamp{animation:ivStamp .6s var(--spring) 1.1s both}
/* ---- process ---- */
.ptl .fill{background:linear-gradient(90deg,#9e9bb4,#121027)}
.pstep .node{box-shadow:0 0 0 1px rgba(18,16,39,.18),0 8px 16px -8px rgba(18,16,39,.3)}
.pstep .pc{height:calc(100% - 62px);background-color:transparent}
.pstep.cur .pc{transform:translateY(-6px)}
.pstep .sic{display:none}
.pv{position:relative;height:96px;border-radius:12px;margin:0 0 16px;background:linear-gradient(180deg,#F4F3FB,#ECEAF8);overflow:hidden}
.pv svg{display:block}
.pv1 i{position:absolute;left:50%;top:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:#121027;color:#fff;display:grid;place-items:center;box-shadow:0 0 0 5px rgba(255,255,255,.8)}.pv1 i svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8}
.pv1 .w{position:absolute;top:50%;height:3px;margin-top:-1.5px;border-radius:3px;background:rgba(18,16,39,.25)}
.pv1 .w1{left:14%;width:20%;transform-origin:right}.pv1 .w2{right:14%;width:20%;transform-origin:left}.pv1 .w3{left:38%;width:0}
.pstep.cur .pv1 .w1,.pstep.cur .pv1 .w2{animation:ivFill .7s var(--ease) both}
.pv2{display:flex;flex-direction:column;justify-content:center;gap:7px;padding:0 14px}
.pv2 span{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;background:#fff;box-shadow:0 6px 12px -10px rgba(18,16,39,.4)}
.pv2 b{height:6px;flex:1;border-radius:4px;background:#ECEAF6}.pv2 span:nth-child(2) b{flex:.7}
.pv2 em{width:15px;height:15px;border-radius:50%;background:#16A34A;color:#fff;display:grid;place-items:center}.pv2 em svg{width:9px;height:9px;stroke:#fff;fill:none;stroke-width:3.2}
.pstep.cur .pv2 span{animation:ivIn .45s var(--ease) both;animation-delay:calc(.1s + var(--k)*.3s)}.pstep.cur .pv2 em{animation:ivPop .35s var(--spring) both;animation-delay:calc(.4s + var(--k)*.3s)}
.pv3{display:grid;place-items:center}
.pv3 .pb{position:absolute;left:16px;right:16px;bottom:18px;height:5px;border-radius:5px;background:#fff;overflow:hidden}.pv3 .pb i{display:block;height:100%;background:#121027;border-radius:5px;transform-origin:left}
.pv3 .up{width:38px;height:38px;border-radius:50%;background:#fff;color:#121027;display:grid;place-items:center;margin-top:-14px;box-shadow:0 10px 20px -10px rgba(18,16,39,.5)}.pv3 .up svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8}
.pv3 .ok{position:absolute;right:14px;top:10px;width:22px;height:22px;border-radius:50%;background:#16A34A;color:#fff;display:grid;place-items:center}.pv3 .ok svg{width:12px;height:12px;stroke:#fff;fill:none;stroke-width:3}
.pstep.cur .pv3 .pb i{animation:ivFill 1.2s var(--ease) .1s both}.pstep.cur .pv3 .ok{animation:ivPop .4s var(--spring) 1.3s both}.pstep.cur .pv3 .up{animation:ivPop .4s var(--spring) both}
.pv4{display:grid;place-items:center}
.pv4 .cert{width:56%;padding:9px 11px;border-radius:9px;background:#fff;box-shadow:0 12px 22px -14px rgba(18,16,39,.5);display:grid;gap:6px}.pv4 .cert b{font:700 10px var(--b);letter-spacing:.12em;color:var(--purple)}.pv4 .cert i{height:5px;border-radius:4px;background:#ECEAF6}.pv4 .cert i.s{width:60%}
.pv4 .seal{position:absolute;right:20%;bottom:8px;width:34px;height:34px;border-radius:50%;background:#16A34A;color:#fff;display:grid;place-items:center;box-shadow:0 0 0 4px rgba(255,255,255,.9);transform:rotate(-8deg)}.pv4 .seal svg{width:17px;height:17px;stroke:#fff;fill:none;stroke-width:3}
.pstep.cur .pv4 .cert{animation:ivIn .5s var(--ease) both}.pstep.cur .pv4 .seal{animation:ivStamp .6s var(--spring) .8s both}
.pv5{display:flex;align-items:center;justify-content:center;gap:10px}
.pv5 .n{width:38px;height:38px;border-radius:11px;background:#fff;color:var(--ink);display:grid;place-items:center;box-shadow:0 10px 18px -10px rgba(18,16,39,.45)}.pv5 .n svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7}
.pstep.cur .pv5 .n{animation:ivPop .45s var(--spring) both}.pstep.cur .pv5 .n2{animation-delay:.2s}.pstep.cur .pv5 .n3{animation-delay:.4s}
/* ---- why ---- */
.wv{background:linear-gradient(180deg,#F4F3FB,#ECEAF8)}
.wv.trend svg{position:absolute;left:22px;right:22px;top:38px;width:calc(100% - 44px);height:130px;overflow:visible}
.wv.trend .gl{stroke:rgba(18,16,39,.08);stroke-width:1;stroke-dasharray:2 4;fill:none}
.wv.trend .ln{fill:none;stroke:#16A34A;stroke-width:2.6;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;vector-effect:non-scaling-stroke}
.wv.trend .ar{fill:url(#vtg)}.wv.trend .dt{fill:#16A34A;stroke:#fff;stroke-width:2.5}
.wv.trend .pill{position:absolute;right:20px;top:14px;width:26px;height:26px;border-radius:50%;background:#16A34A;color:#fff;display:grid;place-items:center}.wv.trend .pill svg{width:14px;height:14px;stroke:#fff;fill:none;stroke-width:3}
.wcard.on .wv.trend .ln{animation:ivDraw 1.8s var(--ease) .2s both}.wcard.on .wv.trend .ar{animation:ivFade .8s ease 1.6s both}.wcard.on .wv.trend .dt{animation:ivPop .4s var(--spring) 1.9s both}.wcard.on .wv.trend .pill{animation:ivPop .4s var(--spring) 2.1s both}
.wv .lab{box-shadow:0 12px 24px -12px rgba(18,16,39,.4),inset 0 1px 0 #fff}
.wv.shield .core{background:#121027}
.wv.sync .n{color:#121027}
.wv.sync em{background:repeating-linear-gradient(90deg,#121027 0 6px,transparent 6px 12px)}
.wcard.on .wv.sync .n{animation:ivPop .45s var(--spring) both}.wcard.on .wv.sync .n3{animation-delay:.3s}
/* ---- testimonial: TRN certificate ---- */
.stesti{position:relative}
.trncert{position:absolute;right:56px;top:50%;margin-top:-120px;width:300px;z-index:2}
.trncert .ct{position:relative;padding:20px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(247,246,252,.94));color:var(--ink);box-shadow:0 40px 70px -30px rgba(0,0,0,.7),inset 0 1px 0 #fff;transform:rotate(3deg)}
.trncert .ch{display:flex;gap:10px;align-items:center}.trncert .lg{width:34px;height:34px;border-radius:50%;background:#121027;color:#fff;display:grid;place-items:center;font:500 15px var(--h)}
.trncert .ch b{display:block;font:500 13.5px/17px var(--b)}.trncert .ch small{font:400 11px var(--b);color:var(--ink-70)}
.trncert .ln{display:grid;gap:7px;margin:18px 0}.trncert .ln i{height:7px;border-radius:4px;background:#ECEAF6}.trncert .ln i.s{width:58%}
.trncert .num{padding:10px 12px;border-radius:10px;background:#F4F3FB}.trncert .num small{display:block;font:700 9.5px var(--b);letter-spacing:.14em;color:var(--purple)}.trncert .num b{font:500 12px/1.4 var(--b);letter-spacing:.04em;word-spacing:1px}
.trncert .stamp{position:absolute;right:-14px;bottom:-16px;display:flex;align-items:center;gap:6px;padding:8px 13px;border-radius:99px;background:linear-gradient(180deg,#2a2748,#121027);color:#fff;box-shadow:0 0 0 3px #fff,0 14px 24px -10px rgba(0,0,0,.6);transform:rotate(-4deg)}
.trncert .stamp svg{width:14px;height:14px;stroke:#4ADE80;fill:none;stroke-width:3}.trncert .stamp em{font:600 12px var(--b);font-style:normal}
.trncert.on .ct{animation:ivIn .7s var(--ease) both}.trncert.on .ln i{transform-origin:left;animation:ivFill .6s var(--ease) both}.trncert.on .ln i:nth-child(2){animation-delay:.25s}.trncert.on .ln i:nth-child(3){animation-delay:.5s}
.trncert.on .num{animation:ivFade .5s ease .9s both}.trncert.on .stamp{animation:ivStamp .6s var(--spring) 1.5s both}
.stesti .tq{max-width:640px}
.stesti .tq .stars5{margin-left:24px}
@media (max-width:1100px){.trncert{position:relative;right:auto;top:auto;margin:40px 0 0;width:100%;max-width:300px}.stesti .tq{max-width:none}}
@media (prefers-reduced-motion:reduce){.icard,.icard:hover,.icard.on,.pstep.cur .pc,.wcard:hover,.gcard:hover{animation:none!important}.iv *,.pv *,.wv.trend *,.trncert *{animation:none!important}}
@media (max-width:640px){.iv{height:128px}}
.iv4 .tot .w{width:46px}.iv4 .stamp{right:10px;bottom:10px}.iv4 .inv{margin-top:-14px}
.wv.trend .cap{position:absolute;left:18px;top:14px;font:500 12px/16px var(--b);color:var(--ink-70)}
.psteps{align-items:stretch}.pstep{display:flex;flex-direction:column}.pstep .pc{flex:1;height:auto}
@media (max-width:1100px){.pstep{display:grid}.pstep .pc{height:auto}}
.iv4 .stamp{font-size:9.5px;padding:5px 8px;right:8px;bottom:8px}
/* coordinator 11-08 (owner): no floating chips; their facts live inside the status card. No hover zoom on hero art. Gauge tick top-right. */
.vchip{display:none!important}
.status .sfr{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(18,16,39,.07)}
.status .sfx{display:flex;align-items:center;gap:8px;min-width:0}
.status .sfx i{width:26px;height:26px;flex:none;border-radius:8px;display:grid;place-items:center;background:var(--lav);color:var(--purple)}.status .sfx i svg{width:14px;height:14px}
.status .sfx.sf2 i{background:#E4F6EA;color:var(--green)}
.status .sfx b{display:block;font:600 12px/15px var(--b);color:var(--ink)}.status .sfx small{display:block;font:400 11px/14px var(--b);color:var(--ink-70)}
.status{width:300px!important;animation:none!important}
.shr .vis:hover .ph1 img,.shr .ph1 img{transform:none!important}
.shr .rf{display:none!important}
.shr .vis,.shr .vis *{transition-property:none}
/* checklist: JS ticks rows top to bottom, one by one (.done), then resets together */
.status li .dot,.status li span,.status .bar i{animation:none!important}
.status li .dot{background:transparent;color:transparent;box-shadow:inset 0 0 0 1.5px rgba(18,16,39,.18);transition:background .35s,color .35s,box-shadow .35s,transform .35s var(--spring)}
.status li span{color:rgba(18,16,39,.55);transition:color .35s}
.status li.done .dot{background:var(--green);color:#fff;box-shadow:none;transform:scale(1.08)}
.status li.done span{color:var(--ink)}
.status .bar i{transform:scaleX(var(--p,0));transition:transform .6s var(--ease)}
.status .st-d{opacity:.35;transition:opacity .4s}.status.all .st-d{opacity:1}
.iv1 .ok{left:auto!important;right:12px!important;top:12px!important;bottom:auto!important;transform:none!important}
/* coordinator: CTA logo + rings sit to one side, not behind the copy */
.ctab .rings{inset:auto -140px -140px auto!important;width:560px;height:560px}
.ctab .rings img{opacity:.1;width:110px}
.ctab .in{max-width:760px}
.faq .side .bgimg{object-position:50% 25%}
/* TRN certificate stamp stays inside its card */
.trncert .stamp{right:12px!important;bottom:12px!important;left:auto!important}
/* owner 11-08: fixed-fee band art twice the size, content reflows, buttons side by side */
@media(min-width:1101px){
.qband{display:grid!important;grid-template-columns:240px minmax(0,1fr) auto;gap:40px;padding:36px 44px!important;align-items:center}
.qband .qart{width:240px!important;height:240px!important;margin:-56px 0 -56px -6px!important;filter:drop-shadow(0 24px 30px rgba(0,0,0,.45))}
.qband .acts{flex-wrap:nowrap!important;flex-direction:row!important}
.qband .t-h3{max-width:620px}
}
/* owner: guide cards get small images */
.gcard .gth{display:block;margin:-6px -6px 14px;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#F1EEFF}
.gcard .gth img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.gcard:hover .gth img{transform:scale(1.04)}
/* owner: never hide the face behind the card */
.faq .side .bgimg{object-position:50% 2%!important}
.faq .side .box{max-width:78%}
/* owner 11-08: CTA heading in two lines with animated check / cross */
.ctab h2.trn2{display:flex;flex-direction:column;align-items:center;gap:6px}
.ctab h2.trn2 .ln{display:inline-flex;align-items:center;gap:16px}
.ctab h2.trn2 em.nx{font-style:normal;color:#fff}
.ctab h2.trn2 .mk{flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.ctab h2.trn2 .mk svg{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.ctab h2.trn2 .mk path{stroke-dasharray:1;stroke-dashoffset:1;animation:mkDraw .6s var(--ease) forwards}
.ctab h2.trn2 .ok{background:linear-gradient(180deg,#22C55E,#15803D);box-shadow:0 0 0 6px rgba(34,197,94,.16),0 12px 24px -10px rgba(34,197,94,.6)}
.ctab h2.trn2 .no{background:linear-gradient(180deg,#F87171,#DC2626);box-shadow:0 0 0 6px rgba(239,68,68,.16),0 12px 24px -10px rgba(239,68,68,.6)}
.ctab h2.trn2 .ok path{animation-delay:.3s}.ctab h2.trn2 .no path:first-child{animation-delay:.9s}.ctab h2.trn2 .no path:last-child{animation-delay:1.15s}
.ctab h2.trn2 .ln:last-child em.nx{opacity:.82}
@keyframes mkDraw{to{stroke-dashoffset:0}}
@media(max-width:640px){.ctab h2.trn2 .mk{width:34px;height:34px}.ctab h2.trn2 .mk svg{width:18px;height:18px}.ctab h2.trn2 .ln{gap:10px}}
/* owner: missing illustration in the dark circle + stretched check */
.wv.sync .core{color:#fff!important;font:500 26px/1 var(--h)!important;background:radial-gradient(circle at 35% 30%,#2e2960,#121027 70%)!important;box-shadow:0 0 0 6px rgba(95,76,224,.12),0 16px 30px -12px rgba(18,16,39,.6)!important}
.wv.trend .pill svg{position:static!important;inset:auto!important;width:14px!important;height:14px!important;transform:none!important}
.ctab h2.trn2:not(.go) .mk path{animation:none;stroke-dashoffset:1}
.ctab h2.trn2 .mk{transform:scale(.6);opacity:0;transition:transform .5s var(--spring),opacity .4s}
.ctab h2.trn2.go .mk{transform:none;opacity:1}.ctab h2.trn2.go .no{transition-delay:.6s}
@media(prefers-reduced-motion:reduce){.ctab h2.trn2 .mk{transform:none;opacity:1}.ctab h2.trn2 .mk path{animation:none;stroke-dashoffset:0}}
/* owner 11-08: smaller step numbers, centred over their cards so the line meets them; tapered line */
@media(min-width:901px){
.pstep .node{width:28px!important;height:28px!important;margin:0 auto 24px!important;font:600 12px/1 var(--b)!important}
.ptl .track{top:13px!important;height:3px!important;background:linear-gradient(90deg,rgba(18,16,39,.04),rgba(18,16,39,.16) 50%,rgba(18,16,39,.04))!important;clip-path:polygon(0 50%,8% 15%,92% 15%,100% 50%,92% 85%,8% 85%);border-radius:0!important}
.ptl .fill{clip-path:polygon(0 50%,8% 0,92% 0,100% 50%,92% 100%,8% 100%)}
.ptl .runner{top:-4px!important;width:10px!important;height:10px!important}
}
/* owner 11-08: no cross; "rejected." in red */
.ctab h2.trn2 .rej{color:#F87171!important;-webkit-text-fill-color:#F87171;background:none!important;padding:0!important;box-shadow:none!important}
.ctab h2.trn2 .ln:last-child em.nx{opacity:1}
/* owner: face must be visible above the card */
.faq .side .bgimg{object-position:50% 100%!important}
/* I-batch 11-08 (owner): clean hero composition: ONE photo in a rounded frame, status card docked inside its lower-left */
.shr .vis{border-radius:22px;overflow:hidden;box-shadow:0 40px 70px -40px rgba(18,16,39,.5),0 0 0 1px rgba(18,16,39,.06)}
.shr .meshbg,.shr .ph2{display:none!important}
.shr .ph1{inset:0;right:auto;top:auto;width:100%;height:100%;border-radius:0;box-shadow:none;position:absolute}
.shr .ph1::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,16,39,0) 45%,rgba(18,16,39,.38));pointer-events:none}
.shr .status{left:22px!important;top:auto!important;bottom:22px;width:min(300px,calc(100% - 44px))!important}
@media (max-width:640px){.shr .vis{height:auto;min-height:0;aspect-ratio:auto;display:flex;flex-direction:column;border-radius:18px}
 .shr .ph1{position:relative;height:220px;width:100%}.shr .ph1::after{display:none}
 .shr .status{position:relative;left:auto!important;bottom:auto;margin:-48px 14px 14px;width:auto!important}}

/* I-batch 11-08 (owner): WhatsApp buttons stay green */
a.btn[href*="wa.me"],a.btn.btn-wa,a.btn.wa{background:linear-gradient(180deg,#1FAF54,#17994A)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 12px 24px -12px rgba(31,175,84,.7),inset 0 1px 0 rgba(255,255,255,.3)!important}
a.btn[href*="wa.me"] svg,a.btn.btn-wa svg,a.btn.wa svg{stroke:#fff;color:#fff}
a.btn[href*="wa.me"]:hover,a.btn.btn-wa:hover,a.btn.wa:hover{background:linear-gradient(180deg,#1BA350,#14893F)!important;color:#fff!important}
a.btn[href*="wa.me"] .ar{background:#fff;color:#1FAF54}a.btn[href*="wa.me"] .ar svg{stroke:#1FAF54}
a.btn[href*="wa.me"],a.btn.btn-wa,a.btn.wa{background-color:#1FAF54!important}
@media(min-width:1101px){.qband:not(:has(.qart)){grid-template-columns:minmax(0,1fr) auto!important}}.ctab:not([style]){background:radial-gradient(70% 80% at 85% 10%,rgba(95,76,224,.45),transparent 70%),radial-gradient(50% 60% at 0% 100%,rgba(231,135,241,.16),transparent 70%),var(--ink)!important}