@import url('/assets/product-v3.css');
html {scroll-behavior:smooth;scroll-padding-top:90px;}
body {margin:0;font-size:16px;line-height:1.65;}
a {color:var(--accent);text-underline-offset:4px;}
h1,h2,h3,p {margin:0;}
h1,h2,h3 {line-height:1.15;}
.wrap {width:min(1120px,calc(100% - 40px));margin:auto;}
.site-nav {border-bottom:1px solid var(--border);background:#fff;}
.site-nav .wrap {min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px;}
.wordmark {font-size:1.15rem;color:var(--text);text-decoration:none;font-weight:800;letter-spacing:-.04em;white-space:nowrap;}
.wordmark span {color:var(--accent);}
.site-nav nav {display:flex;gap:26px;align-items:center;}
.site-nav nav a {font-size:.9rem;text-decoration:none;color:var(--text2);font-weight:600;}
.site-nav nav a:last-child {color:var(--accent);}
.pill {display:inline-block;color:var(--accent);background:#e9efff;border:1px solid #d8e2ff;border-radius:30px;padding:6px 12px;font-size:.8rem;font-weight:650;}
.landing-hero {padding:76px 0 64px;display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center;}
.landing-hero h1 {font-size:clamp(2.5rem,4.5vw,4rem);line-height:1.08;letter-spacing:-.055em;margin:22px 0;max-width:590px;}
.landing-hero h1 span {color:var(--accent);}
.lead {font-size:1.12rem;line-height:1.75;color:var(--text3);max-width:580px;}
.actions {display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 16px;}
.action {display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;background:var(--accent);color:white;text-decoration:none;border:1px solid var(--accent);border-radius:10px;font-weight:650;font-size:.95rem;}
.action:hover {background:#2044af;color:white;}
.action.secondary {background:white;color:var(--text);border-color:var(--border2);}
.fine {font-size:.875rem;color:var(--text3);}
.example {background:white;border:1px solid var(--border2);border-radius:24px;padding:28px;box-shadow:0 20px 65px rgba(32,56,100,.09);}
.example-head {display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;}
.example-head h2 {font-size:1.15rem;letter-spacing:-.02em;}
.example-head small {color:var(--text3);font-size:.8rem;}
.balance {background:#eef3ff;border:1px solid #d9e4ff;border-radius:16px;padding:22px;}
.balance p {font-size:.875rem;color:var(--text3);}
.balance strong {font-size:2.4rem;line-height:1.25;letter-spacing:-.045em;font-variant-numeric:tabular-nums;display:block;margin-top:6px;}
.balance .people {font-weight:650;color:var(--accent);margin-top:10px;}
.sample-expense {display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid var(--border);}
.sample-icon {width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--bg3);color:var(--text3);font-size:.8rem;font-weight:700;}
.sample-expense strong {font-size:.95rem;font-variant-numeric:tabular-nums;}
.sample-expense small {display:block;font-size:.78rem;color:var(--text3);}
.example a {display:block;text-align:center;font-size:.9rem;margin-top:18px;font-weight:650;}
.trust-strip {display:flex;justify-content:space-between;gap:20px;padding:22px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-size:.875rem;color:var(--text3);}
.block {padding:76px 0;}
.block + .block {border-top:1px solid var(--border);}
.block h2 {font-size:clamp(1.8rem,3vw,2.5rem);letter-spacing:-.045em;max-width:740px;margin-bottom:18px;}
.grid-three {display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:36px;}
.feature {padding:24px;background:white;border:1px solid var(--border);border-radius:16px;}
.feature .number {font-size:.8rem;color:var(--accent);font-weight:750;letter-spacing:.08em;}
.feature h3 {font-size:1.2rem;margin:16px 0 12px;}
.feature p {font-size:.95rem;color:var(--text3);}
.split-callout {display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center;padding:34px;background:#edf2ff;border-radius:20px;}
.split-callout h2 {font-size:1.9rem;}.split-callout p {color:var(--text3);}
.price-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px;}
.plan {border:1px solid var(--border2);border-radius:18px;background:white;padding:28px;display:flex;flex-direction:column;align-items:flex-start;}
.plan.featured {border:2px solid var(--accent);padding:27px;}
.plan h3 {font-size:1.1rem;}.price {font-size:2.6rem;font-weight:750;letter-spacing:-.05em;margin:18px 0 0;}.price small {font-size:.9rem;font-weight:500;letter-spacing:0;}
.plan ul {padding-left:20px;color:var(--text3);font-size:.95rem;flex:1;}.plan li {margin:9px 0;}.plan .action {width:100%;}
.faq-list {max-width:820px;margin-top:28px;}.faq-list details {border-bottom:1px solid var(--border);padding:20px 0;}.faq-list summary {cursor:pointer;font-weight:650;font-size:1.05rem;}.faq-list p {color:var(--text3);margin:14px 0 0;}
.site-footer {padding:34px 0;border-top:1px solid var(--border);background:white;}.site-footer .wrap {display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap;}.site-footer nav {display:flex;gap:20px;flex-wrap:wrap;font-size:.875rem;}
.article {max-width:760px;padding:48px 0 72px;}.article h1 {font-size:clamp(2rem,5vw,3.2rem);line-height:1.15;margin:18px 0 24px;}.article h2 {font-size:1.65rem;margin:38px 0 16px;}.article h3 {margin:26px 0 14px;font-size:1.2rem;}.article p,.article ul,.article ol {margin:18px 0;}.article .meta {font-size:.875rem;color:var(--text3);}.article table {width:100%;border-collapse:collapse;}.article th,.article td {padding:12px;border:1px solid var(--border);text-align:left;}.table-scroll {overflow-x:auto;}.article aside {background:#edf2ff;padding:20px;border-radius:12px;margin:22px 0;}
.blog-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}.blog-card {padding:26px;border:1px solid var(--border);border-radius:16px;background:white;}.blog-card h2 {font-size:1.3rem;margin:16px 0;}.blog-card p {font-size:.95rem;color:var(--text3);}.blog-card a {text-decoration:none;}.blog-card small {color:var(--text3);}
.skip-link {position:absolute;left:16px;top:-80px;background:white;padding:12px;z-index:9999;}.skip-link:focus {top:12px;}
@media(max-width:800px){.landing-hero{grid-template-columns:1fr;gap:34px;padding:40px 0}.landing-hero h1{max-width:620px}.example{max-width:560px;width:100%}.site-nav nav{gap:16px}.grid-three,.price-grid{grid-template-columns:1fr}.split-callout{grid-template-columns:1fr;gap:12px}.block{padding:48px 0}.blog-grid{grid-template-columns:1fr 1fr}.trust-strip{flex-wrap:wrap;gap:12px 22px}}
@media(max-width:520px){.wrap{width:calc(100% - 32px)}.site-nav .wrap{min-height:70px;gap:10px;flex-wrap:wrap;padding:14px 0}.site-nav nav{gap:18px;flex-wrap:wrap}.site-nav nav a{font-size:.8rem}.landing-hero h1{font-size:2.55rem}.lead{font-size:1rem}.actions{display:grid}.action{width:100%}.example{padding:20px}.block{padding:40px 0}.split-callout{padding:24px}.blog-grid{grid-template-columns:1fr}.trust-strip{font-size:.8rem}.site-footer .wrap{flex-direction:column}}