:root{--color-bg-primary: #F7F5F2;--color-bg-secondary: #EAE8E4;--color-bg-tertiary: #DCD9D5;--color-text-primary: #2C2C2C;--color-text-secondary: #5A5A5A;--color-text-muted: #8A8A8A;--color-accent: #1F1F1F;--color-accent-hover: #333333;--color-border: #D1CEC9;--color-success: #1F7A6D;--color-error: #D14343;--font-serif: "Playfair Display", serif;--font-sans: "Inter", sans-serif;--font-display: "Playfair Display", serif;--font-size-xs: .8125rem;--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: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3rem;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--space-5xl: 8rem;--radius-md: 4px;--radius-lg: 8px;--radius-xl: 16px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .05), 0 4px 6px -2px rgba(0, 0, 0, .02);--container-max-width: 1200px;--container-narrow: 800px;--container-padding: 2rem;--nav-height: 64px;--easing-smooth: cubic-bezier(.22, 1, .36, 1);--transition-base: .2s var(--easing-smooth);--transition-fast: .15s var(--easing-smooth)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--color-bg-primary);color:var(--color-text-primary);overflow-y:auto;overflow-x:hidden;margin:0;padding:0;padding-top:var(--nav-height);position:relative}.grain-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:50;opacity:.3;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}h1,h2,h3{font-family:var(--font-serif);color:var(--color-text-primary);letter-spacing:-.02em}h1{font-size:clamp(2.5rem,5vw,4rem);line-height:1.1;font-weight:400}h2{font-size:clamp(2rem,4vw,3rem);font-weight:400}h3{font-size:1.5rem;font-weight:400}p{color:var(--color-text-secondary);line-height:1.7}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}section{padding:var(--space-4xl) 0}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--nav-height);background:#f7f5f2e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid transparent;transition:all var(--transition-base)}.navbar.scrolled{border-bottom-color:var(--color-border)}.nav-container{display:flex;align-items:center;justify-content:space-between;height:100%}.nav-logo{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-serif);font-size:1.25rem;font-weight:600;color:var(--color-text-primary);text-decoration:none}.logo-image{height:4.5rem;width:auto;object-fit:contain}.nav-links{display:flex;align-items:center;gap:var(--space-xl);list-style:none}.nav-links a{font-size:.9rem;font-weight:500;color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast);text-transform:uppercase;letter-spacing:.05em}.nav-links a:hover{color:var(--color-text-primary)}.hero-section{min-height:90vh;display:flex;align-items:flex-start;justify-content:center;text-align:center;padding-top:6rem;background:radial-gradient(circle at 50% 30%,#FFFDF9 0%,var(--color-bg-primary) 70%)}.hero-headline{margin-bottom:var(--space-lg);color:var(--color-text-primary)}.hero-subheadline{font-size:clamp(1.1rem,2vw,1.25rem);color:var(--color-text-secondary);margin-bottom:var(--space-2xl);max-width:600px;margin-left:auto;margin-right:auto}.email-form{display:flex;gap:var(--space-md);max-width:500px;margin:0 auto var(--space-md)}.email-form input[type=email]{flex:1;font-family:var(--font-sans);font-size:1rem;padding:.75rem 0;border:none;border-bottom:1px solid var(--color-border);background:transparent;color:var(--color-text-primary);transition:border-color var(--transition-base);border-radius:0}.email-form input[type=email]:focus{outline:none;border-bottom-color:var(--color-text-primary)}.email-form input[type=email]::placeholder{color:#b0b0b0}.cta-button{font-family:var(--font-sans);font-size:.9rem;font-weight:600;padding:.75rem 2rem;border:none;border-radius:var(--radius-md);background:var(--color-accent);color:#fff;cursor:pointer;transition:all var(--transition-base);letter-spacing:.02em}.cta-button:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.cta-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-message{margin-top:1rem;font-size:.9rem;display:none}.form-message.success{display:block;color:var(--color-success)}.form-message.error{display:block;color:var(--color-error)}.form-message.info{display:block;color:var(--color-text-secondary)}.problem-solution-section{background:var(--color-bg-primary);border-top:1px solid var(--color-border);padding-top:2rem;padding-bottom:4rem}.ps-grid{display:grid;grid-template-columns:1fr;gap:var(--space-2xl);max-width:900px;margin:0 auto;text-align:left}.hero-ps-grid{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--color-border)}.ps-heading{margin-bottom:var(--space-lg);font-size:2rem}.ps-list{list-style:none;padding:0}.ps-list li{font-size:1.05rem;margin-bottom:2rem;padding-left:2.5rem;position:relative;line-height:1.6;color:var(--color-text-secondary)}.ps-list li strong{display:block;color:var(--color-text-primary);margin-bottom:.25rem;font-size:1.15rem}.problem-column .ps-list li:before{content:"×";position:absolute;left:0;color:#d14343;font-size:1.5rem;line-height:1}.solution-column .ps-list li:before{content:"✓";position:absolute;left:0;color:var(--color-success);font-size:1.5rem;line-height:1}.features-section{background:var(--color-bg-secondary)}.section-heading{text-align:center;margin-bottom:var(--space-3xl)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg)}.feature-card{background:var(--color-bg-primary);padding:var(--space-xl);border-radius:var(--radius-lg);border:1px solid transparent;text-align:center;transition:transform var(--transition-base),box-shadow var(--transition-base)}.feature-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--color-border)}.feature-icon{font-size:2.5rem;margin-bottom:var(--space-md);opacity:.8}.feature-title{margin-bottom:.5rem}.app-preview-section{padding:2rem 0 4rem;background:transparent;text-align:center}.app-images-grid{display:flex;justify-content:center;align-items:center;gap:var(--space-xl);flex-wrap:wrap}.app-image-wrapper{flex:0 1 auto;width:100%;max-width:320px}.app-screenshot{width:100%;height:auto;display:block;filter:drop-shadow(0 15px 30px rgba(0,0,0,.1));transition:transform var(--transition-base)}.app-screenshot:hover{transform:translateY(-5px)}.final-cta-section{background:var(--color-bg-secondary);text-align:center}.cta-heading{margin-bottom:2rem}.footer{padding:4rem 0;text-align:center;border-top:1px solid var(--color-border);font-size:.9rem}.footer-brand{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem}.footer-logo{height:4.5rem;width:auto;object-fit:contain}.footer-tagline{font-size:1.125rem;font-weight:500;color:var(--color-text-primary);margin:0}.footer-nav{display:flex;justify-content:center;gap:1rem;margin:1.5rem 0}.footer-nav a{color:var(--color-text-secondary);text-decoration:none}.footer-nav a:hover{color:var(--color-text-primary)}.footer-copyright{color:var(--color-text-muted);font-size:.8rem}.modal-overlay{position:fixed;inset:0;background:#0006;display:none;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-overlay:target{display:flex}.modal-content{background:var(--color-bg-primary);padding:3rem;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;position:relative;border-radius:var(--radius-lg)}.modal-close{position:absolute;top:1.5rem;right:1.5rem;font-size:1.5rem;text-decoration:none;color:var(--color-text-muted)}@media(min-width:768px){.ps-grid{grid-template-columns:1fr 1fr}}.reveal{opacity:0;transform:translateY(-30px);transition:opacity .8s cubic-bezier(.25,.25,.25,1),transform .8s cubic-bezier(.25,.25,.25,1);will-change:opacity,transform}.reveal.active{opacity:1;transform:translateY(0)}@media(max-width:768px){.nav-container{flex-direction:row;justify-content:space-between;padding:0 .3rem}.navbar{height:4.5rem;display:flex;align-items:center}.logo-image{height:3rem}.nav-logo{gap:.2rem;font-size:1.1rem}.nav-links{gap:.75rem;margin-left:4.5rem;padding-right:.5rem}.nav-links a{font-size:.7rem}.footer-brand{flex-direction:column;gap:.5rem}.email-form{flex-direction:column}.cta-button{width:100%}section{padding:var(--space-2xl) 0}.hero-headline{font-size:2.5rem}}