:root{--background:#fff8f0;--surface:#ffffff;--surface-soft:#f6efe7;--text:#20352f;--muted:#6f8179;--teal:#2f827a;--teal-dark:#1f625b;--gold:#eba33a;--sage:#91aa84;--border:#eadfd4}*{box-sizing:border-box}html{background:var(--background);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}a{color:inherit;text-decoration:none}p{color:var(--muted);line-height:1.7;margin:0}.hero{min-height:92vh;padding:28px clamp(20px,5vw,72px) 72px}.nav{display:flex;justify-content:space-between;margin:0 auto;max-width:1120px}.brand,.nav{align-items:center}.brand{color:var(--teal-dark);display:inline-flex;font-size:1.45rem;gap:10px;font-weight:800}.brandIcon{border-radius:12px;height:34px;width:34px}.navLinks{display:flex;gap:22px}.navLinks a{color:var(--muted);font-size:.95rem;font-weight:700}.heroGrid{align-items:center;display:grid;grid-gap:clamp(32px,7vw,92px);gap:clamp(32px,7vw,92px);grid-template-columns:minmax(0,1.05fr) minmax(320px,.75fr);margin:88px auto 0;max-width:1120px}.heroCopy{max-width:650px}.eyebrow{color:var(--gold);font-size:.82rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3{color:var(--text);line-height:1.05;margin:0}h1{font-size:clamp(3.7rem,9vw,7.8rem);margin-top:18px}h2{font-size:clamp(2rem,4vw,3.25rem)}h3{font-size:1.35rem}.lead{font-size:clamp(1.1rem,2vw,1.35rem);margin-top:24px;max-width:560px}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.primaryAction,.secondaryAction{align-items:center;border-radius:18px;display:inline-flex;font-weight:900;min-height:54px;padding:0 22px}.primaryAction{background:var(--teal);color:#ffffff}.secondaryAction{color:var(--teal-dark)}.appCard,.secondaryAction{background:var(--surface);border:1px solid var(--border)}.appCard{border-radius:30px;box-shadow:0 28px 80px rgba(48,36,23,.12);padding:24px}.phoneHeader{display:flex;justify-content:space-between}.phoneHeader span{background:var(--surface-soft);border-radius:999px;display:block;height:12px;width:58px}.balanceCard{align-items:center;border:1px solid #d7e7e5;border-radius:22px;display:flex;flex-direction:column;margin:42px auto 32px;max-width:230px;padding:24px}.smallLabel{color:var(--muted);font-size:.78rem;font-weight:900;text-transform:uppercase}.balanceCard strong{color:var(--teal-dark);font-size:3.1rem;line-height:1;margin:6px 0}.progressRow{display:flex;justify-content:space-between}.progressRow div{align-items:center;display:flex;flex-direction:column;gap:8px}.avatar{border-radius:999px;display:block;height:56px;width:56px}.avatarGold{background:radial-gradient(circle at 40% 35%,#fff5da 0 18%,var(--gold) 19% 100%)}.avatarTeal{background:radial-gradient(circle at 40% 35%,#e7f2ef 0 18%,var(--teal) 19% 100%)}.progressBar{background:var(--surface-soft);border-radius:999px;height:18px;margin-top:22px;overflow:hidden}.progressBar span{background:linear-gradient(90deg,var(--gold) 0 52%,var(--teal) 52% 100%);display:block;height:100%;width:100%}.previewCopy{color:var(--text);font-size:1.05rem;font-weight:800;margin-top:22px;text-align:center}.section{margin:0 auto;max-width:1120px;padding:64px clamp(20px,5vw,72px)}.sectionHeader{max-width:680px}.sectionHeader h2{margin-top:12px}.featureGrid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:30px}.featureCard{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:24px}.featureCard p{margin-top:12px}.splitSection{align-items:center;display:grid;grid-gap:32px;gap:32px;grid-template-columns:.9fr 1fr}.legalPage{margin:0 auto;max-width:820px;padding:56px 22px 96px}.legalPage h1{font-size:clamp(2.6rem,7vw,4.6rem);margin-top:24px}.legalPage section{border-top:1px solid var(--border);margin-top:32px;padding-top:28px}.legalPage h2{font-size:1.6rem;margin-bottom:12px}.legalPage a:not(.primaryAction):not(.backLink){color:var(--teal-dark);font-weight:800;text-decoration:underline}.backLink{color:var(--teal-dark);font-weight:900}.updated{margin-top:12px}.legalAction{margin-top:24px}@media (max-width:820px){.nav{align-items:flex-start;gap:18px}.navLinks{gap:12px}.featureGrid,.heroGrid,.splitSection{grid-template-columns:1fr}.heroGrid{margin-top:58px}}@media (max-width:560px){.nav{flex-direction:column}.navLinks{flex-wrap:wrap}.hero{padding-top:22px}.appCard{border-radius:24px;padding:18px}.actions{flex-direction:column}.primaryAction,.secondaryAction{justify-content:center;width:100%}}