@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#060c10;--panel:#0c181d;--panel2:#10241f;--text:#f0f7f4;--muted:#a5b9b5;--green:#a6ffcb;--line:#a6ffcb25;--display:'Manrope',Arial,sans-serif;--body:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 84% 4%,#174c3b55,transparent 30%),var(--bg);color:var(--text);font:16px/1.7 var(--body)}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--green);outline-offset:4px}::selection{background:var(--green);color:#082116}.how-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:26px;padding:17px 5vw;border-bottom:1px solid #ffffff14;background:#060c10dc;backdrop-filter:blur(22px)}.how-brand{display:flex;align-items:center;margin-right:auto}.how-brand img{width:48px;height:48px;clip-path:circle(46%);border-radius:50%}.how-nav{display:flex;align-items:center;gap:22px;color:#b3c8c2;font-size:14px}.how-nav a:hover{color:var(--green)}.how-actions{display:flex;align-items:center;gap:10px}.get-app,.contact-link{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:1px solid #a6ffcb70;background:#123229;border-radius:100px;color:#e4fff0;font-weight:600}.get-app{min-width:112px;padding:10px 18px;box-shadow:0 0 24px #72ffb52b}.contact-link{width:46px}.contact-link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.get-app:hover,.contact-link:hover{background:var(--green);color:#06150f}
.eyebrow{display:block;color:var(--green);font-size:12px;font-weight:700;letter-spacing:2px}.how-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.65fr);align-items:center;gap:80px;min-height:760px;padding:90px 8vw 100px;overflow:hidden}.how-hero:before{content:'';position:absolute;inset:auto -12% -45% 35%;height:720px;border:1px solid #a6ffcb1c;border-radius:50%;box-shadow:0 0 120px #5dffad12;z-index:-1}.how-hero-copy{max-width:760px}.how-hero h1{margin:18px 0 26px;font:500 clamp(58px,6.5vw,100px)/1.03 var(--display);letter-spacing:-5px}.how-hero h1 em{display:block;color:var(--green);font-style:normal;font-size:.72em;letter-spacing:-3px;margin-top:10px}.how-hero-copy>p{max-width:650px;margin:0 0 30px;color:#b4c6c2;font-size:18px;line-height:1.8}.store-actions{display:flex;flex-wrap:wrap;gap:12px}.store-actions a{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border:1px solid #a6ffcb4a;border-radius:50%;background:#0e211d;color:#d9f6e8}.store-actions a:first-child{background:var(--green);color:#082116}.store-actions a:hover{border-color:var(--green);box-shadow:0 0 28px #78ffb227;transform:translateY(-2px)}.store-actions svg{width:25px;height:25px}.hero-phone{position:relative;display:grid;justify-items:center;margin:0}.hero-phone img{position:relative;width:min(245px,66vw);height:auto;filter:drop-shadow(0 28px 38px #0009)}.phone-orbit{position:absolute;top:50%;left:50%;width:390px;height:390px;border:1px solid #a6ffcb45;border-radius:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 70px #5effa318,0 0 90px #5effa319}.phone-orbit:before,.phone-orbit:after{content:'';position:absolute;border-radius:50%;background:var(--green);box-shadow:0 0 20px var(--green)}.phone-orbit:before{width:9px;height:9px;top:28px;left:76px}.phone-orbit:after{width:6px;height:6px;right:36px;bottom:86px}.hero-phone figcaption{margin-top:16px;color:#87a69e;font-size:13px;letter-spacing:1.5px;text-transform:uppercase}
.journey{padding:105px 8vw 120px;background:linear-gradient(#071015,#081218)}.journey-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);gap:45px;align-items:end;max-width:1260px;margin:0 auto 55px}.journey-intro .eyebrow{grid-column:1/-1}.journey-intro h2{margin:0;font:500 clamp(44px,5vw,72px)/1.08 var(--display);letter-spacing:-3px}.journey-intro p{margin:0;color:var(--muted);font-size:17px}.journey-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);align-items:center;gap:70px;max-width:1260px;min-height:490px;margin:0 auto 24px;padding:48px 8%;border:1px solid var(--line);border-radius:30px;background:radial-gradient(ellipse at 85% 15%,#1d514044,transparent 45%),linear-gradient(145deg,#0e2020,#0a151b);overflow:hidden}.journey-card-reverse{grid-template-columns:minmax(280px,.7fr) minmax(0,1fr)}.journey-card-reverse .journey-copy{order:2}.journey-card-reverse figure{order:1}.journey-copy>span,.journey-copy>div>span{display:block;margin-bottom:18px;color:var(--green);font-size:12px;font-weight:700;letter-spacing:2px}.journey-copy h3{max-width:620px;margin:0 0 16px;font:500 clamp(34px,4vw,55px)/1.13 var(--display);letter-spacing:-2.2px}.journey-copy p{max-width:560px;margin:0;color:#abc0bb;font-size:17px;line-height:1.8}.journey-card figure{display:grid;place-items:center;margin:0;min-height:390px}.journey-card figure img{width:min(235px,60vw);height:auto;filter:drop-shadow(0 24px 34px #000a);transition:transform .35s ease}.journey-card:hover figure img{transform:translateY(-6px)}.journey-card-double .journey-copy{display:grid;gap:36px}.journey-card-double .journey-copy>div+div{padding-top:30px;border-top:1px solid #ffffff17}.journey-card-double .journey-copy h3{font-size:clamp(28px,3vw,43px)}.journey-card-final{border-color:#a6ffcb4f;background:radial-gradient(ellipse at 12% 40%,#1d5d474f,transparent 48%),#0b171a}
.how-cta{display:flex;align-items:end;justify-content:space-between;gap:45px;padding:95px 8vw;background:radial-gradient(ellipse at 18% 100%,#1c554144,transparent 50%),#071015}.how-cta h2{max-width:720px;margin:15px 0 0;font:500 clamp(38px,4.6vw,65px)/1.12 var(--display);letter-spacing:-2.8px}.how-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;padding:35px 5vw 45px;border-top:1px solid #ffffff14;background:#04090c;color:#8ca49e;font-size:14px}.how-footer-brand{display:flex;align-items:center;gap:12px;color:#d9ede7;font-weight:600}.how-footer-brand img{width:42px;height:42px;clip-path:circle(46%);border-radius:50%}.how-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}.how-footer nav a:hover{color:var(--green)}.how-footer>span{text-align:right}
@media(max-width:980px){.how-nav{display:none}.how-hero{grid-template-columns:1fr .55fr;gap:40px;padding-inline:5vw}.journey,.how-cta{padding-inline:5vw}.journey-card{gap:38px;padding-inline:6%}.how-footer{grid-template-columns:1fr 1fr}.how-footer nav{grid-column:1/-1;grid-row:2;justify-content:flex-start}.how-footer>span{text-align:right}}
@media(max-width:720px){.how-header{padding:14px 18px;gap:12px}.how-brand img{width:42px;height:42px}.how-actions{gap:8px}.get-app{min-width:94px;padding-inline:14px}.contact-link{width:44px;min-width:44px}.how-hero{grid-template-columns:1fr;gap:55px;min-height:0;padding:72px 20px 80px}.how-hero h1{font-size:clamp(48px,14vw,68px);letter-spacing:-3px}.how-hero h1 em{letter-spacing:-2px}.how-hero-copy>p{font-size:16px}.phone-orbit{width:320px;height:320px}.hero-phone img{width:210px}.journey{padding:75px 20px 85px}.journey-intro{grid-template-columns:1fr;gap:17px;margin-bottom:36px}.journey-intro .eyebrow{grid-column:auto}.journey-intro h2{font-size:43px;letter-spacing:-2px}.journey-intro p{font-size:16px}.journey-card,.journey-card-reverse{grid-template-columns:1fr;gap:30px;min-height:0;padding:34px 24px;border-radius:23px}.journey-card .journey-copy,.journey-card figure,.journey-card-reverse .journey-copy,.journey-card-reverse figure{order:initial}.journey-card figure{min-height:0}.journey-card figure img{width:190px}.journey-copy h3{font-size:34px;letter-spacing:-1.5px}.journey-copy p{font-size:16px}.how-cta{align-items:flex-start;flex-direction:column;padding:72px 20px}.how-cta h2{font-size:42px;letter-spacing:-2px}.how-footer{grid-template-columns:1fr;padding:32px 20px 40px}.how-footer nav{grid-column:auto;grid-row:auto;justify-content:flex-start}.how-footer>span{text-align:left}.store-actions{width:auto}}
@media(max-width:420px){.how-header .contact-link{display:none}.get-app{min-width:88px}.hero-phone img{width:190px}.phone-orbit{width:280px;height:280px}.journey-card figure img{width:175px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.journey-card figure img{transition:none}}

/* The home header overlays the first section on wide screens. */
.how-hero{padding-top:165px}
@media(max-width:1100px){.how-hero{padding-top:90px}}
@media(max-width:720px){.how-hero{padding-top:72px}}