:root{
  --wf-blue:#0E4FD6;--wf-blue-deep:#0A348F;--wf-sky:#CFE0FF;--wf-ice:#EDF3FF;--wf-mist:#F7FAFF;
  --wf-line:#D5E1F7;--wf-ink:#0C1E3C;--wf-muted:#56657F;--wf-r:26px;
}
.wf{color:var(--wf-ink);padding:clamp(64px,9vw,120px) 20px}
.wf *{box-sizing:border-box}
.wf__wrap{max-width:1180px;margin:0 auto}
.wf h1,.wf h2,.wf h3{color:var(--wf-ink);margin:0;letter-spacing:-.015em;line-height:1.06;font-weight:var(--font-heading-weight,600)}
.wf h1{font-size:clamp(42px,6.2vw,82px)}
.wf h2{font-size:clamp(32px,4.4vw,56px);max-width:17ch}
.wf h3{font-size:21px}
.wf p{color:var(--wf-muted);line-height:1.65;max-width:58ch;margin:0}
.wf-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--wf-blue);color:#fff;border:0;
  border-radius:999px;padding:18px 32px;font-weight:600;font-size:16px;text-decoration:none;cursor:pointer;transition:background .2s}
.wf-btn:hover{background:var(--wf-blue-deep)}
.wf-btn:focus-visible,.wf a:focus-visible,.wf summary:focus-visible{outline:3px solid var(--wf-blue);outline-offset:3px}
.wf-btn[disabled]{opacity:.5;cursor:not-allowed}
.wf-stars{display:inline-flex;gap:2px;color:var(--wf-blue)}
@media (prefers-reduced-motion:reduce){.wf *{transition:none!important;animation:none!important}}