.ww-page{background:#f7f9fc;color:#202735}
.ww-hero{background:linear-gradient(135deg,#173b63 0%,#245f82 55%,#397c91 100%);color:#fff;padding:88px 20px 82px}
.ww-hero-inner,.ww-wrap{max-width:1120px;margin:0 auto}
.ww-hero-inner{padding:0 10px}
.ww-kicker{display:inline-block;font-size:.76rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;opacity:.82}
.ww-hero h1{font-size:clamp(2.5rem,6vw,4.6rem);line-height:1.03;margin:14px 0 20px;max-width:800px}
.ww-lead{font-size:1.15rem;line-height:1.75;max-width:760px;margin:0;color:rgba(255,255,255,.91)}
.ww-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.ww-btn{display:inline-block;text-decoration:none;border-radius:999px;padding:13px 20px;font-weight:800}
.ww-btn-primary{background:#fff;color:#173b63}
.ww-btn-light{border:1px solid rgba(255,255,255,.45);color:#fff}
.ww-section{padding:78px 20px}
.ww-heading{max-width:760px;margin-bottom:34px}
.ww-heading span,.ww-join .ww-kicker{font-size:.75rem;font-weight:800;letter-spacing:.14em;color:#39718a}
.ww-heading h2,.ww-join h2{font-size:clamp(2rem,4vw,3rem);line-height:1.1;margin:10px 0 14px}
.ww-heading p,.ww-join p{color:#627083;line-height:1.7;margin:0}
.ww-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ww-card{display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:25px;box-shadow:0 8px 28px rgba(31,55,80,.06);transition:transform .18s ease,box-shadow .18s ease}
.ww-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(31,55,80,.1)}
.ww-icon{font-size:2rem;margin-bottom:18px}
.ww-card h3{font-size:1.15rem;margin:0 0 10px}
.ww-card p{font-size:.92rem;line-height:1.6;color:#687586;min-height:92px;margin:0}
.ww-card span{display:block;margin-top:18px;font-size:.82rem;font-weight:800;color:#286781}
.ww-banner{background:#eef4f7;padding:55px 20px}
.ww-banner-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.ww-banner h2{margin:9px 0 8px;font-size:clamp(1.8rem,3.5vw,2.7rem)}
.ww-banner p{margin:0;color:#627083}
.ww-stat{min-width:190px;text-align:center;background:#fff;border:1px solid #dce5eb;border-radius:18px;padding:20px}
.ww-stat strong{display:block;font-size:3rem;line-height:1;color:#245f82}
.ww-stat span{display:block;margin-top:8px;font-size:.82rem;color:#687586;line-height:1.45}
.ww-join{display:grid;grid-template-columns:1.5fr .8fr;gap:30px;align-items:start}
.ww-note{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:24px}
.ww-note strong{font-size:1.05rem}
.ww-note p{margin-top:8px}
@media(max-width:900px){.ww-grid{grid-template-columns:repeat(2,1fr)}.ww-banner-inner{flex-direction:column;align-items:flex-start}.ww-stat{width:100%}}
@media(max-width:600px){.ww-hero{padding:62px 18px}.ww-section{padding:58px 18px}.ww-grid,.ww-join{grid-template-columns:1fr}.ww-card p{min-height:0}}
.ww-join-btn{margin-top:22px;background:#245f82;color:#fff}

/* Worldwide integration polish */
.ww-card:focus-visible,.ww-btn:focus-visible{outline:3px solid rgba(36,95,130,.28);outline-offset:3px}
.ww-card span{transition:transform .18s ease}
.ww-card:hover span{transform:translateX(3px)}
