.how-page{color:#f1f8f4;background:#050b0e}.how-page .teal{color:#a5e5d6}.how-hero{background:linear-gradient(90deg,#041014e8,#04101488),linear-gradient(#0000 45%,#050b0e),url(/images/mythical-video-game-inspired-landscape-with-human-waterfall.webp) 50% 48%/cover;align-items:center;min-height:560px;padding:155px 0 70px;display:flex}.how-hero h1{max-width:780px;font-family:Bricolage Grotesque Variable,sans-serif;font-size:clamp(36px,3.9vw,50px)}.how-hero .editorial-lead{max-width:640px}.how-page .button.primary{color:#132d28;background:linear-gradient(115deg,#d9efde,#9ed8c9);border:1px solid #d6eee485;border-radius:15px;gap:18px;min-height:50px;padding:14px 22px;box-shadow:inset 0 1px #ffffff60}.how-page .button.primary:hover{background:#d8f2e4}.how-journey h2{font-size:38px}.how-timeline{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin:35px 0 0;padding:0;list-style:none;display:grid;position:relative}.how-timeline:before{content:"";background:linear-gradient(90deg,#a4e1d3,#417a76);height:2px;position:absolute;top:139px;left:10%;right:10%;box-shadow:0 0 14px #93dac426}.how-timeline li{min-width:0}.how-step{width:100%;height:278px;color:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;padding:0;display:flex;position:relative}.how-step-copy{text-align:left;background:linear-gradient(145deg,#1a3036e8,#0d1e25ef);border:1px solid #acd5c628;border-radius:17px;align-self:stretch;min-height:100px;padding:20px 16px;transition:background .2s,border-color .2s,transform .2s;display:block}.how-step-copy .eyebrow{letter-spacing:1px;color:#c4e7dc;margin-bottom:10px;font-size:10px;display:block}.how-step-copy .eyebrow>span{color:#8cb9ad;margin-right:9px}.how-step-copy strong{color:#d4e5de;font-size:13px;font-weight:500;line-height:1.5;display:block}.how-step-icon{color:#a1d6c7;background:#0d252b;border:1px solid #91cab97a;border-radius:50%;place-items:center;width:48px;height:48px;transition:background .2s,color .2s;display:grid;position:absolute;top:116px;box-shadow:0 0 0 8px #050b0e}.how-timeline li:nth-child(2n) .how-step-copy{margin-top:182px}.how-step.is-selected .how-step-copy{background:linear-gradient(135deg,#294940,#15312d);border-color:#b3e3c989}.how-step.is-selected .how-step-icon{color:#16392e;background:#c5e9d5;border-color:#d9f5e2;box-shadow:0 0 0 8px #050b0e,0 0 30px #a8e0c324}.how-step:hover .how-step-copy{border-color:#b3e3c982}.how-step:focus-visible{outline:none}.how-step:focus-visible .how-step-copy{outline-offset:4px;outline:3px solid #c7f2dd}.how-step-detail{text-align:center;max-width:780px;min-height:106px;margin:8px auto 25px;padding:15px 20px}.how-step-detail .eyebrow{margin-bottom:10px;display:block}.how-step-detail p{color:#b8cec6;font-size:14px}.how-return{background:linear-gradient(90deg,#153330b3,#0c1d25c7);border:1px solid #9cd7c52d;border-radius:40px;justify-content:center;align-items:center;gap:16px;max-width:860px;margin:0 auto;padding:22px 30px;display:flex}.how-return svg{color:#9fdfcc;flex-shrink:0}.how-return p{letter-spacing:1.3px;color:#d4e9e0;font-size:10px}.how-return p span{color:#a9daca;margin-inline:9px}.how-trust{background:radial-gradient(at 80%,#1b3b3b77,#0000 75%),#0a171b;padding-block:60px}.how-trust>.editorial-container{grid-template-columns:1fr 1.35fr;align-items:center;gap:55px;display:grid}.how-trust h2{font-size:30px}.how-trust p{color:#b9cdc5;margin-top:15px;font-size:13px}.how-trust-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.how-trust-grid article{background:#adcdb608;border:1px solid #bdded023;border-radius:17px;padding:24px 20px}.how-trust-grid svg{color:#aedbc6;margin-bottom:18px}.how-trust-grid h3{font-size:16px}.how-trust-grid p{margin-top:9px;font-size:11px}.how-example{background:#09151b;scroll-margin-top:105px}.how-example>.editorial-container{grid-template-columns:1fr 1fr;align-items:center;gap:65px;display:grid}.how-example h2{font-size:36px}.how-example .editorial-lead{margin-block:20px 25px;font-size:13px}.how-example-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.how-example-list li{background:linear-gradient(100deg,#1c3437b3,#10232ab3);border:1px solid #a4d4c51a;border-radius:15px;align-items:center;gap:16px;padding:17px;display:flex}.how-example-icon{color:#abdbc7;background:#9bcbb715;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.how-example-list h3{color:#b5e4d0;letter-spacing:1.2px;margin-bottom:5px;font-size:10px}.how-example-list p{color:#c8d9d2;font-size:12px}.how-example-image{border:1px solid #d2e8d528;border-radius:26px;align-self:stretch;min-height:460px;margin:0;position:relative;overflow:hidden}.how-example-image>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.how-example-image:after{content:"";background:linear-gradient(#0000 35%,#06161ac9);position:absolute;inset:0}.how-example-image figcaption{z-index:1;backdrop-filter:blur(15px);background:#0b1e25d9;border:1px solid #d6eee328;border-radius:17px;padding:22px;position:absolute;bottom:24px;left:24px;right:24px}.how-example-image figcaption .eyebrow{letter-spacing:1px;margin-bottom:8px;font-size:9px}.how-example-image figcaption p:last-child{font-size:18px;line-height:1.4}.how-outcomes{background:linear-gradient(140deg,#17332f,#0b1c24)}.how-outcomes h2{font-size:36px}.how-outcome-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:35px;display:grid}.how-outcome-grid article{background:#09191c38;border:1px solid #c4e1ce29;border-radius:18px;padding:23px}.how-outcome-grid svg{color:#b7dfc9;margin-bottom:20px}.how-outcome-grid h3{letter-spacing:1.5px;margin-bottom:12px;font-size:11px}.how-outcome-grid p{color:#bed0c7;font-size:13px}.how-next{color:#ccead9;align-items:center;gap:15px;min-height:44px;margin-top:28px;font-size:13px;display:inline-flex}.how-next:hover{text-underline-offset:5px;text-decoration:underline}@media (width<=1050px){.how-timeline{gap:12px}.how-step-copy{padding:18px 12px}.how-step-copy .eyebrow{letter-spacing:.5px;font-size:8px}.how-step-copy strong{font-size:12px}.how-trust>.editorial-container{grid-template-columns:1fr;gap:28px}.how-example>.editorial-container{gap:30px}.how-example h2{font-size:32px}}@media (width<=760px){.how-hero{background-position:50%;min-height:610px;padding-top:140px}.how-hero h1{font-size:36px}.how-journey h2,.how-outcomes h2{font-size:30px}.how-timeline{grid-template-columns:1fr;gap:16px;margin-top:32px}.how-timeline:before{background:linear-gradient(#a4e1d3,#417a76);width:2px;height:auto;inset:30px auto 30px 23px}.how-step{justify-content:center;height:auto;min-height:96px;padding-left:70px}.how-step-copy{width:100%;min-height:96px;padding:20px}.how-timeline li:nth-child(2n) .how-step-copy{margin-top:0}.how-step-icon{top:24px;left:0}.how-step-copy .eyebrow{letter-spacing:1px;font-size:10px}.how-step-copy strong{font-size:14px}.how-step-detail{text-align:left;min-height:142px;margin:24px 0 16px;padding:15px 0}.how-return{border-radius:20px;align-items:flex-start;gap:12px;padding:20px}.how-return p{letter-spacing:.7px;font-size:9px}.how-return p span{margin-inline:4px}.how-trust{padding-block:45px}.how-trust-grid{gap:10px}.how-trust-grid article{padding:20px 12px}.how-trust-grid h3{font-size:13px}.how-trust-grid p{font-size:11px}.how-example>.editorial-container{grid-template-columns:1fr;gap:30px}.how-example-image{min-height:430px}.how-example-image figcaption{padding:20px;inset:auto 18px 18px}.how-outcome-grid{grid-template-columns:1fr;gap:13px}.how-outcome-grid article{grid-template-columns:24px 1fr;column-gap:18px;padding:22px;display:grid}.how-outcome-grid svg{grid-row:1/3;margin:0}.how-outcome-grid p{grid-column:2}.how-outcome-grid h3{margin-bottom:8px}.how-next{font-size:12px}.how-hero .editorial-lead{font-size:14px}}@media (width<=370px){.how-hero h1{font-size:32px}.how-trust-grid{grid-template-columns:1fr}.how-trust-grid article{grid-template-columns:25px 1fr;column-gap:15px;padding:20px;display:grid}.how-trust-grid svg{grid-row:1/3;margin:0}.how-trust-grid p{grid-column:2;margin-top:5px}.how-example-image{min-height:380px}}@media (prefers-reduced-motion:reduce){.how-step-copy,.how-step-icon{transition:none}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.how-page .liquid-surface{backdrop-filter:none;background:#10252b;border-color:#bbd8c9}.how-step.is-selected .how-step-copy{background:#26493b}.how-page p{color:#e1eee5}}
