.app-page{background-color:var(--clr-bg)}.app-hero{background:linear-gradient(135deg,var(--clr-primary)0%,var(--clr-primary-dark)100%);padding:var(--space-20)0 var(--space-16);color:var(--clr-text-on-primary)}.app-hero-content{gap:var(--space-16);grid-template-columns:1fr 1fr;align-items:center;display:grid}.app-hero-badge{padding:var(--space-2)var(--space-5);background:linear-gradient(135deg,var(--clr-accent),var(--clr-accent-dark));border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--clr-primary);margin-bottom:var(--space-6);display:inline-block}.app-hero-text h1{font-family:var(--font-family-display);margin-bottom:var(--space-6);color:var(--clr-text-on-primary);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:600;line-height:1.2}.app-hero-lead{font-size:var(--font-size-xl);opacity:.95;margin-bottom:var(--space-8);line-height:1.6}.app-hero-actions{margin-bottom:var(--space-4)}.app-store-placeholder{align-items:center;gap:var(--space-3);padding:var(--space-4)var(--space-8);border-radius:var(--radius-xl);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--clr-text-on-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;display:inline-flex}.app-hero-note{font-size:var(--font-size-sm);opacity:.8;margin-top:var(--space-3)}.app-hero-visual{justify-content:center;display:flex}.app-phone-frame{background:#1a1a1a;border-radius:40px;width:280px;height:560px;padding:12px;box-shadow:0 30px 60px #0006}.app-phone-screen{background:linear-gradient(#1e293b 0%,#0f172a 100%);border-radius:30px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.app-phone-placeholder{text-align:center;color:#ffffff80;align-items:center;gap:var(--space-4);font-size:var(--font-size-sm);flex-direction:column;display:flex}.app-features{padding:var(--space-20)0;background:var(--clr-bg)}.section-subtitle{text-align:center;max-width:640px;margin:0 auto var(--space-12);color:var(--clr-text-secondary);font-size:var(--font-size-lg);line-height:1.6}.app-features-grid{gap:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.app-feature-card{background:var(--clr-surface);border-radius:var(--radius-xl);padding:var(--space-8);border:1px solid var(--clr-border);transition:transform .2s,box-shadow .2s}.app-feature-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.app-feature-icon{border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--clr-primary),var(--clr-primary-dark));width:56px;height:56px;color:var(--clr-text-on-primary);margin-bottom:var(--space-5);justify-content:center;align-items:center;display:flex}.app-feature-card h3{font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3);color:var(--clr-text-primary)}.app-feature-card p{font-size:var(--font-size-base);color:var(--clr-text-secondary);line-height:1.6}.app-why{padding:var(--space-20)0;background:var(--clr-surface-alt,var(--clr-bg-alt,#f8fafc))}.app-why-layout{gap:var(--space-16);grid-template-columns:1fr 1fr;align-items:start;display:grid}.app-why-content h2{font-family:var(--font-family-display);margin-bottom:var(--space-5);color:var(--clr-text-primary);font-size:clamp(1.75rem,3vw,2.25rem);font-weight:600}.app-why-content>p{color:var(--clr-text-secondary);font-size:var(--font-size-base);margin-bottom:var(--space-8);line-height:1.6}.app-benefits-list{gap:var(--space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.app-benefits-list li{align-items:center;gap:var(--space-3);font-size:var(--font-size-base);color:var(--clr-text-primary);display:flex}.app-benefits-list li svg{color:var(--clr-success,#22c55e);flex-shrink:0}.app-why-comparison{gap:var(--space-6);flex-direction:column;display:flex}.comparison-card{background:var(--clr-surface);border-radius:var(--radius-xl);padding:var(--space-8);border:1px solid var(--clr-border)}.comparison-card.highlighted{border-color:var(--clr-primary);position:relative;box-shadow:0 4px 16px #2c344c1a}.comparison-card h3{font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3);color:var(--clr-text-primary);align-items:center;gap:var(--space-2);display:flex}.comparison-card p{color:var(--clr-text-secondary);font-size:var(--font-size-base);margin-bottom:var(--space-4);line-height:1.6}.comparison-link{font-weight:var(--font-weight-semibold);color:var(--clr-primary);font-size:var(--font-size-sm);text-decoration:none}.comparison-link:hover{text-decoration:underline}.comparison-link.coming-soon{color:var(--clr-text-secondary);font-style:italic}.app-faq{padding:var(--space-20)0;background:var(--clr-bg)}.app-faq-grid{gap:var(--space-4);flex-direction:column;display:flex}.app-faq-item{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);overflow:hidden}.app-faq-item summary{padding:var(--space-5)var(--space-6);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);color:var(--clr-text-primary);cursor:pointer;justify-content:space-between;align-items:center;list-style:none;display:flex}.app-faq-item summary::-webkit-details-marker{display:none}.app-faq-item summary:after{content:"+";color:var(--clr-text-secondary);margin-left:var(--space-4);flex-shrink:0;font-size:1.25rem;font-weight:300;transition:transform .2s}.app-faq-item[open] summary:after{content:"−"}.app-faq-item p{padding:0 var(--space-6)var(--space-5);color:var(--clr-text-secondary);font-size:var(--font-size-base);line-height:1.6}.app-cta{padding:var(--space-20)0;background:linear-gradient(135deg,var(--clr-primary)0%,var(--clr-primary-dark)100%);color:var(--clr-text-on-primary);text-align:center}.app-cta-content h2{font-family:var(--font-family-display);margin-bottom:var(--space-4);color:#fff;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:600}.app-cta-content p{font-size:var(--font-size-lg);color:#ffffffe6;margin-bottom:var(--space-8);max-width:560px;margin-left:auto;margin-right:auto}.app-cta-buttons{gap:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}@media (max-width:1024px){.app-features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.app-hero{padding:var(--space-12)0 var(--space-10)}.app-hero-content{gap:var(--space-10);text-align:center;grid-template-columns:1fr}.app-hero-visual{order:-1}.app-phone-frame{border-radius:32px;width:220px;height:440px}.app-phone-screen{border-radius:24px}.app-store-placeholder{font-size:var(--font-size-sm);padding:var(--space-3)var(--space-6)}.app-features{padding:var(--space-12)0}.app-features-grid{gap:var(--space-6);grid-template-columns:1fr}.app-why{padding:var(--space-12)0}.app-why-layout{gap:var(--space-10);grid-template-columns:1fr}.app-faq,.app-cta{padding:var(--space-12)0}.app-cta-buttons{flex-direction:column;align-items:center}}