.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-sm)}.landing{min-height:100vh;display:flex;flex-direction:column}.landing main{flex:1}.hero{padding:var(--spacing-lg) var(--spacing-sm) var(--spacing-md);background:linear-gradient(180deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 100%);position:relative;overflow:hidden;min-height:100vh;display:flex;align-items:flex-start;padding-top:var(--spacing-md)}.hero .container{position:relative;z-index:1;text-align:center;width:100%}.hero-content{display:flex;flex-direction:column;align-items:center}.hero-visual{display:none}.hero-screenshot{max-width:100%;height:auto;border-radius:20px;box-shadow:var(--shadow-lg);transition:transform .3s ease,box-shadow .3s ease}.hero-screenshot:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.hero-icon{margin-bottom:var(--spacing-md);display:flex;justify-content:center;align-items:center}.hero-icon-wrapper{background-color:var(--color-icon-bg);border-radius:30px;padding:var(--spacing-sm);display:inline-block;box-shadow:var(--shadow-lg)}.brand-tagline{font-size:1.5rem;color:var(--color-text);margin-bottom:var(--spacing-md);font-weight:600;letter-spacing:-.02em}.app-icon{width:100px;height:100px;border-radius:26px;object-fit:contain;display:block}.hero-headline{font-size:2rem;font-weight:600;line-height:1.2;margin-bottom:var(--spacing-sm);color:var(--color-text)}.hero-subheadline{font-size:1.125rem;color:var(--color-text-light);margin-bottom:var(--spacing-md);max-width:700px;margin-left:auto;margin-right:auto;line-height:1.7}.app-name{color:var(--color-accent);font-weight:700;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-hover) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block;letter-spacing:-.01em;text-decoration:none;transition:all .2s ease;cursor:pointer}@supports not (-webkit-background-clip: text){.app-name{color:var(--color-accent);-webkit-text-fill-color:var(--color-accent)}}.app-name:hover{transform:translateY(-1px)}.app-store-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--color-accent);color:#fff;padding:.875rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s ease;box-shadow:var(--shadow-md);margin-top:var(--spacing-md)}.app-store-button:hover{background-color:var(--color-accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg);color:#fff}.app-store-button svg{width:20px;height:20px;fill:currentColor}.app-store-button-small{display:inline-flex;align-items:center;gap:.375rem;color:var(--color-link);font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s ease}.app-store-button-small:hover{color:var(--color-link-hover)}section{padding:var(--spacing-lg) var(--spacing-sm)}.section-heading{font-size:1.75rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--color-text);text-align:center;letter-spacing:-.02em}.section-heading-small{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-text);text-align:center;letter-spacing:-.01em}.screenshots{background-color:var(--color-bg-primary);padding:var(--spacing-xl) var(--spacing-sm)}.screenshots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);max-width:1000px;margin:0 auto;padding:var(--spacing-md) 0}.screenshot-item{position:relative;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-lg);transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;background-color:var(--color-bg-secondary)}.screenshot-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.screenshot-item img{width:100%;height:auto;display:block;object-fit:contain}.screenshot-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:pointer;padding:var(--spacing-md);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.screenshot-modal img{max-width:90%;max-height:90%;border-radius:12px;box-shadow:0 20px 60px #00000080;cursor:default}.features{background-color:var(--color-bg-secondary);padding:var(--spacing-xl) var(--spacing-sm)}.features-list{list-style:none;padding:0;margin:0 auto;max-width:1000px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md)}.feature-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--color-bg-primary);border-radius:16px;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.feature-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.feature-icon{width:48px;height:48px;min-width:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-hover) 100%);border-radius:12px;color:#fff;flex-shrink:0}.feature-icon svg{width:24px;height:24px;stroke-width:2.5}.feature-text{color:var(--color-text);font-size:1.125rem;line-height:1.6;flex:1;font-weight:500;padding-top:2px}.privacy-section{background-color:var(--color-bg-primary);padding:var(--spacing-lg) var(--spacing-sm)}.privacy-content{text-align:center;max-width:600px;margin:0 auto}.privacy-tagline{font-size:1.125rem;font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-sm)}.privacy-content p{color:var(--color-text-light);font-size:.9375rem;margin-bottom:var(--spacing-sm)}.privacy-link-wrapper{margin-top:var(--spacing-md)}.privacy-link{color:var(--color-link);font-weight:500;font-size:1rem;transition:color .2s ease}.privacy-link:hover{color:var(--color-link-hover);text-decoration:underline}.support{background-color:var(--color-bg-secondary);padding:var(--spacing-lg) var(--spacing-sm)}.support p{text-align:center;color:var(--color-text-light);max-width:600px;margin:0 auto;font-size:.9375rem}.email-link{color:var(--color-link);font-weight:500}.email-link:hover{color:var(--color-link-hover);text-decoration:underline}.footer{background-color:var(--color-bg-primary);border-top:1px solid var(--color-border);padding:var(--spacing-lg) var(--spacing-sm);margin-top:auto}.footer .container{text-align:center}.footer-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.footer-links{display:flex;gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;margin-bottom:var(--spacing-sm)}.footer-link{color:var(--color-text-light);font-size:.875rem;text-decoration:none;transition:color .2s ease}.footer-link:hover{color:var(--color-link)}.footer p{color:var(--color-text-light);font-size:.875rem;margin:0}.copyright{color:var(--color-text-light);font-size:.875rem}.privacy-page{min-height:100vh;display:flex;flex-direction:column}.privacy-header{background-color:#fff;border-bottom:1px solid var(--color-border);padding:var(--spacing-md) var(--spacing-sm)}.back-link{color:var(--color-link);font-size:.9375rem;display:inline-block}.back-link:hover{color:var(--color-link-hover);text-decoration:underline}.privacy-main{flex:1;padding:var(--spacing-lg) var(--spacing-sm)}.privacy-main .container{text-align:left;margin:0 auto;max-width:800px}.privacy-main .privacy-content{max-width:800px;margin:0;background-color:transparent;padding:0;text-align:left}.privacy-main .privacy-content h1{font-size:2rem;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--color-text);text-align:left}.last-updated{color:var(--color-text-light);font-size:.875rem;margin-bottom:var(--spacing-md);font-style:italic;text-align:left}.privacy-main .privacy-content h2{font-size:1.5rem;font-weight:600;margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm);color:var(--color-text);text-align:left}.privacy-main .privacy-content p{color:var(--color-text-light);margin-bottom:var(--spacing-sm);line-height:1.7;text-align:left}.privacy-content p:last-child{margin-bottom:0}@media (min-width: 768px){.container{padding:0 var(--spacing-md)}.hero{padding:var(--spacing-md) var(--spacing-md) var(--spacing-lg);min-height:100vh;align-items:flex-start;padding-top:var(--spacing-md)}.hero-icon-wrapper{padding:var(--spacing-sm)}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);align-items:flex-start;text-align:left;padding-top:var(--spacing-sm)}.hero-content{grid-column:1;display:flex;flex-direction:column;align-items:flex-start}.hero-visual{grid-column:2;display:flex;justify-content:center;align-items:flex-start;padding-top:var(--spacing-sm)}.hero .hero-icon,.hero .hero-headline,.hero .hero-subheadline,.hero .app-store-button{text-align:left;margin-left:0}.hero .hero-icon{justify-content:flex-start;margin-bottom:var(--spacing-sm)}.hero .hero-headline{margin-bottom:var(--spacing-sm)}.hero .hero-subheadline{margin-bottom:var(--spacing-md)}.hero-screenshot{max-width:85%;max-height:550px;margin-top:0}.hero-screenshot{max-width:90%;max-height:600px}.hero-headline{font-size:2.5rem}.hero-subheadline{font-size:1.25rem}.brand-tagline{font-size:1.75rem}.section-heading{font-size:2rem}.features-list{max-width:800px}.feature-item{padding:var(--spacing-md) var(--spacing-sm)}.feature-text{font-size:1.25rem}section{padding:var(--spacing-xl) var(--spacing-md)}.privacy-main{padding:var(--spacing-xl) var(--spacing-md)}.privacy-main .privacy-content{padding:0}.privacy-main .privacy-content h1{font-size:2.5rem}.privacy-main .privacy-content h2{font-size:1.75rem}}@media (min-width: 1024px){.features-list{max-width:900px}.app-icon{width:150px;height:150px}.screenshots-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.features-list{grid-template-columns:repeat(3,1fr);max-width:1100px}.hero-headline{font-size:3rem}.hero-subheadline{font-size:1.375rem}.brand-tagline{font-size:2rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg-primary: #FFFFFF;--color-bg-secondary: #F8F9FA;--color-text: #1A1A1A;--color-text-light: #6B7280;--color-accent: #2563EB;--color-accent-hover: #1D4ED8;--color-border: #E5E7EB;--color-link: #2563EB;--color-link-hover: #1D4ED8;--color-icon-bg: #F3F4F6;--max-width: 1200px;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 3rem;--spacing-xl: 4rem;--spacing-2xl: 5rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-primary);color:var(--color-text);line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:var(--color-link);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-link-hover)}