:root{color-scheme:light;--bg:#F7F5F0;--surface:#FFFFFF;--surfaceMuted:#EFECE5;--border:#E6E1D6;--divider:#EEEAE2;--textPrimary:#1C1B19;--textSecondary:#4F4B44;--textMuted:#6F6A5E;--textDisabled:#A9A396;--textInverse:#FFFFFF;--primary:#3046C9;--primaryPressed:#2537A8;--onPrimary:#FFFFFF;--primaryContainer:#E6E9FB;--onPrimaryContainer:#1A2577;--aiContainer:#FFE9A8;--onAiContainer:#5C4300;--aiMark:#F2B705;--income:#1E7A4C;--incomeContainer:#DFF3E8;--danger:#C2362B;--onDanger:#FFFFFF;--dangerContainer:#FBE3E0;--warning:#9A5B00;--warningContainer:#FFF0D6;--inverseSurface:#1C1B19;--inversePrimary:#A9B3FF;--scrim:#00000066}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg:#141311;--surface:#1D1C19;--surfaceMuted:#2A2823;--border:#34312B;--divider:#2B2924;--textPrimary:#F2EFE8;--textSecondary:#C4BEB1;--textMuted:#9A9486;--textDisabled:#6B665C;--textInverse:#141311;--primary:#8F9CFF;--primaryPressed:#A9B3FF;--onPrimary:#10173F;--primaryContainer:#232C66;--onPrimaryContainer:#DDE1FF;--aiContainer:#3D3214;--onAiContainer:#FFE29A;--aiMark:#F2B705;--income:#5CCB8F;--incomeContainer:#173826;--danger:#FF8A7A;--onDanger:#2A0A06;--dangerContainer:#4A1D18;--warning:#F0B44C;--warningContainer:#3D2C0D;--inverseSurface:#F2EFE8;--inversePrimary:#3046C9;--scrim:#00000099}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--textPrimary);font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:1.0rem;line-height:1.5;font-weight:400;letter-spacing:-0.00625rem}
header,main,footer{max-width:600px;margin:auto;padding:24px 20px}
header,footer nav,.stores{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
header{justify-content:space-between}
.brand{display:inline-flex;gap:8px;align-items:center;color:var(--textPrimary);text-decoration:none;font-size:1.125rem;line-height:1.3333333333333333;font-weight:600;letter-spacing:-0.0125rem}
.brand img{width:32px;height:32px;border-radius:6px}
a{color:var(--primary);text-underline-offset:.2em;overflow-wrap:anywhere}
header a,nav a,.button,.store{display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:48px}
a:focus-visible{outline:2px solid var(--primary);outline-offset:4px}
main{padding-top:16px;padding-bottom:48px}
h1{font-size:1.75rem;line-height:1.2142857142857142;font-weight:700;letter-spacing:-0.03125rem;margin:0 0 24px;overflow-wrap:anywhere}
h2{font-size:1.375rem;line-height:1.2727272727272727;font-weight:600;letter-spacing:-0.01875rem;margin:32px 0 12px}
p{margin:0 0 16px;overflow-wrap:anywhere}
ul{padding-left:24px}
li{padding-bottom:8px}
footer{border-top:1px solid var(--divider);color:var(--textMuted)}
footer p{font-size:0.8125rem;line-height:1.3846153846153846;font-weight:400;letter-spacing:0.0rem}
.hero{padding:32px 0}
.hero h1{font-size:2.5rem;line-height:1.2;font-weight:600;letter-spacing:-0.05rem;font-weight:700}
mark{color:inherit;background:linear-gradient(transparent 55%,var(--aiContainer) 55%);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.lead{color:var(--textSecondary);font-size:1.125rem;line-height:1.3333333333333333;font-weight:600;letter-spacing:-0.0125rem}
.features{display:grid;gap:16px;margin:24px 0 32px}
.feature{background:var(--surface);padding:24px;border:1px solid var(--border);border-radius:18px}
.feature h2{font-size:1.125rem;line-height:1.3333333333333333;font-weight:600;letter-spacing:-0.0125rem;margin:0 0 8px}
.feature p{color:var(--textSecondary);margin:0}
.stores{gap:16px;margin:24px 0}
.store{position:relative;flex-shrink:0;text-decoration:none}
.apple img{width:119.66407px;height:40px}
.google{width:134.286px}
.google img{position:absolute;width:153.81px;height:59.524px;max-width:none}
.button{background:var(--primary);color:var(--onPrimary);padding:12px 24px;border-radius:14px;text-decoration:none;font-size:1.0rem;line-height:1.5;font-weight:600;letter-spacing:-0.00625rem}
.draft{background:var(--warningContainer);color:var(--warning);padding:16px}
@media(max-width:374px){header,main,footer{padding-left:16px;padding-right:16px}}