:root{--ink:#202d28;--muted:#657169;--paper:#f4f5ef;--green:#d2e99a;--line:#dde2d6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible{outline:3px solid #607e30;outline-offset:5px}header,main,footer{max-width:1200px;margin:auto}header{padding:30px 40px;display:flex;justify-content:space-between;align-items:center}header nav{display:flex;align-items:center;gap:30px;font-size:14px}header nav a{text-decoration:none}.brand{display:inline-flex;align-items:center;gap:9px;font-size:27px;font-weight:750;letter-spacing:-1.3px;text-decoration:none}.brand img{border-radius:9px}.brand-dot{margin-left:-8px;color:#719246}.nav-cta{border:1px solid var(--line);padding:12px 18px;border-radius:24px}.skip{position:absolute;left:20px;top:-100px;padding:12px;background:white;z-index:10}.skip:focus{top:10px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;padding:58px 40px 74px;align-items:center;min-height:690px}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:700;line-height:1.6;display:flex;align-items:center;gap:9px}.eyebrow>span{width:7px;height:7px;background:#719246;border-radius:50%}h1{font-size:clamp(44px,5.4vw,68px);line-height:1.08;letter-spacing:-3.5px;margin:25px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:#65813f}p{line-height:1.7}.intro{font-size:18px;max-width:410px;color:var(--muted);margin-bottom:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--ink);color:white;border-radius:28px;text-decoration:none;padding:17px 23px;font-size:14px;line-height:1.5}.button:hover{background:#3a4e40}.subtle{font-size:12px;color:var(--muted);margin:15px 0}.visual{position:relative;min-height:550px;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;border:1px solid #dce3cf;border-radius:50%;width:470px;height:470px}.orbit-two{width:365px;height:365px;background:#e8eedc;border:none}.phone{position:relative;width:286px;border:7px solid #24342c;border-radius:43px;background:#fcfdf9;box-shadow:15px 25px 55px #24342c20;transform:rotate(6deg);overflow:hidden}.phone-top{display:flex;justify-content:space-between;padding:17px 22px 12px;font-size:10px;font-weight:700}.phone-content{padding:8px 17px 10px}.app-heading{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:20px;letter-spacing:-1px;margin-bottom:27px}.avatar{font-size:11px;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#e7eddb}.phone-label{font-size:11px;color:var(--muted);margin:0 0 6px}.balance{font-size:32px;letter-spacing:-1.5px}.balance>span{color:#9aa297}.growth{font-size:10px;color:#65813f;margin:9px 0 12px}.growth span{color:#838b81;margin-left:5px}.chart{width:100%;height:116px}.periods{display:flex;justify-content:space-around;align-items:center;font-size:9px;color:#808a7c;margin:10px 0 24px}.periods b{background:#e9f0dc;padding:5px 10px;border-radius:10px;color:#557038}.holdings-heading{display:flex;justify-content:space-between;font-size:13px;font-weight:700;margin-bottom:12px}.holding{display:flex;gap:8px;align-items:center;padding:12px 0;border-bottom:1px solid #edf0e7;font-size:10px}.holding small{display:block;font-size:9px;color:#7b8478;margin-top:5px}.holding b{margin-left:auto;font-size:11px}.holding-icon{background:#e9efdf;display:grid;place-items:center;width:29px;height:29px;border-radius:9px;font-size:18px}.lavender{background:#eee9f6}.phone-tabs{display:flex;justify-content:space-between;text-align:center;padding-top:21px;color:#7b8577;font-size:14px}.phone-tabs>span:first-child{color:#64803c}.phone-tabs small{display:block;font-size:7px;margin-top:5px}.floating-note{position:absolute;z-index:2;left:-10px;top:100px;display:flex;align-items:center;gap:10px;background:#fff;padding:15px 18px;border-radius:14px;box-shadow:0 9px 30px #24342c12;font-size:12px;transform:rotate(-5deg)}.floating-note small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.note-icon{background:var(--green);padding:9px;border-radius:50%;font-size:19px}.example{position:absolute;bottom:-12px;font-size:10px;color:var(--muted)}.features{padding:65px 40px 85px;border-top:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:0 70px}.section-heading .eyebrow{grid-column:1/-1}.section-heading>p:last-child{color:var(--muted);max-width:365px;font-size:16px}h2{font-size:38px;line-height:1.18;letter-spacing:-1.7px;font-weight:500;margin:15px 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.feature-grid article{border:1px solid var(--line);border-radius:18px;padding:28px;background:#fafbf6}.feature-icon{font-size:24px;background:#e9efdf;border-radius:13px;width:47px;height:47px;display:grid;place-items:center}h3{font-size:18px;font-weight:600;margin:24px 0 10px;letter-spacing:-.4px}.feature-grid p{font-size:14px;color:var(--muted);margin:0}.download{margin:0 40px 75px;padding:55px 25px;background:#e6edda;border-radius:24px;text-align:center}.download .eyebrow{justify-content:center}.download h2{font-size:44px}.download>p{color:#56644b}.store-grid{display:flex;justify-content:center;gap:14px;margin:30px 0 20px}.store{background:var(--ink);color:white;text-align:left;padding:15px 24px;border-radius:14px;min-width:184px}.store>span{font-size:9px;letter-spacing:1.5px;color:#c6d1c0;display:block}.store strong{font-size:20px;display:block;margin:5px 0}.store small{font-size:11px;color:#d2e99a}.download-note{font-size:12px}footer{border-top:1px solid var(--line);padding:35px 40px 30px;display:flex;align-items:center;gap:25px;flex-wrap:wrap}footer .brand{font-size:23px}footer p{font-size:12px;color:var(--muted)}footer nav{display:flex;flex-wrap:wrap;gap:20px;margin-left:auto;font-size:12px}footer nav a{text-decoration:none}footer small{font-size:10px;flex-basis:100%;color:var(--muted)}.legal{max-width:800px;padding:50px 40px 90px}.legal h1{font-size:48px;letter-spacing:-2px}.legal p{font-size:16px;color:#4e5d52}.legal h2{font-size:25px;letter-spacing:-.6px;margin:35px 0 12px}.legal a:not(.button){text-decoration-thickness:1px;text-underline-offset:3px}.legal .notice{background:#ebe6ce;border-radius:12px;padding:16px;color:#605327}.legal .eyebrow{font-size:11px}.legal .button{color:white}@media(max-width:1000px){.hero{gap:10px}.orbit{width:360px;height:360px}.orbit-two{width:290px;height:290px}.floating-note{left:0;top:75px;font-size:11px;padding:12px}.section-heading{gap:0 30px}footer nav{margin-left:0}}@media(max-width:700px){header{padding:22px}header nav{gap:16px;font-size:12px}header nav>a:first-child{display:none}.nav-cta{padding:10px 13px}.brand{font-size:24px}.hero{grid-template-columns:1fr;padding:38px 22px 45px;gap:20px;min-height:0}.hero h1{font-size:54px;letter-spacing:-2.7px}.intro{font-size:17px}.visual{min-height:565px;margin-top:15px}.floating-note{left:2%;top:86px}.orbit{width:330px;height:330px}.features{padding:40px 22px 50px}.section-heading{display:block}.section-heading h2{font-size:34px}.feature-grid{grid-template-columns:1fr;gap:14px;margin-top:25px}.feature-grid article{padding:24px}.feature-grid h3{margin-top:18px}.download{margin:0 16px 45px;padding:40px 20px}.download h2{font-size:34px}.store-grid{gap:10px}.store{min-width:0;flex:1;max-width:190px;padding:15px}.store strong{font-size:18px}footer{padding:28px 22px;gap:12px}footer p{flex-basis:100%;margin:0 0 12px}footer nav{gap:18px}footer small{margin-top:15px}.legal{padding:35px 22px 60px}.legal h1{font-size:42px}.legal p{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Keep the illustration caption clear of the rotated phone on every screen. */
.example{bottom:-32px}.orbit{max-width:100%}@media(max-width:700px){.phone{width:266px}.visual{min-height:565px}.example{bottom:-10px}}@media(max-width:360px){.hero h1{font-size:46px}.phone{width:248px}.floating-note{font-size:10px;padding:10px}.visual{min-height:540px}}
/* Dashboard preview follows the mobile app's dark palette and summary layout. */
.phone{background:#0a0a0f;border-color:#252530;color:#f0f0f5;transform:rotate(4deg)}.phone-content{padding:6px 13px 12px}.app-heading{font-size:17px;letter-spacing:-.4px;margin-bottom:18px}.app-tools{font-size:15px;color:#a0a0b0;letter-spacing:5px}.preview-summary,.preview-history,.preview-stats>div{background:#15151f;border:1px solid #2a2a3a;border-radius:10px}.preview-summary{padding:14px}.phone-label{font-size:10px;color:#a0a0b0}.balance{display:block;font-size:27px;letter-spacing:-.8px;margin-top:9px}.growth{color:#34d399;font-size:10px;margin:8px 0 0}.growth span{color:#a0a0b0}.preview-history{margin-top:12px;padding:12px 10px}.preview-history>p{font-size:9px;color:#a0a0b0;margin:0 0 12px}.preview-history .chart{height:100px}.chart-dates{display:flex;justify-content:space-between;font-size:7px;color:#a0a0b0;margin-top:5px}.preview-section-label{font-size:9px;letter-spacing:1px;color:#a0a0b0;margin:18px 0 9px}.preview-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px}.preview-stats>div{padding:10px 8px}.preview-stats>div:last-child{grid-column:1/-1}.preview-stats span{font-size:8px;color:#a0a0b0;display:block}.preview-stats strong{font-size:15px;display:block;margin-top:7px}.preview-stats .positive{color:#34d399}.preview-details{display:flex;justify-content:space-between;border-bottom:1px solid #2a2a3a;font-size:9px;color:#a0a0b0;padding:15px 0}.phone-tabs{padding-top:14px;color:#a0a0b0}.phone-tabs>span:first-child{color:#818cf8}.phone-tabs small{font-size:6.5px}.floating-note{top:25px;left:-20px}.visual{min-height:620px}.example{bottom:-22px}@media(max-width:700px){.visual{min-height:620px}.floating-note{top:5px;left:0}.example{bottom:-8px}}
.visual .floating-note{display:none}.example{bottom:-42px}@media(max-width:700px){.example{bottom:-25px}.hero{padding-bottom:65px}}