*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--surface:#f7f7f7;--surface-low:#efefef;--surface-high:#e2e2e2;--surface-highest:#d5d5d5;--outline:#bbb;--primary:#007a5e;--primary-dim:#009c76;--on-background:#1a1a1a;--on-surface-variant:#666;color:var(--on-background);background:var(--surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.5}@media (prefers-color-scheme:dark){:root{--surface:#0e0e0e;--surface-low:#131313;--surface-high:#201f1f;--surface-highest:#262626;--outline:#494847;--primary:#a9ffdf;--primary-dim:#00eab7;--on-background:#ececec;--on-surface-variant:#9e9c9b}}body{background:var(--surface);color:var(--on-background)}:root{--badge-bg:#1a1a1a;--badge-text:#ececec}@media (prefers-color-scheme:dark){:root{--badge-bg:#262626;--badge-text:#ececec}}.page{flex-direction:column;max-width:900px;min-height:100svh;margin:0 auto;padding:0 24px;display:flex}.hero{padding:80px 0 64px}.hero-text{max-width:560px}h1{letter-spacing:-2px;color:var(--on-background);margin-bottom:16px;font-family:Space Grotesk,sans-serif;font-size:clamp(48px,8vw,72px);font-weight:700;line-height:1}.subtitle{color:var(--primary);letter-spacing:-.3px;margin-bottom:12px;font-family:Space Grotesk,sans-serif;font-size:clamp(20px,3vw,26px);font-weight:600}.description{color:var(--on-surface-variant);margin-bottom:36px;font-family:Inter,sans-serif;font-size:16px;line-height:1.6}.badges{flex-wrap:wrap;gap:12px;display:flex}.badge{transition:opacity .15s;display:inline-block}.badge:hover{opacity:.8}.badge-img{width:auto;display:block}.badge-img--appstore{height:44px}.badge-img--playstore{height:64px;margin:-10px 0}.screenshots{padding:0 0 72px;overflow:hidden}.screenshots-track{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:16px;padding-bottom:4px;display:flex;overflow-x:auto}.screenshots-track::-webkit-scrollbar{display:none}.screenshot{scroll-snap-align:start;border:1px solid var(--outline);border-radius:20px;flex:none;width:clamp(200px,28vw,260px);display:block}.features{padding:0 0 72px}.features-grid{background:var(--outline);border:1px solid var(--outline);border-radius:16px;grid-template-columns:repeat(2,1fr);gap:1px;display:grid;overflow:hidden}.feature-card{background:var(--surface-low);padding:28px 24px}.feature-card h3{color:var(--on-background);letter-spacing:-.1px;margin-bottom:6px;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:600}.feature-card p{color:var(--on-surface-variant);font-family:Inter,sans-serif;font-size:14px;line-height:1.55}@media (width<=540px){.features-grid{grid-template-columns:1fr}}.footer{border-top:1px solid var(--outline);justify-content:space-between;align-items:center;margin-top:auto;padding:28px 0;display:flex}.footer-name{color:var(--on-background);letter-spacing:-.2px;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:600}.footer-right{align-items:center;gap:16px;display:flex}.footer-copy{color:var(--on-surface-variant);font-family:Inter,sans-serif;font-size:13px}.footer-link{color:var(--on-surface-variant);font-family:Inter,sans-serif;font-size:13px;text-decoration:none}.footer-link:hover{color:var(--on-background)}