:root{--ons-wl-blue:#2886be;--ons-wl-dark:#17304f;--ons-wl-yellow:#ffd21f;--ons-wl-red:#e62b38;--ons-wl-soft:#eef7fb}
.ons-wl{font-family:inherit;color:var(--ons-wl-dark);overflow:hidden}.ons-wl-shell{width:min(1200px,calc(100% - 40px));margin-inline:auto}.ons-wl-eyebrow{margin:0 0 12px!important;font-size:.8rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.ons-wl-btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:56px;padding:13px 24px;border:0;border-radius:999px;font:inherit;font-weight:900;text-decoration:none!important;cursor:pointer;transition:.2s ease}.ons-wl-btn--yellow{background:var(--ons-wl-yellow);color:var(--ons-wl-dark)!important}.ons-wl-btn--blue{width:100%;background:var(--ons-wl-blue);color:#fff!important}.ons-wl-btn:hover{transform:translateY(-2px);box-shadow:0 10px 23px rgba(23,48,79,.2)}
.ons-wl-section{padding:clamp(65px,9vw,110px) 0;background:#fff}.ons-wl-section--first{padding-top:clamp(45px,7vw,85px)}.ons-wl-heading{max-width:800px;margin-bottom:40px}.ons-wl-heading .ons-wl-eyebrow,.ons-wl-join .ons-wl-eyebrow{color:var(--ons-wl-blue)}.ons-wl-heading h2,.ons-wl-join h2{margin:0;color:var(--ons-wl-dark);font-size:clamp(2.5rem,5vw,4.8rem);font-weight:900;line-height:.98;letter-spacing:-.045em}.ons-wl-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.ons-wl-benefits article{padding:30px;border:1px solid #e0e9ee;border-radius:28px;background:#fff;box-shadow:0 8px 25px rgba(23,48,79,.07)}.ons-wl-benefits span{display:grid;place-items:center;width:52px;height:52px;margin-bottom:28px;border-radius:16px;background:var(--ons-wl-soft);color:var(--ons-wl-blue);font-weight:900}.ons-wl-benefits h3{margin:0 0 10px;font-size:1.55rem}.ons-wl-benefits p{margin:0;color:#5a7080;line-height:1.6}
.ons-wl-join{padding:clamp(65px,9vw,115px) 0;background:var(--ons-wl-soft)}.ons-wl-join__grid{display:grid;grid-template-columns:.85fr 1.15fr;align-items:start;gap:clamp(40px,7vw,90px)}.ons-wl-join__copy{position:sticky;top:150px}.ons-wl-join__copy>p:not(.ons-wl-eyebrow){font-size:1.08rem;line-height:1.7}.ons-wl-join__copy ul{list-style:none;margin:28px 0 0;padding:0}.ons-wl-join__copy li{position:relative;margin:13px 0;padding-left:34px;font-weight:700}.ons-wl-join__copy li:before{content:'✓';position:absolute;left:0;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--ons-wl-blue);color:#fff;font-size:.8rem}
.ons-wl-form-card{padding:clamp(24px,4vw,44px);border-radius:32px;background:#fff;box-shadow:0 15px 42px rgba(23,48,79,.12)}.ons-wl-form-card>h2{margin-bottom:28px;font-size:clamp(2rem,4vw,3.2rem)}.ons-wl-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.ons-wl-field--wide,.ons-wl-consent,.ons-wl-form>.ons-wl-btn{grid-column:1/-1}.ons-wl-field label{display:block;margin-bottom:7px;font-size:.9rem;font-weight:800}.ons-wl-field label span,.ons-wl-consent strong{color:var(--ons-wl-red)}.ons-wl-field small{font-weight:500;color:#6a7b89}.ons-wl-field input,.ons-wl-field textarea{width:100%;min-height:52px;padding:12px 15px;border:1px solid #ccd9e0;border-radius:14px;background:#fbfdfe;color:var(--ons-wl-dark);font:inherit;outline:none}.ons-wl-field textarea{resize:vertical}.ons-wl-field input:focus,.ons-wl-field textarea:focus{border-color:var(--ons-wl-blue);box-shadow:0 0 0 3px rgba(40,134,190,.13)}.ons-wl-consent{display:flex;align-items:flex-start;gap:11px;font-size:.87rem;line-height:1.45}.ons-wl-consent input{margin-top:3px;accent-color:var(--ons-wl-blue)}.ons-wl-notice{margin:0 0 22px;padding:15px 17px;border-radius:14px;font-weight:650}.ons-wl-notice--success{background:#e3f7ec;color:#155f38}.ons-wl-notice--error{background:#fff0f1;color:#a31e2a}.ons-wl-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:850px){.ons-wl-join__grid{grid-template-columns:1fr}.ons-wl-join__copy{position:static}.ons-wl-benefits{grid-template-columns:1fr}}
@media(max-width:600px){.ons-wl-shell{width:calc(100% - 28px)}.ons-wl-benefits article{padding:23px;border-radius:22px}.ons-wl-form-card{padding:22px 17px;border-radius:24px}.ons-wl-form{grid-template-columns:1fr;gap:15px}.ons-wl-field{grid-column:1/-1}.ons-wl-heading h2,.ons-wl-join h2{font-size:2.55rem}}
@media(prefers-reduced-motion:reduce){.ons-wl-btn{transition:none!important}}
