.how-it-works-page.site-wrap{width:min(1160px,calc(100% - 48px));max-width:1160px;margin:0 auto;padding:76px 0 88px;color:#19324a}
.how-it-works-intro{max-width:790px;margin:0 auto 43px;text-align:center}
.how-it-works-page .how-it-works-intro>.eyebrow{display:inline-block;color:#745323;font-size:14px;font-weight:750;letter-spacing:.13em;line-height:1.7}
.how-it-works-page .how-it-works-intro>h1{margin:13px 0 17px;color:#142a40;font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,5.3vw,60px);font-weight:400;letter-spacing:-.045em;line-height:1.12;text-wrap:balance}
.how-it-works-page .how-it-works-intro>.lead{max-width:700px;margin:0 auto;color:#31475b;font-size:20px;line-height:1.75}
.how-it-works-page .how-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;padding:0;margin:0;list-style:none}
.how-it-works-page .how-step-card{position:relative;display:flex;min-width:0;min-height:420px;flex-direction:column;overflow:hidden;padding:25px 25px 23px;border:1px solid #e6e2d9;border-radius:18px;background:linear-gradient(155deg,#fff 24%,#faf9f6 100%);box-shadow:0 12px 35px rgba(20,42,64,.055);animation:how-card-arrive .65s both;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.how-it-works-page .how-step-card:nth-child(2){animation-delay:.11s}
.how-it-works-page .how-step-card:nth-child(3){animation-delay:.22s}
.how-it-works-page .how-step-card:hover{transform:translateY(-5px);border-color:#c9b184;box-shadow:0 19px 44px rgba(20,42,64,.095)}
.how-card-art{position:relative;display:grid;min-height:151px;place-items:center;overflow:hidden;margin-bottom:22px;border:1px solid #eee9df;border-radius:13px;background:radial-gradient(ellipse at 50% 70%,#eee7da 0,rgba(247,245,240,.45) 52%,transparent 76%),#f7f5f0;color:#19324a}
.how-card-art:before,.how-card-art:after{position:absolute;width:7px;height:7px;border:1px solid #c4a977;border-radius:50%;content:""}
.how-card-art:before{top:24px;right:31px}
.how-card-art:after{bottom:21px;left:34px;width:5px;height:5px}
.how-step-illustration{position:relative;z-index:1;width:160px;height:128px;overflow:visible;color:#19324a}
.how-art-track{stroke-dasharray:4 7;animation:how-route-draw 1.3s ease-out both,how-route-flow 6s linear 1.4s infinite}
.how-art-stop{transform-box:fill-box;transform-origin:center;animation:how-stop-arrive .55s ease-out .7s both,how-stop-pulse 3.2s ease-in-out 1.5s infinite}
.how-art-write{transform-box:fill-box;transform-origin:center;animation:how-pencil-arrive .65s cubic-bezier(.2,.8,.2,1) .72s both}
.how-art-check{stroke-dashoffset:32;animation:how-check-arrive .65s ease-out .8s both}
.how-step-heading{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;margin-bottom:12px}
.how-step-number{display:grid;width:42px;height:42px;place-items:center;border:1px solid #d9ccb2;border-radius:50%;background:#f7f2e8;color:#684b1c;font-size:14px;font-weight:750;letter-spacing:.04em}
.how-it-works-page .how-step-heading h2{margin:0;color:#142a40;font-family:Georgia,"Times New Roman",serif;font-size:clamp(24px,2.35vw,30px);font-weight:500;letter-spacing:-.03em;line-height:1.25}
.how-it-works-page .how-step-card>p{margin:0 0 22px;color:#31475b;font-size:18px;line-height:1.75}
.how-card-note{display:block;margin-top:auto;padding-top:15px;border-top:1px solid #e6e2d9;color:#684b1c;font-size:15px;font-weight:650;line-height:1.6}
.how-it-works-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:35px;padding:24px 27px;border:1px solid #e4ded1;border-radius:16px;background:linear-gradient(110deg,#f7f4ed,#fff 80%)}
.how-it-works-cta>div>.eyebrow{color:#745323;font-size:13px;font-weight:750;letter-spacing:.1em;line-height:1.6}
.how-it-works-cta>div>p{margin:6px 0 0;color:#31475b;font-size:18px;line-height:1.65}
.how-it-works-cta>.btn{min-width:200px;min-height:52px;padding:12px 20px;border-color:#8b6427;background:#8b6427;color:#fff;font-size:17px;font-weight:700;white-space:normal}
.how-it-works-cta>.btn:hover,.how-it-works-cta>.btn:focus-visible{border-color:#684b1c;background:#684b1c;color:#fff}
.how-it-works-page :is(a,button):focus-visible{outline:3px solid #684b1c;outline-offset:4px}
@keyframes how-card-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes how-route-draw{from{stroke-dashoffset:120;opacity:.35}to{stroke-dashoffset:0;opacity:1}}
@keyframes how-route-flow{to{stroke-dashoffset:-52}}
@keyframes how-stop-arrive{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}
@keyframes how-stop-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.17)}}
@keyframes how-pencil-arrive{from{opacity:0;transform:translate(7px,7px) rotate(-13deg)}to{opacity:1;transform:translate(0,0) rotate(0)}}
@keyframes how-check-arrive{to{stroke-dashoffset:0}}
@media(max-width:900px){.how-it-works-page.site-wrap{width:min(100% - 40px,760px);padding-top:57px;padding-bottom:65px}.how-it-works-intro{margin-bottom:32px}.how-it-works-page .how-grid{grid-template-columns:minmax(0,1fr);gap:16px}.how-it-works-page .how-step-card{min-height:0;padding:21px}.how-card-art{min-height:134px;margin-bottom:17px}.how-step-illustration{width:145px;height:116px}.how-it-works-page .how-step-heading h2{font-size:28px}.how-it-works-page .how-step-card>p{font-size:18px;line-height:1.75}.how-card-note{margin-top:0}}
@media(max-width:767px){.how-it-works-page.site-wrap{width:calc(100% - 36px);padding-top:39px;padding-bottom:48px}.how-it-works-intro{margin-bottom:26px;text-align:left}.how-it-works-page .how-it-works-intro>.eyebrow{font-size:12px;letter-spacing:.1em}.how-it-works-page .how-it-works-intro>h1{margin:10px 0 12px;font-size:clamp(35px,9.2vw,46px);line-height:1.12}.how-it-works-page .how-it-works-intro>.lead{font-size:18px;line-height:1.75}.how-it-works-page .how-grid{gap:14px}.how-it-works-page .how-step-card{padding:17px 17px 18px;border-radius:15px}.how-card-art{min-height:121px;margin-bottom:15px}.how-step-illustration{width:140px;height:112px}.how-step-heading{grid-template-columns:40px minmax(0,1fr);gap:10px;margin-bottom:9px}.how-step-number{width:38px;height:38px;font-size:13px}.how-it-works-page .how-step-heading h2{font-size:25px}.how-it-works-page .how-step-card>p{margin-bottom:15px;font-size:18px;line-height:1.75}.how-card-note{padding-top:12px;font-size:16px}.how-it-works-cta{align-items:stretch;flex-direction:column;gap:16px;margin-top:23px;padding:19px;border-radius:14px}.how-it-works-cta>div>.eyebrow{font-size:12px}.how-it-works-cta>div>p{font-size:18px;line-height:1.7}.how-it-works-cta>.btn{width:100%;min-height:54px;font-size:17px}}
@media(max-width:380px){.how-it-works-page .how-step-heading h2{font-size:23px}.how-it-works-page .how-step-card{padding-right:15px;padding-left:15px}}
@media(prefers-reduced-motion:reduce){.how-it-works-page *,.how-it-works-page *:before,.how-it-works-page *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}