:root{
  --blue:#1570ef;
  --blue-dark:#0f5fd6;
  --blue-soft:#eaf2ff;
  --ink:#0b1220;
  --text:#2b3445;
  --muted:#5f6b80;
  --line:#e4ebf5;
  --bg:#f4f8ff;
  --radius:20px;
}
*{box-sizing:border-box}
html{scroll-behavior:auto}
html,body{overflow-x:clip}
body{margin:0;font-family:'Manrope',system-ui,sans-serif;color:var(--text);background:linear-gradient(180deg,#f2f7ff 0%,#ffffff 640px);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
img,svg{display:block;max-width:100%}
h1,h2,h3,h4,p{margin:0}
h1,h2,h3{color:var(--ink);font-weight:800;letter-spacing:-0.025em}
.wrap{max-width:1200px;margin:0 auto;padding:0 28px}
.blue{color:var(--blue)}
section{padding:88px 0}
.sec-head{margin-bottom:44px}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;font-weight:700;font-size:15px;padding:14px 26px;transition:background .15s,box-shadow .15s,transform .15s;white-space:nowrap}
.btn-blue{background:var(--blue);color:#fff;box-shadow:0 8px 20px rgba(21,112,239,.28)}
.btn-blue:hover{background:var(--blue-dark)}
.btn-line{border:1.5px solid #b9d3fb;color:var(--blue);background:#fff}
.btn-line:hover{background:var(--blue-soft)}
.btn-white{background:#fff;color:var(--blue)}
.btn-white:hover{box-shadow:0 10px 24px rgba(0,0,0,.18)}
.tile{width:56px;height:56px;border-radius:16px;background:var(--blue-soft);color:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}
@media (max-width:900px){
  section{padding:64px 0}
}
@media (max-width:640px){
  .wrap{padding:0 18px}
  .sec-head{margin-bottom:28px}
}
.sec-head,.how-head,.w9-head{max-width:760px;text-align:left}
.eyebrow{display:inline-block;background:#e6eefc;color:var(--blue);font-weight:700;font-size:12px;letter-spacing:.2em;text-transform:uppercase;padding:9px 18px;border-radius:999px}
.sec-head h2,.how-head h2,.w9-head h2{font-size:clamp(38px,5.6vw,78px);line-height:1;letter-spacing:-0.04em;margin:22px 0 20px}
.sec-head p,.how-head p,.w9-head p{font-size:clamp(17px,1.7vw,24px);line-height:1.45;color:var(--muted);max-width:560px;margin-top:0}