/* hp — combined full homepages; frames carry p14 pJ for palette + reused hero/testi/timeline/footer */
.hp-sec{padding:84px 80px;text-align:center}
.hp-sec .eyeb{color:var(--amber)}
.hp-sec.alt{background:linear-gradient(180deg,#fff 0%,#eef6fd 60%,#fff 100%)}
.hp-t{font-family:var(--fd);font-size:38px;font-weight:800;color:var(--navy);letter-spacing:-.03em;line-height:1.15;margin-bottom:12px}
.hp-sub{font-size:16.5px;color:var(--muted);font-weight:300;max-width:600px;margin:0 auto;line-height:1.7}
.hp-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px;text-align:left}
.hp-svc{background:#fff;border:1px solid rgba(13,45,82,.08);border-radius:16px;padding:30px 28px;box-shadow:0 6px 22px rgba(13,45,82,.05);transition:all .2s}
.hp-svc:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(13,45,82,.1)}
.hp-svc .ic{width:44px;height:44px;border-radius:12px;background:var(--blue-tint);color:var(--blue);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.hp-svc .ic svg{width:21px;height:21px}
.hp-svc h3{font-family:var(--fd);font-size:17px;font-weight:700;color:var(--navy);letter-spacing:-.015em;margin-bottom:8px}
.hp-svc p{font-size:13.5px;color:var(--muted);line-height:1.6;margin-bottom:12px}
.hp-svc a{font-size:13px;font-weight:600;color:var(--blue)}
.hp-2col{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;text-align:left;max-width:1240px;margin:0 auto}
.hp-2col .eyeb{color:var(--amber)}
.hp-pt{display:flex;gap:16px;align-items:flex-start;margin-top:26px}
.hp-pt .ic{width:42px;height:42px;border-radius:11px;background:var(--blue-tint);color:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.hp-pt .ic svg{width:20px;height:20px}
.hp-pt.gr .ic{background:var(--green-bg);color:var(--green)}
.hp-pt h4{font-family:var(--fd);font-size:15.5px;font-weight:700;color:var(--navy);margin-bottom:4px}
.hp-pt p{font-size:13.5px;color:var(--muted);line-height:1.6}
.hp-commit{background:linear-gradient(160deg,#0d2d52,#14406e);border-radius:22px;padding:40px;color:#fff;position:relative;overflow:hidden}
.hp-commit::after{content:'';position:absolute;top:-60px;right:-60px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(232,161,99,.3) 0%,transparent 65%)}
.hp-commit .ey{font-family:var(--fm);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.hp-commit h3{font-family:var(--fd);font-size:26px;font-weight:700;letter-spacing:-.025em;line-height:1.25;margin-bottom:16px;position:relative;z-index:1}
.hp-commit h3 em{font-style:normal;color:var(--gold)}
.hp-commit p{font-size:14px;color:rgba(255,255,255,.6);line-height:1.7;position:relative;z-index:1}
.hp-commit .mrow{display:flex;gap:30px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);margin-top:22px;position:relative;z-index:1}
.hp-commit .mv{font-family:var(--fd);font-size:32px;font-weight:800;letter-spacing:-.04em;line-height:1}
.hp-commit .mv em{font-style:normal;color:var(--gold)}
.hp-commit .ml{font-size:12px;color:rgba(255,255,255,.45);margin-top:4px}
.hp-m365card{background:#fff;border:1px solid rgba(13,45,82,.08);border-radius:22px;padding:34px;box-shadow:0 18px 50px rgba(13,45,82,.09)}
.hp-m365card .head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}
.hp-m365card .head b{font-family:var(--fd);font-size:16px;color:var(--navy)}
.hp-m365card .head span{font-family:var(--fm);font-size:10px;letter-spacing:.1em;text-transform:uppercase;background:var(--blue-tint);color:var(--blue-deep);border-radius:100px;padding:5px 13px;font-weight:700}
.hp-apps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.hp-app{background:#f7fbff;border:1px solid rgba(13,45,82,.07);border-radius:12px;padding:16px 10px;text-align:center}
.hp-app .ic{width:34px;height:34px;border-radius:9px;background:var(--blue-tint);color:var(--blue);display:flex;align-items:center;justify-content:center;margin:0 auto 8px}
.hp-app .ic svg{width:17px;height:17px}
.hp-app span{font-size:11.5px;font-weight:600;color:var(--navy)}
.hp-m365card .foot{display:flex;align-items:center;gap:12px;margin-top:22px;padding-top:20px;border-top:1px solid rgba(13,45,82,.08);text-align:left}
.hp-m365card .foot .ic{width:36px;height:36px;border-radius:10px;background:var(--green-bg);color:var(--green);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.hp-m365card .foot .ic svg{width:18px;height:18px}
.hp-m365card .foot b{font-size:13px;color:var(--navy);display:block}
.hp-m365card .foot span{font-size:12px;color:var(--muted)}
.hp-feat{display:flex;gap:13px;align-items:flex-start;margin-top:18px}
.hp-feat .ck{width:22px;height:22px;border-radius:50%;background:var(--blue);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.hp-feat h5{font-family:var(--fd);font-size:14px;font-weight:700;color:var(--navy);margin-bottom:2px}
.hp-feat p{font-size:13px;color:var(--muted);line-height:1.55}
.hp-kpis{display:flex;justify-content:center;gap:0;margin-top:56px}
.hp-kpi{padding:0 44px;border-right:1px solid rgba(13,45,82,.12);text-align:center}
.hp-kpi:last-child{border-right:none}
.hp-kpi b{font-family:var(--fd);font-size:34px;font-weight:800;color:var(--navy);letter-spacing:-.04em;display:block;line-height:1.1}
.hp-kpi b em{font-style:normal;color:var(--amber);font-size:22px}
.hp-kpi span{font-family:var(--fm);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.hp-rings{position:relative;width:520px;height:520px;margin:0 auto}
.hp-ring{position:absolute;border-radius:50%;border:1.5px solid rgba(0,114,191,.2)}
.hp-ring.r1{inset:170px}.hp-ring.r2{inset:100px;border-color:rgba(0,114,191,.14)}.hp-ring.r3{inset:30px;border-color:rgba(0,114,191,.09)}
.hp-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;background:linear-gradient(160deg,#0d2d52,#14406e);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 16px 44px rgba(13,45,82,.3);z-index:2}
.hp-core b{font-family:var(--fd);font-size:15px;font-weight:700;line-height:1.25}
.hp-core span{font-size:10px;color:var(--blue-soft);margin-top:3px}
.hp-rlabel{position:absolute;background:#fff;border:1px solid rgba(13,45,82,.1);border-radius:100px;padding:9px 18px;font-family:var(--fd);font-size:13px;font-weight:600;color:var(--navy);box-shadow:0 8px 22px rgba(13,45,82,.09);white-space:nowrap;z-index:1}
.hp-rlabel i{font-style:normal;color:var(--amber);margin-right:6px;font-size:11px}
.hp-bars{max-width:760px;margin:52px auto 0;text-align:left}
.hp-bar{margin-bottom:30px}
.hp-bar .lbl{display:flex;justify-content:space-between;font-size:13.5px;font-weight:600;color:var(--navy);margin-bottom:9px}
.hp-bar .lbl span{color:var(--muted);font-weight:400}
.hp-bar .track{height:14px;background:rgba(13,45,82,.06);border-radius:100px;overflow:hidden}
.hp-bar .fill{height:100%;border-radius:100px}
.hp-bar.wg .fill{width:8%;background:linear-gradient(90deg,var(--blue),var(--blue-soft));min-width:34px}
.hp-bar.ind .fill{width:92%;background:#c9d4e0}
.hp-bar .note{font-size:11.5px;color:var(--muted);margin-top:7px}
.hp-proc{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:60px;position:relative;text-align:left}
.hp-proc::before{content:'';position:absolute;top:23px;left:8%;right:8%;height:2px;background:linear-gradient(90deg,var(--blue),rgba(0,114,191,.15))}
.hp-step{position:relative}
.hp-step .n{width:46px;height:46px;border-radius:50%;background:#fff;border:2px solid var(--blue);color:var(--blue);font-family:var(--fd);font-size:17px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:16px;position:relative;z-index:1}
.hp-step:first-child .n{background:var(--blue);color:#fff}
.hp-step h4{font-family:var(--fd);font-size:15.5px;font-weight:700;color:var(--navy);margin-bottom:6px}
.hp-step p{font-size:13px;color:var(--muted);line-height:1.6}
.hp-ind{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:44px}
.hp-chip{background:#fff;border:1px solid rgba(13,45,82,.1);border-radius:100px;padding:11px 22px;font-family:var(--fd);font-size:14px;font-weight:600;color:var(--navy);box-shadow:0 4px 14px rgba(13,45,82,.05)}
.hp-chip i{font-style:normal;color:var(--amber);margin-right:7px;font-size:11px}
.hp-cta{position:relative;background:linear-gradient(160deg,#0d2d52,#14406e);padding:96px 80px;text-align:center;overflow:hidden}
.hp-cta::after{content:'';position:absolute;bottom:-220px;left:50%;transform:translateX(-50%);width:900px;height:460px;border-radius:50%;background:radial-gradient(ellipse,rgba(232,161,99,.26) 0%,transparent 65%)}
.hp-cta h2{font-family:var(--fd);font-size:44px;font-weight:800;color:#fff;letter-spacing:-.035em;line-height:1.12;margin-bottom:18px;position:relative;z-index:1}
.hp-cta h2 em{font-style:normal;color:var(--gold)}
.hp-cta p{font-size:17px;color:rgba(255,255,255,.6);font-weight:300;max-width:620px;margin:0 auto 40px;line-height:1.7;position:relative;z-index:1}
.hp-cta .row{display:flex;gap:14px;justify-content:center;position:relative;z-index:1}
.hp-num{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:60px;text-align:left}
.hp-numcard{border-top:2px solid rgba(13,45,82,.1);padding-top:24px}
.hp-numcard .no{font-family:var(--fd);font-size:15px;font-weight:800;color:var(--amber);margin-bottom:12px;letter-spacing:.04em}
.hp-numcard h3{font-family:var(--fd);font-size:20px;font-weight:700;color:var(--navy);letter-spacing:-.02em;margin-bottom:10px}
.hp-numcard p{font-size:14px;color:var(--muted);line-height:1.65}
.hp-numcard ul{list-style:none;margin-top:14px;padding:0;display:flex;flex-direction:column;gap:8px}
.hp-numcard li{font-size:13px;color:var(--navy);font-weight:500}
.hp-numcard li::before{content:'✓';color:var(--blue);font-weight:700;margin-right:8px}

.proc4 .p14-row{grid-template-columns:repeat(4,1fr)}
.proc4 .p14-time{font-family:var(--fm);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:700}
@keyframes q4a{0%,9%{opacity:.32}13%,96%{opacity:1}100%{opacity:.32}}
@keyframes q4b{0%,30%{opacity:.32}34%,96%{opacity:1}100%{opacity:.32}}
@keyframes q4c{0%,50%{opacity:.32}54%,96%{opacity:1}100%{opacity:.32}}
@keyframes q4d{0%,70%{opacity:.32}74%,96%{opacity:1}100%{opacity:.32}}
.pJ .proc4 .p14-stop:nth-child(1) .p14-card{animation-name:q4a}
.pJ .proc4 .p14-stop:nth-child(2) .p14-card{animation-name:q4b}
.pJ .proc4 .p14-stop:nth-child(3) .p14-card{animation-name:q4c}
.pJ .proc4 .p14-stop:nth-child(4) .p14-card{animation-name:q4d}

.proc4 .p14-line{top:44px}

/* proc4 back to light colors — keep the animation */
.proc4{background:#fff;padding:84px 80px 86px}
.proc4::before{display:none}
.proc4 .eyeb{color:var(--amber)}
.proc4 h2{color:var(--navy)}
.proc4 .p14-lead{color:var(--muted)}
.proc4 .p14-line{background:rgba(13,45,82,.08)}
.proc4 .p14-line i{background:linear-gradient(90deg,var(--blue),var(--blue-soft));box-shadow:0 0 14px rgba(0,114,191,.25)}
.proc4 .p14-time{color:var(--blue)}
.proc4 .p14-node{background:#fff;border-color:var(--blue);box-shadow:0 0 12px rgba(0,114,191,.2)}
.proc4 .p14-card{background:#fff;border:1px solid rgba(13,45,82,.1);box-shadow:0 8px 24px rgba(13,45,82,.06);backdrop-filter:none}
.proc4 .p14-card h4{color:var(--navy)}
.proc4 .p14-card p{color:var(--muted)}

/* step-4 confetti burst, timed to the sweep hitting the last node (~74%) */
.proc4 .p14-card{position:relative}
.cf{position:absolute;top:2px;left:50%;width:7px;height:10px;border-radius:2px;opacity:0;animation:cfb 10s linear infinite;pointer-events:none;z-index:2}
.cf.rd{border-radius:50%;height:7px}
@keyframes cfb{0%,73.5%{opacity:0;transform:translate(0,-4px) rotate(0deg) scale(.5)}76%{opacity:1;transform:translate(calc(var(--dx)*.45),calc(var(--dy)*.3)) rotate(calc(var(--rr)*.4)) scale(1.05)}88%{opacity:1;transform:translate(var(--dx),var(--dy)) rotate(var(--rr)) scale(1)}93%,100%{opacity:0;transform:translate(var(--dx),calc(var(--dy) + 14px)) rotate(var(--rr)) scale(.9)}}

.hp-tslider{position:relative;margin-top:58px}
.hp-tview{overflow:hidden;margin:0 -6px}
.hp-ttrack{display:flex;transition:transform .45s cubic-bezier(.4,.1,.2,1)}
.hp-tslide{flex:0 0 100%;min-width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:36px;padding:12px 6px}
.hp-tslide .p14-tcard{height:340px}
.hp-tarrow{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:1.5px solid var(--grey-mid);background:#fff;color:var(--navy);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 18px rgba(13,45,82,.1);z-index:3;transition:all .2s;padding:0}
.hp-tarrow:hover{border-color:var(--blue);color:var(--blue)}
.hp-tarrow.prev{left:-62px}
.hp-tarrow.next{right:-62px}
.hp-tslide .p14-q p{font-size:16px}

.hp-partners{display:flex;align-items:center;justify-content:center;gap:26px;margin-top:56px;padding-top:30px;border-top:1px solid rgba(13,45,82,.09);flex-wrap:wrap}
.hp-partners .lbl{font-family:var(--fm);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.hp-partners .row{display:flex;gap:34px;align-items:center;flex-wrap:wrap}
.hp-partners img{display:block;opacity:.85}

/* 15-word rotation */
.p14-rot span{animation:rot15 37.5s infinite}
.p14-rot span:nth-child(1){animation-delay:0s}.p14-rot span:nth-child(2){animation-delay:2.5s}.p14-rot span:nth-child(3){animation-delay:5s}.p14-rot span:nth-child(4){animation-delay:7.5s}.p14-rot span:nth-child(5){animation-delay:10s}.p14-rot span:nth-child(6){animation-delay:12.5s}.p14-rot span:nth-child(7){animation-delay:15s}.p14-rot span:nth-child(8){animation-delay:17.5s}.p14-rot span:nth-child(9){animation-delay:20s}.p14-rot span:nth-child(10){animation-delay:22.5s}.p14-rot span:nth-child(11){animation-delay:25s}.p14-rot span:nth-child(12){animation-delay:27.5s}.p14-rot span:nth-child(13){animation-delay:30s}.p14-rot span:nth-child(14){animation-delay:32.5s}.p14-rot span:nth-child(15){animation-delay:35s}
@keyframes rot15{0%{opacity:0;transform:translateY(26px)}1%,5.7%{opacity:1;transform:translateY(0)}7%,100%{opacity:0;transform:translateY(-26px)}}

/* subpage hero + article cards + testimonial grid */
.hp-phero{position:relative;padding:100px 90px 84px;background:linear-gradient(175deg,#f2f9ff 0%,#dcecfa 100%);text-align:center;overflow:hidden}
.hp-phero::after{content:'';position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff);pointer-events:none}
.hp-phero .eyeb{color:var(--blue)}
.hp-phero h1{font-family:var(--fd);font-size:58px;font-weight:800;color:var(--navy);letter-spacing:-.04em;line-height:1.07;max-width:960px;margin:0 auto 22px;position:relative;z-index:1}
.hp-phero h1 em{font-style:normal;color:var(--amber)}
.hp-phero .lead{font-size:18.5px;color:#3d5470;font-weight:300;line-height:1.7;max-width:640px;margin:0 auto 36px;position:relative;z-index:1}
.hp-phero .acts{display:flex;gap:14px;justify-content:center;position:relative;z-index:1}
.hp-story{max-width:640px;margin:0 auto;text-align:left;font-size:15.5px;color:#4a5568;line-height:1.8}
.hp-founder{background:#fff;border:1px solid rgba(13,45,82,.08);border-radius:22px;padding:36px;box-shadow:0 18px 50px rgba(13,45,82,.09);text-align:center;max-width:380px;margin:0 auto}
.hp-founder img{width:110px;height:110px;border-radius:50%;object-fit:cover;margin:0 auto 16px;border:4px solid var(--blue-tint)}
.hp-founder b{font-family:var(--fd);font-size:18px;color:var(--navy);display:block}
.hp-founder span{font-size:13px;color:var(--muted);display:block;margin-bottom:14px}
.hp-founder p{font-family:var(--fs);font-style:italic;font-size:17px;color:var(--navy);line-height:1.5}
.hp-art{background:#fff;border:1px solid rgba(13,45,82,.08);border-radius:16px;overflow:hidden;text-align:left;box-shadow:0 6px 22px rgba(13,45,82,.05);transition:all .2s}
.hp-art:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(13,45,82,.1)}
.hp-art .band{height:120px;display:flex;align-items:center;justify-content:center;position:relative;color:#fff}
.hp-art .band.a{background:linear-gradient(160deg,#0d2d52,#14406e)}
.hp-art .band.b{background:linear-gradient(160deg,#dcecfa,#eef6fd);color:var(--blue)}
.hp-art .band.c{background:linear-gradient(160deg,#e8f8ef,#f4fcf7);color:var(--green)}
.hp-art .band svg{width:38px;height:38px}
.hp-art .tag{position:absolute;top:14px;right:14px;font-family:var(--fm);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;border-radius:100px;padding:4px 11px;background:rgba(255,255,255,.9);color:var(--navy)}
.hp-art .bd{padding:22px 24px 24px}
.hp-art .dt{font-family:var(--fm);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.hp-art h4{font-family:var(--fd);font-size:16.5px;font-weight:700;color:var(--navy);letter-spacing:-.015em;line-height:1.35;margin-bottom:8px}
.hp-art p{font-size:13.5px;color:var(--muted);line-height:1.6;margin-bottom:12px}
.hp-art a{font-size:13px;font-weight:600;color:var(--blue)}
.hp-artgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:56px}
.hp-tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:58px}
.hp-tgrid .p14-tcard{height:340px}

/* industry pages v2 */
.hp-blurb{font-size:15.5px;color:#4a5568;line-height:1.8;text-align:left}
.hp-blurb p+p{margin-top:16px}
.hp-blurb .eyeb{margin-bottom:14px}
.hp-blurb h2{font-family:var(--fd);font-size:32px;font-weight:800;color:var(--navy);letter-spacing:-.03em;line-height:1.15;margin-bottom:18px}
.hp-blurb h2 em{font-style:normal;color:var(--amber)}
.hp-panel{background:#fff;border:1px solid rgba(13,45,82,.08);border-radius:20px;box-shadow:0 18px 50px rgba(13,45,82,.1);overflow:hidden;text-align:left;max-width:470px;margin:0 auto}
.hp-panel .hd{background:linear-gradient(160deg,#0d2d52,#14406e);padding:18px 26px;color:#fff;font-family:var(--fd);font-weight:700;font-size:15px;display:flex;justify-content:space-between;align-items:center}
.hp-panel .hd span{font-family:var(--fm);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:700}
.hp-panel .rw{display:flex;align-items:center;gap:12px;padding:15px 26px;border-bottom:1px solid #f0f4f8;font-size:14px;color:var(--navy);font-weight:500}
.hp-panel .rw:last-child{border-bottom:none}
.hp-panel .rw i{font-style:normal;width:9px;height:9px;border-radius:50%;background:var(--green);flex-shrink:0}
.hp-panel .rw b{margin-left:auto;font-family:var(--fd);font-size:12.5px;color:var(--green);font-weight:700}
.hp-incl{background:#fff;border:1px solid rgba(13,45,82,.08);border-radius:20px;box-shadow:0 18px 50px rgba(13,45,82,.1);padding:28px;max-width:470px;margin:0 auto;text-align:left}
.hp-incl .ttl{font-family:var(--fd);font-size:15px;font-weight:700;color:var(--navy);margin-bottom:18px;display:flex;justify-content:space-between;align-items:center}
.hp-incl .ttl span{font-family:var(--fm);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;background:var(--blue-tint);color:var(--blue-deep);border-radius:100px;padding:5px 12px;font-weight:700}
.hp-incl .grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hp-incl .chip{background:#f7fbff;border:1px solid rgba(13,45,82,.07);border-radius:12px;padding:13px 14px;display:flex;gap:10px;align-items:center;font-size:13px;font-weight:600;color:var(--navy)}
.hp-incl .chip .ic{width:32px;height:32px;border-radius:9px;background:var(--blue-tint);color:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.hp-incl .chip .ic svg{width:16px;height:16px}
.hp-incl .badge{margin-top:18px;padding-top:18px;border-top:1px solid rgba(13,45,82,.08);display:flex;gap:10px;align-items:center;font-size:12.5px;color:var(--muted)}
.hp-incl .badge i{font-style:normal;color:var(--green);font-weight:700}
.hp-flow{max-width:480px;margin:0 auto;position:relative;text-align:center}
.hp-flow .ln{position:absolute;top:31px;left:13%;right:13%;height:2px;background:linear-gradient(90deg,var(--blue),var(--blue-soft))}
.hp-flow .row{display:grid;grid-template-columns:repeat(4,1fr);position:relative}
.hp-flow .row.c3{grid-template-columns:repeat(3,1fr)}
.hp-flow .nd .ic{width:62px;height:62px;border-radius:50%;background:#fff;border:2px solid var(--blue);color:var(--blue);display:flex;align-items:center;justify-content:center;margin:0 auto 10px;position:relative;z-index:1;box-shadow:0 6px 18px rgba(13,45,82,.08)}
.hp-flow .nd .ic svg{width:24px;height:24px}
.hp-flow .nd span{font-size:12.5px;font-weight:700;color:var(--navy);display:block;font-family:var(--fd)}
.hp-flow .nd small{font-size:11px;color:var(--muted)}
.hp-bigq{max-width:880px;margin:0 auto;text-align:center}
.hp-bigq .qm{font-family:var(--fs);font-style:italic;font-size:84px;line-height:.5;color:var(--blue);opacity:.3;display:block}
.hp-bigq>p{font-family:var(--fs);font-style:italic;font-size:29px;color:var(--navy);line-height:1.48;margin:16px 0 30px}
.hp-bigq footer{display:flex;align-items:center;justify-content:center;gap:14px}
.hp-bigq .av{width:48px;height:48px;border-radius:50%;background:var(--blue);color:#fff;font-family:var(--fd);font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.hp-bigq b{font-family:var(--fd);font-size:15px;color:var(--navy);display:block;text-align:left}
.hp-bigq footer span{font-size:13px;color:var(--muted);display:block;text-align:left}
.hp-bigq .tag{font-family:var(--fm);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;background:var(--green-bg);color:var(--green);border-radius:100px;padding:4px 11px;font-weight:700}

/* authentic artifacts: paper docs, message threads, email */
.hp-doc{background:#fffefb;border:1px solid #e6e2d8;box-shadow:0 24px 50px rgba(13,45,82,.13);padding:30px 32px 26px;max-width:430px;margin:0 auto;text-align:left;transform:rotate(-.8deg);border-radius:3px;position:relative}
.hp-doc .lh{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--navy);padding-bottom:12px;margin-bottom:16px}
.hp-doc .lh img{height:17px;mix-blend-mode:multiply}
.hp-doc .lh span{font-family:var(--fm);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#9aa3ad}
.hp-doc h5{font-family:var(--fd);font-size:15px;color:var(--navy);margin-bottom:3px;padding-right:125px}
.hp-doc .meta{font-size:11px;color:#9aa3ad;margin-bottom:14px;padding-right:125px}
.hp-doc table{width:100%;border-collapse:collapse;font-size:12.5px;color:#3a4553}
.hp-doc td{padding:8px 0;border-bottom:1px solid #efece4}
.hp-doc td.r{text-align:right;white-space:nowrap}
.hp-doc .strike td{color:#a8b0b9;text-decoration:line-through}
.hp-doc tr.tot td{border-bottom:none;border-top:2px solid var(--navy);font-weight:700;color:var(--navy);padding-top:10px}
.hp-doc .stamp{position:absolute;top:62px;right:-14px;border:2.5px solid var(--green);color:var(--green);font-family:var(--fd);font-weight:800;font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding:6px 14px;transform:rotate(7deg);border-radius:4px;background:rgba(255,255,255,.88)}
.hp-doc .stamp.bl{border-color:var(--blue);color:var(--blue)}
.hp-doc .log{font-family:'Courier New',monospace;font-size:11.5px;color:#3a4553;line-height:2.1;white-space:pre-line}
.hp-doc .sigrow{display:flex;justify-content:space-between;align-items:flex-end;margin-top:22px;gap:20px}
.hp-doc .sig{flex:1;border-top:1px solid #c9c4b6;padding-top:5px}
.hp-doc .sig i{font-family:var(--fs);font-style:italic;font-size:21px;color:var(--navy);display:block;margin-top:-30px;margin-bottom:2px}
.hp-doc .sig span{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:#9aa3ad}
.hp-msg{background:#fff;border-radius:26px;border:1px solid rgba(13,45,82,.1);box-shadow:0 24px 50px rgba(13,45,82,.14);max-width:330px;margin:0 auto;overflow:hidden;text-align:left}
.hp-msg .mh{background:#f7f9fb;border-bottom:1px solid #eceff2;padding:13px;text-align:center}
.hp-msg .mh b{font-family:var(--fd);font-size:13px;color:var(--navy);display:block}
.hp-msg .mh span{font-size:10.5px;color:#9aa3ad}
.hp-msg .mb{padding:16px 14px 18px;display:flex;flex-direction:column;gap:7px}
.hp-msg .bub{max-width:80%;padding:9px 13px;border-radius:16px;font-size:13px;line-height:1.45}
.hp-msg .them{background:#eef1f4;color:#2e3744;border-bottom-left-radius:5px;align-self:flex-start}
.hp-msg .us{background:var(--blue);color:#fff;border-bottom-right-radius:5px;align-self:flex-end}
.hp-msg .ts{font-size:9.5px;color:#a8b0b9;text-align:center;margin:5px 0 2px}
.hp-email{background:#fff;border:1px solid rgba(13,45,82,.1);border-radius:12px;box-shadow:0 24px 50px rgba(13,45,82,.12);max-width:450px;margin:0 auto;text-align:left;overflow:hidden}
.hp-email .eh{padding:16px 20px 13px}
.hp-email .eh b{font-family:var(--fd);font-size:14px;color:var(--navy);display:block;margin-bottom:4px}
.hp-email .eh span{font-size:11.5px;color:#8a94a0;display:block;line-height:1.5}
.hp-email .warn{background:#fff7e0;border-top:1px solid #f0e2b6;border-bottom:1px solid #f0e2b6;color:#8a6d1a;font-size:11.5px;font-weight:600;padding:9px 20px;line-height:1.5}
.hp-email .eb{padding:15px 20px 18px;font-size:12.5px;color:#4a5568;line-height:1.65}
.hp-email .eb b{color:var(--navy)}

.hp-cad{max-width:460px;margin:0 auto;border-radius:12px;overflow:hidden;box-shadow:0 24px 50px rgba(13,45,82,.12);border:1px solid rgba(13,45,82,.1)}
.hp-cad svg{display:block;width:100%;height:auto}

.hp-quar{background:#fff;border:1px solid rgba(13,45,82,.1);border-radius:12px;box-shadow:0 24px 50px rgba(13,45,82,.12);max-width:470px;margin:0 auto;text-align:left;overflow:hidden}
.hp-quar .qh{padding:16px 20px 13px;border-bottom:1px solid #e4e9ee}
.hp-quar .qh b{font-family:var(--fd);font-size:14px;color:var(--navy);display:block;margin-bottom:3px}
.hp-quar .qh span{font-size:13px;color:#8a94a0}
.hp-quar .qrow{display:flex;align-items:center;gap:12px;padding:11px 20px;border-bottom:1px solid #eef2f6}
.hp-quar .qi{flex:none;width:22px;height:22px;border-radius:50%;background:#fdecea;color:#b3261e;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}
.hp-quar .qt{min-width:0;flex:1}
.hp-quar .qt b{display:block;font-size:11.5px;color:var(--navy);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hp-quar .qt span{display:block;font-size:11px;color:#69748a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hp-quar .qrow em{flex:none;font-style:normal;font-size:9.5px;font-weight:700;letter-spacing:.04em;color:#b3261e;background:#fdecea;border-radius:100px;padding:4px 9px;white-space:nowrap}
.hp-quar .qf{padding:12px 20px;font-size:11.5px;color:#69748a}
.hp-quar .qf b{color:var(--navy)}

.hp-clip{max-width:390px;margin:0 auto}
.hp-clip.board{max-width:470px}
.hp-clip.cloud{max-width:480px}
.hp-clip svg{display:block;width:100%;height:auto}

.hp-doc table.cmp td{padding:7px 0}
.hp-doc table.cmp td.r{padding-left:14px}
.hp-doc tr.chd td{font-family:var(--fm);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#9aa3ad;border-bottom:2px solid var(--navy);padding-bottom:6px}
.hp-doc table.cmp td:last-child{color:var(--blue);font-weight:700}
.hp-doc table.cmp tr.chd td:last-child,.hp-doc table.cmp tr.tot td:last-child{color:var(--blue)}

.hp-doc table.cmp td.x{color:#b4bcc4;font-weight:400}
.hp-doc table.cmp td.x:last-child{color:#b4bcc4;font-weight:400}

/* rotating read-along card as the section testimonial: reserve height so long quotes never touch the next block */
.hp-sec>.hp-bigq.ra-box,.p14-testi>div>.hp-bigq.ra-box,.p14-testi>.hp-bigq.ra-box{margin-top:40px;margin-bottom:24px;min-height:230px;display:flex;flex-direction:column;justify-content:flex-start;padding-bottom:36px}
.hp-sec>.hp-bigq.ra-box>p,.p14-testi .hp-bigq.ra-box>p{font-size:24px;line-height:1.5;margin:0 0 26px}
.hp-bigq.ra-box .ra-ctl{bottom:36px}

/* industry fit-check panel */
.hp-fit{background:#fff;border:1px solid rgba(13,45,82,.1);border-radius:18px;box-shadow:0 24px 60px rgba(13,45,82,.12);max-width:470px;margin:0 auto;text-align:left;overflow:hidden}
.hp-fit .k{font-family:var(--fm);font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--amber)}
.hp-fit .fh{padding:22px 26px 16px;border-bottom:1px solid rgba(13,45,82,.08)}
.hp-fit .fh h3{font-family:var(--fd);font-size:18px;font-weight:700;color:var(--navy);letter-spacing:-.02em;line-height:1.3;margin:6px 0 0}
.hp-fit ul{list-style:none;margin:0;padding:8px 26px 10px;display:flex;flex-direction:column}
.hp-fit li{display:grid;grid-template-columns:24px 1fr;gap:14px;align-items:start;padding:11px 0;border-bottom:1px solid rgba(13,45,82,.06);opacity:0;transform:translateY(6px);transition:opacity .45s ease,transform .45s ease}
.hp-fit li:last-child{border-bottom:0}
.hp-fit li i{width:24px;height:24px;border-radius:50%;border:1.5px solid rgba(0,114,191,.35);background:#fff;color:#fff;display:flex;align-items:center;justify-content:center;margin-top:1px;transition:background .3s ease,border-color .3s ease}
.hp-fit li i svg{width:13px;height:13px}
.hp-fit li i svg path{stroke-dasharray:20;stroke-dashoffset:20;transition:stroke-dashoffset .35s ease .1s}
.hp-fit li b{display:block;font-family:var(--fd);font-size:14.5px;font-weight:600;color:var(--navy);letter-spacing:-.01em;line-height:1.35}
.hp-fit li span{display:block;font-size:13px;color:#5a6575;line-height:1.5;margin-top:2px}
.hp-fit.go li{opacity:1;transform:none}
.hp-fit.go li i{background:var(--blue);border-color:var(--blue)}
.hp-fit.go li i svg path{stroke-dashoffset:0}
.hp-fit.go li:nth-child(1){transition-delay:.05s}.hp-fit.go li:nth-child(2){transition-delay:.17s}.hp-fit.go li:nth-child(3){transition-delay:.29s}.hp-fit.go li:nth-child(4){transition-delay:.41s}.hp-fit.go li:nth-child(5){transition-delay:.53s}.hp-fit.go li:nth-child(6){transition-delay:.65s}
.hp-fit.go li:nth-child(1) i,.hp-fit.go li:nth-child(1) i svg path{transition-delay:.25s}.hp-fit.go li:nth-child(2) i,.hp-fit.go li:nth-child(2) i svg path{transition-delay:.37s}.hp-fit.go li:nth-child(3) i,.hp-fit.go li:nth-child(3) i svg path{transition-delay:.49s}.hp-fit.go li:nth-child(4) i,.hp-fit.go li:nth-child(4) i svg path{transition-delay:.61s}.hp-fit.go li:nth-child(5) i,.hp-fit.go li:nth-child(5) i svg path{transition-delay:.73s}.hp-fit.go li:nth-child(6) i,.hp-fit.go li:nth-child(6) i svg path{transition-delay:.85s}
.hp-fit .ff{padding:16px 26px 22px;background:#f7fafc;border-top:1px solid rgba(13,45,82,.08)}
.hp-fit .ff .k{color:var(--navy);opacity:.7}
.hp-fit .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.hp-fit .chips span{font-family:'DM Sans',var(--fb),sans-serif;font-size:12px;font-weight:600;color:var(--navy);background:#fff;border:1px solid rgba(13,45,82,.12);border-radius:100px;padding:5px 11px;line-height:1.2;white-space:nowrap}