:root{--blue-900: #0c2d6b;--blue-800: #0a3a8a;--blue-700: #0052cc;--blue-600: #2563eb;--blue-100: #e8f0fe;--blue-50: #f0f6ff;--text: #0f172a;--text-muted: #475569;--white: #ffffff;--gray-100: #f1f5f9;--shadow: 0 25px 50px -12px rgba(15, 23, 42, .12);--shadow-soft: 0 10px 40px rgba(0, 82, 204, .15)}.page{min-height:100vh;background:var(--white);color:var(--text)}.nav{max-width:72rem;margin:0 auto;padding:1.25rem clamp(1.25rem,4vw,2rem);display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(15,23,42,.06)}.logo{display:inline-flex;align-items:center;gap:.5rem;font-family:Manrope,Inter,system-ui,sans-serif;font-weight:700;font-size:1.125rem;letter-spacing:-.02em;color:var(--blue-800);text-decoration:none}.logo-mark{width:2rem;height:2rem;object-fit:contain;flex-shrink:0}.logo-text{line-height:1}.logo--footer{color:var(--white)}.nav-links{display:none;align-items:center;gap:2rem}@media (min-width: 768px){.nav-links{display:flex}}.nav-links a{color:var(--text-muted);text-decoration:none;font-size:.9375rem;font-weight:500;transition:color .15s ease}.nav-links a:hover{color:var(--blue-700)}.btn-nav{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;color:var(--white);background:var(--blue-700);border-radius:999px;text-decoration:none;white-space:nowrap;transition:background .15s ease,transform .15s ease}.btn-nav:hover{background:var(--blue-800)}.btn-nav:active{transform:scale(.98)}.hero{max-width:72rem;margin:0 auto;padding:clamp(2.5rem,8vw,5rem) clamp(1.25rem,4vw,2rem)}.hero-inner{display:grid;gap:clamp(2.5rem,6vw,4rem);align-items:center}@media (min-width: 960px){.hero-inner{grid-template-columns:1fr 1fr;gap:3rem}}.hero-copy{text-align:center}@media (min-width: 960px){.hero-copy{text-align:left}}.pill{display:inline-block;font-size:.6875rem;font-weight:700;letter-spacing:.08em;color:var(--blue-700);background:var(--blue-100);padding:.35rem .75rem;border-radius:999px;margin-bottom:1.25rem}.hero h1{font-family:Manrope,Inter,system-ui,sans-serif;font-weight:700;font-size:clamp(2rem,4.5vw,2.75rem);line-height:1.12;letter-spacing:-.03em;margin:0 0 1.25rem;color:var(--text)}.hero-accent{color:var(--blue-600)}.hero-lead{margin:0 0 1.75rem;font-size:1.0625rem;line-height:1.65;color:var(--text-muted);max-width:32rem}@media (min-width: 960px){.hero-lead{margin-left:0;margin-right:0}}@media (max-width: 959px){.hero-lead{margin-left:auto;margin-right:auto}}.store-row{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:1.75rem}@media (min-width: 960px){.store-row{justify-content:flex-start}}.store-btn{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:3.25rem;padding:.5rem 1.25rem;border-radius:.5rem;text-decoration:none;font-weight:600;transition:transform .15s ease,box-shadow .15s ease}.store-btn:active{transform:scale(.98)}.store-btn-label{font-size:.625rem;font-weight:500;letter-spacing:.04em;opacity:.9}.store-btn-title{font-size:.9375rem;font-weight:600;line-height:1.2}.store-btn--apple{background:#000;color:var(--white);min-width:9.5rem}.store-btn--apple .store-btn-label{color:#ffffffd9}.store-btn--google{background:var(--white);color:var(--text);border:1px solid #dadce0;box-shadow:0 1px 2px #0000000d}.store-btn--google .store-btn-label{color:var(--blue-700);font-size:.5625rem}.social-proof{display:flex;flex-direction:column;align-items:center;gap:.75rem}@media (min-width: 960px){.social-proof{flex-direction:row;align-items:center}}.social-proof p{margin:0;font-size:.875rem;color:var(--text-muted)}.avatars{display:flex}.avatar{width:2rem;height:2rem;border-radius:50%;border:2px solid var(--white);margin-left:-.5rem;background:linear-gradient(135deg,#93c5fd,#3b82f6);box-shadow:0 0 0 1px #0f172a14}.avatar:first-child{margin-left:0;background:linear-gradient(135deg,#fca5a5,#ef4444)}.avatar:nth-child(2){background:linear-gradient(135deg,#86efac,#22c55e)}.avatar:nth-child(3){background:linear-gradient(135deg,#fcd34d,#eab308)}.hero-visual{display:flex;justify-content:center;align-items:flex-end;gap:.25rem;perspective:800px}@media (min-width: 960px){.hero-visual{justify-content:flex-end}}.phone-mockup{position:relative;filter:drop-shadow(0 30px 50px rgba(15,23,42,.18))}.phone-frame{width:min(17rem,72vw);aspect-ratio:9 / 19;background:linear-gradient(145deg,#f8fafc,#e2e8f0);border-radius:2.25rem;padding:.5rem;box-shadow:inset 0 1px #fffc,0 0 0 1px #0f172a0f;transform:rotateY(-6deg) rotateX(4deg)}.phone-mockup--back{transform:translate(1.2rem) translateY(.8rem) scale(.93);z-index:1}.phone-mockup--front{transform:translate(-1.2rem);z-index:2}.phone-notch{height:1.25rem;margin:0 auto .35rem;width:38%;background:#0f172a;border-radius:0 0 .75rem .75rem}.phone-screen{background:var(--white);border-radius:1.75rem;padding:0;height:calc(100% - 1.75rem);overflow:hidden;box-shadow:inset 0 0 0 1px #0f172a0a}.phone-screen--image{display:flex}.phone-image{width:100%;height:100%;object-fit:cover;object-position:top center}@media (max-width: 680px){.hero-visual{gap:0}.phone-mockup--back{transform:translate(.6rem) translateY(.65rem) scale(.9)}.phone-mockup--front{transform:translate(-.6rem)}}.section{padding:clamp(3rem,8vw,5rem) clamp(1.25rem,4vw,2rem)}.section-tint{background:linear-gradient(180deg,var(--blue-50) 0%,var(--gray-100) 100%)}.section-inner{max-width:72rem;margin:0 auto}.section-inner--narrow{max-width:40rem;text-align:center}.section-compact{padding-top:clamp(2.5rem,5vw,3.5rem);padding-bottom:clamp(2.5rem,5vw,3.5rem)}.section-title{font-family:Manrope,Inter,system-ui,sans-serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;text-align:center;letter-spacing:-.02em;margin:0 auto 1rem;max-width:40rem}.section-sub{text-align:center;color:var(--text-muted);font-size:1.0625rem;line-height:1.6;max-width:36rem;margin:0 auto 3rem}.section-heading{font-family:Manrope,Inter,system-ui,sans-serif;font-size:1.5rem;font-weight:700;margin:0 0 .75rem;letter-spacing:-.02em}.section-lead{margin:0;color:var(--text-muted);line-height:1.65;font-size:1.0625rem}.feature-grid{display:grid;gap:1.25rem;grid-template-columns:1fr}@media (min-width: 768px){.feature-grid{grid-template-columns:repeat(2,1fr)}}.feature-card{background:var(--white);border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow);border:1px solid rgba(15,23,42,.06)}.feature-card--wide{grid-column:1 / -1;display:grid;gap:1.5rem}@media (min-width: 768px){.feature-card--wide{grid-template-columns:1fr 1fr;align-items:center}}.feature-card--chart{grid-column:1 / -1;display:grid;gap:1.5rem}@media (min-width: 768px){.feature-card--chart{grid-template-columns:1fr 1fr;align-items:center}}.feature-card-top{min-width:0}.feature-icon{width:2rem;height:2rem;color:var(--blue-700);margin-bottom:.75rem}.feature-card h3{font-family:Manrope,Inter,system-ui,sans-serif;font-size:1.125rem;font-weight:700;margin:0 0 .5rem}.feature-card p{margin:0;font-size:.9375rem;line-height:1.55;color:var(--text-muted)}.mini-invoice{background:var(--gray-100);border-radius:.75rem;padding:1rem;border:1px dashed rgba(0,82,204,.2)}.mini-invoice-row{height:.5rem;background:#0f172a14;border-radius:.25rem;margin-bottom:.5rem}.mini-invoice-row.short{width:65%}.mini-invoice-header{display:flex;justify-content:space-between;align-items:center;height:auto;padding-bottom:.5rem;margin-bottom:.75rem;border-bottom:1px solid rgba(15,23,42,.1);background:none;font-size:.75rem;font-weight:600;color:var(--text-muted)}.mini-invoice-total{display:flex;justify-content:space-between;margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(15,23,42,.1);font-size:.8125rem;font-weight:700;color:var(--text)}.mini-chart{display:flex;align-items:flex-end;justify-content:space-between;gap:.5rem;height:7rem;padding:1rem;background:linear-gradient(180deg,var(--blue-50),var(--white));border-radius:.75rem;border:1px solid rgba(0,82,204,.12)}.mini-chart-bar{flex:1;max-width:2.5rem;background:linear-gradient(180deg,var(--blue-600),var(--blue-700));border-radius:.25rem .25rem 0 0;min-height:20%}.cta-banner{max-width:72rem;margin:0 auto clamp(2rem,5vw,3rem);padding:0 clamp(1.25rem,4vw,2rem)}.cta-inner{background:linear-gradient(135deg,var(--blue-900),var(--blue-800));border-radius:1.5rem;padding:clamp(2.5rem,6vw,3.5rem) clamp(1.5rem,4vw,3rem);text-align:center;box-shadow:var(--shadow-soft)}.cta-inner h2{font-family:Manrope,Inter,system-ui,sans-serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--white);margin:0 0 .75rem;letter-spacing:-.02em}.cta-inner>p{margin:0 auto 1.75rem;max-width:32rem;color:#ffffffe0;font-size:1.0625rem;line-height:1.55}.cta-buttons{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.btn-cta-white{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;background:var(--white);color:var(--blue-800);font-weight:600;font-size:.9375rem;border-radius:999px;text-decoration:none;transition:transform .15s ease}.btn-cta-white:hover{background:var(--blue-50)}.btn-cta-ghost{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;background:#ffffff1f;color:var(--white);font-weight:600;font-size:.9375rem;border-radius:999px;text-decoration:none;border:1px solid rgba(255,255,255,.35);transition:background .15s ease,transform .15s ease}.btn-cta-ghost:hover{background:#fff3}.btn-cta-white:active,.btn-cta-ghost:active{transform:scale(.98)}.site-footer{background:var(--blue-900);color:#ffffffd9;padding:clamp(2.5rem,5vw,3.5rem) clamp(1.25rem,4vw,2rem);margin-top:0}.footer-inner{max-width:72rem;margin:0 auto;display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width: 640px){.footer-inner{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:2rem}}.footer-brand .footer-copy{margin:.75rem 0 0;font-size:.8125rem;line-height:1.55;color:#ffffffa6;max-width:16rem}.footer-col h4{margin:0 0 .75rem;font-size:.8125rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#ffffff8c}.footer-col ul{list-style:none;margin:0;padding:0}.footer-col li{margin-bottom:.5rem}.footer-col a{color:#ffffffd9;text-decoration:none;font-size:.9375rem;transition:color .15s ease}.footer-col a:hover{color:var(--white)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Inter,system-ui,sans-serif}