/* CA Bundals — product film */
.lf-host{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:20px;background:#F4F6FA;box-shadow:0 50px 100px -40px rgba(31,36,51,.45),0 0 0 1px rgba(31,36,51,.06);font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:#1F2433;isolation:isolate;-webkit-font-smoothing:antialiased;text-align:left}
.lf-host.lf-vert{aspect-ratio:auto;border-radius:0;background:#F4F6FA}
.lf-vp{position:absolute;inset:0;overflow:hidden}
.lf-stage{position:absolute;left:0;top:0;width:1920px;height:1080px;transform-origin:0 0;overflow:hidden;background:#F4F6FA;perspective:2000px;contain:layout paint}
.lf-stage *{box-sizing:border-box}
.lf-scene,.lf-cam,.lf-world,.lf-layer{position:absolute;left:0;top:0;width:1920px;height:1080px;transform-style:preserve-3d;perspective:2000px}
.lf-scene{overflow:hidden;will-change:transform,opacity}
.lf-cam,.lf-world{will-change:transform}
.lf-bg{position:absolute;inset:0;background:#F4F6FA}
.lf-bg.soft{background:linear-gradient(180deg,#F4F6FA,#EEF3FD)}
.lf-a1 .lf-bg,.lf-end .lf-bg{background:#fff}
.lf-dots{position:absolute;inset:0;background-image:radial-gradient(#D5DAE3 1.3px,transparent 1.4px);background-size:36px 36px;opacity:.55;-webkit-mask-image:radial-gradient(ellipse at 50% 45%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 45%,#000 30%,transparent 75%)}
.lf-blob{position:absolute;width:900px;height:900px;border-radius:50%;filter:blur(90px);opacity:.75}
.lf-ico *{mix-blend-mode:multiply}
.lf-ico{display:block;flex-shrink:0}

/* type */
.lf-m{display:inline-block;overflow:hidden;vertical-align:top;padding:0 0 .12em;margin-bottom:-.12em}
.lf-w,.lf-l{display:inline-block;will-change:transform}
.blue{color:#1A56DB}
.lf-h1{position:absolute;left:0;top:250px;width:1920px;text-align:center;font-size:118px;font-weight:800;letter-spacing:-4.5px;line-height:1.04;transform-origin:50% 0}
.lf-h2{position:absolute;font-size:112px;font-weight:800;letter-spacing:-4.5px;line-height:1.02}
.lf-h3{position:absolute;font-size:76px;font-weight:800;letter-spacing:-3px;line-height:1.08;max-width:760px}
.lf-h3 .mut{color:#5B6275;font-size:40px;letter-spacing:-1px;font-weight:700;margin-top:18px}

/* tiles */
.lf-tile{position:absolute;width:210px;height:210px;background:#fff;border-radius:30px;box-shadow:0 30px 60px -30px rgba(31,36,51,.35),0 0 0 1px rgba(31,36,51,.05);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;will-change:transform}
.lf-tile b{font-size:21px;font-weight:700}
.lf-tile small{font-size:14px;color:#5B6275;font-weight:600;margin-top:-6px}

/* cards & common */
.lf-card{position:absolute;background:#fff;border-radius:24px;box-shadow:0 40px 80px -40px rgba(31,36,51,.35),0 0 0 1px rgba(31,36,51,.06);will-change:transform}
.lf-pill{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:999px;font-size:15px;font-weight:700;white-space:nowrap}
.lf-pill.neu{background:#F2F4F8;color:#5B6275}.lf-pill.info{background:#EEF3FD;color:#1A56DB}.lf-pill.vio{background:#F3EEFF;color:#6D28D9}.lf-pill.org{background:#FFF0EA;color:#C2410C}.lf-pill.tea{background:#E6F8F5;color:#0F766E}.lf-pill.amb{background:#FEF6E0;color:#92400E}.lf-pill.ok{background:#E5F6EE;color:#067647}
.lf-btn{display:inline-flex;align-items:center;justify-content:center;background:#1A56DB;color:#fff;font-weight:700;border-radius:14px;transition:background .35s}
.lf-btn.big{height:68px;font-size:22px;padding:0 34px}
.lf-btn.ok{background:#0E9F6E}
.lf-ring{position:absolute;border:3px solid;border-radius:50%;pointer-events:none}
.lf-toast{position:absolute;display:flex;align-items:center;gap:14px;background:#1F2433;color:#fff;font-size:22px;font-weight:600;padding:20px 28px;border-radius:18px;box-shadow:0 30px 60px -20px rgba(31,36,51,.5);white-space:nowrap}
.okdot{width:14px;height:14px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 6px rgba(34,197,94,.25)}
.lf-wipe{position:absolute;left:-200px;top:-200px;width:2320px;height:1480px;z-index:50;pointer-events:none;will-change:transform}
.lf-wipe i{position:absolute;inset:0;background:#1A56DB;transform:skewX(-12deg)}
.lf-sweep{position:absolute;top:-200px;left:0;width:500px;height:1480px;z-index:49;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);transform-origin:center;mix-blend-mode:screen}
.lf-cur{position:absolute;left:0;top:0;z-index:40;pointer-events:none;filter:drop-shadow(0 6px 10px rgba(31,36,51,.3))}
.lf-cur.g{filter:blur(2px)}
.lf-odo{display:inline-flex;align-items:flex-start;font-variant-numeric:tabular-nums;line-height:1}
.lf-dg{display:inline-block;height:1em;overflow:hidden;transition:width .3s}
.lf-reel{display:flex;flex-direction:column;will-change:transform}
.lf-reel i{font-style:normal;height:1em;line-height:1;text-align:center}
.lf-sep{display:inline-block;overflow:hidden}

/* act 2 */
.lf-stats{position:absolute;width:470px;display:flex;flex-direction:column;gap:24px}
.lf-stat>span{font-size:20px;font-weight:600;color:#5B6275}
.lf-num{font-size:78px;font-weight:800;letter-spacing:-2px;margin-top:6px;height:84px}
.lf-stat.risk .lf-num{color:#B42318;transition:color .4s}.lf-stat.risk.ok .lf-num{color:#067647}
.lf-status{position:relative;height:58px;border-radius:14px;background:#FDECEC;color:#B42318;font-size:19px;font-weight:700;display:flex;align-items:center;padding:0 20px 0 48px;transition:background .45s,color .45s;opacity:0}
.lf-status.on{opacity:1;transition:opacity .3s,background .45s,color .45s}
.lf-status i{position:absolute;left:20px;top:22px;width:14px;height:14px;border-radius:50%;background:currentColor}
.lf-status em{font-style:normal;position:absolute;left:48px;transition:opacity .3s,transform .4s}
.lf-status .b{opacity:0;transform:translateY(12px)}
.lf-status.ok{background:#E5F6EE;color:#067647}.lf-status.ok .a{opacity:0;transform:translateY(-12px)}.lf-status.ok .b{opacity:1;transform:none}
.lf-cal{transition:box-shadow .5s}
.lf-cal.chaos{box-shadow:0 40px 80px -40px rgba(180,35,24,.45),0 0 0 2px rgba(180,35,24,.25)}
.lf-calhd{position:absolute;left:28px;top:26px;right:28px;display:flex;gap:10px;align-items:center}
.lf-calhd b{font-size:34px;font-weight:800;letter-spacing:-1px;margin-right:auto}
.lf-wk{position:absolute;left:24px;top:96px;display:grid;grid-template-columns:repeat(7,159px);font-size:15px;font-weight:700;color:#7A8194}
.lf-wk span{padding-left:14px}
.lf-cell{position:absolute;width:155px;border-radius:14px;background:#F7F8FB;padding:10px 14px}
.lf-cell b{font-size:20px;font-weight:700}
.lf-cell.mute{background:transparent}
.lf-chip{position:absolute;width:132px;height:30px;border-radius:15px;background:var(--c);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;white-space:nowrap;box-shadow:0 8px 16px -8px rgba(31,36,51,.4);will-change:transform}
.lf-warn{position:absolute;background:#fff;color:#B42318;font-size:21px;font-weight:700;padding:16px 22px;border-radius:14px;box-shadow:0 20px 40px -18px rgba(180,35,24,.5),0 0 0 2px #FBD5D1;white-space:nowrap}
.lf-hl{position:absolute;width:163px;border:3px solid #1A56DB;border-radius:16px}
.lf-callout{position:absolute;width:420px;background:#1F2433;color:#fff;border-radius:18px;padding:22px 24px;display:flex;flex-direction:column;gap:8px;box-shadow:0 30px 60px -20px rgba(31,36,51,.5)}
.lf-callout b{font-size:24px}.lf-callout span{font-size:17px;color:#C5CAD6}
.lf-bar{height:10px;border-radius:5px;background:rgba(255,255,255,.15);overflow:hidden;margin-top:6px}
.lf-bar i{display:block;height:100%;background:#4ADE80;border-radius:5px;transform-origin:0 50%}

/* act 3 */
.lf-wiz{padding:48px 56px;display:flex;flex-direction:column;gap:14px}
.lf-wzhd{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.lf-wzhd b{font-size:38px;font-weight:800;letter-spacing:-1px}
.lf-steps{display:flex;gap:8px}.lf-steps i{width:46px;height:8px;border-radius:4px;background:#E6E9F0;transition:background .4s}.lf-steps i.on{background:#1A56DB}
.lf-wiz label{font-size:17px;font-weight:700;color:#5B6275;margin-top:6px}
.lf-input{height:72px;border:2px solid #D5DAE3;border-radius:14px;display:flex;align-items:center;padding:0 22px;font-size:30px;font-weight:700;letter-spacing:1px}
.lf-input.pan{border-color:#1A56DB;box-shadow:0 0 0 5px #DDE6F8;letter-spacing:6px;font-variant-numeric:tabular-nums}
.caret{width:3px;height:36px;background:#1A56DB;margin-left:2px;animation:lfblink 1s steps(1) infinite}
@keyframes lfblink{50%{opacity:0}}
.lf-detect{position:relative;height:40px}.lf-detect .lf-pill{position:absolute;left:0;top:0;font-size:17px;height:40px;transform-origin:0 50%}
.lf-qs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0 18px}
.lf-q{display:flex;align-items:center;gap:12px;height:56px;border:2px solid #E6E9F0;border-radius:14px;padding:0 16px;font-size:18px;font-weight:600;transition:border-color .35s,background .35s}
.lf-q i{width:24px;height:24px;border-radius:7px;border:2px solid #C5CAD6;transition:all .3s;position:relative}
.lf-q.on{border-color:#1A56DB;background:#F5F8FF}.lf-q.on i{background:#1A56DB;border-color:#1A56DB}
.lf-q.on i::after{content:'';position:absolute;left:6px;top:2px;width:6px;height:11px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}
.lf-wiz .lf-btn{margin-top:auto;align-self:flex-end}
.lf-board{position:absolute;width:1600px}
.lf-bdhd{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}
.lf-bdhd small{font-size:20px;color:#5B6275;font-weight:600}
.lf-bdhd b{display:block;font-size:52px;font-weight:800;letter-spacing:-2px;margin-top:4px}
.lf-big{font-size:120px;font-weight:800;color:#1A56DB;letter-spacing:-4px;height:120px}
.lf-cols{display:grid;grid-template-columns:repeat(5,1fr);gap:26px;perspective:1400px}
.lf-col{display:flex;flex-direction:column;gap:10px}
.lf-colhd{display:flex;align-items:center;gap:10px;height:62px;background:#fff;border-radius:16px;padding:0 16px;font-size:20px;box-shadow:0 0 0 1px #E6E9F0;border-top:4px solid var(--c)}
.lf-colhd b{font-weight:800}.lf-colhd>span{margin-left:auto;font-weight:800;color:var(--c);font-size:24px}
.lf-ob{height:62px;background:#fff;border-radius:14px;display:flex;align-items:center;justify-content:space-between;padding:0 16px 0 20px;font-size:17px;font-weight:600;box-shadow:0 10px 24px -18px rgba(31,36,51,.4),0 0 0 1px #EEF0F4;position:relative;transform-origin:50% 0}
.lf-ob::before{content:'';position:absolute;left:0;top:14px;bottom:14px;width:5px;border-radius:0 3px 3px 0;background:var(--c)}
.lf-ob em{font-style:normal;color:#5B6275;font-size:15px}
.lf-more{font-size:16px;font-weight:700;color:#5B6275;padding:8px 20px}

/* act 4 */
.lf-phone{position:absolute;width:410px;height:840px;border-radius:64px;background:#1F2433;padding:14px;box-shadow:0 80px 120px -50px rgba(31,36,51,.6),inset 0 0 0 2px #3A4154;transform-style:preserve-3d;will-change:transform}
.lf-phone.sm{width:380px;height:780px}
.lf-scr{position:relative;width:100%;height:100%;border-radius:52px;overflow:hidden;background:#fff}
.lf-wa,.lf-up,.lf-thx{position:absolute;inset:0}
.lf-wa{background:#ECE5DD}
.lf-wahd{height:120px;background:#075E54;color:#fff;display:flex;align-items:flex-end;gap:12px;padding:0 20px 16px}
.lf-wahd span{width:44px;height:44px;border-radius:50%;background:#fff;color:#075E54;font-weight:800;display:flex;align-items:center;justify-content:center}
.lf-wahd b{font-size:18px;display:block}.lf-wahd small{font-size:13px;opacity:.8}
.lf-wabody{padding:22px 16px}
.lf-bub{background:#fff;border-radius:0 16px 16px 16px;padding:14px 16px;font-size:18px;line-height:1.45;max-width:320px;transform-origin:0 0;box-shadow:0 2px 2px rgba(0,0,0,.06)}
.lf-bub small{display:block;text-align:right;font-size:12px;color:#6B7185;margin-top:6px}
.lf-wbtn{margin-top:12px;padding:12px;border-radius:10px;background:#EEF3FD;color:#1A56DB;font-weight:700;text-align:center}
.lf-tap{position:absolute;width:90px;height:90px;border-radius:50%;background:#1A56DB;margin:-45px 0 0 -45px}
.lf-up{background:#F4F6FA;padding:70px 22px 22px;display:flex;flex-direction:column;gap:8px}
.lf-uphd{display:flex;align-items:center;gap:10px;font-size:17px}
.lf-up>small{color:#5B6275;font-size:15px;margin-top:10px}
.lf-up h4{margin:0 0 8px;font-size:26px;font-weight:800;letter-spacing:-.5px}
.lf-upg{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lf-ut{height:92px;background:#fff;border-radius:14px;border:2px dashed #D5DAE3;padding:12px;display:flex;flex-direction:column;justify-content:space-between;font-size:14px;font-weight:600;transition:border-color .3s,background .3s}
.lf-ut i{width:26px;height:26px;border-radius:50%;background:#EEF0F4;transition:background .3s;position:relative}
.lf-ut.on{border:2px solid #0E9F6E;background:#F2FBF6}.lf-ut.on i{background:#0E9F6E}
.lf-ut.on i::after{content:'';position:absolute;left:9px;top:5px;width:6px;height:11px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}
.lf-upb{margin-top:auto;height:62px;border-radius:14px;background:#1A56DB;color:#fff;font-weight:700;font-size:19px;display:flex;align-items:center;justify-content:center}
.lf-thx{background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:40px;text-align:center}
.lf-okc{width:110px;height:110px;border-radius:50%;background:#0E9F6E;color:#fff;font-size:60px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 16px #E5F6EE}
.lf-thx b{font-size:28px;margin-top:16px}.lf-thx small{font-size:17px;color:#5B6275;line-height:1.5}
.lf-flow{position:absolute;left:0;top:0;pointer-events:none}
.lf-pic{position:absolute;left:0;top:0;width:80px;height:104px;background:#fff;border-radius:10px;box-shadow:0 18px 30px -12px rgba(31,36,51,.45);padding:12px 10px;display:flex;flex-direction:column;gap:7px;border-top:8px solid var(--c);will-change:transform,opacity;opacity:0}
.lf-pic i{height:7px;border-radius:4px;background:#E6E9F0}.lf-pic i:nth-child(2){width:70%}.lf-pic i:nth-child(3){width:85%;background:var(--c);opacity:.35}
.lf-inbox{padding:36px 40px}
.lf-ibhd{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}
.lf-ibhd small{font-size:18px;color:#5B6275;font-weight:600}.lf-ibhd b{display:block;font-size:32px;font-weight:800;letter-spacing:-1px;margin-top:4px}
.lf-cnt{font-size:20px;font-weight:700;padding:12px 18px;border-radius:12px;background:#F2F4F8;color:#5B6275;transition:background .4s,color .4s;white-space:nowrap}
.lf-cnt .c{font-size:26px;font-weight:800;color:#1F2433}
.lf-cnt.ok{background:#E5F6EE;color:#067647}.lf-cnt.ok .c{color:#067647}
.lf-rows{display:flex;flex-direction:column;gap:8px}
.lf-drow{height:66px;display:flex;align-items:center;gap:16px;padding:0 16px;border-radius:14px;background:#F7F8FB;font-size:19px}
.lf-dico{width:44px;height:44px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center}
.lf-st{margin-left:auto;position:relative;width:124px;height:36px}
.lf-st em{position:absolute;inset:0;font-style:normal;border-radius:999px;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:opacity .35s,transform .35s}
.lf-st .w{background:#FEF3E2;color:#8A4B00}.lf-st .r{background:#E5F6EE;color:#067647;opacity:0;transform:scale(.7)}
.lf-drow.got .w{opacity:0;transform:scale(.7)}.lf-drow.got .r{opacity:1;transform:none}

/* act 5 */
.lf-dash{position:absolute;width:1680px;height:940px;background:#F4F6FA;border-radius:26px;overflow:hidden;display:flex;box-shadow:0 60px 120px -50px rgba(31,36,51,.45),0 0 0 1px rgba(31,36,51,.08)}
.lf-dash aside{width:250px;background:#fff;border-right:1px solid #E6E9F0;padding:28px 18px;display:flex;flex-direction:column;gap:6px}
.lf-dash aside>svg{display:inline-block}.lf-dash .brand{font-size:22px;margin:-30px 0 22px 42px}
.nv{display:flex;align-items:center;gap:12px;height:48px;padding:0 12px;border-radius:12px;font-size:17px;font-weight:600;color:#3A4154}.nv.on{background:#EEF3FD;color:#1A56DB}
.firm{margin-top:auto;font-size:15px}.firm small{display:block;color:#7A8194}
.lf-dash main{flex:1;padding:30px 36px;display:flex;flex-direction:column;gap:24px}
.top{display:flex;justify-content:space-between;align-items:center}.top small{color:#5B6275;font-size:16px}.top h3{margin:2px 0 0;font-size:34px;font-weight:800;letter-spacing:-1px}
.lf-av{width:52px;height:52px;border-radius:50%;background:#8B5CF6;color:#fff;font-weight:800;font-size:22px;display:flex;align-items:center;justify-content:center}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.kpis>div{background:#fff;border-radius:18px;padding:22px 24px;box-shadow:0 0 0 1px #E6E9F0}
.kpis small{font-size:16px;color:#5B6275;font-weight:600}.kpis b{display:block;font-size:48px;font-weight:800;letter-spacing:-1.5px;margin-top:6px;height:52px}
.tbl{background:#fff;border-radius:18px;box-shadow:0 0 0 1px #E6E9F0;padding:10px 0}
.th{display:flex;justify-content:space-between;padding:16px 28px;font-size:20px}.th span{color:#5B6275;font-size:16px}
.tr{display:grid;grid-template-columns:1.6fr 1fr 1fr 170px;align-items:center;height:78px;padding:0 28px;border-top:1px solid #F0F2F6;font-size:18px;transition:background .4s,box-shadow .4s}
.tr.hot{background:#F5F8FF;box-shadow:inset 4px 0 0 #1A56DB}
.who{display:flex;align-items:center;gap:10px}.who i{width:32px;height:32px;border-radius:50%;background:#FFE3D8;color:#C2410C;font-style:normal;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center}
.lf-state{position:relative;height:38px}
.lf-state em{position:absolute;inset:0;font-style:normal;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;transition:opacity .35s,transform .4s}
.lf-state .a{background:#FEF3E2;color:#8A4B00}.lf-state .b{background:#EEF3FD;color:#1A56DB;opacity:0;transform:translateY(14px)}.lf-state .c{background:#E5F6EE;color:#067647;opacity:0;transform:translateY(14px)}
.tr.st-b .a{opacity:0;transform:translateY(-14px)}.tr.st-b .b{opacity:1;transform:none}
.tr.st-c .b{opacity:0;transform:translateY(-14px)}.tr.st-c .c{opacity:1;transform:none}
.lf-drawer{position:absolute;left:1240px;top:40px;width:620px;height:1000px;background:#fff;border-radius:28px;box-shadow:-40px 40px 100px -40px rgba(31,36,51,.5),0 0 0 1px rgba(31,36,51,.06);padding:44px;display:flex;flex-direction:column;gap:14px}
.lf-drawer>small{font-size:16px;font-weight:700;color:#1A56DB;letter-spacing:1px;text-transform:uppercase}
.lf-drawer h3{margin:0;font-size:40px;font-weight:800;letter-spacing:-1.2px}
.lf-drawer .sub{font-size:18px;color:#5B6275;margin-bottom:14px}
.ln{display:flex;justify-content:space-between;font-size:20px;padding:14px 0;border-bottom:1px solid #F0F2F6}.ln b{font-weight:700}.ln.tot{font-size:24px;border:0}.ln.tot b{font-weight:800}
.okm{font-style:normal;color:#0E9F6E;font-weight:800}
.chk{display:flex;gap:12px;font-size:18px;font-weight:600;background:#F2FBF6;border-radius:12px;padding:14px 16px}
.lf-drawer .lf-btn{margin-top:auto}
.lf-stamp{position:absolute;right:40px;bottom:130px;border:4px solid #0E9F6E;color:#0E9F6E;border-radius:12px;padding:12px 22px;display:flex;flex-direction:column;align-items:center;background:rgba(255,255,255,.92)}
.lf-stamp b{font-size:28px;letter-spacing:2px}.lf-stamp small{font-size:14px;font-weight:800;letter-spacing:2px}
.lf-scr.lock{background:linear-gradient(160deg,#1A56DB,#6D28D9 70%,#EC4899);color:#fff;text-align:center;padding-top:90px}
.lock .time{font-size:92px;font-weight:700;letter-spacing:-3px}.lock .date{font-size:20px;opacity:.9}
.lf-notif{margin:60px 16px 0;background:rgba(255,255,255,.92);color:#1F2433;border-radius:24px;padding:18px 20px;text-align:left;display:flex;flex-direction:column;gap:4px;box-shadow:0 20px 40px -20px rgba(0,0,0,.5)}
.lf-notif .nh{display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:4px}.lf-notif .nh small{margin-left:auto;color:#7A8194}
.lf-notif>b{font-size:19px}.lf-notif>span{font-size:16px;color:#3A4154;line-height:1.4}

/* act 6 */
.lf-inv{padding:40px 44px;display:flex;flex-direction:column;gap:6px}
.lf-inv .ih{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.lf-inv .ih>div{display:flex;gap:12px;align-items:center;font-size:22px}.lf-inv .ih small{color:#5B6275;font-size:18px;font-weight:700}
.lf-inv .to{font-size:18px;color:#5B6275;margin-bottom:16px}.lf-inv .to b{color:#1F2433}
.il{display:flex;justify-content:space-between;font-size:22px;padding:14px 12px;border-radius:12px;transition:background .5s}
.il em{font-style:normal;color:#1A56DB;font-weight:700}.il.hl{background:#EEF3FD}
.it{display:flex;justify-content:space-between;align-items:center;border-top:2px dashed #D5DAE3;margin-top:10px;padding:22px 12px 0;font-size:26px;font-weight:800}.it b{font-size:48px;letter-spacing:-1.5px;height:50px}
.lf-paid{position:absolute;right:44px;top:120px;border:5px solid #0E9F6E;color:#0E9F6E;font-size:40px;font-weight:800;letter-spacing:4px;padding:8px 22px;border-radius:12px;background:rgba(255,255,255,.85)}
.lf-scr.upi{padding:90px 28px 28px;display:flex;flex-direction:column;align-items:center;gap:6px;background:#F7F8FB}
.upi small{color:#5B6275;font-size:16px}.upi .pn{font-size:22px}.upi .amt{font-size:72px;font-weight:800;letter-spacing:-2px;margin:26px 0}
.upi .apps{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.upi .apps span{height:64px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px #E6E9F0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}
.upi .pay{margin-top:auto;width:100%}
.upi .done{position:absolute;inset:0;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;font-size:34px;font-weight:800;color:#067647}
.upi .done i{width:120px;height:120px;border-radius:50%;background:#0E9F6E;color:#fff;font-style:normal;font-size:64px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 18px #E5F6EE}
.lf-chart{padding:40px 44px;display:flex;flex-direction:column}
.chd{display:flex;justify-content:space-between;align-items:flex-start}.chd small{font-size:19px;color:#5B6275;font-weight:600}.chd b{display:block;font-size:68px;font-weight:800;letter-spacing:-2.5px;margin-top:6px;height:72px}
.bars{margin-top:auto;display:flex;align-items:flex-end;gap:28px;height:380px}
.bc{flex:1;display:flex;flex-direction:column;align-items:center;gap:12px;font-size:17px;font-weight:600;color:#5B6275}
.bar{width:100%;border-radius:14px 14px 6px 6px;background:linear-gradient(180deg,#3B6CF6,#1A56DB);transform-origin:50% 100%;position:relative;overflow:hidden}
.bc:last-child .bar{background:linear-gradient(180deg,#22C55E,#0E9F6E)}

/* end card */
.lf-float{position:absolute;width:150px;height:150px;border-radius:36px;background:#fff;box-shadow:0 30px 60px -30px rgba(31,36,51,.35);display:flex;align-items:center;justify-content:center}
.lf-ec{position:absolute;left:0;top:0;width:1920px;height:1080px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:26px}
.lf-ec .lg{display:flex;align-items:center;gap:16px;font-size:44px;font-weight:800;letter-spacing:-1px}
.lf-ec h1{margin:0;font-size:104px;font-weight:800;letter-spacing:-4px;line-height:1.08;max-width:1500px}
.lf-ec p{margin:0;font-size:30px;color:#5B6275;font-weight:600}
.lf-cta{display:inline-flex;align-items:center;gap:14px;height:88px;padding:0 44px;border-radius:20px;background:#1A56DB;color:#fff !important;font-size:32px;font-weight:700;text-decoration:none;box-shadow:0 24px 50px -20px rgba(26,86,219,.7);margin-top:10px}

/* chrome */
.lf-ui{position:absolute;left:0;right:0;bottom:0;padding:14px 16px 12px;display:flex;align-items:center;gap:12px;z-index:5;background:linear-gradient(0deg,rgba(31,36,51,.28),transparent);opacity:0;transition:opacity .3s}
.lf-host:hover .lf-ui,.lf-host:not(.lf-playing) .lf-ui,.lf-host:focus-within .lf-ui{opacity:1}
.lf-pp{width:38px;height:38px;border-radius:50%;border:0;background:#fff;color:#1F2433;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;box-shadow:0 4px 12px rgba(0,0,0,.2)}
.lf-pp .pa{display:none}.lf-playing .lf-pp .pa{display:block}.lf-playing .lf-pp .pl{display:none}
.lf-chs{display:flex;gap:4px;flex-wrap:nowrap;overflow:hidden}
.lf-chp{display:flex;align-items:center;gap:6px;border:0;background:rgba(255,255,255,.85);color:#3A4154;font:600 12px 'Plus Jakarta Sans',system-ui,sans-serif;height:28px;padding:0 10px;border-radius:999px;cursor:pointer;white-space:nowrap}
.lf-chp i{width:7px;height:7px;border-radius:50%;background:#C5CAD6}
.lf-chp.past i{background:#7FA7F0}.lf-chp.on{background:#1A56DB;color:#fff}.lf-chp.on i{background:#fff}
.lf-prog{flex:1;height:4px;border-radius:2px;background:rgba(255,255,255,.55);overflow:hidden;cursor:pointer;min-width:40px}
.lf-prog i{display:block;height:100%;background:#1A56DB;transform-origin:0 50%;transform:scaleX(0)}
.lf-capt{position:absolute;left:50%;bottom:calc(64px * var(--k,1) + 22px);transform:translateX(-50%);max-width:86%;background:rgba(31,36,51,.82);color:#fff;font-size:clamp(11px,calc(26px * var(--k,1)),22px);font-weight:600;padding:.45em .9em;border-radius:10px;text-align:center;z-index:4;opacity:0;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lf-capt.in{animation:lfcap 5s ease both}
@keyframes lfcap{0%{opacity:0;transform:translate(-50%,8px)}8%,85%{opacity:1;transform:translate(-50%,0)}100%{opacity:0}}
.lf-big-play{position:absolute;left:50%;top:50%;width:92px;height:92px;margin:-46px 0 0 -46px;border-radius:50%;border:0;background:#1A56DB;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:6;box-shadow:0 20px 40px -10px rgba(26,86,219,.6)}
@media (max-width:640px){.lf-capt{display:none}.lf-chp span{display:none}.lf-chp{padding:0 8px}.lf-host{border-radius:14px}}

/* vertical (9:16) */
.lf-vert .lf-vhead{position:absolute;left:0;right:0;top:0;height:calc(560px * var(--k));padding:calc(90px * var(--k)) calc(80px * var(--k)) 0;display:flex;flex-direction:column;gap:calc(40px * var(--k))}
.lf-vlg{display:flex;align-items:center;gap:calc(16px * var(--k));font-size:calc(40px * var(--k));font-weight:800}
.lf-vlg svg{width:calc(56px * var(--k));height:calc(56px * var(--k))}
.lf-vtitle{font-size:calc(92px * var(--k));font-weight:800;letter-spacing:-.04em;line-height:1.05}
.lf-vtitle.in{animation:lfv .8s cubic-bezier(.16,1,.3,1) both}
@keyframes lfv{from{opacity:0;transform:translateY(40px)}}
.lf-vert .lf-vp{border-radius:calc(28px * var(--k));box-shadow:0 30px 60px -30px rgba(31,36,51,.4)}
.lf-vert .lf-vfoot{position:absolute;left:0;right:0;bottom:calc(120px * var(--k));text-align:center;display:flex;flex-direction:column;gap:calc(14px * var(--k))}
.lf-vfoot b{font-size:calc(64px * var(--k));color:#1A56DB;letter-spacing:-.03em}.lf-vfoot span{font-size:calc(34px * var(--k));color:#5B6275;font-weight:600}
.lf-vert .lf-capt{bottom:auto;top:calc(1500px * var(--k));font-size:calc(34px * var(--k));white-space:normal;width:86%}

/* ── ambient loops for landing cards (run only while visible: .fx-live) ── */
.fx .fx-old,.fx .fx-new{display:inline-block}
.fx-live .fx-old{animation:fxold 6s cubic-bezier(.65,0,.35,1) infinite}
.fx-live .fx-new{animation:fxnew 6s cubic-bezier(.16,1,.3,1) infinite}
@keyframes fxold{0%,15%{opacity:1;transform:none;text-decoration-color:transparent}30%,100%{opacity:1;text-decoration-color:currentColor}}
@keyframes fxnew{0%,28%{opacity:0;transform:translateY(-14px)}40%,92%{opacity:1;transform:none}100%{opacity:0}}
.fx-live .fx-tag{animation:fxtag 6s cubic-bezier(.34,1.56,.64,1) infinite}
@keyframes fxtag{0%,36%{opacity:0;transform:scale(.6)}46%,92%{opacity:1;transform:none}100%{opacity:0}}
.fx-live .fx-stamp{animation:fxstamp 5s cubic-bezier(.34,1.56,.64,1) infinite}
@keyframes fxstamp{0%,30%{opacity:0;transform:rotate(-24deg) scale(2.6)}40%{opacity:1;transform:rotate(-12deg) scale(1)}43%{transform:rotate(-12deg) scale(1.06)}46%,90%{opacity:1;transform:rotate(-12deg) scale(1)}100%{opacity:0;transform:rotate(-12deg) scale(1)}}
.fx-live .fx-oop{animation:fxoop 5s ease infinite}
@keyframes fxoop{0%,12%{background:transparent}22%,90%{background:#EEF3FD}}
.fx .fx-dot{transition:none}
.fx-live .fx-dot{animation:fxdot 8s ease infinite;animation-delay:calc(var(--i) * 1s)}
@keyframes fxdot{0%{background:#fff;box-shadow:inset 0 0 0 2px #D4D8E2}6%{background:#0E9F6E;box-shadow:0 0 0 0 rgba(14,159,110,.5)}14%{box-shadow:0 0 0 10px rgba(14,159,110,0)}90%{background:#0E9F6E}100%{background:#fff;box-shadow:inset 0 0 0 2px #D4D8E2}}
.fx-live .fx-bar{animation:fxbar 5s cubic-bezier(.65,0,.35,1) infinite;transform-origin:0 50%}
@keyframes fxbar{0%{transform:scaleX(0)}45%,90%{transform:scaleX(1)}100%{transform:scaleX(1);opacity:0}}
.fx-live .fx-pulse{animation:fxpulse 3s ease infinite}
@keyframes fxpulse{0%{box-shadow:0 0 0 10px #fff,0 0 0 11px #D5EFE3,0 0 0 11px rgba(14,159,110,.35)}70%{box-shadow:0 0 0 10px #fff,0 0 0 11px #D5EFE3,0 0 0 30px rgba(14,159,110,0)}100%{box-shadow:0 0 0 10px #fff,0 0 0 11px #D5EFE3,0 0 0 30px rgba(14,159,110,0)}}
.fx-live .fx-tick{animation:fxtick 6s steps(1) infinite}
.fx-live .fx-sug{animation:fxsug 6s cubic-bezier(.16,1,.3,1) infinite}
@keyframes fxsug{0%,40%{opacity:0;transform:translateY(10px)}50%,92%{opacity:1;transform:none}100%{opacity:0}}
.lf-pricing{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;justify-content:center;background:#fff;border:1px solid #E6E9F0;border-radius:18px;padding:18px 28px;font-weight:700;color:#1F2433}
.lf-pricing .lf-odo{font-size:40px;font-weight:800;letter-spacing:-1px;color:#1A56DB}
.lf-pr-lbl{color:#5B6275;font-size:16px}.lf-pr-arrow{color:#C5CAD6;font-size:28px}.lf-pr-note{font-size:14px;color:#067647;background:#E5F6EE;padding:4px 12px;border-radius:999px}
@media (prefers-reduced-motion:reduce){.fx-live *{animation:none !important}}
.lf-p{margin-left:-.09em}
/* frosted backdrop so the act-2 tagline stays readable over flying chips */
.lf-veil{position:absolute;left:0;top:0;width:700px;height:1080px;pointer-events:none;
  background:linear-gradient(90deg,rgba(244,246,250,.96) 0%,rgba(244,246,250,.9) 62%,rgba(244,246,250,0) 100%);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  -webkit-mask-image:linear-gradient(90deg,#000 70%,transparent);mask-image:linear-gradient(90deg,#000 70%,transparent)}

/* ── client portal film (4:3 · 1200×900) ───────────────────────────── */
.lf-host.cx{aspect-ratio:4/3;background:#F4F6FA}
.cx .lf-stage{perspective:1800px}
.cx-scene{position:absolute;left:0;top:0;width:1200px;height:900px;overflow:hidden}
.cx-bg{position:absolute;left:0;top:0;width:2600px;height:1100px;background:linear-gradient(180deg,#F7F9FD,#EEF3FD)}
.cx-sd .cx-bg{background:#F4F6FA}
/* no will-change on the camera or phone: they must re-rasterise crisp after a dolly */
.cx-cam{position:absolute;left:0;top:0;width:1200px;height:900px;transform-origin:0 0;perspective:1800px}
.cx .lf-phone{will-change:auto}
.cx-tag{position:absolute;left:72px;top:300px}
.cx-t1{font-size:104px;font-weight:800;letter-spacing:-4.5px;line-height:1.02}
.cx-t2{font-size:46px;font-weight:800;letter-spacing:-1.6px;margin-top:18px}
.cx-cap{position:absolute;left:64px;top:62px;font-size:52px;font-weight:800;letter-spacing:-2px}
.cx-day{width:max-content;margin:0 auto 14px;background:#E1F2FB;color:#51606E;font-size:13px;font-weight:600;padding:5px 12px;border-radius:8px}
.cx .lf-wbtn,.cx-b,.cx-sub,.cx-na em{position:relative;overflow:hidden}
.cx-rip{position:absolute;left:50%;top:50%;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;background:#1A56DB;pointer-events:none}
.cx-up{position:absolute;inset:0;background:#F4F6FA;padding:54px 18px 20px;display:flex;flex-direction:column;gap:10px}
.cx-uphd{display:flex;align-items:center;gap:10px;font-size:17px}
.cx-for{font-size:14px;color:#5B6275;margin-top:2px}
.cx-up h4{margin:0;font-size:26px;font-weight:800;letter-spacing:-.7px}
.cx-prow{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;color:#5B6275}
.cx-due{background:#FEF3E2;color:#8A4B00;border-radius:999px;padding:5px 11px;font-weight:700;font-size:13px}
.cx-cnt .lf-odo{font-weight:800;color:#1F2433;font-size:16px}
.cx-cnt.ok .lf-odo{color:#0E9F6E}
.cx-bar{height:6px;border-radius:3px;background:#E3E8F2;overflow:hidden;flex-shrink:0}
.cx-bar i{display:block;height:100%;background:#1A56DB;transform-origin:0 50%;border-radius:3px;transition:background .3s}
.cx-bar i.ok{background:#0E9F6E}
.cx-doc{position:relative;flex-shrink:0;background:#fff;border-radius:16px;padding:13px 14px;box-shadow:0 0 0 1px rgba(31,36,51,.06),0 8px 18px -14px rgba(31,36,51,.4);height:108px}
.cx-doc.d3{height:108px}
.cx-up h4{position:relative;height:34px;overflow:hidden}.cx-up h4 span{position:absolute;left:0;top:0;white-space:nowrap;transition:transform .4s,opacity .3s}.cx-up h4 .h2{transform:translateY(100%);opacity:0;color:#0E9F6E}.cx-up h4.ok .h1{transform:translateY(-100%);opacity:0}.cx-up h4.ok .h2{transform:none;opacity:1}
.cx-dt b{display:block;font-size:16px}.cx-dt small{font-size:12.5px;color:#6B7185}
.cx-act,.cx-na{position:absolute;left:14px;right:14px;bottom:12px;height:40px}
.cx-b{display:flex;align-items:center;justify-content:center;gap:8px;height:40px;border-radius:11px;background:#EEF3FD;color:#1A56DB;font-weight:700;font-size:15px}
.cx-att{position:absolute;left:14px;right:14px;bottom:9px;display:flex;align-items:center;gap:10px;height:46px}
.cx-thumb{width:36px;height:46px;flex-shrink:0;border-radius:6px;background:#FFFDF7;box-shadow:0 0 0 1px #E3E8F2;padding:7px 5px;display:flex;flex-direction:column;gap:4px}
.cx-thumb i{height:3px;border-radius:2px;background:#D5DAE3}.cx-thumb i:first-child{background:#1F2433;width:70%}.cx-thumb i:last-child{width:50%;background:#14B8A6}
.cx-ai{flex:1;min-width:0}.cx-ai span{display:block;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-pb{height:5px;border-radius:3px;background:#E3E8F2;margin-top:6px;overflow:hidden}.cx-pb i{display:block;height:100%;background:#1A56DB;transform-origin:0 50%}
.cx-ok{width:26px;height:26px;flex-shrink:0;border-radius:50%;background:#0E9F6E;color:#fff;display:flex;align-items:center;justify-content:center;font-style:normal}
.cx-na em{position:absolute;inset:0;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:8px;font-style:normal;font-weight:700;font-size:15px;transition:opacity .3s,transform .35s}
.cx-na .a{background:#F2F4F8;color:#5B6275}.cx-na .b{background:#E5F6EE;color:#067647;opacity:0;transform:translateY(10px)}
.cx-na.on .a{opacity:0;transform:translateY(-10px)}.cx-na.on .b{opacity:1;transform:none}
.cx-got{font-size:13px;color:#067647;font-weight:600;display:flex;gap:6px;align-items:center}
.cx-sub{margin-top:auto;flex-shrink:0;height:58px;border-radius:14px;background:#1A56DB;color:#fff;font-weight:700;font-size:18px;transition:background .3s}
.cx-sub>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .25s,transform .3s}
.cx-sub .s2{opacity:0;transform:translateY(12px)}.cx-sub.ok{background:#0E9F6E}.cx-sub.ok .s1{opacity:0;transform:translateY(-12px)}.cx-sub.ok .s2{opacity:1;transform:none}
.cx-sr{position:absolute;left:50%;top:50%;width:0;height:0}
.cx-banner{position:absolute;left:12px;right:12px;top:40px;background:#0E9F6E;color:#fff;border-radius:16px;padding:12px 14px;display:flex;align-items:center;gap:12px;z-index:4;box-shadow:0 20px 30px -16px rgba(14,159,110,.7)}
.cx-banner b{display:block;font-size:15px}.cx-banner small{font-size:12.5px;opacity:.9}
.cx-okc{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cx-photo{position:absolute;left:0;top:0;width:300px;height:390px;background:#FFFDF7;border-radius:8px;box-shadow:0 30px 50px -20px rgba(31,36,51,.55);padding:24px 22px;z-index:4;transform-origin:0 0;display:flex;flex-direction:column;gap:9px;opacity:0;will-change:transform}
.cx-photo b{font-size:19px;letter-spacing:3px}.cx-photo small{font-size:12px;color:#6B7185;margin-bottom:8px}
.cx-photo>i{height:7px;border-radius:4px;background:#E3E8F2}.cx-photo>i.s{width:60%}
.cx-photo .tb{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.cx-photo .tb span{height:34px;border-radius:6px;background:#F2F4F8}
.cx-photo em{margin-top:auto;align-self:flex-end;font-style:normal;font-weight:800;font-size:24px;color:#0F766E}
.cx-flash{position:absolute;inset:-20px;background:#fff;pointer-events:none;z-index:6}
.cx-arc{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}
.cx-fw{position:absolute;left:1480px;top:250px;width:520px;height:420px;transform-style:flat}
.cx-fw.front{perspective:1000px;perspective-origin:50% 0}
.cx-fb{position:absolute;left:0;top:26px;width:520px;height:394px;border-radius:26px;background:#1A56DB;box-shadow:0 60px 90px -40px rgba(26,86,219,.65)}
.cx-fb::before{content:'';position:absolute;left:0;top:-34px;width:210px;height:70px;border-radius:20px 20px 0 0;background:#1A56DB}
.cx-fb .sh{position:absolute;height:120px;border-radius:10px;background:#fff;box-shadow:0 0 0 1px rgba(31,36,51,.06)}
.cx-ff{position:absolute;left:0;top:120px;width:520px;height:300px;border-radius:26px;background:linear-gradient(165deg,#5A88F9,#2F66F0);transform-origin:50% 100%;color:#fff;padding:30px 34px;display:flex;flex-direction:column;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 30px 60px -30px rgba(26,86,219,.7)}
.cx-ff small{font-size:19px;font-weight:700;opacity:.85}.cx-ff>b{font-size:46px;font-weight:800;letter-spacing:-1.6px;margin-top:4px}
.cx-ffb{margin-top:auto;display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700}.cx-ffb .n .lf-odo{font-size:40px;font-weight:800}.cx-ffb svg{margin-left:auto;background:#fff;border-radius:14px;padding:6px;width:56px;height:56px}
.cx-fc{position:absolute;left:0;top:0;width:220px;height:140px;background:#fff;border-radius:16px;box-shadow:0 30px 50px -20px rgba(31,36,51,.45),0 0 0 1px rgba(31,36,51,.06);padding:14px 16px;display:flex;flex-direction:column;gap:4px;will-change:transform,opacity;opacity:0;visibility:hidden}
.cx-fct{display:flex;justify-content:space-between;align-items:flex-start;height:48px;margin-bottom:6px}.cx-fct .cx-ok{width:24px;height:24px}
.cx-fc b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cx-fc small{font-size:12.5px;color:#6B7185}
.cx-desk{position:absolute;left:30px;top:30px;width:1140px;height:840px;background:#F4F6FA;border-radius:24px;overflow:hidden;box-shadow:0 60px 120px -50px rgba(31,36,51,.45),0 0 0 1px rgba(31,36,51,.08)}
.cx-desk aside{position:absolute;left:0;top:0;bottom:0;width:210px;background:#fff;border-right:1px solid #E6E9F0;padding:24px 14px;display:flex;flex-direction:column;gap:4px}
.cx-brand{display:flex;align-items:center;gap:10px;font-size:20px;margin:0 6px 18px}
.cx-nv{display:flex;align-items:center;gap:10px;height:42px;padding:0 10px;border-radius:10px;font-size:15px;font-weight:600;color:#3A4154}.cx-nv.on{background:#EEF3FD;color:#1A56DB}
.cx-firm{margin-top:auto;font-size:13px;color:#5B6275;padding:0 8px}.cx-firm b{display:block;color:#1F2433;font-size:14px}
.cx-mhd{position:absolute;left:242px;top:34px;right:32px;display:flex;justify-content:space-between;align-items:flex-end}
.cx-mhd small{font-size:14px;color:#5B6275;font-weight:600}.cx-mhd h3{margin:4px 0 0;font-size:34px;font-weight:800;letter-spacing:-1px}.cx-pills{display:flex;gap:8px}
.cx-tile{position:absolute;top:150px;width:203px;height:150px;background:#fff;border-radius:18px;box-shadow:0 0 0 1px rgba(31,36,51,.06),0 14px 30px -20px rgba(31,36,51,.35);padding:18px;display:flex;flex-direction:column;gap:4px;transition:box-shadow .3s}
.cx-tile b{font-size:16px;margin-top:6px}.cx-tile small{font-size:13px;color:#6B7185;display:flex;gap:4px;align-items:center}.cx-tile small .lf-odo{font-weight:800;color:#1F2433}
.cx-tile.hot{box-shadow:0 0 0 2px #1A56DB,0 20px 40px -20px rgba(26,86,219,.5)}
.cx-newp{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;background:#1A56DB;color:#fff;font-size:12px;font-weight:800}
.cx-tile .cx-newp{position:absolute;right:14px;top:16px}
.cx-feed{position:absolute;left:242px;top:330px;right:32px;height:300px;background:#fff;border-radius:18px;padding:22px 26px;box-shadow:0 0 0 1px rgba(31,36,51,.06)}
.cx-feed>b{font-size:17px}.cx-fr{display:flex;align-items:center;gap:12px;height:54px;border-bottom:1px solid #F2F4F8;font-size:15px}.cx-fr i{width:10px;height:10px;border-radius:50%;background:#C9D6F5}.cx-fr span{flex:1}.cx-fr em{font-style:normal;color:#6B7185;font-size:13px}
.cx-toast{position:absolute;left:560px;top:770px;display:flex;align-items:center;gap:14px;background:#1F2433;color:#fff;font-size:19px;font-weight:500;padding:13px 22px 13px 14px;border-radius:16px;white-space:nowrap;box-shadow:0 30px 60px -20px rgba(31,36,51,.55);z-index:6}
.cx-bell{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center}.cx-bell svg{transform-origin:50% 10%}
.cx-panel{position:absolute;left:242px;top:120px;width:866px;height:690px;background:#fff;border-radius:22px;box-shadow:0 50px 90px -40px rgba(31,36,51,.5),0 0 0 1px rgba(31,36,51,.06);transform-origin:0 0;overflow:hidden}
.cx-pin{position:absolute;inset:0}
.cx-phd{display:flex;align-items:center;gap:16px;height:96px;padding:0 28px;border-bottom:1px solid #EEF0F4}
.cx-phd .t{flex:1}.cx-phd small{display:block;font-size:14px;color:#6B7185;font-weight:600}.cx-phd .t b{font-size:24px;font-weight:800;letter-spacing:-.5px}
.cx-st{position:relative;width:150px;height:38px}
.cx-st em{position:absolute;inset:0;font-style:normal;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;transition:opacity .35s,transform .4s}
.cx-st .a{background:#FEF3E2;color:#8A4B00}.cx-st .b{background:#EEF3FD;color:#1A56DB;opacity:0;transform:translateY(14px)}.cx-st .c{background:#E5F6EE;color:#067647;opacity:0;transform:translateY(14px)}
.st-b .cx-st .a{opacity:0;transform:translateY(-14px)}.st-b .cx-st .b{opacity:1;transform:none}
.st-c .cx-st .b{opacity:0;transform:translateY(-14px)}.st-c .cx-st .c{opacity:1;transform:none}
.cx-go{position:relative;overflow:hidden;width:200px;height:50px;border-radius:12px;font-size:17px}
.cx-go>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .25s,transform .3s}
.cx-go .g2,.cx-go .g3{opacity:0;transform:translateY(12px)}
.cx-go.run .g1{opacity:0;transform:translateY(-12px)}.cx-go.run .g2{opacity:1;transform:none}
.cx-go.ok .g2{opacity:0;transform:translateY(-12px)}.cx-go.ok .g3{opacity:1;transform:none}
.cx-go>i{position:absolute;left:0;bottom:0;width:100%;height:4px;background:rgba(255,255,255,.75);transform-origin:0 50%}.cx-go.ok>i{opacity:0}
.cx-row{display:grid;grid-template-columns:1fr 160px 80px 64px;align-items:center;height:58px;padding:0 28px;border-bottom:1px solid #F2F4F8;font-size:15.5px}
.cx-row .nm{display:flex;align-items:center;gap:12px;font-weight:600;white-space:nowrap}.cx-row .mu{color:#6B7185;font-size:14px}
.cx-row.nw{background:#F5F8FF}
.cx-more{padding:16px 28px;color:#6B7185;font-size:14px;font-weight:600}
.cx .lf-stamp{right:36px;bottom:36px}
.cx-veil{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(244,246,250,.9),rgba(244,246,250,.45) 75%)}
.cx-tag2{position:absolute;left:0;right:0;top:250px;text-align:center}
.cx-tag2 .a{font-size:128px;font-weight:800;letter-spacing:-5.5px;line-height:1}
.cx-tag2 .b{font-size:54px;font-weight:800;letter-spacing:-2px;margin-top:18px}
.cx-notif{position:absolute;left:330px;top:560px;width:540px;background:rgba(255,255,255,.96);border-radius:22px;padding:18px 22px;box-shadow:0 30px 60px -24px rgba(31,36,51,.45),0 0 0 1px rgba(31,36,51,.06);display:flex;flex-direction:column;gap:4px;font-size:15px;color:#5B6275}
.cx-notif .nh{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:4px}.cx-notif .nh b{color:#1F2433}.cx-notif .nh small{margin-left:auto}
.cx-notif>b{font-size:18px;color:#1F2433}
.cx-fade{position:absolute;inset:0;background:#F4F6FA;z-index:60;pointer-events:none}
.lf-ui.min{background:none;padding:12px;justify-content:flex-end}
.lf-ui.min .lf-chs{display:none}

/* act 1: frosted glow behind the big title while tiles pass behind it */
.lf-h1veil{position:absolute;left:260px;top:180px;width:1400px;height:420px;pointer-events:none;border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(246,248,252,.97) 0%,rgba(246,248,252,.92) 52%,rgba(246,248,252,0) 72%);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  -webkit-mask-image:radial-gradient(ellipse at center,#000 55%,transparent 72%);mask-image:radial-gradient(ellipse at center,#000 55%,transparent 72%)}
.lf-h1{z-index:2}

/* ═══ CLIENT PORTAL PHONE FILMS (FILMS.cpUpload … cpData, 660×940) ═══════════
   Stage-space px. Phone 400×820 centred; chips float outside it at depth. */
.lf-host.cpf{aspect-ratio:660/940;background:#F4F6FA;border-radius:24px;box-shadow:0 40px 80px -44px rgba(31,36,51,.4),0 0 0 1px rgba(31,36,51,.06)}
.cpf .lf-stage{perspective:1700px;perspective-origin:50% 48%}
.cp-bg{position:absolute;left:-40px;top:-40px;width:740px;height:1020px;background:linear-gradient(180deg,#F8FAFE,#EEF3FD)}
.cp-bg .lf-blob{filter:blur(80px);opacity:.8}
.cp-cam{position:absolute;left:0;top:0;width:660px;height:940px;transform-origin:330px 470px;transform-style:preserve-3d}
.cp-shd{position:absolute;left:170px;top:846px;width:320px;height:46px;border-radius:50%;background:rgba(31,36,51,.28);filter:blur(22px)}
.cp-ph{left:130px;top:56px;width:400px;height:820px;border-radius:62px;padding:13px;box-shadow:0 70px 110px -50px rgba(31,36,51,.55),0 30px 50px -30px rgba(26,86,219,.25),inset 0 0 0 2px #3A4154,inset 0 0 0 5px #11141c}
.cp-ph .lf-scr{border-radius:50px;background:#F4F6FA}
.cp-views,.cp-cover{position:absolute;inset:0;overflow:hidden}
.cp-cover{z-index:8;pointer-events:none}
.cp-isl{position:absolute;left:50%;top:12px;width:112px;height:32px;margin-left:-56px;border-radius:18px;background:#0B0D12;z-index:12}
.cp-glare{position:absolute;inset:0;z-index:10;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,0) 28%)}
.cp-sweep{position:absolute;top:-60px;left:0;width:150px;height:940px;z-index:11;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.38),rgba(255,255,255,0));transform-origin:0 0;rotate:18deg;mix-blend-mode:soft-light}
.cp-sb{position:absolute;left:0;right:0;top:0;height:50px;display:flex;align-items:center;justify-content:space-between;padding:4px 30px 0 36px;z-index:7;color:#1F2433;font-size:15px;transition:color .2s}
.cp-sb.w{color:#fff}
.cp-ic{display:flex;align-items:flex-end;gap:2px}.cp-ic i{width:3.5px;background:currentColor;border-radius:1px}.cp-ic i:nth-child(1){height:5px}.cp-ic i:nth-child(2){height:7px}.cp-ic i:nth-child(3){height:9px}.cp-ic i:nth-child(4){height:11px}
.cp-ic em{width:22px;height:11px;border:1.5px solid currentColor;border-radius:3.5px;margin-left:6px;position:relative}.cp-ic em:after{content:'';position:absolute;inset:1.5px 5px 1.5px 1.5px;background:currentColor;border-radius:1.5px}
.cp-v{position:absolute;inset:0;background:#F4F6FA;padding:56px 16px 16px;display:flex;flex-direction:column;gap:10px;font-size:16px;line-height:1.3;color:#1F2433}
.cp-views{font-size:16px;line-height:1.3;color:#1F2433}.cp-views b{font-weight:700}.cp-views small{display:block;font-size:13.5px;color:#6B7185;font-weight:500;margin-top:2px}
.cp-fh{display:flex;align-items:center;gap:10px;font-size:16px;flex-shrink:0}
.cp-fh b{flex:1;white-space:nowrap}
.cp-av{width:32px;height:32px;border-radius:50%;background:#1A56DB;color:#fff;font-size:12.5px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.cp-av.w{background:#fff;color:#075E54;width:42px;height:42px;font-size:14px}
.cp-sec{font-style:normal;font-size:12px;font-weight:700;color:#0E9F6E;background:#E5F6EE;border-radius:999px;padding:4px 9px}
.cp-ttl{margin:6px 0 0;font-size:25px;font-weight:800;letter-spacing:-.6px;line-height:1.15}
.cp-sub{margin:0;font-size:14px;color:#5B6275;line-height:1.4}.cp-sub.c{text-align:center}.cp-sub u{color:#1A56DB;text-decoration:none;font-weight:700}
.cp-card{position:relative;background:#fff;border-radius:16px;padding:13px 14px;box-shadow:0 0 0 1px rgba(31,36,51,.06),0 10px 20px -16px rgba(31,36,51,.45);flex-shrink:0}
.cp-card.row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cp-pl{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;font-size:12.5px;font-weight:800;white-space:nowrap;flex-shrink:0}
.cp-pl.g{background:#E5F6EE;color:#067647}.cp-pl.y{background:#FEF3E2;color:#8A4B00}.cp-pl.b{background:#EEF3FD;color:#1A56DB}.cp-pl.n{background:#F2F4F8;color:#5B6275}
.cp-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;height:50px;border-radius:13px;background:#1A56DB;color:#fff;font-weight:700;font-size:16px;flex-shrink:0;overflow:hidden;transition:background .3s}
.cp-btn.s{background:#EEF3FD;color:#1A56DB}.cp-btn.sm{height:36px;font-size:14px;padding:0 14px;border-radius:10px;align-self:flex-start}
.cp-btn .l2{display:none;align-items:center;gap:8px}.cp-btn.run .l1,.cp-btn.ok .l1{display:none}.cp-btn.run .l2,.cp-btn.ok .l2{display:inline-flex}
.cp-btn.ok{background:#0E9F6E;color:#fff}
.cp-tp{position:relative;overflow:hidden}
.cp-rip{position:absolute;left:50%;top:50%;width:90px;height:90px;margin:-45px 0 0 -45px;border-radius:50%;background:#1A56DB;pointer-events:none}
.cp-btn .cp-rip,.cp-vf .cp-rip{background:#fff}
.cp-fg{position:absolute;left:0;top:0;width:48px;height:48px;border-radius:50%;background:rgba(31,36,51,.2);box-shadow:0 0 0 2.5px rgba(255,255,255,.95),0 8px 18px rgba(31,36,51,.3);z-index:9;pointer-events:none}
.cp-okc{width:24px;height:24px;border-radius:50%;background:#0E9F6E;color:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.cp-dim{position:absolute;inset:0;background:rgba(17,20,28,.34);z-index:3}
.cp-sheet{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:26px 26px 0 0;z-index:4;padding:12px 18px 26px;display:flex;flex-direction:column;box-shadow:0 -20px 40px -20px rgba(17,20,28,.35)}
.cp-grab{width:40px;height:5px;border-radius:3px;background:#D4D8E2;align-self:center;margin-bottom:12px;flex-shrink:0}
.cp-bigok{width:76px;height:76px;border-radius:50%;background:#0E9F6E;display:flex;align-items:center;justify-content:center;align-self:center;box-shadow:0 14px 30px -12px rgba(14,159,110,.7)}
.cp-hap{position:absolute;left:130px;top:56px;width:400px;height:820px;border-radius:62px;border:3px solid;pointer-events:none}
.cp-toast{position:absolute;left:18px;right:18px;bottom:96px;z-index:6;background:#1F2433;color:#fff;border-radius:14px;padding:12px 14px;font-size:14.5px;font-weight:600;display:flex;align-items:center;gap:10px;box-shadow:0 16px 30px -12px rgba(17,20,28,.5)}
.cp-caret{display:inline-block;width:2px;height:1.1em;background:#1A56DB;vertical-align:-3px;margin-left:1px;animation:cpblink 1s steps(1) infinite}
@keyframes cpblink{50%{opacity:0}}
.cp-nav{margin-top:auto;display:flex;justify-content:space-around;border-top:1px solid #E3E8F2;padding-top:10px;flex-shrink:0}
.cp-nav span{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11.5px;font-weight:700;color:#8A90A2}.cp-nav span.on{color:#1A56DB}
.cp-spin{width:16px;height:16px;border-radius:50%;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;display:inline-block}
/* chips at depth */
.cp-chip{position:absolute;display:flex;align-items:center;gap:9px;max-width:172px;padding:11px 13px;background:#fff;border-radius:14px;font-size:14.5px;font-weight:700;line-height:1.3;color:#1F2433;box-shadow:0 22px 40px -18px rgba(31,36,51,.45),0 0 0 1px rgba(31,36,51,.06);z-index:20}
.cp-chip.l{left:26px}.cp-chip.r{right:26px}
.cp-cd{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 4px rgba(26,86,219,.12)}
.cp-cd.b{background:#1A56DB}.cp-cd.g{background:#0E9F6E;box-shadow:0 0 0 4px rgba(14,159,110,.14)}.cp-cd.a{background:#F59E0B;box-shadow:0 0 0 4px rgba(245,158,11,.16)}.cp-cd.v{background:#8B5CF6;box-shadow:0 0 0 4px rgba(139,92,246,.14)}
.cp-chip.ca{flex-direction:column;align-items:stretch;gap:8px;width:208px;max-width:none;padding:12px;font-size:13.5px}
.cp-chip.ca.l{left:-96px}.cp-chip.ca .r b{white-space:nowrap;font-size:13.5px}.cp-chip.ca.r{left:480px;right:auto}
.cp-chip.ca .h{display:flex;align-items:center;gap:7px;font-size:12px;color:#5B6275}
.cp-chip.ca .r{display:flex;align-items:center;justify-content:space-between;gap:6px}.cp-chip.ca small{font-size:12px;color:#6B7185;font-weight:600;display:block}
.cp-chip.ca .r2{display:flex;justify-content:space-between;font-size:12px;color:#5B6275;font-weight:600;border-top:1px dashed #E3E8F2;padding-top:7px}.cp-chip.ca em{font-style:normal;color:#8A90A2}
.cp-chip.ca.flash{animation:cpflash .9s ease-out}
@keyframes cpflash{0%{box-shadow:0 0 0 0 rgba(14,159,110,.6),0 22px 40px -18px rgba(31,36,51,.45)}100%{box-shadow:0 0 0 18px rgba(14,159,110,0),0 22px 40px -18px rgba(31,36,51,.45)}}
.cp-sw{position:relative;display:inline-grid}.cp-sw>*{grid-area:1/1;justify-self:end;transition:opacity .25s,transform .35s cubic-bezier(.2,1.4,.4,1)}
.cp-sw .s2{opacity:0;transform:scale(.5)}.cp-sw.on .s1{opacity:0;transform:scale(.6)}.cp-sw.on .s2{opacity:1;transform:none}
.lf-narrow .cp-chip{display:none}
/* 1 upload */
.cp-v.wa{background:#ECE5DD;padding:0}
.cp-wah{height:118px;background:#075E54;color:#fff;display:flex;align-items:flex-end;gap:12px;padding:0 18px 14px;flex-shrink:0}
.cp-wah b{display:block;font-size:17px}.cp-wah small{color:rgba(255,255,255,.8)}
.cp-wab{padding:18px 14px}
.cp-day{width:max-content;margin:0 auto 14px;background:#E1F2FB;color:#51606E;font-size:13px;font-weight:600;padding:5px 12px;border-radius:8px}
.cp-bub{background:#fff;border-radius:0 16px 16px 16px;padding:12px 14px;max-width:310px;transform-origin:0 0;box-shadow:0 2px 2px rgba(0,0,0,.06)}
.cp-bub p{margin:0;font-size:16px;line-height:1.45}
.cp-wl{display:block;margin-top:10px;padding:12px;border-radius:10px;background:#EEF3FD;color:#1A56DB;font-weight:700;text-align:center}
.cp-bub small{text-align:right}
.cp-for{font-size:14px;color:#5B6275;margin-top:4px}
.cp-h4{position:relative;height:32px;margin:0;font-size:25px;font-weight:800;letter-spacing:-.6px;overflow:hidden;flex-shrink:0}
.cp-h4 span{position:absolute;left:0;top:0;white-space:nowrap;transition:transform .45s cubic-bezier(.2,1,.3,1),opacity .3s}
.cp-h4 .b{transform:translateY(100%);opacity:0;color:#0E9F6E}.cp-h4.ok .a{transform:translateY(-100%);opacity:0}.cp-h4.ok .b{transform:none;opacity:1}
.cp-prow{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;color:#5B6275}
.cp-cnt .lf-odo{font-weight:800;color:#1F2433;font-size:16px}.cp-cnt.ok .lf-odo{color:#0E9F6E}
.cp-bar{height:7px;border-radius:4px;background:#E3E8F2;overflow:hidden;flex-shrink:0}
.cp-bar i{display:block;height:100%;background:#1A56DB;transform-origin:0 50%;border-radius:4px;transition:background .3s}.cp-bar i.ok{background:#0E9F6E}
.cp-it{position:relative;display:flex;align-items:center;gap:12px;background:#fff;border-radius:16px;padding:12px 14px;box-shadow:0 0 0 1px rgba(31,36,51,.06),0 10px 20px -16px rgba(31,36,51,.45);flex-shrink:0}
.cp-it.big{display:block;height:118px}
.cp-b{position:absolute;left:14px;right:14px;bottom:12px;height:44px;border-radius:12px;background:#1A56DB;color:#fff;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px}
.cp-b.s{background:#EEF3FD;color:#1A56DB}
.cp-th,.cp-fl{position:absolute;left:14px;right:14px;bottom:12px;height:48px;display:flex;align-items:center;gap:8px}
.cp-th .t{width:38px;height:46px;border-radius:6px;background:#FBFAF6;box-shadow:0 0 0 1px #E3E0D6,0 4px 8px -4px rgba(0,0,0,.3);background-image:linear-gradient(#C9CEDA,#C9CEDA),linear-gradient(#DADDE5,#DADDE5),linear-gradient(#DADDE5,#DADDE5);background-size:22px 3px,26px 2px,18px 2px;background-position:7px 9px,6px 19px,6px 26px;background-repeat:no-repeat}
.cp-th em{font-style:normal;font-weight:700;font-size:14px;margin-left:4px;flex:1}
.cp-th u{display:inline-block;text-decoration:none;color:#B42318;background:#FDECEC;font-size:13px;font-weight:700;padding:6px 10px;border-radius:9px}
.cp-fi{flex:1;min-width:0}.cp-fi span{display:block;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cp-pb{height:5px;border-radius:3px;background:#E3E8F2;margin-top:6px;overflow:hidden}.cp-pb i{display:block;height:100%;background:#1A56DB;transform-origin:0 50%}
.cp-fly{position:absolute;left:0;top:0;width:38px;height:46px;border-radius:6px;background:#FBFAF6;box-shadow:0 0 0 1px #E3E0D6,0 10px 20px -8px rgba(0,0,0,.4);z-index:6;padding:8px 6px;display:flex;flex-direction:column;gap:4px}
.cp-fly i{height:2px;background:#DADDE5;border-radius:1px}.cp-fly i.s{width:60%}
.cp-vf{position:absolute;inset:0;z-index:5;background:#0E1016;color:#fff}
.vf-top{position:absolute;left:0;right:0;top:58px;text-align:center;font-size:15px;font-weight:700}
.vf-n{position:relative;display:inline-block;width:10px;height:1.2em;vertical-align:top}.vf-n i{position:absolute;left:0;top:0;font-style:normal}
.vf-doc{position:absolute;left:66px;top:150px;width:240px;height:320px;background:#FBFAF6;color:#1F2433;border-radius:6px;padding:22px 20px;display:flex;flex-direction:column;gap:9px;box-shadow:0 30px 50px -20px rgba(0,0,0,.7)}
.vf-doc b{font-size:17px;letter-spacing:1px}.vf-doc small{font-size:11.5px}.vf-doc>i{height:5px;background:#DADDE5;border-radius:2px}.vf-doc>i.s{width:60%}
.vf-doc .tb{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}.vf-doc .tb span{height:22px;background:#EEF0F4;border-radius:3px}
.vf-doc em{margin-top:auto;align-self:flex-end;font-style:normal;font-weight:800;font-size:18px}
.vf-c{position:absolute;width:34px;height:34px;border:3.5px solid #FBBF24}
.vf-c.a{left:44px;top:128px;border-right:0;border-bottom:0;border-radius:8px 0 0 0}.vf-c.b{right:44px;top:128px;border-left:0;border-bottom:0;border-radius:0 8px 0 0}.vf-c.c{left:44px;top:458px;border-right:0;border-top:0;border-radius:0 0 0 8px}.vf-c.d{right:44px;top:458px;border-left:0;border-top:0;border-radius:0 0 8px 0}
.vf-bot{position:absolute;left:0;right:0;bottom:40px;height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 34px}
.vf-stk{position:relative;width:52px;height:60px}.vf-stk i{position:absolute;left:0;top:0;width:44px;height:54px;border-radius:5px;background:#FBFAF6;box-shadow:0 0 0 2px #fff}.vf-stk i:nth-child(2){left:4px;top:3px}.vf-stk i:nth-child(3){left:8px;top:6px}
.vf-sh{position:relative;width:78px;height:78px;border-radius:50%;border:4px solid #fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.vf-sh i{width:62px;height:62px;border-radius:50%;background:#fff}
.vf-done{font-weight:700;font-size:16px;width:52px;text-align:right}
.vf-fl{position:absolute;inset:0;background:#fff}
.cp-sheet.ack{align-items:center;text-align:center;gap:8px;padding-bottom:30px}
.cp-sheet.ack b{font-size:24px;letter-spacing:-.5px;margin-top:8px}.cp-sheet.ack p{margin:0;font-size:15px;color:#5B6275;max-width:280px}
.cp-sheet.ack .cp-btn{align-self:stretch;margin-top:12px}
/* 2 otp */
.cp-lb{font-size:14px;font-weight:700;margin-top:8px}
.cp-mob{display:flex;gap:8px;height:54px}.cp-mob span,.cp-mob b{border-radius:12px;background:#fff;box-shadow:0 0 0 1.5px #D4D8E2;display:flex;align-items:center;padding:0 14px;font-size:19px}
.cp-mob b{flex:1;box-shadow:0 0 0 2px #1A56DB;letter-spacing:.5px}
.cp-kb{position:absolute;left:0;right:0;bottom:0;padding:10px 8px 30px;background:#D5D9E0;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.cp-kb span{height:48px;border-radius:9px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:23px;font-weight:600;box-shadow:0 1px 0 rgba(0,0,0,.25);transition:background .08s}
.cp-kb span.on{background:#AEB5C2}.cp-kb span:nth-child(10),.cp-kb span:nth-child(12){background:none;box-shadow:none}
.cp-otp{display:flex;gap:8px;margin:10px 0 4px}.cp-otp span{flex:1;height:58px;border-radius:12px;background:#fff;box-shadow:0 0 0 1.5px #D4D8E2;display:flex;align-items:center;justify-content:center;font-size:26px;transition:box-shadow .2s}
.cp-otp span.on{box-shadow:0 0 0 2px #1A56DB}.cp-otp b{font-weight:800}
.cp-sug{position:absolute;left:0;right:0;bottom:0;height:86px;background:#D5D9E0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding-bottom:10px}
.cp-sug small{color:#5B6275!important;margin:0}.cp-sug b{background:#fff;border-radius:10px;padding:6px 22px;font-size:19px;letter-spacing:2px}
.cp-sms{position:absolute;left:10px;right:10px;top:54px;z-index:6;background:#fff;border-radius:22px;padding:12px 14px 14px;box-shadow:0 20px 40px -14px rgba(17,20,28,.45),0 0 0 1px rgba(31,36,51,.06);font-size:14.5px;line-height:1.4}
.cp-sms .h{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:13px;color:#5B6275}.cp-sms .h b{flex:1;color:#5B6275}.cp-sms .h small{margin:0}
.cp-sms .ic{width:22px;height:22px;border-radius:6px;background:#22C55E;display:flex;align-items:center;justify-content:center}.cp-sms .ic i{width:12px;height:9px;border-radius:5px;background:#fff}
.cp-sms p{margin:2px 0 0}
.cp-hh{display:flex;flex-direction:column;gap:8px}
.cp-ent{align-self:flex-start;font-size:13.5px;font-weight:700;background:#fff;border-radius:999px;padding:6px 12px;box-shadow:0 0 0 1px #E3E8F2}.cp-ent em{font-style:normal;color:#1A56DB;margin-left:6px}
.cp-card.warn{background:#FFF8E6;box-shadow:0 0 0 1px #F5E3B3;display:flex;flex-direction:column;gap:6px}.cp-card.warn .cp-btn{position:absolute;right:14px;top:50%;margin-top:-18px}
.cp-card .amt{font-size:17px}
/* 3 switch */
.cp-eb{display:flex;align-items:center;gap:10px;background:#fff;border-radius:16px;padding:10px 12px;box-shadow:0 0 0 1px rgba(31,36,51,.06),0 10px 20px -16px rgba(31,36,51,.45);flex-shrink:0}
.cp-ea{position:relative;width:38px;height:38px;border-radius:11px;color:#fff;font-weight:800;font-size:13px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.cp-eb .cp-ea .x{position:absolute}
.cp-en{position:relative;flex:1;height:40px;overflow:hidden}.cp-en .x{position:absolute;left:0;white-space:nowrap}.cp-en b.x{top:0;font-size:16px}.cp-en small.x{top:21px;margin:0}
.cp-ec{font-size:13.5px;font-weight:700;color:#1A56DB;display:flex;align-items:center;gap:4px}
.cp-blks{position:relative;flex:1}.cp-blk{position:absolute;inset:0;display:flex;flex-direction:column;gap:9px}
.cp-sh{font-size:13px;font-weight:800;color:#6B7185;text-transform:uppercase;letter-spacing:.8px;margin-top:6px}
.cp-card.doc{justify-content:flex-start;gap:12px}
.cp-dd{position:absolute;left:12px;right:12px;top:150px;z-index:5;background:#fff;border-radius:18px;padding:12px;box-shadow:0 30px 60px -20px rgba(17,20,28,.55),0 0 0 1px rgba(31,36,51,.06);transform-origin:50% 0;display:flex;flex-direction:column;gap:4px}
.cp-dd>small{margin:2px 6px 6px;font-weight:700}
.cp-ddsel{position:absolute;left:12px;right:12px;top:0;height:62px;border-radius:12px;background:#EEF3FD;box-shadow:inset 0 0 0 1.5px #1A56DB}
.cp-ddi{position:relative;display:flex;align-items:center;gap:12px;height:62px;padding:0 10px}.cp-ddi div{flex:1}.cp-ddi em{color:#1A56DB}
.cp-dd p{margin:6px 6px 2px;font-size:12.5px;color:#6B7185}
/* 4 filings */
.cp-v.fi{perspective:900px}
.cp-fc{display:flex;gap:6px}.cp-fc span{font-size:13px;font-weight:700;padding:6px 11px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px #E3E8F2;color:#5B6275}.cp-fc span.on{background:#1F2433;color:#fff;box-shadow:none}
.cp-card.fl{display:flex;flex-direction:column;gap:4px}.cp-card.fl .r{display:flex;justify-content:space-between;align-items:center}
.cp-card.fl .cp-btn{margin-top:6px;height:38px;font-size:14px}
.cp-stp{position:absolute;right:84px;top:4px;border:3px solid #0E9F6E;color:#0E9F6E;border-radius:8px;padding:3px 10px;font-weight:800;font-size:18px;letter-spacing:2px;background:rgba(255,255,255,.9)}
.cp-card.fl.hot{box-shadow:0 0 0 2px #F59E0B,0 14px 30px -14px rgba(245,158,11,.55);transition:box-shadow .3s}
.cp-card .ty{min-height:1.3em;color:#8A4B00}
.cp-sheet.pdf{top:92px;background:#EEF0F5;padding:10px 14px 20px;gap:10px}
.cp-sheet.pdf .ph{display:flex;align-items:center;justify-content:space-between;gap:10px}.cp-sheet.pdf .ph b{font-size:14.5px}.cp-sheet.pdf .ph .cp-btn{align-self:auto}
.cp-sheet.pdf .pg{background:#fff;border-radius:6px;padding:18px 16px;box-shadow:0 10px 30px -14px rgba(17,20,28,.35);display:flex;flex-direction:column;gap:10px}
.cp-sheet.pdf h5{margin:0 0 4px;font-size:20px;font-weight:800}
.kv{display:flex;justify-content:space-between;gap:10px;font-size:14px;border-bottom:1px solid #F0F2F6;padding-bottom:8px}.kv span{color:#6B7185}
.kv.arnr{transform-origin:100% 50%}.kv.arnr b{position:relative;font-size:15.5px;letter-spacing:.3px}.kv.arnr b span{position:relative;color:#1F2433}
.kv .hl{position:absolute;left:-5px;right:-5px;top:-2px;bottom:-2px;background:#FDE68A;border-radius:4px;transform-origin:0 50%}
.pg p{margin:4px 0 0;font-size:12px;color:#8A90A2}
/* 5 pay */
.cp-ih{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.cp-ih .cp-ttl{font-size:22px}
.cp-card.inv{display:flex;flex-direction:column;gap:12px;padding:16px}
.ln{display:flex;justify-content:space-between;align-items:center;font-size:15.5px;transform-origin:100% 50%}.ln em{font-style:normal;font-size:11.5px;font-weight:800;color:#8A4B00;background:#FEF3E2;border-radius:999px;padding:2px 7px;margin-left:4px}
.ln b{font-variant-numeric:tabular-nums}.ln.tot{border-top:1px dashed #D4D8E2;padding-top:12px;font-size:17px;font-weight:700}.ln.tot b{font-size:26px;color:#1A56DB;letter-spacing:-.5px}
.cp-btn.pay{margin-top:auto;height:56px;font-size:17px}
.cp-sheet.rz{top:240px;gap:10px}
.rz .rh{text-align:center;display:flex;flex-direction:column;gap:2px;margin-bottom:6px}.rz .rh small{margin:0}.rz .rh b{font-size:30px;letter-spacing:-.8px}.rz .rh span{font-size:13.5px;color:#5B6275}
.rz .opt{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;box-shadow:0 0 0 1px #E3E8F2}.rz .opt i{width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 2px #C5CCDA}
.rz .opt.on{box-shadow:0 0 0 2px #1A56DB;background:#F7F9FE}.rz .opt.on i{box-shadow:inset 0 0 0 5px #1A56DB}
.rz .pb{margin-top:auto}
.rz .ok{position:absolute;inset:0;background:#fff;border-radius:26px 26px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}
.rz .ok b{font-size:26px;margin-top:10px}.rz .ok small{max-width:260px}
.cp-cf{position:absolute;left:50%;top:40%;width:9px;height:9px;margin:-5px;border-radius:2px}
/* 6 data */
.cp-tr{position:relative;display:inline-grid;vertical-align:top}.cp-tr>span{grid-area:1/1}
.cp-tabs{position:relative;display:flex;gap:18px;border-bottom:1px solid #E3E8F2;padding-bottom:9px;font-size:14px;font-weight:700;color:#8A90A2;flex-shrink:0}
.cp-tabs .on{color:#1A56DB}.cp-tabs .u{position:absolute;left:0;bottom:-1px;width:100px;height:3px;border-radius:2px;background:#1A56DB;transform-origin:0 50%}
.cp-panes{position:relative;flex:1}.cp-pane{position:absolute;inset:0;display:flex;flex-direction:column;gap:10px}
.cp-pane .cp-card{display:flex;flex-direction:column;gap:9px}
.cp-card .ch{font-size:15px;color:#1F2433}
.cp-card .r{display:flex;align-items:center;justify-content:space-between;gap:10px}
.dt{position:relative;display:inline-block;white-space:nowrap}.dt span{position:relative;color:#1F2433;font-weight:700}.dt .hl{position:absolute;left:-3px;right:-3px;top:-1px;bottom:-1px;background:#FDE68A;border-radius:4px;transform-origin:0 50%}
.g3{display:grid;grid-template-columns:1fr 50px 38px 42px;align-items:center;gap:4px;font-size:14px}.g3 b{font-size:14px;font-weight:600}
.g3.hd span{font-size:11px;font-weight:700;color:#6B7185;text-align:center}.g3>span{display:flex;justify-content:center;border-radius:10px;padding:4px 0}
.cp-tg{position:relative;width:34px;height:20px;border-radius:10px;background:#D4D8E2;transition:background .25s}.cp-tg:after{content:'';position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .35s cubic-bezier(.3,1.5,.5,1)}
.cp-tg.on:not(.flip),.cp-tg.flip:not(.on){background:#0E9F6E}.cp-tg.on:not(.flip):after,.cp-tg.flip:not(.on):after{transform:translateX(14px)}
.cp-seg{position:relative;display:flex;background:#F2F4F8;border-radius:11px;padding:3px}.cp-seg span{position:relative;flex:1;text-align:center;padding:8px 0;font-size:14px;font-weight:700;color:#5B6275;z-index:1}
.cp-seg .k{position:absolute;left:0;top:3px;bottom:3px;width:33%;flex:none;padding:0;background:#fff;border-radius:9px;box-shadow:0 2px 6px rgba(31,36,51,.15);z-index:0}
.cp-seg span:nth-child(2){color:#1A56DB}.cp-seg.hion span:nth-child(2){color:#5B6275}.cp-seg.hion span.hi{color:#1A56DB}
.cp-btn.ex{height:44px;font-size:14.5px}.cp-btn.ex.run{background:#E5F6EE;color:#067647}
/* data film: Hindi labels are longer/taller — let them wrap and breathe */
.cpf .cp-pane small,.cpf .g3 b,.cpf .cp-card .r b{white-space:normal}
.cpf .g3 b{min-width:0;overflow-wrap:anywhere;line-height:1.25}
.cpf .cp-tr .hi{line-height:1.35}
.cpf .cp-ttl + .cp-tabs{margin-top:8px}

/* Phones / iOS Safari: backdrop-filter inside the scaled 3D stage ignores the
   mask and border-radius there and paints a white rectangle over the title.
   Keep only the soft radial/linear gradient (it already fades to transparent). */
@media (max-width:900px){
  .lf-h1veil,.lf-veil{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;-webkit-mask-image:none!important;mask-image:none!important}
  .lf-h1veil{border-radius:0;background:radial-gradient(ellipse at center,rgba(246,248,252,.94) 0%,rgba(246,248,252,.85) 45%,rgba(246,248,252,0) 70%)}
}
@supports (-webkit-touch-callout:none){
  .lf-h1veil,.lf-veil{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;-webkit-mask-image:none!important;mask-image:none!important}
  .lf-h1veil{border-radius:0}
}