/* Akon Work — public website (v2)
   Direction: "the work floor". Cool paper white, deep ink navy, one blue accent.
   Green appears only where money is credited. Display type: Bricolage Grotesque. */
body.site{background:#fff;--paper:#F5F7FA;--rule:#E3E8EF;--d:'Bricolage Grotesque','Schibsted Grotesk',system-ui,sans-serif;font-size:15px}
body.site h1,body.site h2,body.site h3{font-family:var(--d);letter-spacing:-.02em}
.wrap{width:min(1240px,100% - 48px);margin:0 auto}
.row.wrap{width:auto;margin:0}

/* ---------- header ---------- */
.snav{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid transparent;transition:border-color .2s}
.snav.scrolled{border-bottom-color:var(--rule)}
.snav .wrap{display:flex;align-items:center;gap:30px;height:70px}
.slogo{display:flex;align-items:center;gap:10px;text-decoration:none!important}
.slogo .wm{font-family:'Schibsted Grotesk',var(--d);font-weight:800;font-size:22px;letter-spacing:-.4px;color:var(--navy)}
.slogo .wm b{color:var(--red)}
.slogo .pr{font-size:11.5px;font-weight:800;letter-spacing:1.6px;color:var(--blue);background:var(--blue-50);padding:4px 8px;border-radius:5px}
.slinks{display:flex;gap:2px}
.slinks a{padding:8px 12px;border-radius:8px;color:var(--ink-2);font-weight:600;font-size:14.5px;text-decoration:none}
.slinks a:hover{color:var(--ink);background:var(--paper)}
.slinks a.on{color:var(--ink);box-shadow:inset 0 -2px 0 var(--blue);border-radius:0}
.sacts{margin-left:auto;display:flex;gap:6px;align-items:center}
.sacts .btn-ghost{border-color:transparent}
.sburger{display:none;margin-left:auto;border:0;background:none;width:42px;height:42px;cursor:pointer;border-radius:8px}
.mnav{display:none}

/* ---------- buttons on site ---------- */
body.site .btn{height:42px;padding:0 18px;border-radius:10px;font-size:14.5px}
body.site .btn-lg{height:52px;padding:0 24px;font-size:15.5px;border-radius:12px}
body.site .btn-sm{height:34px;padding:0 12px;font-size:13.5px}
.btn-ink{background:var(--navy);color:#fff}.btn-ink:hover{background:#13254A}
.btn-line{background:#fff;border:1px solid var(--rule);color:var(--ink)}.btn-line:hover{border-color:#C5CEDC}

/* ---------- home hero ---------- */
.hx{padding:56px 0 0;position:relative}
.hx-kick{display:inline-flex;align-items:center;gap:10px;font-size:13.5px;font-weight:600;color:var(--ink-2);border:1px solid var(--rule);border-radius:30px;padding:6px 14px 6px 10px;background:#fff}
.pulse{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(18,145,90,.5);animation:pl 2s infinite}
@keyframes pl{70%{box-shadow:0 0 0 8px rgba(18,145,90,0)}100%{box-shadow:0 0 0 0 rgba(18,145,90,0)}}
.hx-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);gap:48px;align-items:end;margin-top:26px}
.hx h1{font-size:clamp(44px,6.6vw,92px);line-height:.94;font-weight:800;letter-spacing:-.045em;color:var(--navy)}
.hx h1 .cr{display:inline-flex;align-items:center;gap:8px;vertical-align:middle;font-family:var(--f-ui);font-size:clamp(13px,1.2vw,16px);font-weight:700;letter-spacing:0;background:var(--green-50);color:var(--green);border:1px solid var(--green-100);padding:6px 12px;border-radius:30px;margin-left:14px;transform:translateY(-.5em);opacity:0;transition:opacity .35s,transform .35s}
.hx h1 .cr.show{opacity:1;transform:translateY(-.6em)}
.hx-side{padding-bottom:10px}
.hx-side p{font-size:17.5px;line-height:1.6;color:var(--ink-2)}
.hx-find{margin-top:22px;display:flex;border:1px solid var(--rule);border-radius:14px;background:#fff;padding:6px;box-shadow:0 12px 30px -18px rgba(11,26,56,.35)}
.hx-find input{flex:1;border:0;outline:0;font-size:15px;padding:0 12px;min-width:0;background:none}
.hx-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.hx-chips a{font-size:13px;font-weight:600;color:var(--ink-2);border:1px solid var(--rule);border-radius:20px;padding:5px 11px;text-decoration:none;background:#fff}
.hx-chips a:hover{border-color:var(--blue);color:var(--blue)}
.hx-ctas{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}

/* live board */
.board{margin-top:48px;background:var(--navy);border-radius:22px;color:#fff;overflow:hidden;position:relative}
.board::after{content:"";position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(transparent,var(--navy));pointer-events:none}
.bd-h{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 26px;border-bottom:1px solid rgba(255,255,255,.08);flex-wrap:wrap}
.bd-h b{font-family:var(--d);font-size:17px;letter-spacing:-.01em}
.bd-h small{color:#8E9CBB;font-size:12.5px}
.bd-tot{display:flex;gap:26px}
.bd-tot div{text-align:right}.bd-tot span{display:block;font-size:11.5px;color:#8E9CBB}.bd-tot strong{font-family:var(--d);font-size:20px;font-variant-numeric:tabular-nums}
.bd-tot .g{color:#5FD69A}
.bd-cols,.bd-row{display:grid;grid-template-columns:78px 130px minmax(0,1.5fr) 120px 150px 124px;gap:14px;align-items:center;padding:0 26px}
.bd-cols{height:38px;font-size:11.5px;color:#7E8BA8;font-weight:600;border-bottom:1px solid rgba(255,255,255,.06)}
.bd-list{height:330px;overflow:hidden}
.bd-row{height:55px;border-bottom:1px solid rgba(255,255,255,.06);font-size:14px;animation:rin .5s ease}
@keyframes rin{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
.bd-row .t{color:#8E9CBB;font-variant-numeric:tabular-nums;font-size:13px}
.bd-row .pj{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bd-row .pj small{display:block;font-weight:400;color:#8E9CBB;font-size:12px}
.bd-row .id{font-family:ui-monospace,Menlo,monospace;font-size:12.5px;color:#AFBBD3}
.bd-row .pay{font-weight:700;font-variant-numeric:tabular-nums}
.st2{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;padding:4px 10px;border-radius:20px}
.st2.sub{background:rgba(242,179,61,.14);color:#F6C565}
.st2.ok{background:rgba(95,214,154,.14);color:#6FE0A6}
.st2 i{width:6px;height:6px;border-radius:50%;background:currentColor}

/* ---------- sections ---------- */
.sec{padding:96px 0}
.sec.tint{background:var(--paper)}
.sec.navy{background:var(--navy);color:#fff}
.sec.tight{padding:64px 0}
.sec-h{max-width:720px;margin-bottom:44px}
.sec-h h2{font-size:clamp(30px,3.6vw,48px);line-height:1.02;font-weight:750;letter-spacing:-.035em;color:var(--navy)}
.sec-h p{font-size:17px;color:var(--ink-2);margin-top:14px;line-height:1.6}
.sec.navy .sec-h h2{color:#fff}.sec.navy .sec-h p{color:#B9C6DE}
.sec-h.row{max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
.sec-h.row>div{max-width:820px}
.eyeline{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:700;color:var(--blue);margin-bottom:14px}
.eyeline::before{content:"";width:22px;height:2px;background:var(--blue)}

/* category index (home) */
.cidx{border-top:1px solid var(--rule)}
.crow2{display:grid;grid-template-columns:56px minmax(0,1.1fr) minmax(0,1.3fr) 150px 160px 40px;gap:22px;align-items:center;padding:24px 8px;border-bottom:1px solid var(--rule);text-decoration:none!important;color:var(--ink);transition:background .15s}
.crow2:hover{background:var(--paper)}
.crow2 .ci{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:#fff}
.crow2 h3{font-size:clamp(22px,2.3vw,30px);font-weight:700;letter-spacing:-.03em;line-height:1.05}
.crow2 .subs{font-size:14px;color:var(--ink-2);line-height:1.5}
.crow2 .lv{font-size:14px;font-weight:600}.crow2 .lv small{display:block;font-weight:400;color:var(--ink-3);font-size:12.5px}
.crow2 .rg{font-family:var(--d);font-size:20px;font-weight:700}.crow2 .rg small{display:block;font-family:var(--f-ui);font-size:12.5px;font-weight:400;color:var(--ink-3)}
.crow2 .go{width:40px;height:40px;border-radius:50%;border:1px solid var(--rule);display:grid;place-items:center;color:var(--ink-2);transition:all .15s}
.crow2:hover .go{background:var(--blue);border-color:var(--blue);color:#fff}

/* open-now list */
.olist{display:grid;gap:10px}
.orow{display:grid;grid-template-columns:minmax(0,1.6fr) 150px 130px 130px 170px;gap:20px;align-items:center;background:#fff;border:1px solid var(--rule);border-radius:16px;padding:18px 22px;text-decoration:none!important;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.orow:hover{border-color:#BFD0F2;box-shadow:0 14px 30px -22px rgba(31,95,214,.6)}
.orow h3{font-size:19px;font-weight:700}
.orow .meta{display:flex;gap:8px;align-items:center;margin-top:5px;font-size:13px;color:var(--ink-3);flex-wrap:wrap}
.orow .k small{display:block;font-size:12px;color:var(--ink-3)}.orow .k b{font-size:14.5px}
.orow .pay{text-align:right}.orow .pay b{font-family:var(--d);font-size:28px;letter-spacing:-.03em;display:block;line-height:1}.orow .pay small{font-size:12.5px;color:var(--ink-3)}
.fill{height:5px;border-radius:5px;background:var(--line-2);overflow:hidden;margin-top:6px}.fill i{display:block;height:100%;background:var(--blue);border-radius:5px}

/* receipt: path of one task */
.path{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:start}
.path .sec-h{position:sticky;top:110px}
.rcpt{background:#fff;border:1px solid var(--rule);border-radius:20px;box-shadow:0 30px 60px -40px rgba(11,26,56,.5);overflow:hidden}
.rc-h{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px dashed var(--rule)}
.rc-h b{font-family:var(--d);font-size:18px}.rc-h small{display:block;color:var(--ink-3);font-size:12.5px}
.rc-l{list-style:none;margin:0;padding:8px 24px}
.rc-l li::before{content:"";position:absolute;left:81px;top:0;bottom:0;width:2px;background:var(--line-2)}.rc-l li:first-child::before{top:22px}.rc-l li:last-child::before{bottom:auto;height:22px}.rc-l .dt{position:relative;z-index:1}
.rc-l li{display:grid;grid-template-columns:62px 22px 1fr auto;gap:14px;align-items:start;padding:14px 0;border-bottom:1px solid var(--line-2);position:relative}
.rc-l li:last-child{border-bottom:0}
.rc-l .tm{font-variant-numeric:tabular-nums;font-size:13px;color:var(--ink-3);padding-top:1px}
.rc-l .dt{width:12px;height:12px;border-radius:50%;border:2px solid var(--blue);margin-top:4px;background:#fff}
.rc-l li.cr .dt{background:var(--green);border-color:var(--green)}
.rc-l b{display:block;font-size:15px}.rc-l span{font-size:13.5px;color:var(--ink-2)}
.rc-l .am{font-weight:700;font-variant-numeric:tabular-nums;font-size:14px;white-space:nowrap}
.rc-l li.cr .am{color:var(--green)}
.rc-f{background:var(--paper);padding:16px 24px;display:flex;justify-content:space-between;align-items:center;font-size:13.5px;color:var(--ink-2);gap:12px;flex-wrap:wrap}
.rc-f strong{font-family:var(--d);font-size:22px;color:var(--ink)}

/* audience switch */
.aw{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;border:1px solid var(--rule);border-radius:24px;overflow:hidden;background:#fff}
.aw-tabs{grid-column:1/-1;display:flex;border-bottom:1px solid var(--rule)}
.aw-tabs button{flex:1;border:0;background:#fff;padding:20px;font-family:var(--d);font-size:19px;font-weight:700;color:var(--ink-3);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1px;letter-spacing:-.01em}
.aw-tabs button.on{color:var(--navy);border-bottom-color:var(--blue)}
.aw-body{padding:40px;display:none}
.aw-body.on{display:block}
.aw-body h3{font-size:32px;font-weight:750;line-height:1.05;letter-spacing:-.035em;color:var(--navy);max-width:14ch}
.aw-body p{color:var(--ink-2);margin:14px 0 22px;font-size:16px;line-height:1.6;max-width:44ch}
.aw-list{display:grid;gap:0;border-top:1px solid var(--rule)}
.aw-list>div{display:grid;grid-template-columns:36px 1fr;gap:12px;padding:15px 0;border-bottom:1px solid var(--rule);font-size:15px}
.aw-list .ico{color:var(--blue)}
.aw-list b{display:block}.aw-list span{color:var(--ink-2);font-size:14px}
.aw-art{background:var(--paper);display:grid;place-items:center;padding:40px;border-left:1px solid var(--rule)}
.aw-pane{display:none;width:100%;max-width:420px}.aw-pane.on{display:block}

/* mini dashboard preview used in aw-art */
.mini-dash{background:#fff;border:1px solid var(--rule);border-radius:16px;padding:18px;box-shadow:0 26px 50px -34px rgba(11,26,56,.45)}
.md-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.md-top b{font-size:14px}.md-top small{color:var(--ink-3);font-size:12px}
.md-bal{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.md-bal div{border-radius:12px;padding:12px}.md-bal small{display:block;font-size:11.5px;opacity:.85}.md-bal b{font-family:var(--d);font-size:22px}
.md-bal .g1{background:var(--green);color:#fff}.md-bal .g2{background:#FCEBD4}
.md-rows{margin-top:12px;display:grid;gap:0}
.md-rows div{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--line-2);font-size:13px}
.md-rows div:last-child{border-bottom:0}.md-rows em{font-style:normal;font-weight:700;color:var(--green)}
.md-ag{display:grid;gap:8px}
.md-ag div{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;font-size:13px;padding:8px;border:1px solid var(--line-2);border-radius:10px}
.md-ag .av{width:32px;height:32px;font-size:12px}
.md-ag small{display:block;color:var(--ink-3);font-size:11.5px}

/* five published rules */
.five{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid rgba(255,255,255,.14);border-radius:20px;overflow:hidden}
.five div{padding:28px 24px;border-right:1px solid rgba(255,255,255,.1)}
.five div:last-child{border-right:0}
.five .ico{color:#8DB0F7;width:26px;height:26px}
.five b{display:block;color:#fff;font-family:var(--d);font-size:19px;margin:16px 0 8px;letter-spacing:-.01em}
.five p{font-size:14px;color:#B9C6DE;line-height:1.55}
.guar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:56px}
.guar div{border-top:2px solid rgba(255,255,255,.18);padding-top:18px}
.guar b{display:block;font-size:16px;color:#fff;margin-bottom:6px}.guar p{font-size:14.5px;color:#B9C6DE;line-height:1.55}

/* closing */
.close{padding:110px 0 100px;text-align:left}
.close h2{font-size:clamp(38px,5.6vw,78px);line-height:.96;font-weight:800;letter-spacing:-.045em;color:var(--navy);max-width:15ch}
.close-f{display:flex;gap:10px;margin-top:34px;flex-wrap:wrap;align-items:center}
.close-f form{display:flex;border:1px solid var(--rule);border-radius:14px;padding:6px;background:#fff;box-shadow:0 12px 30px -18px rgba(11,26,56,.35);width:min(460px,100%)}
.close-f input{flex:1;border:0;outline:0;font-size:15px;padding:0 12px;min-width:0}
.close small{display:block;margin-top:14px;color:var(--ink-3);font-size:13px}

/* ---------- inner page header ---------- */
.phead{padding:64px 0 48px;border-bottom:1px solid var(--rule);background:#fff;position:relative}
.phead .crumb{font-size:13px;color:var(--ink-3);margin-bottom:18px;display:flex;gap:6px;align-items:center}
.phead .crumb a{color:var(--ink-3)}
.phead h1{font-size:clamp(36px,5vw,68px);line-height:.98;font-weight:800;letter-spacing:-.045em;max-width:16ch;color:var(--navy)}
.phead p{font-size:18px;color:var(--ink-2);margin-top:18px;max-width:46em;line-height:1.6}
.phead .wrap.two{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:48px;align-items:end}
.phead.dark{background:var(--navy);border-bottom:0;overflow:hidden}
.phead.dark::before{content:"";position:absolute;right:-120px;top:-160px;width:520px;height:520px;border-radius:50%;border:1px solid rgba(141,176,247,.18);box-shadow:0 0 0 70px rgba(141,176,247,.04),0 0 0 140px rgba(141,176,247,.03)}
.phead.dark h1{color:#fff}.phead.dark p{color:#B9C6DE}.phead.dark .crumb,.phead.dark .crumb a{color:#8E9CBB}
.phead.dark .wrap{position:relative}

/* ---------- shared components ---------- */
.card-pad{padding:24px}
.feat{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--rule)}
.feat>div{padding:28px 26px 8px 0;border-right:1px solid var(--rule);margin-right:26px}
.feat>div:last-child{border-right:0;margin-right:0}
.feat.six{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:12px}
.feat.six>div:nth-child(3n){border-right:0;margin-right:0}
.feat .fi{width:42px;height:42px;border-radius:12px;background:var(--blue-50);color:var(--blue);display:grid;place-items:center;margin-bottom:16px}
.sec.navy .feat{border-color:rgba(255,255,255,.14)}.sec.navy .feat>div{border-color:rgba(255,255,255,.1)}
.sec.navy .feat .fi{background:rgba(255,255,255,.08);color:#8DB0F7}
.feat b{display:block;font-family:var(--d);font-size:19px;letter-spacing:-.01em;margin-bottom:8px}
.feat p{font-size:14.5px;color:var(--ink-2);line-height:1.6}
.sec.navy .feat b{color:#fff}.sec.navy .feat p{color:#B9C6DE}
.figband{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.figband div{padding:30px 24px 26px 0;border-right:1px solid var(--rule);margin-right:24px}
.figband div:last-child{border-right:0;margin-right:0}
.figband b{display:block;font-family:var(--d);font-size:48px;letter-spacing:-.04em;font-weight:750;color:var(--navy);line-height:1}
.figband span{font-size:14px;color:var(--ink-2);display:block;margin-top:8px}

.pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ppc{border:1px solid var(--rule);border-radius:18px;background:#fff;display:flex;flex-direction:column;gap:12px;padding:20px;color:var(--ink);text-decoration:none!important;transition:border-color .15s,box-shadow .15s,transform .15s}
.ppc:hover{border-color:#BFD0F2;box-shadow:0 18px 36px -26px rgba(31,95,214,.55);transform:translateY(-2px)}
.ppc-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.ppc-cat{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--ink-2)}
.ppc-cat i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#fff}
.ppc-cat i .ico{width:16px;height:16px}
.ppc h3{font-size:20px;font-weight:700;line-height:1.15}
.ppc .desc{font-size:14px;color:var(--ink-2);line-height:1.5}
.ppc-pay{display:flex;align-items:baseline;gap:6px;padding-top:12px;border-top:1px solid var(--line-2)}
.ppc-pay b{font-family:var(--d);font-size:30px;letter-spacing:-.03em;line-height:1}
.ppc-pay span{color:var(--ink-3);font-size:13.5px}
.ppc-meta{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.ppc-meta li{font-size:12.5px;color:var(--ink-2);background:var(--paper);border-radius:7px;padding:4px 9px;display:inline-flex;gap:5px;align-items:center}
.ppc-meta .ico{width:13px;height:13px}
.ppc-foot{margin-top:auto;font-size:12.5px;color:var(--ink-3)}

/* how-it-works timeline */
.timeline{display:grid;border-top:1px solid var(--rule)}
.timeline .tl{display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:24px;align-items:center;padding:26px 0;border-bottom:1px solid var(--rule)}
.timeline .tl .n{font-family:var(--d);font-weight:800;font-size:44px;letter-spacing:-.04em;color:#C9D4E6;line-height:1}
.timeline .tl:last-child .n{color:var(--green)}
.timeline h3{font-size:22px;font-weight:700}
.timeline p{color:var(--ink-2);font-size:15px;margin-top:6px;max-width:64ch;line-height:1.6}
.timeline.compact .tl{grid-template-columns:60px 1fr;padding:18px 0}.timeline.compact .n{font-size:30px}.timeline.compact h3{font-size:18px}
.states{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:0;border:1px solid var(--rule);border-radius:18px;overflow:hidden;background:#fff}
.states div{padding:18px 14px;display:grid;gap:10px;align-content:start;border-right:1px solid var(--rule)}
.states div:last-child{border-right:0}
.states small{font-family:var(--d);font-weight:800;color:var(--ink-3);font-size:14px}
.states .badge{justify-self:start}.states p{font-size:13px;color:var(--ink-2);line-height:1.45}

.mini-stat{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.12);border-radius:18px;overflow:hidden}
.mini-stat div{background:rgba(255,255,255,.04);padding:22px}
.mini-stat small{display:block;color:#8E9CBB;font-size:13px}.mini-stat b{font-family:var(--d);font-size:34px;color:#fff;letter-spacing:-.03em}
.lvdot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:10px;vertical-align:middle}
.lvdot.l0{background:#B8C2D3}.lvdot.l1{background:#6FA0F0}.lvdot.l2{background:var(--blue)}.lvdot.l3{background:var(--violet)}.lvdot.l4{background:var(--navy)}
.tree{display:grid;gap:16px;justify-items:center}
.tree .own{display:flex;gap:12px;align-items:center;background:#fff;color:var(--ink);border-radius:14px;padding:16px 20px}
.tree .own .ico{color:var(--blue)}.tree .own small{display:block;color:var(--ink-3)}
.tree .kids{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding-top:16px;border-top:2px solid rgba(255,255,255,.2);width:100%}
.tree .kids span{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:12px 6px;text-align:center;color:#D3DCEE;font-size:12.5px;font-weight:600}
.bal5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border:1px solid var(--rule);border-radius:18px;overflow:hidden}
.bal5 div{padding:22px 20px;display:grid;gap:10px;align-content:start;border-right:1px solid var(--rule);background:#fff}
.bal5 div:last-child{border-right:0}
.bal5 .badge{justify-self:start}.bal5 b{font-family:var(--d);font-size:17px}.bal5 p{font-size:14px;color:var(--ink-2);line-height:1.5}
.mods{display:grid;gap:0;border-top:1px solid var(--rule)}
.mrow{display:flex;gap:16px;align-items:center;padding:16px 4px;border-bottom:1px solid var(--rule)}
.mrow .mi{width:42px;height:42px;border-radius:12px;background:var(--blue-50);color:var(--blue);display:grid;place-items:center;flex:none}
.mrow:last-child .mi{background:var(--navy);color:#fff}
.mrow small{display:block;color:var(--ink-3);font-size:12px;font-weight:600}.mrow b{font-family:var(--d);font-size:18px}.mrow span:not(.mi){display:block;color:var(--ink-2);font-size:14px}
.mrow em{font-style:normal;font-size:13px;color:var(--ink-3);white-space:nowrap}
.cert{border:1px solid var(--rule);border-radius:18px;padding:24px;background:#fff;position:relative;overflow:hidden;box-shadow:0 26px 50px -34px rgba(11,26,56,.4)}
.cert::after{content:"";position:absolute;right:-40px;bottom:-40px;width:160px;height:160px;border-radius:50%;border:18px solid var(--blue-50)}
.cert .seal{width:52px;height:52px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center}
.faq{display:grid;gap:0;border-top:1px solid var(--rule)}
.faq details{border-bottom:1px solid var(--rule);background:none}
.faq summary{cursor:pointer;list-style:none;padding:20px 4px;font-weight:600;font-size:16.5px;display:flex;justify-content:space-between;gap:20px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";width:12px;height:12px;border-right:2px solid var(--ink-3);border-bottom:2px solid var(--ink-3);transform:rotate(45deg);flex:none;transition:transform .2s;margin-top:-6px}
.faq details[open] summary::after{transform:rotate(-135deg);margin-top:4px}
.faq details p{padding:0 4px 20px;color:var(--ink-2);line-height:1.7;font-size:15px;max-width:70ch}
.faqgrid{display:grid;grid-template-columns:1fr 1fr;gap:56px 48px}
.fqh{font-size:24px;font-weight:750;margin-bottom:8px;color:var(--navy)}
.cta{background:var(--navy);color:#fff;border-radius:24px;padding:48px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;position:relative;overflow:hidden}
.cta::before{content:"";position:absolute;right:-80px;bottom:-140px;width:360px;height:360px;border-radius:50%;border:1px solid rgba(141,176,247,.2);box-shadow:0 0 0 60px rgba(141,176,247,.04)}
.cta>*{position:relative}
.cta h2{color:#fff;font-size:clamp(28px,3.4vw,42px);line-height:1.05;font-weight:750}
.cta p{color:#B9C6DE;margin-top:10px;font-size:16px}
.cta .btn-w{background:#fff;color:var(--navy)}
.cta .btn-o{background:transparent;border-color:rgba(255,255,255,.35);color:#fff}
.cta .row.wrap{justify-content:flex-end}
.cmp{width:100%;border-collapse:collapse;font-size:15px}
.cmp th,.cmp td{padding:16px 18px;border-bottom:1px solid var(--rule);text-align:left}
.cmp tr:last-child td{border-bottom:0}
.cmp th{font-size:13px;color:var(--ink-3);font-weight:600;background:var(--paper)}
.cmp td:first-child{font-weight:600}
body.site .card{border-radius:18px;border-color:var(--rule)}
.two-col{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:start}
.two-col .sec-h{margin-bottom:0;position:sticky;top:110px}
.kv.big{grid-template-columns:220px 1fr;font-size:15.5px;gap:0;border-top:1px solid var(--rule)}
.kv.big dt,.kv.big dd{padding:16px 0;border-bottom:1px solid var(--rule)}
.contact{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:28px;align-items:start}
.crow{display:flex;gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--line-2);color:var(--ink);text-decoration:none!important}
.crow .ico{color:var(--blue)}.crow b{display:block}.crow small{color:var(--ink-3);font-size:13px}
.alert{border-radius:14px}

/* ---------- marketplace ---------- */
.mk{display:grid;grid-template-columns:268px minmax(0,1fr);gap:28px;align-items:start;padding:32px 0 80px}
.filters{border:1px solid var(--rule);border-radius:18px;background:#fff;position:sticky;top:90px;max-height:calc(100vh - 110px);overflow:auto}
.filters .fh{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--rule)}
.fgroup{padding:16px 18px;border-bottom:1px solid var(--line-2)}
.fgroup:last-child{border-bottom:0}
.fgroup>b{display:block;font-size:13px;margin-bottom:9px}
.fgroup label{display:flex;gap:9px;align-items:center;font-size:14px;padding:4px 0;color:var(--ink-2);cursor:pointer}
.fgroup input[type=checkbox],.fgroup input[type=radio]{accent-color:var(--blue);width:16px;height:16px}
.fgroup input[type=range]{width:100%;accent-color:var(--blue)}
.mk-top{display:flex;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap}
.mk-top .search{position:relative;flex:1;min-width:220px}
.mk-top .search .input{height:48px;padding-left:44px;border-radius:14px;font-size:15px}
.mk-top .search .ico{position:absolute;left:15px;top:15px;color:var(--ink-3)}
.mk-top .select{width:auto;height:48px;border-radius:14px}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:18px;background:var(--blue-50);color:var(--blue);font-size:13px;font-weight:600;border:0;cursor:pointer}
.mk .pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
.fbtn{display:none}

/* ---------- project detail ---------- */
.pd{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:40px;align-items:start;padding:40px 0 90px}
.pd-sec{padding:30px 0;border-bottom:1px solid var(--rule)}
.pd-sec:first-child{padding-top:0}
.pd-sec h2{font-size:24px;font-weight:700;margin-bottom:14px}
.pd-sec p{color:var(--ink-2);line-height:1.7;font-size:15.5px}
.pd-sec ul.ticks{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.pd-sec ul.ticks li{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:var(--ink-2)}
.pd-sec ul.ticks .ico{color:var(--green);margin-top:3px}
.pd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:16px;overflow:hidden}
.pd-grid div{background:#fff;padding:16px 18px}
.pd-grid small{display:block;color:var(--ink-3);font-size:12.5px}.pd-grid b{font-size:15px}
.act{position:sticky;top:92px;border:1px solid var(--rule);border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 30px 60px -44px rgba(11,26,56,.6)}
.act .ah{padding:22px;border-bottom:1px solid var(--rule)}
.act .ah .thumb{min-height:84px;border-radius:12px}
.act .price{font-family:var(--d);font-size:42px;font-weight:800;letter-spacing:-.04em;line-height:1;margin-top:6px}
.act .ab{padding:20px 22px;display:grid;gap:12px}
.stepper{list-style:none;padding:0;margin:0;display:grid}
.stepper li{display:flex;gap:12px;align-items:center;padding:8px 0;font-size:14px;color:var(--ink-3)}
.stepper li .sn{width:26px;height:26px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;font-size:11.5px;font-weight:700;flex:none;background:#fff}
.stepper li.done{color:var(--ink)}.stepper li.done .sn{background:var(--green);border-color:var(--green);color:#fff}
.stepper li.cur{color:var(--blue);font-weight:600}.stepper li.cur .sn{border-color:var(--blue);color:var(--blue)}
.example{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.example div{border:1px solid var(--rule);border-radius:14px;padding:16px;font-size:14px}
.example .good{border-color:var(--green-100);background:#F6FCF9}.example .bad{border-color:#F4CACA;background:#FFF8F8}
.doc-row{display:flex;gap:12px;align-items:center;padding:13px 14px;border:1px solid var(--rule);border-radius:12px;margin-bottom:8px;background:#fff}
.doc-row .di{width:38px;height:38px;border-radius:10px;background:var(--danger-50);color:var(--danger);display:grid;place-items:center;flex:none}

/* ---------- auth ---------- */
.auth{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);min-height:100vh}
.auth-side{background:var(--navy);color:#fff;padding:48px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.auth-side::before{content:"";position:absolute;left:-160px;bottom:-200px;width:560px;height:560px;border-radius:50%;border:1px solid rgba(141,176,247,.16);box-shadow:0 0 0 80px rgba(141,176,247,.035),0 0 0 160px rgba(141,176,247,.025)}
.auth-side>*{position:relative}
.auth-side .slogo .wm{color:#fff}.auth-side .slogo .pr{background:rgba(141,176,247,.14);color:#AFC6F7}
.auth-side h2{font-family:var(--d);color:#fff;font-size:clamp(34px,3.6vw,50px);letter-spacing:-.04em;line-height:1;margin-top:auto;font-weight:800;max-width:12ch}
.auth-side p{color:#B9C6DE;margin-top:16px;font-size:16px;line-height:1.6;max-width:30em}
.auth-side .mini{margin-top:32px;display:grid;gap:0;border-top:1px solid rgba(255,255,255,.1)}
.auth-side .mini div{display:flex;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:14.5px;color:#D3DCEE}
.auth-side .mini .ico{color:#5FD69A}
.auth-side .foot{margin-top:28px;font-size:12.5px;color:#7F8EAD}
.auth-main{display:grid;place-items:center;padding:48px 24px}
.auth-box{width:min(460px,100%)}
.auth-box h1{font-size:36px;font-weight:800;letter-spacing:-.04em;color:var(--navy)}
.auth-box .sub{color:var(--ink-2);margin:8px 0 26px}
body.site .auth-box .input,body.site .auth-box .select{height:46px;border-radius:12px;font-size:15px}
.demo-accts{margin-top:24px;border:1px solid var(--rule);background:var(--paper);border-radius:16px;padding:16px}
.demo-accts b{font-size:13px}
.demo-accts .da{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}
.demo-accts button{border:1px solid var(--rule);background:#fff;border-radius:10px;padding:8px 11px;text-align:left;font-size:12.5px;cursor:pointer}
.demo-accts button:hover{border-color:var(--blue)}
.demo-accts button small{display:block;color:var(--ink-3)}
.steps-dots{display:flex;gap:6px;margin-bottom:22px}
.steps-dots i{height:4px;flex:1;border-radius:3px;background:var(--line)}.steps-dots i.on{background:var(--blue)}
.otp{display:flex;gap:8px}
.otp input{width:50px;height:56px;text-align:center;font-size:22px;font-weight:700;border:1px solid #D6DDE8;border-radius:12px}
.slogo.m-only{display:none}

/* ---------- legal ---------- */
.legal{display:grid;grid-template-columns:250px minmax(0,1fr);gap:56px;padding:48px 0 96px;align-items:start}
.toc{position:sticky;top:96px;font-size:14px;display:grid;gap:2px;border-left:1px solid var(--rule)}
.toc a{color:var(--ink-2);padding:7px 14px;margin-left:-1px;border-left:2px solid transparent}
.toc a:hover{border-left-color:var(--blue);color:var(--ink);text-decoration:none}
.prose{max-width:70ch;font-size:16px;line-height:1.75;color:var(--ink-2)}
.prose h2{font-size:24px;color:var(--navy);margin:40px 0 12px;scroll-margin-top:96px;font-weight:700}
.prose h2:first-child{margin-top:0}
.prose p{margin:0 0 14px}.prose ul{padding-left:20px;margin:0 0 14px}.prose li{margin-bottom:6px}
.prose .upd{font-size:13px;color:var(--ink-3);border:1px solid var(--rule);border-radius:12px;padding:12px 14px;margin-bottom:28px;background:var(--paper)}

/* ---------- footer ---------- */
.sfoot{background:var(--navy);color:#AAB8D2;padding:80px 0 30px;font-size:14px}
.sfoot .fbig{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;padding-bottom:44px;margin-bottom:44px;border-bottom:1px solid rgba(255,255,255,.1)}
.sfoot .fbig h3{font-family:var(--d);color:#fff;font-size:clamp(28px,3.4vw,44px);letter-spacing:-.04em;line-height:1;font-weight:800;max-width:16ch}
.sfoot .fcols{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:32px}
.sfoot .slogo .wm{color:#fff}.sfoot .slogo .pr{background:rgba(141,176,247,.14);color:#AFC6F7}
.sfoot h5{color:#fff;font-size:14px;margin:0 0 14px}
.sfoot a{display:block;color:#AAB8D2;padding:5px 0}.sfoot a:hover{color:#fff;text-decoration:none}
.sfoot .legalline{border-top:1px solid rgba(255,255,255,.1);margin-top:48px;padding-top:22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12.5px;color:#7F8EAD}
.sfoot .note{font-size:13.5px;line-height:1.65;margin-top:16px;max-width:32em}

/* ---------- responsive ---------- */
@media (max-width:1120px){
  .slinks{display:none}.sacts .btn-ghost{display:none}.sburger{display:grid;place-items:center;margin-left:0}.sacts{margin-left:auto}
  .mnav.open{display:grid;gap:2px;padding:10px 24px 20px;border-top:1px solid var(--rule);background:#fff}
  .mnav a{padding:12px 6px;color:var(--ink);font-weight:600;border-bottom:1px solid var(--line-2)}
  .mnav a.btn{border-bottom:0;margin-top:10px;color:#fff}
  .hx-grid,.path,.two-col,.contact,.faqgrid{grid-template-columns:1fr;gap:32px}
  .path .sec-h,.two-col .sec-h{position:static}
  .bd-cols,.bd-row{grid-template-columns:70px minmax(0,1.5fr) 110px 120px}
  .bd-cols>:nth-child(2),.bd-row>:nth-child(2),.bd-cols>:nth-child(4),.bd-row>:nth-child(4){display:none}
  .crow2{grid-template-columns:48px minmax(0,1fr) 130px 40px}.crow2 .subs,.crow2 .lv{display:none}
  .orow{grid-template-columns:minmax(0,1fr) 140px 160px}.orow .k:nth-of-type(2),.orow .k:nth-of-type(3){display:none}
  .aw{grid-template-columns:1fr}.aw-art{border-left:0;border-top:1px solid var(--rule)}
  .five{grid-template-columns:1fr 1fr}.five div{border-bottom:1px solid rgba(255,255,255,.1)}
  .guar{grid-template-columns:1fr}
  .pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .feat{grid-template-columns:repeat(2,minmax(0,1fr))}.feat>div:nth-child(2n){border-right:0;margin-right:0}
  .feat.six{grid-template-columns:repeat(2,minmax(0,1fr))}.feat.six>div:nth-child(3n){border-right:1px solid var(--rule);margin-right:26px}.feat.six>div:nth-child(2n){border-right:0;margin-right:0}
  .figband{grid-template-columns:1fr 1fr}.figband div:nth-child(2){border-right:0;margin-right:0}
  .states{grid-template-columns:repeat(3,1fr)}.states div{border-bottom:1px solid var(--rule)}
  .bal5{grid-template-columns:1fr 1fr}
  .mk{grid-template-columns:1fr}
  .filters{position:fixed;inset:0 auto 0 0;width:300px;max-height:none;top:0;border-radius:0;z-index:90;transform:translateX(-100%);transition:transform .2s}
  body.f-open .filters{transform:none}
  .fbtn{display:inline-flex}
  .pd{grid-template-columns:1fr}.act{position:static}
  .auth{grid-template-columns:1fr}.auth-side{display:none}.slogo.m-only{display:flex}
  .legal{grid-template-columns:1fr}.toc{display:none}
  .sfoot .fcols{grid-template-columns:1fr 1fr}
  .phead .wrap.two{grid-template-columns:1fr}
  .cta{grid-template-columns:1fr}.cta .row.wrap{justify-content:flex-start}
}
@media (max-width:680px){
  .wrap{width:calc(100% - 32px)}
  .sec{padding:64px 0}.close{padding:72px 0}
  .snav .sacts .btn-primary{height:38px;padding:0 12px;font-size:13.5px}
  .hx{padding-top:36px}.hx h1 .cr{display:none}
  .board{border-radius:16px 16px 0 0;margin-top:36px}
  .bd-h{padding:16px}.bd-tot{gap:16px}
  .bd-cols,.bd-row{grid-template-columns:minmax(0,1fr) 72px 104px;padding:0 16px;gap:10px}
  .bd-cols>:first-child,.bd-row>:first-child{display:none}
  .crow2{grid-template-columns:40px minmax(0,1fr) 36px;gap:14px;padding:18px 4px}.crow2 .rg{display:none}.crow2 .ci{width:40px;height:40px}
  .orow{grid-template-columns:1fr;gap:10px}.orow .pay{text-align:left}.orow .k{display:none}
  .aw-body,.aw-art{padding:24px}.aw-body h3{font-size:26px}.aw-tabs button{font-size:15px;padding:16px 10px}
  .five{grid-template-columns:1fr}.five div{border-right:0}
  .pgrid,.mk .pgrid,.example,.feat,.feat.six,.figband,.bal5{grid-template-columns:1fr}
  .feat>div,.feat.six>div,.figband div{border-right:0!important;margin-right:0!important;border-bottom:1px solid var(--rule);padding-bottom:22px}
  .timeline .tl{grid-template-columns:52px 1fr;gap:14px}.timeline .tl .n{font-size:30px}.timeline .tl .btn{grid-column:2;justify-self:start}
  .states{grid-template-columns:1fr 1fr}
  .tree .kids{grid-template-columns:repeat(3,1fr)}
  .cta{padding:30px}
  .rc-l li{grid-template-columns:52px 16px 1fr;}.rc-l .am{grid-column:3}
  .pd-grid{grid-template-columns:1fr 1fr}
  .sec-h.row{flex-direction:column;align-items:flex-start}
  .kv.big{grid-template-columns:1fr}.kv.big dt{border-bottom:0;padding-bottom:0}
  .sfoot .fcols{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.bd-row{animation:none}.pulse{animation:none}}
.sfoot .fbig .btn{display:inline-flex;color:#fff;padding:0 24px}
.sfoot .fbig h3{max-width:22ch}
.sfoot .slogo{display:flex}

/* =================== v3 — reference-led homepage & chrome =================== */
body.site{--d:'Plus Jakarta Sans','Figtree',system-ui,sans-serif;--b2:#1A56DB;--sky:#EAF2FF}
body.site h1,body.site h2,body.site h3{letter-spacing:-.025em}
/* utility bar */
.util{background:#0B1A38;color:#C8D3EA;font-size:12.5px}
.util .wrap{display:flex;justify-content:space-between;align-items:center;height:36px;gap:16px}
.util .u-l,.util .u-r{display:flex;gap:22px;align-items:center}
.util span,.util a{display:inline-flex;gap:6px;align-items:center;color:#C8D3EA;text-decoration:none}
.util .ico{width:14px;height:14px;color:#8DB0F7}
.util .u-l span:nth-child(3){color:#fff;font-weight:600}.util .u-l span:nth-child(3) .ico{color:#FBBF24}
.snav .wrap{height:74px}
.slogo{flex-direction:column;align-items:flex-start;gap:0;line-height:1}
.slogo .wm{font-size:26px;letter-spacing:-.6px}
.slogo .pr{background:none;padding:0;font-size:13px;letter-spacing:2.2px;margin-top:3px}
.slinks{margin-left:18px}.slinks a{font-size:14px;padding:8px 11px}
.slinks a.on{color:var(--blue);box-shadow:none}
.sacts .btn-line{border-color:var(--blue);color:var(--blue)}
@media (max-width:1180px){.slinks a{padding:8px 8px;font-size:13.5px}}
@media (max-width:980px){.util .u-l span:nth-child(n+2){display:none}.util .u-l span:nth-child(3){display:inline-flex}}

/* footer v3 */
.sfoot{padding:64px 0 26px}
.sfoot .fcols{grid-template-columns:1.5fr 1fr 1fr 1fr 1.4fr;gap:36px}
.sfoot .slogo .pr{background:none;color:#7FA7F5}
.ftag{display:block;color:#fff;font-size:14px;margin-top:14px}
.soc{display:flex;gap:8px;margin-top:18px}
.soc a{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.08);display:grid;place-items:center;color:#fff;padding:0}
.soc a:hover{background:var(--blue)}
.fsub{display:flex;gap:6px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:5px}
.fsub input{flex:1;min-width:0;background:none;border:0;outline:0;color:#fff;padding:0 10px;font-size:14px}
.fsub .btn{display:inline-flex;color:#fff}
.fbadges{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.fbadges span{display:inline-flex;gap:6px;align-items:center;font-size:12px;font-weight:600;color:#D3DCEE;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:6px 9px}
.fbadges .ico{width:14px;height:14px;color:#5FD69A}
.legalline .lnk{display:flex;gap:18px}.legalline .lnk a{display:inline;padding:0}
.phead .card p{font-size:14.5px;margin-top:6px}

@media (max-width:680px){.util .u-l span{display:none}.util .u-l span:nth-child(3){display:inline-flex}.sacts .btn-line{display:none}.sacts .btn-primary{height:38px;padding:0 12px;font-size:13px}.snav .wrap{gap:12px;height:64px}.slogo .wm{font-size:22px}.slogo .pr{font-size:11px}}
.slogo .pr{font-size:11px;letter-spacing:1.6px;white-space:nowrap}
@media (max-width:680px){.slogo .pr{font-size:9.5px;letter-spacing:1.1px}}

/* =================== v4 — professional homepage (no imagery, one accent) =================== */
.sfoot .fcols{grid-template-columns:1.5fr 1fr 1fr 1fr 1.4fr}
@media (max-width:1180px){.sfoot .fcols{grid-template-columns:1fr 1fr}}
@media (max-width:680px){.sfoot .fcols{grid-template-columns:1fr}}
.pz-wrap{width:min(1240px,100% - 48px);margin:0 auto}
.pz-hero{position:relative;background:linear-gradient(180deg,#F7F9FC 0%,#fff 100%);border-bottom:1px solid var(--rule);overflow:hidden}
.pz-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(11,26,56,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(11,26,56,.045) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 70% 30%,#000 20%,transparent 70%);pointer-events:none}
.pz-hg{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;padding:64px 0 72px}
.pz-eye{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--ink-2);border:1px solid var(--rule);background:#fff;border-radius:6px;padding:6px 12px}
.pz-eye i{width:7px;height:7px;border-radius:50%;background:var(--green)}
.pz-h1{font-family:var(--d);font-size:clamp(44px,5.6vw,76px);font-weight:800;line-height:1;letter-spacing:-.04em;color:var(--navy);margin-top:22px}
.pz-tag{font-family:var(--d);font-size:clamp(18px,1.8vw,22px);font-weight:700;color:var(--ink);margin-top:16px;letter-spacing:-.01em}
.pz-tag span{color:var(--blue)}
.pz-lede{font-size:17px;line-height:1.65;color:var(--ink-2);margin-top:14px;max-width:33em}
.pz-ctas{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.pz-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 28px;margin-top:30px;padding-top:24px;border-top:1px solid var(--rule);max-width:560px}
.pz-list span{display:flex;gap:10px;align-items:center;font-size:14.5px;font-weight:600;color:var(--ink)}
.pz-list .ico{color:var(--blue);width:18px;height:18px;flex:none}
/* console panel */
.pz-con{background:#fff;border:1px solid #D9E1EC;border-radius:14px;box-shadow:0 1px 0 rgba(11,26,56,.03),0 40px 80px -48px rgba(11,26,56,.45);overflow:hidden;font-size:13.5px}
.pc-top{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line-2);background:#FBFCFE}
.pc-top .dots{display:flex;gap:5px}.pc-top .dots i{width:9px;height:9px;border-radius:50%;background:#D5DCE7}
.pc-top b{font-size:13px;font-weight:600;color:var(--ink-2)}
.pc-top .badge{margin-left:auto}
.pc-bal{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line-2)}
.pc-bal div{padding:14px 16px;border-right:1px solid var(--line-2)}.pc-bal div:last-child{border-right:0}
.pc-bal small{display:block;font-size:11.5px;color:var(--ink-3);font-weight:600}
.pc-bal b{font-family:var(--d);font-size:22px;letter-spacing:-.02em;color:var(--navy)}
.pc-bal .avl b{color:var(--green)}
.pc-task{padding:16px}
.pc-th{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.pc-th b{font-family:var(--d);font-size:15px;color:var(--navy)}.pc-th small{color:var(--ink-3)}
.pc-f{display:grid;grid-template-columns:18px 90px 1fr;gap:10px;align-items:center;padding:8px 0;border-bottom:1px dashed var(--line)}
.pc-f .ck{width:18px;height:18px;border-radius:50%;border:1.5px solid #CBD5E3;display:grid;place-items:center;color:#fff;transition:all .3s}
.pc-f .ck .ico{width:11px;height:11px}
.pc-f.ok .ck{background:var(--blue);border-color:var(--blue)}
.pc-f>span{color:var(--ink-3)}.pc-f>b{font-weight:600;color:var(--ink)}
.pc-led{border-top:1px solid var(--line-2);background:#FBFCFE}
.pc-led .lh{padding:10px 16px 4px;font-size:11.5px;font-weight:700;color:var(--ink-3);letter-spacing:.3px}
.pc-r{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:10px 16px;border-top:1px solid var(--line-2)}
.pc-r b{display:block;font-weight:600}.pc-r small{color:var(--ink-3);font-size:12px}
.pc-r .amt{font-weight:700;font-variant-numeric:tabular-nums}.pc-r .amt.g{color:var(--green)}
.pc-r.new{animation:rowin .5s ease both}
@keyframes rowin{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
/* fact strip */
.pz-facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--rule);border-radius:12px;background:#fff;margin-top:-36px;position:relative;z-index:2;box-shadow:0 18px 40px -34px rgba(11,26,56,.5)}
.pz-facts div{padding:20px 22px;border-right:1px solid var(--rule)}.pz-facts div:last-child{border-right:0}
.pz-facts b{display:block;font-family:var(--d);font-size:20px;color:var(--navy);letter-spacing:-.02em}
.pz-facts small{font-size:13px;color:var(--ink-2)}
.pz-facts .hl b{color:var(--blue)}
/* sections */
.pz-sec{padding:92px 0}
.pz-sec.alt{background:#F7F9FC;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.pz-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:40px}
.pz-hd .k{font-size:12.5px;font-weight:700;letter-spacing:.8px;color:var(--blue);text-transform:uppercase}
.pz-hd h2{font-family:var(--d);font-size:clamp(28px,3vw,40px);font-weight:800;letter-spacing:-.03em;color:var(--navy);line-height:1.1;margin-top:8px}
.pz-hd p{color:var(--ink-2);font-size:16px;margin-top:10px;max-width:40em}
.pz-link{font-weight:700;color:var(--blue);display:inline-flex;gap:6px;align-items:center;white-space:nowrap;font-size:14.5px}
/* steps */
.pz-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:2px solid var(--rule);counter-reset:s}
.pz-steps li{padding:22px 16px 0 0;position:relative}
.pz-steps li::before{content:"";position:absolute;top:-2px;left:0;width:34px;height:2px;background:var(--blue)}
.pz-steps .n{font-family:var(--d);font-size:13px;font-weight:800;color:var(--blue);letter-spacing:.5px}
.pz-steps .ico{display:block;width:22px;height:22px;color:var(--navy);margin:14px 0 12px}
.pz-steps b{display:block;font-size:15.5px;color:var(--navy)}
.pz-steps small{display:block;font-size:13.5px;color:var(--ink-2);margin-top:5px;line-height:1.45}
.pz-steps li.last::before{width:100%;background:var(--green)}
.pz-steps li.last .n,.pz-steps li.last .ico{color:var(--green)}
/* project cards */
.pz-pgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.pp{background:#fff;border:1px solid var(--rule);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:12px;color:var(--ink);text-decoration:none!important;transition:border-color .15s,box-shadow .15s}
.pp:hover{border-color:#B7C8E6;box-shadow:0 22px 40px -32px rgba(11,26,56,.6)}
.pp-top{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;font-weight:600;color:var(--ink-3)}
.pp-top span{display:inline-flex;gap:7px;align-items:center}.pp-top .ico{width:15px;height:15px;color:var(--blue)}
.pp h3{font-family:var(--d);font-size:18px;font-weight:700;color:var(--navy);line-height:1.25}
.pp p{font-size:14px;color:var(--ink-2);line-height:1.5}
.pp-pay{padding:14px 0;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}
.pp-pay b{font-family:var(--d);font-size:28px;font-weight:800;color:var(--navy);letter-spacing:-.03em}
.pp-pay small{display:block;color:var(--ink-3);font-size:13px}
.pp dl{display:grid;grid-template-columns:1fr auto;gap:6px 10px;margin:0;font-size:13.5px}
.pp dt{color:var(--ink-3)}.pp dd{margin:0;font-weight:600;text-align:right}
.pp .go{margin-top:auto;padding-top:6px;font-weight:700;color:var(--blue);display:flex;justify-content:space-between;align-items:center;font-size:14px}
/* categories */
.pz-cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--rule);border-left:1px solid var(--rule)}
.pc2{padding:28px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);display:grid;grid-template-columns:44px 1fr;gap:6px 16px;text-decoration:none!important;color:var(--ink);background:#fff;transition:background .15s}
.pc2:hover{background:#F7F9FC}
.pc2 .ci{grid-row:span 3;width:44px;height:44px;border-radius:10px;background:var(--blue-50);color:var(--blue);display:grid;place-items:center}
.pc2 b{font-family:var(--d);font-size:18px;color:var(--navy)}
.pc2 small{font-size:13.5px;color:var(--ink-2);line-height:1.5}
.pc2 .m{display:flex;gap:16px;font-size:13px;color:var(--ink-3);margin-top:6px}.pc2 .m strong{color:var(--ink);font-weight:700}
/* audience */
.pz-aud{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.pa{border:1px solid var(--rule);border-radius:14px;padding:36px;display:flex;flex-direction:column;background:#fff}
.pa.dk{background:var(--navy);border-color:var(--navy);color:#fff}
.pa .k{font-size:12.5px;font-weight:700;letter-spacing:.8px;color:var(--blue);text-transform:uppercase}.pa.dk .k{color:#8DB0F7}
.pa h3{font-family:var(--d);font-size:28px;font-weight:800;letter-spacing:-.03em;color:var(--navy);margin-top:10px;line-height:1.1}.pa.dk h3{color:#fff}
.pa p{color:var(--ink-2);font-size:15.5px;margin:12px 0 20px;line-height:1.6}.pa.dk p{color:#B9C6DE}
.pa ul{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:0;border-top:1px solid var(--rule)}.pa.dk ul{border-color:rgba(255,255,255,.12)}
.pa li{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--rule);font-size:15px}.pa.dk li{border-color:rgba(255,255,255,.12);color:#E3EAF7}
.pa li .ico{color:var(--blue);width:18px;height:18px}.pa.dk li .ico{color:#8DB0F7}
.pa .row{margin-top:auto}
.pa.dk .btn-line{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
/* training */
.pz-learn{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:64px;align-items:center}
.pz-course{background:#fff;border:1px solid #D9E1EC;border-radius:14px;overflow:hidden;box-shadow:0 36px 70px -50px rgba(11,26,56,.5)}
.pco-h{padding:18px 20px;border-bottom:1px solid var(--line-2)}
.pco-h small{color:var(--ink-3);font-size:12px;font-weight:600}.pco-h b{display:block;font-family:var(--d);font-size:17px;color:var(--navy);margin-top:2px}
.pco-h .bar{margin-top:12px}
.pco-m{display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:center;padding:13px 20px;border-bottom:1px solid var(--line-2);font-size:14px}
.pco-m:last-child{border-bottom:0}
.pco-m i{width:28px;height:28px;border-radius:7px;background:var(--blue-50);color:var(--blue);display:grid;place-items:center}.pco-m i .ico{width:15px;height:15px}
.pco-m.done i{background:var(--blue);color:#fff}
.pco-m small{color:var(--ink-3);font-size:12.5px}
.pco-m.cur{background:#F7F9FC}.pco-m.cur b{color:var(--blue)}
.pz-feat{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--rule);margin-top:28px}
.pz-feat div{display:grid;grid-template-columns:22px 1fr;gap:12px;padding:18px 16px 18px 0;border-bottom:1px solid var(--rule)}
.pz-feat .ico{color:var(--blue);width:20px;height:20px;margin-top:2px}
.pz-feat b{display:block;font-size:15px;color:var(--navy)}.pz-feat small{font-size:13.5px;color:var(--ink-2)}
/* stats */
.pz-stats{background:var(--navy)}
.pz-st{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.pz-st div{padding:40px 24px;border-right:1px solid rgba(255,255,255,.1)}.pz-st div:last-child{border-right:0}
.pz-st b{display:block;font-family:var(--d);font-size:36px;font-weight:800;color:#fff;letter-spacing:-.03em;line-height:1}
.pz-st small{display:block;font-size:13.5px;color:#9FB0D0;margin-top:10px}
/* testimonials */
.pz-tst{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pt{margin:0;background:#fff;border:1px solid var(--rule);border-radius:12px;padding:26px;display:flex;flex-direction:column;gap:18px}
.pt p{font-size:15.5px;line-height:1.65;color:var(--ink)}
.pt figcaption{display:flex;gap:12px;align-items:center;margin-top:auto;padding-top:16px;border-top:1px solid var(--line-2)}
.pt .av{width:40px;height:40px;background:var(--navy)!important}
.pt b{display:block;font-size:14px}.pt small{color:var(--ink-3);font-size:12.5px}
/* closing */
.pz-cta{background:var(--navy);border-radius:16px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;padding:52px;align-items:center;position:relative;overflow:hidden}
.pz-cta::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(90deg,transparent,#000)}
.pz-cta>*{position:relative}
.pz-cta h2{font-family:var(--d);font-size:clamp(28px,3.2vw,42px);font-weight:800;color:#fff;letter-spacing:-.03em;line-height:1.08}
.pz-cta p{color:#B9C6DE;font-size:16px;margin:14px 0 26px;line-height:1.6}
.pz-cta .btn-w{background:#fff;color:var(--navy)}.pz-cta .btn-o{background:transparent;border:1px solid rgba(255,255,255,.35);color:#fff}
.pz-pay{background:#fff;border-radius:12px;padding:20px}
.pz-pay .h{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.pz-pay .h b{font-family:var(--d);font-size:15px;color:var(--navy)}
.pz-pay ol{list-style:none;margin:0;padding:0}
.pz-pay li{display:grid;grid-template-columns:52px 14px 1fr;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line-2);font-size:14px}
.pz-pay li:last-child{border-bottom:0}
.pz-pay .t{font-variant-numeric:tabular-nums;color:var(--ink-3);font-size:13px}
.pz-pay .d{width:10px;height:10px;border-radius:50%;border:2px solid var(--blue)}
.pz-pay li.g .d{background:var(--green);border-color:var(--green)}.pz-pay li.g b{color:var(--green)}
.pz-pay small{color:var(--ink-3);font-size:12.5px;display:block}
@media (max-width:1120px){
 .pz-hg,.pz-learn,.pz-cta{grid-template-columns:1fr}.pz-hg{padding:44px 0 72px}
 .pz-facts{grid-template-columns:repeat(3,1fr)}.pz-facts div{border-bottom:1px solid var(--rule)}.pz-facts div:nth-child(3){border-right:0}
 .pz-steps{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:28px}
 .pz-pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.pz-cats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pz-aud{grid-template-columns:1fr}.pz-st{grid-template-columns:repeat(3,1fr)}.pz-st div{border-bottom:1px solid rgba(255,255,255,.1)}
 .pz-tst{grid-template-columns:1fr 1fr}
}
@media (max-width:680px){
 .pz-wrap{width:calc(100% - 32px)}.pz-sec{padding:60px 0}
 .pz-list{grid-template-columns:1fr}.pc-bal b{font-size:17px}.pc-f{grid-template-columns:18px 70px 1fr}
 .pz-facts{grid-template-columns:1fr 1fr}.pz-facts div{border-right:0}
 .pz-hd{flex-direction:column;align-items:flex-start}
 .pz-steps{grid-template-columns:1fr 1fr}.pz-pgrid,.pz-cats,.pz-tst,.pz-feat{grid-template-columns:1fr}
 .pz-st{grid-template-columns:1fr 1fr}.pa,.pz-cta{padding:26px}
}
@media (prefers-reduced-motion:reduce){.pc-r.new{animation:none}}
.pp p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3em}
/* inner pages aligned with the professional homepage */
.phead{padding:56px 0 44px}
.phead h1{font-size:clamp(34px,4.4vw,56px);letter-spacing:-.035em;line-height:1.04}
.phead p{font-size:17px}
.sec{padding:84px 0}
.sec-h h2{font-size:clamp(28px,3vw,40px);font-weight:800;letter-spacing:-.03em}
.feat .fi,.mrow .mi{border-radius:10px}
body.site .card{border-radius:12px}
.cta{border-radius:16px}

/* =================== v5 — colour layer: rich, coordinated, not childish =================== */
body.site{--g1:#0B1A38;--g2:#1E3A8A;--g3:#2563EB;--ind:#4F46E5;--vio:#7C3AED;--amb:#F59E0B;--tea:#14B8A6}
/* hero: deep blue gradient with light glows */
.pz-hero{background:
  radial-gradient(700px 420px at 85% 15%,rgba(124,58,237,.45),transparent 60%),
  radial-gradient(600px 380px at 10% 90%,rgba(20,184,166,.28),transparent 60%),
  radial-gradient(900px 500px at 60% 120%,rgba(37,99,235,.55),transparent 60%),
  linear-gradient(135deg,#0B1A38 0%,#132B63 50%,#1E3A8A 100%);border-bottom:0;color:#fff}
.pz-hero::before{background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px)}
.pz-hg{padding:72px 0 104px}
.pz-eye{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#DCE6FA}
.pz-eye i{background:#34D399;box-shadow:0 0 0 4px rgba(52,211,153,.2)}
.pz-h1{color:#fff}
.pz-tag{color:#E2E9F8}.pz-tag span{color:#FBBF24}
.pz-lede{color:#C3D1EC}
.pz-hero .btn-primary{background:linear-gradient(135deg,#FBBF24,#F59E0B);color:#0B1A38;border:0;box-shadow:0 14px 30px -14px rgba(245,158,11,.8)}
.pz-hero .btn-primary:hover{filter:brightness(1.05)}
.pz-hero .btn-line{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3);color:#fff}
.pz-list{border-top-color:rgba(255,255,255,.14)}
.pz-list span{color:#EAF0FB}.pz-list .ico{color:#5EEAD4}
.pz-con{border:0;box-shadow:0 50px 90px -40px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.12)}
.pc-bal .avl{background:linear-gradient(135deg,#ECFDF5,#fff)}
.pc-f.ok .ck{background:linear-gradient(135deg,#2563EB,#4F46E5);border-color:transparent}
/* facts strip — coloured top accents */
.pz-facts{margin-top:-52px;border:0;box-shadow:0 30px 60px -36px rgba(11,26,56,.55);overflow:hidden}
.pz-facts div{position:relative}
.pz-facts div::before{content:"";position:absolute;left:0;right:0;top:0;height:4px}
.pz-facts div:nth-child(1)::before{background:#2563EB}.pz-facts div:nth-child(2)::before{background:#F59E0B}.pz-facts div:nth-child(3)::before{background:#7C3AED}.pz-facts div:nth-child(4)::before{background:#14B8A6}.pz-facts div:nth-child(5)::before{background:#DB2777}
.pz-facts div:nth-child(1) b{color:#2563EB}.pz-facts div:nth-child(2) b{color:#D97706}.pz-facts div:nth-child(3) b{color:#7C3AED}.pz-facts div:nth-child(4) b{color:#0D9488}.pz-facts div:nth-child(5) b{color:#DB2777}
/* section eyebrows */
.pz-hd .k{display:inline-block;background:linear-gradient(90deg,#2563EB,#7C3AED);-webkit-background-clip:text;background-clip:text;color:transparent}
/* steps */
.c-steps{background:linear-gradient(180deg,#fff 0%,#F2F6FF 100%)}
.pz-steps{border-top:0;gap:14px}
.pz-steps li{background:#fff;border:1px solid #E3E9F5;border-radius:14px;padding:20px 16px;box-shadow:0 10px 26px -22px rgba(30,58,138,.5)}
.pz-steps li::before{left:16px;right:16px;width:auto;top:-1px;height:3px;border-radius:0 0 3px 3px;background:var(--h)}
.pz-steps .n{color:var(--h)}
.pz-steps .ico{box-sizing:content-box;width:20px;height:20px;padding:11px;border-radius:12px;background:var(--h);color:#fff;margin:12px 0 14px;box-shadow:0 10px 20px -10px var(--h)}
.pz-steps li.last{background:linear-gradient(160deg,#FFFBEB,#fff);border-color:#FCD34D}
.pz-steps li.last::before{background:var(--h);width:auto}
.pz-steps li.last .n{color:#B45309}.pz-steps li.last .ico{color:#fff}
/* project cards */
.c-proj{background:linear-gradient(180deg,#F2F6FF,#F7F5FF)}
.pp{border:0;box-shadow:0 1px 2px rgba(15,27,51,.05),0 18px 40px -30px rgba(30,58,138,.45);position:relative;overflow:hidden}
.pp::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--cc)}
.pp-top .ico{color:var(--cc)}
.pp-top span{color:var(--cc);font-weight:700}
.pp-pay b{color:var(--cc)}
.pp:hover{box-shadow:0 30px 50px -30px rgba(30,58,138,.55);transform:translateY(-3px)}
.pp{transition:transform .2s,box-shadow .2s}
.pp .go{color:var(--cc)}
/* categories */
.pz-cats{border:0;gap:16px}
.pc2{border:1px solid #E3E9F5!important;border-radius:14px;background:#fff;transition:transform .2s,box-shadow .2s,border-color .2s}
.pc2:hover{background:#fff;border-color:var(--cc)!important;transform:translateY(-3px);box-shadow:0 22px 40px -30px var(--cc)}
.pc2 .ci{background:var(--cc);color:#fff;box-shadow:0 10px 20px -10px var(--cc)}
.pc2 .m strong{color:var(--cc)}
/* audience panels */
.c-aud{background:#fff}
.pa{border:0;color:#fff;background:radial-gradient(500px 260px at 100% 0%,rgba(96,165,250,.35),transparent 60%),linear-gradient(145deg,#1D4ED8,#1E3A8A)}
.pa.dk{background:radial-gradient(500px 260px at 100% 0%,rgba(192,132,252,.35),transparent 60%),linear-gradient(145deg,#6D28D9,#3730A3)}
.pa .k{color:#FDE68A!important}
.pa h3{color:#fff}.pa p{color:#DBE5FA}
.pa ul{border-color:rgba(255,255,255,.18)}.pa li{border-color:rgba(255,255,255,.18);color:#F1F5FF}
.pa li .ico{color:#FDE68A!important}
.pa .btn-primary{background:#fff;color:#1E3A8A}
.pa.dk .btn-primary{color:#4C1D95}
.pa .btn-line{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
/* training */
.c-learn{background:linear-gradient(180deg,#F7F5FF,#F2F6FF)}
.pz-feat div:nth-child(1) .ico{color:#2563EB}.pz-feat div:nth-child(2) .ico{color:#7C3AED}.pz-feat div:nth-child(3) .ico{color:#0D9488}.pz-feat div:nth-child(4) .ico{color:#DB2777}.pz-feat div:nth-child(5) .ico{color:#D97706}.pz-feat div:nth-child(6) .ico{color:#4F46E5}
.pz-feat .ico{box-sizing:content-box;padding:8px;border-radius:10px;background:#fff;box-shadow:0 6px 14px -10px rgba(30,58,138,.6)}
.pz-feat div{grid-template-columns:38px 1fr}
.pco-m.done i{background:linear-gradient(135deg,#2563EB,#4F46E5)}
.pco-h .bar>i{background:linear-gradient(90deg,#14B8A6,#22C55E)}
/* stats */
.pz-stats{background:radial-gradient(600px 300px at 90% 0%,rgba(192,132,252,.45),transparent 60%),linear-gradient(120deg,#1E3A8A 0%,#3730A3 50%,#6D28D9 100%)}
.pz-st small{color:#D8DEFA}
.pz-st div:nth-child(5) b{color:#FDE68A}
/* testimonials */
.c-tst{background:#fff}
.pt{border:0;background:linear-gradient(180deg,#F5F8FF,#fff);box-shadow:0 18px 40px -32px rgba(30,58,138,.5);position:relative}
.pt::before{content:"\201C";position:absolute;right:20px;top:4px;font-family:Georgia,serif;font-size:72px;line-height:1;color:#C7D6F7}
.pt .av{background:linear-gradient(135deg,#2563EB,#7C3AED)!important}
/* closing CTA */
.pz-cta{background:radial-gradient(500px 300px at 100% 100%,rgba(245,158,11,.35),transparent 60%),radial-gradient(500px 300px at 0% 0%,rgba(20,184,166,.3),transparent 60%),linear-gradient(120deg,#1E3A8A,#4338CA 55%,#6D28D9)}
.pz-cta .btn-w{background:linear-gradient(135deg,#FBBF24,#F59E0B);color:#0B1A38}

/* inner pages: colourful headers + tinted sections */
.phead{background:radial-gradient(600px 320px at 90% 0%,rgba(124,58,237,.4),transparent 60%),radial-gradient(500px 300px at 0% 100%,rgba(20,184,166,.22),transparent 60%),linear-gradient(135deg,#0B1A38,#1E3A8A);border-bottom:0;overflow:hidden;color:#fff}
.phead h1{color:#fff}.phead p{color:#C7D4EE}.phead .crumb,.phead .crumb a{color:#9FB2D9}
.phead .card{border:0}.phead .card p{color:var(--ink-2)}
.phead .wrap{position:relative}
.sec.tint{background:linear-gradient(180deg,#F2F6FF,#F7F5FF)}
.eyeline{color:#7C3AED}.eyeline::before{background:linear-gradient(90deg,#2563EB,#7C3AED)}
.feat>div:nth-child(4n+1) .fi{background:#DBEAFE;color:#1D4ED8}.feat>div:nth-child(4n+2) .fi{background:#EDE9FE;color:#6D28D9}.feat>div:nth-child(4n+3) .fi{background:#CCFBF1;color:#0F766E}.feat>div:nth-child(4n+4) .fi{background:#FEF3C7;color:#B45309}
.timeline .tl .n{background:linear-gradient(135deg,#2563EB,#7C3AED);-webkit-background-clip:text;background-clip:text;color:transparent}
.timeline .tl:last-child .n{background:none;color:var(--green)}
.cta{background:radial-gradient(400px 260px at 100% 100%,rgba(245,158,11,.3),transparent 60%),linear-gradient(120deg,#1E3A8A,#4338CA 60%,#6D28D9)}
.cta::before{display:none}
.cta .btn-w{background:linear-gradient(135deg,#FBBF24,#F59E0B);color:#0B1A38}
.ppc{border-top:3px solid var(--blue)}
.mk .ppc:nth-child(4n+2){border-top-color:#7C3AED}.mk .ppc:nth-child(4n+3){border-top-color:#0D9488}.mk .ppc:nth-child(4n+4){border-top-color:#D97706}
.bal5 div:nth-child(1){border-top:3px solid #F59E0B}.bal5 div:nth-child(2){border-top:3px solid #16A34A}.bal5 div:nth-child(3){border-top:3px solid #2563EB}.bal5 div:nth-child(4){border-top:3px solid #7C3AED}.bal5 div:nth-child(5){border-top:3px solid #DC2626}
.figband b{background:linear-gradient(135deg,#2563EB,#7C3AED);-webkit-background-clip:text;background-clip:text;color:transparent}
.cmp th{background:#EEF3FF;color:#3730A3}
.pz-con{color:var(--ink)}
/* stronger section colour */
.c-steps{background:linear-gradient(180deg,#E7EFFF 0%,#EFEAFF 100%)}
.pz-sec.c-proj{background:radial-gradient(700px 360px at 100% 0%,rgba(124,58,237,.35),transparent 60%),radial-gradient(600px 320px at 0% 100%,rgba(20,184,166,.22),transparent 60%),linear-gradient(135deg,#0B1A38,#1E3A8A);border:0}
.c-proj .pz-hd h2{color:#fff}.c-proj .pz-hd p{color:#C7D4EE}.c-proj .pz-hd .k{background:none;color:#FBBF24}.c-proj .pz-link{color:#FBBF24}
.c-proj .pp{box-shadow:0 30px 50px -30px rgba(0,0,0,.55)}
.c-cats{background:linear-gradient(180deg,#F3EEFF 0%,#FDF1F7 100%)}
.c-aud{background:linear-gradient(180deg,#FFF7EC 0%,#FFFDF8 100%)}
.c-learn{background:linear-gradient(180deg,#E6FAF5 0%,#EAF2FF 100%)}
.c-tst{background:linear-gradient(180deg,#FFF4E8 0%,#FDEFF6 100%)}
.pt{background:#fff}
.pz-sec.alt{border:0}
.c-end{background:#FDEFF6}
.phead .card{color:var(--ink)}
body.site main>.sec:not(.tint):not(.navy){background:linear-gradient(180deg,#EEF4FF 0%,#FFFFFF 70%)}
body.site main>.sec.tint{background:linear-gradient(180deg,#F1ECFF 0%,#FDF1F7 100%)}
.timeline .tl,.mrow{border-color:#DCE4F3}
.faq details{border-color:#DCE4F3}
/* eight steps: 4 x 2 grid */
.pz-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.pz-steps li{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;column-gap:16px;align-items:start;padding:22px 20px}
.pz-steps li .ico{grid-row:1/4;margin:0}
.pz-steps .n{grid-column:2;font-size:12.5px}
.pz-steps b{grid-column:2;font-size:16px;margin-top:2px}
.pz-steps small{grid-column:2}
@media (max-width:1120px){.pz-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:680px){.pz-steps{grid-template-columns:1fr}}
/* tighter homepage rhythm */
.pz-sec{padding:64px 0}
.pz-hd{margin-bottom:28px}
.pz-hd p{margin-top:6px}
.pz-hg{padding:56px 0 88px}
.pz-h1{margin-top:16px}
.pz-lede{margin-top:10px}
.pz-ctas{margin-top:22px}
.pz-list{margin-top:22px;padding-top:18px;gap:8px 28px}
.pc-task{padding:12px 16px}.pc-f{padding:6px 0}
.pz-steps li{padding:18px 18px}
.pc2{padding:22px}
.pa{padding:30px}.pa p{margin:10px 0 14px}.pa ul{margin-bottom:20px}.pa li{padding:10px 0}
.pz-learn{gap:48px}.pz-feat div{padding:14px 16px 14px 0}.pco-m{padding:10px 20px}
.pz-st div{padding:30px 24px}
.pt{padding:22px;gap:14px}
.pz-cta{padding:40px}
.sfoot{padding:52px 0 22px}
@media (max-width:680px){.pz-sec{padding:44px 0}.pc-task{display:none}.pz-hg{padding:36px 0 72px;gap:28px}.pz-steps li{padding:14px 16px}.pz-steps small{margin-top:2px}.pa{padding:22px}.pz-st div{padding:20px 16px}.pz-feat div{padding:10px 0}.pco-m:nth-child(n+5){display:none}}
/* slightly smaller type across the website */
body.site{font-size:14.5px}
.pz-h1{font-size:clamp(38px,4.6vw,62px)}
.pz-tag{font-size:clamp(16px,1.5vw,19px)}
.pz-lede{font-size:15.5px}
.pz-list span{font-size:13.5px}
.pz-facts b{font-size:18px}.pz-facts small{font-size:12.5px}
.pz-hd h2{font-size:clamp(24px,2.5vw,33px)}
.pz-hd p{font-size:15px}
.pz-steps b{font-size:15px}.pz-steps small{font-size:13px}
.pp h3{font-size:16.5px}.pp p{font-size:13.5px}.pp-pay b{font-size:24px}.pp dl{font-size:13px}
.pc2 b{font-size:16.5px}.pc2 small{font-size:13px}
.pa h3{font-size:24px}.pa p{font-size:14.5px}.pa li{font-size:14px}
.pz-feat b{font-size:14px}.pz-feat small{font-size:13px}
.pz-st b{font-size:30px}.pz-st small{font-size:13px}
.pt p{font-size:14.5px}
.pz-cta h2{font-size:clamp(24px,2.7vw,34px)}.pz-cta p{font-size:15px}
.phead h1{font-size:clamp(30px,3.6vw,46px)}.phead p{font-size:15.5px}
.sec-h h2{font-size:clamp(24px,2.5vw,33px)}.sec-h p{font-size:15.5px}
.timeline h3{font-size:19px}.timeline p{font-size:14.5px}
.feat b{font-size:17px}.feat p{font-size:14px}
.slinks a{font-size:13.5px}
body.site .btn{font-size:14px}body.site .btn-lg{font-size:15px;height:48px}
body.site[data-page="index"] main{background:#E7EFFF}

/* =================== v6 — rich, sharp homepage =================== */
.pz-for{display:inline-block;margin-top:18px;font-size:13px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#FBBF24}
.pz-for+.pz-h1{margin-top:6px}
.pz-hg{padding:52px 0 40px}
/* layered stage */
.pz-stage{position:relative;padding:34px 0 0 34px}
.pz-back{position:absolute;right:-18px;top:0;width:250px;background:linear-gradient(145deg,#1E293B,#0F172A);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:16px;color:#fff;box-shadow:0 30px 60px -30px rgba(0,0,0,.7);transform:rotate(2deg);z-index:0}
.pz-back .pb-h{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#9FB0D0;font-weight:600}
.pz-back b{display:block;font-family:var(--d);font-size:24px;margin-top:8px;color:#fff}
.pz-back small{display:block;font-size:11.5px;color:#9FB0D0}
.pb-bars{display:flex;align-items:flex-end;gap:5px;height:44px;margin-top:12px}
.pb-bars i{flex:1;background:linear-gradient(180deg,#FBBF24,#F59E0B);border-radius:3px 3px 0 0;opacity:.9}
.pz-stage .pz-con{position:relative;z-index:1}
/* publishers strip */
.pz-pub{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:10px 28px;padding:18px 0 92px;border-top:1px solid rgba(255,255,255,.1)}
.pz-pub span{font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#8FA3CC;margin-right:6px}
.pz-pub b{font-family:var(--d);font-size:15px;font-weight:800;color:rgba(255,255,255,.72);letter-spacing:-.01em}
/* bento */
.c-bento{background:linear-gradient(180deg,#E7EFFF 0%,#F3EEFF 100%)}
.c-bento .pz-hd h2{max-width:24ch}
.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(150px,auto);gap:14px}
.bt{background:#fff;border:1px solid #DDE5F3;border-radius:16px;padding:22px;position:relative;overflow:hidden;box-shadow:0 1px 0 rgba(15,27,51,.03),0 20px 40px -34px rgba(30,58,138,.55)}
.bt>small{display:block;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#6B7A99}
.bt b{font-family:var(--d)}
.bt p{font-size:13.5px;color:var(--ink-2);line-height:1.55;margin-top:8px}
.bt-dash{grid-column:span 7;grid-row:span 2;padding:0}
.bt-fee{grid-column:span 5;background:linear-gradient(145deg,#0B1A38,#1E3A8A);border:0;color:#fff}
.bt-fee>small{color:#9FB2D9}.bt-fee b{display:block;font-size:64px;font-weight:800;letter-spacing:-.04em;line-height:1;margin-top:10px;background:linear-gradient(90deg,#FDE68A,#F59E0B);-webkit-background-clip:text;background-clip:text;color:transparent}
.bt-fee p{color:#C7D4EE;max-width:34ch}
.bt-fee::after{content:"";position:absolute;right:-60px;bottom:-60px;width:200px;height:200px;border-radius:50%;border:30px solid rgba(255,255,255,.05)}
.bt-pay{grid-column:span 5}
.tl2{margin-top:12px;display:grid;gap:0}
.tl2 div{display:grid;grid-template-columns:44px 12px 1fr;gap:10px;align-items:center;padding:7px 0;font-size:13.5px;position:relative}
.tl2 span{color:#6B7A99;font-variant-numeric:tabular-nums;font-size:12.5px}
.tl2 i{width:10px;height:10px;border-radius:50%;border:2px solid #2563EB;background:#fff}
.tl2 em{font-style:normal;font-weight:600;color:var(--ink)}
.tl2 .g i{background:#16A34A;border-color:#16A34A}.tl2 .g em{color:#15803D}
.bt-seat{grid-column:span 4}
.bt-seat b{display:block;font-size:26px;font-weight:800;color:#0B1A38;margin-top:6px;letter-spacing:-.02em}
.seats{display:grid;grid-template-columns:repeat(20,1fr);gap:3px;margin-top:12px}
.seats i{aspect-ratio:1;border-radius:2px;background:#DBE6FB}
.seats i:nth-child(-n+31){background:linear-gradient(135deg,#2563EB,#4F46E5)}
.bt-qc{grid-column:span 4}
.qcr{display:flex;gap:14px;align-items:center;margin-top:10px}
.qcr b{display:block;font-size:30px;font-weight:800;color:#0B1A38;letter-spacing:-.02em}.qcr p{margin-top:2px}
.bt-ind{grid-column:span 4;background:linear-gradient(145deg,#6D28D9,#4338CA);border:0;color:#fff}
.bt-ind>small{color:#DDD6FE}.bt-ind b{display:block;font-size:20px;margin-top:6px;color:#fff}.bt-ind p{color:#E0E7FF}
.bt-ind .btn{margin-top:12px;background:#fff;color:#4C1D95}
/* dashboard tile */
.bd-h2{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid #E6ECF5;background:#FBFCFF}
.bd-h2 small{display:block;font-size:11.5px;font-weight:700;color:#6B7A99;letter-spacing:.5px;text-transform:uppercase}
.bd-h2 b{font-size:16px;color:#0B1A38}
.bd-k{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #E6ECF5}
.bd-k div{padding:16px 22px;border-right:1px solid #E6ECF5}.bd-k div:last-child{border-right:0}
.bd-k small{display:block;font-size:12px;color:#6B7A99}.bd-k b{font-size:21px;font-weight:800;color:#0B1A38;letter-spacing:-.02em}.bd-k b.g{color:#15803D}
.bd-t{padding:6px 22px 14px}
.bd-t .r{display:grid;grid-template-columns:1.4fr 1.1fr .5fr 1fr;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #EEF2F8;font-size:13.5px}
.bd-t .r:last-child{border-bottom:0}
.bd-t .r.h{font-size:11.5px;font-weight:700;color:#6B7A99;text-transform:uppercase;letter-spacing:.4px;padding-top:12px}
.bd-t .r span:first-child{display:flex;align-items:center;gap:9px;font-weight:600}
.bd-t .r span:first-child i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:10.5px;font-weight:800;color:#fff;flex:none}
.a1{background:#2563EB}.a2{background:#7C3AED}.a3{background:#0891B2}.a4{background:#DB2777}
.bd-t .q{display:flex;align-items:center;gap:8px;font-weight:700;font-variant-numeric:tabular-nums}
.bd-t .q i{display:block;height:6px;max-width:90px;border-radius:6px;background:linear-gradient(90deg,#14B8A6,#22C55E);box-shadow:inset 0 0 0 0 #fff}
@media (max-width:1120px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.bt-dash{grid-column:1/-1;grid-row:auto}.bt-fee,.bt-pay,.bt-seat,.bt-qc,.bt-ind{grid-column:span 1}.pz-back{display:none}.pz-stage{padding:0}}
@media (max-width:680px){.bento{grid-template-columns:1fr}.bd-k{grid-template-columns:1fr 1fr}.bd-k div:nth-child(2){border-right:0}.bd-t .r{grid-template-columns:1.3fr .5fr 1fr}.bd-t .r span:nth-child(2){display:none}.pz-pub{padding-bottom:84px}}
.pz-for{display:block;width:max-content}
.pz-stage{padding:0 0 56px 40px}
.pz-back{left:-6px;right:auto;top:auto;bottom:0;transform:rotate(-2deg);z-index:2;width:240px}
.c-steps{background:linear-gradient(180deg,#FFFFFF 0%,#F4F7FF 100%)}
@media (max-width:1120px){.pz-stage{padding:0}.pz-back{display:none}}

/* ---------- auth pages: branded background, elevated form card, tablet/phone header ---------- */
.auth-side{background:
  radial-gradient(620px 420px at 110% -10%,rgba(31,95,214,.55),transparent 62%),
  radial-gradient(520px 380px at -10% 110%,rgba(216,35,42,.28),transparent 60%),
  linear-gradient(160deg,#0B1A38 0%,#10244C 55%,#0B1A38 100%)}
.auth-side::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1px);background-size:22px 22px;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 35%,#000 70%,transparent);mask-image:linear-gradient(180deg,transparent,#000 35%,#000 70%,transparent)}
.auth-side .mini div{transition:transform .2s}
.auth-side .mini div:hover{transform:translateX(4px)}
.auth-main{position:relative;overflow:hidden;background:
  radial-gradient(700px 460px at 100% 0%,#DCE8FD 0,rgba(220,232,253,0) 62%),
  radial-gradient(560px 420px at 0% 100%,#FDE8E9 0,rgba(253,232,233,0) 58%),
  #F4F7FC}
.auth-main::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(rgba(11,26,56,.07) 1px,transparent 1px);background-size:24px 24px;
  -webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%)}
.auth-box{position:relative;background:#fff;border:1px solid rgba(15,27,51,.07);border-radius:24px;padding:40px 40px 32px;
  box-shadow:0 1px 2px rgba(15,27,51,.04),0 24px 60px -24px rgba(15,27,51,.28),0 8px 24px -16px rgba(31,95,214,.25);animation:authIn .45s ease-out both}
.auth-box::before{content:"";position:absolute;left:28px;right:28px;top:0;height:4px;border-radius:0 0 6px 6px;background:linear-gradient(90deg,var(--blue),#6D8FF0 55%,var(--red))}
.auth-box::after{content:"Secured with SSL encryption  ·  We never share your details";display:block;text-align:center;margin-top:22px;padding-top:16px;border-top:1px solid #EDF1F7;font-size:12px;color:var(--ink-3);letter-spacing:.1px}
@keyframes authIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.auth-box{animation:none}}
.auth-box h1{font-size:34px}
body.site .auth-box .input,body.site .auth-box .select{background:#F7F9FD;border-color:#DCE3EE;transition:border-color .15s,box-shadow .15s,background .15s}
body.site .auth-box .input:hover,body.site .auth-box .select:hover{border-color:#C3CEDF}
body.site .auth-box .input:focus,body.site .auth-box .select:focus{background:#fff;border-color:var(--blue);box-shadow:0 0 0 4px rgba(31,95,214,.14)}
.auth-box .btn-lg.btn-primary,.auth-box .btn-lg.btn-dark{height:50px;border-radius:12px;font-size:15.5px;border:0;transition:transform .15s,box-shadow .15s,filter .15s}
.auth-box .btn-lg.btn-primary{background:linear-gradient(180deg,#2A6BE3,#1B54C4);box-shadow:0 10px 22px -10px rgba(31,95,214,.75)}
.auth-box .btn-lg.btn-dark{background:linear-gradient(180deg,#17305F,#0B1A38);box-shadow:0 10px 22px -10px rgba(11,26,56,.7)}
.auth-box .btn-lg:hover{transform:translateY(-1px);filter:brightness(1.06)}
.auth-box .btn-lg:active{transform:none}
.auth-box #otpl{height:46px;border-radius:12px;background:#fff;border:1px dashed #C9D4E6;color:var(--navy);font-weight:600}
.auth-box #otpl:hover{border-style:solid;border-color:var(--blue);background:var(--blue-50)}
.auth-box .steps-dots i.on{background:linear-gradient(90deg,var(--blue),#6D8FF0)}
.auth-box .choice label span{transition:border-color .15s,box-shadow .15s}
.otp input{background:#F7F9FD;transition:border-color .15s,box-shadow .15s}
.otp input:focus{outline:none;background:#fff;border-color:var(--blue);box-shadow:0 0 0 4px rgba(31,95,214,.14)}
.demo-accts{background:#F7F9FD;border-color:#E3E9F3}

/* tablet & phone: the brand panel becomes a header and the form card overlaps it */
@media (max-width:1120px){
  .auth{display:flex;flex-direction:column;min-height:100vh;background:#F4F7FC}
  .auth-side{display:flex;padding:28px 24px 104px;min-height:0}
  .auth-side::before{left:auto;right:-220px;bottom:-320px}
  .auth-side h2{margin-top:28px;font-size:clamp(28px,5.4vw,40px);max-width:none}
  .auth-side p{font-size:15px;margin-top:10px;max-width:38em}
  .auth-side .mini{display:flex;flex-wrap:wrap;gap:8px;border:0;margin-top:18px}
  .auth-side .mini div{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);border-radius:999px;padding:6px 12px 6px 9px;font-size:12.5px;gap:7px}
  .auth-side .mini div:hover{transform:none}
  .auth-side .foot{display:none}
  .slogo.m-only{display:none}
  .auth-main{flex:1;margin-top:-76px;padding:0 20px 40px;place-items:start center;background:transparent;overflow:visible}
  .auth-main::before{display:none}
  .auth-box{width:min(520px,100%)}
}
@media (max-width:560px){
  .auth-side{padding:22px 18px 96px}
  .auth-side p{display:none}
  .auth-side .mini div:nth-child(n+3){display:none}
  .auth-main{padding:0 12px 28px}
  .auth-box{padding:30px 20px 24px;border-radius:20px}
  .auth-box h1{font-size:28px}
  .auth-box::after{content:"Secured with SSL encryption"}
  .otp{gap:6px}.otp input{width:auto;flex:1;min-width:0;height:52px}
  .demo-accts .da{grid-template-columns:1fr}
}

/* ---------- login v2: product showcase, register CTA, trust row ---------- */
.auth-side h2{margin-top:0}
.showcase{position:relative;height:300px;max-width:500px;margin:auto 0 40px}
.sc-card{position:absolute;display:flex;align-items:center;gap:12px;border-radius:18px;color:#fff;
  background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.16);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 24px 48px -20px rgba(0,0,0,.55);animation:scFloat 6s ease-in-out infinite}
.sc-card small{display:block;font-size:12px;color:#AFC0DE}
.sc-card b{display:block;font-size:14px;font-weight:700}
.sc-card .ico{width:18px;height:18px}
.sc-wallet{left:0;top:44px;width:300px;padding:18px;flex-direction:column;align-items:stretch;gap:14px}
.sc-row{display:flex;align-items:center;gap:12px}
.sc-row b{font-family:var(--d);font-size:26px;letter-spacing:-.03em;line-height:1.1}
.sc-ico{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(160deg,#2F6FE6,#1B4FB8);flex:0 0 auto}
.sc-pill{font-size:12px;font-weight:700;padding:6px 11px;border-radius:999px;background:#fff;color:var(--navy)}
.sc-bars{display:flex;align-items:flex-end;gap:7px;height:62px;padding-top:4px}
.sc-bars i{flex:1;border-radius:6px 6px 3px 3px;background:linear-gradient(180deg,rgba(141,176,247,.95),rgba(141,176,247,.25))}
.sc-bars i:last-child{background:linear-gradient(180deg,#5FD69A,rgba(95,214,154,.35))}
.sc-foot{display:flex;justify-content:space-between;font-size:12.5px;color:#AFC0DE;border-top:1px solid rgba(255,255,255,.12);padding-top:12px}
.sc-foot .up{color:#5FD69A;font-weight:700}
.sc-toast{right:0;top:0;width:280px;padding:13px 16px;background:#fff;color:var(--ink);border-color:#fff;animation-delay:-2s}
.sc-toast small{color:var(--ink-3)}
.sc-ok{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#E3F6EC;color:#12915A;flex:0 0 auto}
.sc-cert{right:-14px;bottom:44px;padding:12px 16px;animation-delay:-4s}
.sc-award{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(160deg,#F6C453,#E09B1C);color:#3B2A05;flex:0 0 auto}
.sc-upi{left:40px;bottom:0;padding:9px 14px;border-radius:999px;font-size:13px;font-weight:600;gap:8px;animation-delay:-1s}
.sc-upi .ico{color:#5FD69A}
@keyframes scFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media (prefers-reduced-motion:reduce){.sc-card{animation:none}}
@media (max-height:780px){.showcase{display:none}.auth-side h2{margin-top:auto}}

.auth-top{position:absolute;top:22px;left:32px;right:32px;display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--ink-2);z-index:1}
.auth-top a{font-weight:600}
.auth-top>a{display:inline-flex;align-items:center;gap:6px;color:var(--ink-2)}
.auth-top>a:hover{color:var(--navy)}
.auth-top-reg{display:inline-flex;margin-left:6px;padding:7px 14px;border-radius:999px;background:#fff;border:1px solid #D6E0F0;color:var(--blue);box-shadow:0 4px 12px -6px rgba(15,27,51,.2)}
.auth-top-reg:hover{border-color:var(--blue);text-decoration:none}
.auth-main:has(.auth-top){padding-top:84px}
.auth-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--blue);background:var(--blue-50);padding:6px 12px;border-radius:999px;margin-bottom:14px}
.auth-eyebrow i{width:7px;height:7px;border-radius:50%;background:#12915A;box-shadow:0 0 0 3px rgba(18,145,90,.18)}
.or{display:flex;align-items:center;gap:12px;margin:22px 0 14px;font-size:13px;color:var(--ink-3);font-weight:600}
.or::before,.or::after{content:"";flex:1;height:1px;background:#E3E9F2}
.btn-reg{height:50px;border-radius:12px;font-size:15px;font-weight:700;gap:10px;color:var(--navy);background:#fff;border:1.5px solid var(--navy);transition:background .15s,color .15s,transform .15s,box-shadow .15s}
.btn-reg:hover{background:var(--navy);color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:0 12px 24px -12px rgba(11,26,56,.6)}
.btn-reg .ico:last-child{transition:transform .15s}
.btn-reg:hover .ico:last-child{transform:translateX(3px)}
.trust{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-top:22px;padding-top:16px;border-top:1px solid #EDF1F7;font-size:12.5px;color:var(--ink-3)}
.trust>span{display:inline-flex;align-items:center;gap:6px}
.trust .ico{width:15px;height:15px;color:#12915A}
.login-box::after{display:none}
@media (max-width:1120px){.showcase,.auth-top{display:none}.auth-main:has(.auth-top){padding-top:0}.auth-side h2{margin-top:28px}}
@media (max-width:560px){.trust{gap:6px 12px;font-size:12px}.auth-eyebrow{font-size:12px}}