*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}p{margin:0}ul,li{list-style:none}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}:root{--brand-background: #FAF9F6;--brand-card-background: #FFFFFF;--brand-primary: #5D7566;--brand-sage: #4A5E44;--brand-terracotta: #BF7540;--brand-text: #2D3339;--brand-text-secondary: #64748B;--brand-destructive: #C44B4B;--brand-warning: #D4960A;--brand-info: #6BA3C7;--brand-success: var(--brand-primary);--brand-border: #E2E8F0;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--spacing-3xl: 64px;--spacing-section: 128px;--spacing-section-mobile: 80px;--card-padding: 20px;--brand-cta: var(--brand-terracotta);--card-radius: 16px;--button-radius: 12px;--tile-radius: 14px;--small-radius: 8px;--card-shadow: 0 4px 16px rgba(0, 0, 0, .1);--soft-shadow: 0 2px 8px rgba(0, 0, 0, .08);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-family-display: "DM Serif Display", Georgia, "Times New Roman", serif;--font-family-rounded: ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--transition-fast: .15s ease;--transition-normal: .3s ease}@media(prefers-color-scheme:dark){:root{--brand-background: #181716;--brand-card-background: #2A2727;--brand-primary: #8A9A5B;--brand-sage: #7A9458;--brand-terracotta: #D8784E;--brand-text: #E8E6E1;--brand-text-secondary: #9E9A96;--brand-destructive: #D65D5D;--brand-border: rgba(158, 154, 150, .15);--card-shadow: 0 4px 16px rgba(0, 0, 0, .2);--soft-shadow: 0 2px 8px rgba(0, 0, 0, .18)}}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--brand-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2{font-family:var(--font-family-display);font-weight:var(--font-weight-normal);line-height:var(--line-height-tight);letter-spacing:-.01em}h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:-.02em}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}body{background-color:var(--brand-background);color:var(--brand-text);min-height:100vh;overflow-x:hidden}.container{max-width:1120px;margin:0 auto;padding:0 var(--spacing-lg)}.section-title{text-align:center;margin-bottom:var(--spacing-3xl)}.nav{position:sticky;top:0;z-index:100;background-color:var(--brand-background);transition:box-shadow var(--transition-normal),background-color var(--transition-normal)}.nav-scrolled{box-shadow:0 1px 8px #00000014}@media(prefers-color-scheme:dark){.nav-scrolled{box-shadow:0 1px 8px #00000040}}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:56px}.nav-logo{font-family:var(--font-family-rounded);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--brand-primary);letter-spacing:-.02em}.nav-cta{display:inline-flex;align-items:center;padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--brand-cta);color:#fff;border-radius:var(--button-radius);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);min-height:44px;transition:opacity var(--transition-fast)}.nav-cta:hover{opacity:.9}.hero{min-height:calc(100vh - 56px);display:flex;align-items:center;padding:var(--spacing-xxl) 0}.hero-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-xl)}.hero-title{font-size:clamp(2.5rem,6vw,4.5rem);max-width:18ch;line-height:1.1}.hero-subtitle{font-size:var(--font-size-lg);color:var(--brand-text-secondary);max-width:44ch;line-height:var(--line-height-relaxed)}.phone-frame{position:relative;width:320px;background-color:var(--brand-text);border-radius:40px;padding:12px;box-shadow:0 24px 48px #0000002e,0 8px 16px #0000001a}@media(prefers-color-scheme:dark){.phone-frame{background-color:#000;box-shadow:0 24px 48px #0006,0 8px 16px #00000040}}.phone-frame img{width:100%;height:auto;border-radius:28px;display:block;background-color:var(--brand-card-background)}.phone-notch{position:absolute;top:12px;left:50%;transform:translate(-50%);width:120px;height:30px;background-color:var(--brand-text);border-radius:0 0 18px 18px;z-index:2}@media(prefers-color-scheme:dark){.phone-notch{background-color:#000}}.phone-frame-sm{width:220px;border-radius:32px;padding:10px}.phone-frame-sm img{border-radius:22px}.phone-frame-sm .phone-notch{top:10px;width:96px;height:24px;border-radius:0 0 14px 14px}.hero-phone{flex-shrink:0}.waitlist-form{width:100%;max-width:460px}.form-row{display:flex;gap:var(--spacing-sm)}.form-input{flex:1;min-width:0;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--brand-card-background);color:var(--brand-text);border:2px solid var(--brand-border);border-radius:var(--button-radius);font-family:var(--font-family);font-size:var(--font-size-base);min-height:48px;transition:border-color var(--transition-fast);outline:none}.form-input::placeholder{color:var(--brand-text-secondary)}.form-input:focus{border-color:var(--brand-primary)}.form-input.input-error{border-color:var(--brand-destructive)}.form-button{flex-shrink:0;padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--brand-cta);color:#fff;border:none;border-radius:var(--button-radius);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;min-height:48px;white-space:nowrap;transition:opacity var(--transition-fast)}.form-button:hover{opacity:.9}.form-error{color:var(--brand-destructive);font-size:var(--font-size-sm);margin-top:var(--spacing-sm)}.form-success{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--brand-primary);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) 0}.form-success[hidden],.form-row[hidden]{display:none}.form-note{font-size:var(--font-size-xs);color:var(--brand-text-secondary);margin-top:var(--spacing-sm)}.form-input-dark{background-color:#ffffff26;border-color:#ffffff4d;color:#fff}.form-input-dark::placeholder{color:#fff9}.form-input-dark:focus{border-color:#fff}.form-button-dark{background-color:#fff;color:var(--brand-primary)}@media(prefers-color-scheme:dark){.form-button-dark{background-color:var(--brand-background);color:var(--brand-text)}}.problem{padding:var(--spacing-section) 0}.problem-content{text-align:center;max-width:680px;margin:0 auto}.problem h2{margin-bottom:var(--spacing-xl);max-width:20ch;margin-left:auto;margin-right:auto}.problem p{font-size:var(--font-size-lg);color:var(--brand-text-secondary);line-height:var(--line-height-relaxed);max-width:56ch;margin:0 auto}.features{padding:var(--spacing-section) 0;background-color:var(--brand-card-background)}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl)}.feature-card{position:relative;background-color:var(--brand-background);border-radius:var(--card-radius);padding:40px;box-shadow:var(--soft-shadow);transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.feature-card:hover{box-shadow:var(--card-shadow);transform:translateY(-2px)}@media(prefers-color-scheme:dark){.feature-card{background-color:var(--brand-card-background)}}.feature-icon{position:relative;margin-bottom:var(--spacing-md);width:48px;height:48px;display:flex;align-items:center;justify-content:center}.feature-icon:before{content:"";position:absolute;inset:0;background-color:var(--brand-primary);opacity:.12;border-radius:var(--small-radius)}.feature-card h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.feature-card p{color:var(--brand-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.showcase{padding:var(--spacing-section) 0}.showcase-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xxl) var(--spacing-xl);max-width:640px;margin:0 auto}.showcase-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.showcase-caption{font-size:var(--font-size-sm);color:var(--brand-text-secondary);font-weight:var(--font-weight-medium);text-align:center}.differentiators{padding:var(--spacing-section) 0;background-color:var(--brand-card-background)}.diff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.diff-card{text-align:center;padding:var(--spacing-xl) var(--spacing-lg)}.diff-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto var(--spacing-lg);color:var(--brand-primary)}.diff-icon svg{width:36px;height:36px}.diff-card h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.diff-card p{font-size:var(--font-size-sm);color:var(--brand-text-secondary);line-height:var(--line-height-relaxed);max-width:28ch;margin:0 auto}.cta{padding:var(--spacing-section) 0;background-color:var(--brand-primary);color:#fff}.cta-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-lg)}.cta h2{color:#fff}.cta-subtitle{opacity:.85;font-size:var(--font-size-lg);max-width:42ch}.testflight-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background-color:#fff;color:var(--brand-primary);border-radius:var(--button-radius);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);min-height:48px;transition:opacity var(--transition-fast);text-decoration:none}.testflight-btn:hover{opacity:.9}@media(prefers-color-scheme:dark){.testflight-btn{background-color:var(--brand-background);color:var(--brand-text)}}.cta-divider{opacity:.6;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.1em}.cta-social-proof{font-size:var(--font-size-sm);opacity:.7;font-weight:var(--font-weight-medium)}.waitlist-form-cta{max-width:460px}.waitlist-form-cta .form-error{color:#ffffffd9}.waitlist-form-cta .form-success{color:#fff}.footer{background-color:var(--brand-text);color:#fff9;padding:var(--spacing-xxl) 0}@media(prefers-color-scheme:dark){.footer{background-color:#111;color:var(--brand-text-secondary)}}.footer-inner{display:flex;align-items:flex-start;justify-content:space-between}.footer-brand{display:flex;flex-direction:column;gap:var(--spacing-xs)}.footer-logo{font-family:var(--font-family-display);font-size:var(--font-size-xl);color:#ffffffd9}@media(prefers-color-scheme:dark){.footer-logo{color:var(--brand-text)}}.footer-tagline{font-size:var(--font-size-sm)}.footer-links{display:flex;gap:var(--spacing-lg);font-size:var(--font-size-sm)}.footer-links a{color:#fff9;transition:color var(--transition-fast)}.footer-links a:hover{color:#ffffffe6}@media(prefers-color-scheme:dark){.footer-links a{color:var(--brand-text-secondary)}.footer-links a:hover{color:var(--brand-text)}}.footer-meta{font-size:var(--font-size-xs)}@media(max-width:1024px){.phone-frame-sm{width:180px;border-radius:28px;padding:8px}.phone-frame-sm img{border-radius:20px}.phone-frame-sm .phone-notch{width:80px;height:20px;top:8px;border-radius:0 0 12px 12px}.showcase-grid{gap:var(--spacing-xl) var(--spacing-md)}}@media(max-width:640px){.container{padding:0 var(--spacing-md)}.hero{min-height:auto;padding:var(--spacing-xl) 0 var(--spacing-xxl)}.hero-title{font-size:2.25rem}.hero-subtitle{font-size:var(--font-size-base)}.phone-frame{width:260px;border-radius:34px;padding:10px}.phone-frame img{border-radius:24px}.phone-notch{top:10px;width:100px;height:26px;border-radius:0 0 16px 16px}.form-row{flex-direction:column}.form-button{width:100%;justify-content:center;display:flex}.feature-grid{grid-template-columns:1fr}.problem,.features,.showcase,.differentiators,.cta{padding:var(--spacing-section-mobile) 0}.section-title{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-xl)}.problem h2{font-size:var(--font-size-3xl)}.showcase-grid{display:flex;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0 var(--spacing-md);margin:0 calc(-1 * var(--spacing-md));gap:var(--spacing-md);max-width:none}.showcase-item{scroll-snap-align:center;flex-shrink:0}.phone-frame-sm{width:200px;border-radius:30px;padding:8px}.phone-frame-sm img{border-radius:22px}.diff-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.footer-inner{flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-lg)}.footer-brand{align-items:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;scroll-behavior:auto!important}}
