html{scroll-padding-top:88px}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.problem-icon .icon,.service-icon .icon{width:21px;height:21px}.mobile-navcta{display:none;text-decoration:none;background:#1769e8;color:#fff;padding:9px 13px;border-radius:10px;font-size:13px;font-weight:850}
/* Alpha-safe art frames: transparent WebP is intentionally composited on a light brand surface. */
.art-frame,.security-art{background:linear-gradient(145deg,#edf6ff,#f8fbff)}.art-frame img,.security-art img,.cta-art img{filter:none!important;mix-blend-mode:normal!important}.hero-art{overflow:hidden}
/* Stronger proof hierarchy: evidence before decorative illustration. */
.proof-stack{display:grid;gap:18px}.proof-secondary{display:grid;grid-template-columns:.88fr 1.12fr;gap:28px;border:1px solid #d7e5f4;border-radius:26px;background:#fff;padding:30px;box-shadow:0 18px 48px rgba(31,72,124,.09)}.proof-secondary h3{font-size:30px;line-height:1.18;letter-spacing:-.04em;margin:7px 0 10px}.proof-secondary p{color:#60718c;margin:0}.proof-secondary .showcase-link{color:#1769e8}.proof-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0}.proof-kpi{padding:12px;border-radius:13px;background:#f3f7fc;border:1px solid #e1eaf4}.proof-kpi small{display:block;color:#74839a;font-size:11px}.proof-kpi strong{display:block;font-size:20px;color:#132d51;margin-top:2px}.routing-ui{border:1px solid #dce7f3;border-radius:20px;background:#f8fbff;padding:18px}.routing-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.routing-head b{font-size:15px}.routing-head span{padding:5px 8px;border-radius:999px;background:#e8f6f0;color:#10765a;font-size:10px;font-weight:850}.routing-row{display:grid;grid-template-columns:72px 1fr 84px;gap:9px;align-items:center;background:#fff;border:1px solid #e2eaf4;border-radius:11px;padding:10px;margin-top:7px;font-size:11px}.routing-row strong{font-size:11px}.routing-badge{display:inline-flex;justify-content:center;padding:4px 6px;border-radius:999px;background:#eaf3ff;color:#1769e8;font-weight:850}.routing-badge.ops{background:#fff2df;color:#a66500}.routing-badge.billing{background:#eaf7f1;color:#147055}.routing-foot{margin-top:11px;color:#61758f;font-size:10px}
/* Use cases: mix one curated illustration with two native diagrams. */
.route-diagram,.report-diagram{width:100%;height:100%;min-height:220px;border-radius:15px;display:flex;align-items:center;justify-content:center}.route-diagram{flex-direction:column;gap:13px;padding:18px;background:linear-gradient(145deg,#f8fbff,#eaf3ff)}.route-sources,.route-targets{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.route-node{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid #cfe0f3;border-radius:10px;background:#fff;color:#24466f;font-size:11px;font-weight:800}.route-node .icon{width:15px;height:15px;color:#1769e8}.route-hub{position:relative;padding:10px 18px;border-radius:12px;background:#1769e8;color:#fff;font-size:12px;font-weight:900;box-shadow:0 9px 22px rgba(23,105,232,.22)}.route-arrow{color:#5f8ecf;font-weight:900;line-height:1}.route-target{padding:7px 10px;border-radius:999px;background:#fff;border:1px solid #d3e0ef;font-size:10px;font-weight:850}.route-target.sales{color:#1769e8}.route-target.ops{color:#a66500}.route-target.billing{color:#147055}
.report-diagram{padding:16px;background:linear-gradient(145deg,#f7fbff,#edf5ff)}.report-window{width:min(100%,290px);border:1px solid #cfe0f3;background:#fff;border-radius:15px;padding:12px;box-shadow:0 12px 26px rgba(49,83,128,.08)}.report-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.report-top b{font-size:11px}.report-top span{font-size:9px;color:#147055;background:#e8f6f0;padding:3px 5px;border-radius:999px}.report-chart{height:90px;display:flex;align-items:end;gap:7px;padding:8px 7px;border-radius:9px;background:#f6f9fd}.report-bar{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#56a8ff,#1769e8)}.report-lines{display:grid;gap:5px;margin-top:9px}.report-line{height:7px;border-radius:999px;background:#e6edf6}.report-line.short{width:62%}
/* Clear scope and handoff details without making unsupported time promises. */
.package-meta{display:grid;gap:7px;margin:18px 0 4px;padding-top:15px;border-top:1px solid #e4ebf4}.package-meta div{display:grid;grid-template-columns:54px 1fr;gap:8px;font-size:11px}.package-meta span{color:#7a899f}.package-meta b{color:#273e60;font-weight:800}.pricing-note{margin-top:15px;padding:14px 16px;border:1px solid #dce7f4;border-radius:14px;background:#fff;color:#63748d;font-size:12px}.deliverables{margin-top:24px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #dce7f4;border-radius:18px;overflow:hidden;background:#fff}.deliverable{padding:17px 18px;border-right:1px solid #e4ebf4}.deliverable:last-child{border:0}.deliverable b{display:block;font-size:13px}.deliverable span{display:block;color:#71819a;font-size:11px;margin-top:3px}
@media(max-width:900px){.mobile-navcta{display:inline-flex}.proof-secondary{grid-template-columns:1fr}.proof-kpis{grid-template-columns:1fr 1fr}.deliverables{grid-template-columns:1fr 1fr}.deliverable:nth-child(2){border-right:0}.deliverable{border-bottom:1px solid #e4ebf4}.deliverable:nth-last-child(-n+2){border-bottom:0}.routing-ui{max-width:650px}}
@media(max-width:620px){.mobile-navcta{padding:8px 11px}.proof-secondary{padding:22px}.proof-secondary h3{font-size:26px}.proof-kpis{grid-template-columns:1fr 1fr}.routing-row{grid-template-columns:60px 1fr 72px}.deliverables{grid-template-columns:1fr}.deliverable{border-right:0!important;border-bottom:1px solid #e4ebf4!important}.deliverable:last-child{border-bottom:0!important}.route-diagram,.report-diagram{min-height:200px}.package-meta div{grid-template-columns:48px 1fr}}