#how-it-works{background:#EBF7FA;border-radius:24px;padding:40px 32px;margin-bottom:32px;color:#032058}
#how-it-works [hidden]{display:none!important}
#how-it-works .work-intro{text-align:center;margin:0 auto 32px}
#how-it-works .work-intro .eyebrow{font-size:13px;font-weight:600;letter-spacing:.12em;margin:0 0 14px}
#how-it-works h2{font-size:clamp(34px,3.6vw,48px);font-weight:700;letter-spacing:-.04em;line-height:1.12;margin:0}
#how-it-works h2 span{color:#35AECB}
#how-it-works .work-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#how-it-works .work-tabs button{display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 14px;background:transparent;border:1px solid transparent;border-radius:12px;color:#032058;text-align:left;font:600 17px/1.4 Poppins,Arial,sans-serif;cursor:pointer}
#how-it-works .work-tabs button span{display:grid;place-items:center;border:1px solid #032058;border-radius:50%;width:36px;height:36px;flex:0 0 36px;font-size:14px}
#how-it-works .work-tabs button[aria-selected=true]{background:#FFFFFF;border-color:#35AECB}
#how-it-works .work-tabs button[aria-selected=true] span{background:#35AECB;border-color:#35AECB}
#how-it-works .work-tabs button:hover{border-color:#35AECB}
#how-it-works button:focus-visible,#how-it-works a:focus-visible{outline:3px solid #032058;outline-offset:4px}
#how-it-works .work-progress{height:3px;background:#FFFFFF;margin:16px 0 24px;border-radius:3px}
#how-it-works .work-progress span{display:block;width:var(--work-progress,33.333%);height:100%;background:#35AECB;border-radius:3px;transition:width .22s ease}
#how-it-works .work-panels{display:grid;gap:24px}
#how-it-works .work-panel{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:32px;padding:28px;background:#FFFFFF;border-radius:24px;min-width:0}
#how-it-works[data-work-enhanced] .work-panels{display:block;min-height:var(--work-height,0px)}
#how-it-works .work-art{min-width:0}#how-it-works .work-art img{display:block;width:100%;height:auto;max-width:420px;margin:auto;border-radius:24px}
#how-it-works .work-copy{min-width:0}#how-it-works .work-step-label{font-size:13px;font-weight:600;line-height:1.5;margin:0 0 12px}
#how-it-works h3{font-size:clamp(24px,2.3vw,32px);line-height:1.2;letter-spacing:-.03em;font-weight:700;margin:0 0 24px;color:#032058}
#how-it-works .work-roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#how-it-works h4{font-size:16px;line-height:1.4;margin:0 0 12px;font-weight:600;color:#032058}
#how-it-works ul{padding-left:18px;margin:0;font-size:15px;line-height:1.65}#how-it-works li+li{margin-top:8px}#how-it-works li::marker{color:#35AECB}
#how-it-works .work-outcome{border-top:1px solid #EBF7FA;padding-top:18px;margin:22px 0 0;font-size:15px;line-height:1.6;font-weight:500}
#how-it-works .work-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:16px;margin-top:24px;min-height:56px}
#how-it-works .work-actions button,#how-it-works .work-booking .pill{font:600 15px/1.5 Poppins,Arial,sans-serif;min-height:52px;padding:14px 24px;border:1px solid #032058;border-radius:30px;background:#032058;color:#FFFFFF;cursor:pointer;min-width:0}
#how-it-works .work-actions .work-back{background:transparent;color:#032058;margin-right:auto}
#how-it-works .work-panel.is-entering{animation:work-panel-in .22s ease-out}
@keyframes work-panel-in{from{opacity:.75;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:1000px){#how-it-works{padding:32px 24px}#how-it-works .work-panel{gap:24px;padding:24px;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr)}#how-it-works .work-tabs button{font-size:15px;padding:10px 8px;gap:8px}#how-it-works .work-roles{gap:16px}}
@media(max-width:700px){#how-it-works .work-panel{grid-template-columns:minmax(0,1fr)}#how-it-works .work-art img{max-width:280px}#how-it-works .work-tabs{grid-template-columns:minmax(0,1fr);gap:8px}#how-it-works .work-progress{margin-top:14px}#how-it-works .work-tabs button{font-size:16px}}
@media(max-width:640px){#how-it-works{border-radius:16px;padding:28px 16px}#how-it-works .work-panel{padding:22px 16px;border-radius:16px}#how-it-works .work-art img{border-radius:16px}#how-it-works .work-roles{grid-template-columns:minmax(0,1fr);gap:22px}#how-it-works .work-intro{margin-bottom:24px}#how-it-works h2{font-size:34px}#how-it-works .work-actions{gap:10px}#how-it-works .work-actions button,#how-it-works .work-booking .pill{padding:13px 18px;font-size:14px}}
@media(prefers-reduced-motion:reduce){#how-it-works .work-panel.is-entering{animation:none}#how-it-works .work-progress span{transition:none}}