.hiw-page{margin-top:-1.5rem;color:#111827}.hiw-hero{background:linear-gradient(135deg,#0b1224 0%,#172b55 100%);color:#fff;padding:76px 0 68px;overflow:hidden}.hiw-hero h1{font-size:clamp(2.45rem,5vw,4.7rem);line-height:.98;letter-spacing:-.045em;font-weight:900;max-width:900px}.hiw-lead{font-size:1.15rem;line-height:1.75;color:#cbd5e1;max-width:800px}.hiw-kicker{font-weight:800;letter-spacing:.09em;font-size:.78rem;color:#8db3ff;margin-bottom:10px}.hiw-kicker.dark{color:#3265d9}.hiw-trust{display:flex;gap:18px;flex-wrap:wrap;color:#d9e4f7;font-size:.93rem}.hiw-trust i{color:#6ee7b7;margin-right:6px}.hiw-hero-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:24px;padding:28px;box-shadow:0 25px 80px rgba(0,0,0,.25)}.hiw-hero-card-title{font-weight:800;font-size:1.05rem;margin-bottom:18px}.hiw-mini-flow{display:grid;gap:10px}.hiw-mini-flow>div{display:grid;grid-template-columns:38px 1fr;column-gap:12px;background:rgba(255,255,255,.08);padding:14px;border-radius:16px}.hiw-mini-flow>div span{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;background:#3b82f6;border-radius:50%;font-weight:800}.hiw-mini-flow strong{font-size:.96rem}.hiw-mini-flow small{color:#cbd5e1;margin-top:2px}.hiw-mini-flow>i{text-align:center;color:#7ea7ed}.hiw-section{padding:72px 0;scroll-margin-top:80px}.hiw-soft{background:#f3f6fb}.hiw-jump-section{padding:18px 0;border-bottom:1px solid #e5e7eb;background:#fff;position:sticky;top:0;z-index:15}.hiw-jumps{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.hiw-jumps a{display:inline-flex;align-items:center;gap:7px;text-decoration:none;color:#24324a;border:1px solid #d8e0ed;background:#fff;border-radius:999px;padding:9px 14px;font-weight:700;font-size:.88rem}.hiw-jumps a:hover{border-color:#3b82f6;color:#2563eb;background:#f6f9ff}.hiw-step-no{font-size:3.4rem;line-height:1;font-weight:900;color:#dce6f6;margin-bottom:10px}.hiw-step-no.light{color:rgba(255,255,255,.2)}.hiw-section h2{font-size:clamp(1.9rem,3vw,3rem);line-height:1.08;letter-spacing:-.03em;font-weight:850;color:#101828}.hiw-section p{color:#5b677a;line-height:1.72;font-size:1.02rem}.hiw-checks{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:10px}.hiw-checks li{position:relative;padding-left:28px;font-weight:650;color:#26344a}.hiw-checks li:before{content:'✓';position:absolute;left:0;color:#2563eb;font-weight:900}.hiw-shot{display:block;position:relative;width:100%;border:0;background:#fff;padding:0;border-radius:20px;overflow:hidden;box-shadow:0 22px 60px rgba(15,23,42,.16);cursor:zoom-in}.hiw-shot img{display:block;width:100%;height:auto}.hiw-shot span{position:absolute;right:14px;bottom:14px;background:rgba(15,23,42,.85);color:#fff;border-radius:999px;padding:8px 12px;font-size:.82rem}.hiw-section-head{display:flex;gap:20px;align-items:flex-start}.hiw-section-head .hiw-step-no{flex:0 0 auto}.hiw-feature{height:100%;background:#fff;border:1px solid #dfe6f2;border-radius:20px;padding:24px;box-shadow:0 10px 30px rgba(15,23,42,.05)}.hiw-feature i{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#eaf1ff;color:#2563eb;font-size:1.25rem;margin-bottom:18px}.hiw-feature strong{display:block;font-size:1.02rem;margin-bottom:7px}.hiw-feature p{font-size:.92rem;margin:0}.hiw-note{display:flex;gap:14px;align-items:center;background:#eaf1ff;border:1px solid #d1def6;border-radius:18px;padding:18px 20px}.hiw-note i{font-size:1.6rem;color:#2563eb}.hiw-note strong,.hiw-note span{display:block}.hiw-note span{color:#5d6a7e;font-size:.92rem}.hiw-two-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.hiw-two-cols div{display:flex;align-items:center;gap:9px;background:#f5f7fb;border:1px solid #e4e9f1;border-radius:13px;padding:12px}.hiw-two-cols i{color:#2563eb}.hiw-dark-band{background:linear-gradient(135deg,#0d172e,#192e58);color:#fff}.hiw-dark-band h2,.hiw-dark-band p{color:#fff}.hiw-dark-band p{color:#c9d5e8}.hiw-phone{position:relative;border:10px solid #111827;border-radius:34px;padding:0;background:#111827;box-shadow:0 30px 70px rgba(0,0,0,.3);max-width:280px;cursor:zoom-in}.hiw-phone img{display:block;width:100%;border-radius:23px}.hiw-phone-speaker{position:absolute;top:6px;left:50%;transform:translateX(-50%);width:55px;height:5px;background:#263244;border-radius:99px;z-index:2}.hiw-finance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.hiw-finance-grid>div{background:#fff;border:1px solid #dfe6f2;border-radius:20px;padding:24px}.hiw-finance-grid i{font-size:1.7rem;color:#2563eb;display:block;margin-bottom:24px}.hiw-finance-grid span,.hiw-finance-grid strong{display:block}.hiw-finance-grid span{font-size:.82rem;color:#78869b}.hiw-finance-grid strong{font-size:1rem;margin-top:4px}.hiw-catalog-demo{padding:28px;background:linear-gradient(145deg,#e9f0ff,#f8fafc);border-radius:26px}.hiw-browser{background:white;border:1px solid #dce4f0;border-radius:16px;box-shadow:0 20px 50px rgba(31,54,88,.13);overflow:hidden}.hiw-browser-top{height:34px;background:#eef2f7;display:flex;align-items:center;gap:6px;padding:0 12px}.hiw-browser-top span{width:9px;height:9px;border-radius:50%;background:#c3ccda}.hiw-browser-body{text-align:center;padding:42px 28px}.hiw-browser-body>i{font-size:2.2rem;color:#2563eb}.hiw-browser-body strong,.hiw-browser-body>span{display:block}.hiw-browser-body strong{font-size:1.35rem;margin:10px 0 4px}.hiw-browser-body>span{color:#758197;font-size:.9rem}.hiw-browser-products{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:25px}.hiw-browser-products b{height:72px;border-radius:10px;background:linear-gradient(145deg,#eef2f7,#dce5f2)}.hiw-summary{border-top:1px solid #e3e8f0}.hiw-summary-inner{max-width:850px}.hiw-lightbox[hidden]{display:none}.hiw-lightbox{position:fixed;z-index:99999;inset:0;background:rgba(3,8,20,.92);display:flex;align-items:center;justify-content:center;padding:34px}.hiw-lightbox img{max-width:94vw;max-height:90vh;border-radius:16px;box-shadow:0 30px 100px #000}.hiw-lightbox-close{position:absolute;right:25px;top:20px;width:46px;height:46px;border:0;border-radius:50%;background:#fff;color:#111827;font-size:1.2rem}
@media(max-width:991.98px){.hiw-hero{padding:56px 0}.hiw-section{padding:56px 0}.hiw-jump-section{position:static}.hiw-section-head{display:block}.hiw-finance-grid{grid-template-columns:1fr}.hiw-phone{max-width:240px}.hiw-hero h1{font-size:2.8rem}}
@media(max-width:575.98px){.hiw-hero h1{font-size:2.35rem}.hiw-two-cols{grid-template-columns:1fr}.hiw-trust{display:grid;gap:8px}.hiw-jumps{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px}.hiw-jumps a{white-space:nowrap}.hiw-section h2{font-size:1.9rem}.hiw-step-no{font-size:2.8rem}.hiw-lightbox{padding:12px}}

/* 2026-08-16: keep the original alternating dark/light design.
   Only improve contrast in sections that sit directly on the dark site background. */
.hiw-page .hiw-section:not(.hiw-soft):not(.hiw-jump-section):not(.hiw-dark-band){color:#f8fafc}
.hiw-page .hiw-section:not(.hiw-soft):not(.hiw-jump-section):not(.hiw-dark-band) h2,
.hiw-page .hiw-section:not(.hiw-soft):not(.hiw-jump-section):not(.hiw-dark-band) h3{color:#ffffff}
.hiw-page .hiw-section:not(.hiw-soft):not(.hiw-jump-section):not(.hiw-dark-band) > .container p,
.hiw-page .hiw-section:not(.hiw-soft):not(.hiw-jump-section):not(.hiw-dark-band) .hiw-summary-inner p{color:#cbd5e1}
.hiw-page .hiw-section:not(.hiw-soft):not(.hiw-jump-section):not(.hiw-dark-band) .hiw-step-no{color:rgba(255,255,255,.28)}
.hiw-page .hiw-section:not(.hiw-soft):not(.hiw-jump-section):not(.hiw-dark-band) .hiw-kicker.dark{color:#77a5ff}
.hiw-page .hiw-section:not(.hiw-soft):not(.hiw-jump-section):not(.hiw-dark-band) .hiw-checks li{color:#e2e8f0}

/* Components with their own light background keep dark readable text. */
.hiw-page .hiw-section .hiw-feature,
.hiw-page .hiw-section .hiw-note,
.hiw-page .hiw-section .hiw-two-cols div,
.hiw-page .hiw-section .hiw-finance-grid>div,
.hiw-page .hiw-section .hiw-catalog-demo,
.hiw-page .hiw-section .hiw-browser{color:#111827}
.hiw-page .hiw-section .hiw-feature strong,
.hiw-page .hiw-section .hiw-note strong,
.hiw-page .hiw-section .hiw-two-cols div,
.hiw-page .hiw-section .hiw-finance-grid strong,
.hiw-page .hiw-section .hiw-browser-body strong{color:#101828}
.hiw-page .hiw-section .hiw-feature p{color:#5b677a}
.hiw-page .hiw-section .hiw-note span{color:#5d6a7e}
.hiw-page .hiw-section .hiw-browser-body>span{color:#758197}

/* Outline buttons on dark sections need a light label. */
.hiw-page .hiw-section:not(.hiw-soft):not(.hiw-jump-section) .btn-outline-primary{color:#8db3ff;border-color:#4f83ff}
.hiw-page .hiw-section:not(.hiw-soft):not(.hiw-jump-section) .btn-outline-primary:hover{color:#fff;background:#2563eb;border-color:#2563eb}