.app-detail-page{background:var(--background);min-height:100vh;color:var(--foreground);z-index:1;position:relative}.app-breadcrumb{color:var(--foreground-secondary);margin-bottom:var(--spacing-lg);align-items:center;gap:.5rem;font-size:.875rem;animation:.4s ease-out fadeInUp;display:flex}.app-breadcrumb a{color:var(--foreground-secondary);text-decoration:none;transition:color .2s}.app-breadcrumb a:hover{color:var(--foreground)}.app-breadcrumb-separator{color:var(--foreground-tertiary)}.app-hero{text-align:center;margin-bottom:var(--spacing-3xl);animation:.5s ease-out fadeInUp}.app-hero-icon-wrapper{width:128px;height:128px;margin:0 auto var(--spacing-xl);border:1px solid var(--border);border-radius:2.5rem;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000014,0 4px 16px #0000000f,0 2px 8px #0000000a}@media (prefers-color-scheme:dark){:root:not([data-theme]) .app-hero-icon-wrapper{border-color:#ffffff1a;box-shadow:0 8px 32px #0006,0 4px 16px #0000004d}}[data-theme=dark] .app-hero-icon-wrapper{border-color:#ffffff1a;box-shadow:0 8px 32px #0006,0 4px 16px #0000004d}.app-hero h1{margin-bottom:var(--spacing-md);letter-spacing:-.02em;font-size:3rem;font-weight:600;animation:.5s ease-out .1s backwards fadeInUp}.app-hero-description{color:var(--foreground-secondary);max-width:700px;margin:0 auto var(--spacing-xl);font-size:1.125rem;line-height:1.6;animation:.5s ease-out .2s backwards fadeInUp}.app-download-btn{background:var(--foreground);color:var(--background);border-radius:9999px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s;animation:.5s ease-out .3s backwards fadeInUp;display:inline-flex;box-shadow:0 2px 8px #0000001a}.app-download-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.app-download-btn:active{transform:translateY(0)}.app-screenshots{margin-bottom:var(--spacing-3xl);animation:.6s ease-out fadeInUp}.app-screenshots h2{margin-bottom:var(--spacing-lg);text-align:center;font-size:1.5rem;font-weight:600}.screenshots-scroll{gap:var(--spacing-lg);padding:var(--spacing-md)0;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.screenshots-scroll::-webkit-scrollbar{height:8px}.screenshots-scroll::-webkit-scrollbar-track{background:var(--background-secondary);border-radius:4px}.screenshots-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.screenshots-scroll::-webkit-scrollbar-thumb:hover{background:var(--foreground-tertiary)}.screenshot-item{aspect-ratio:1/2.16;scroll-snap-align:center;flex:none;width:280px;position:relative}@media (min-width:768px){.screenshot-item{width:320px}}.screenshot-item img{border:1px solid var(--border);border-radius:2rem;box-shadow:0 8px 24px #00000014,0 4px 12px #0000000f}.app-features{margin-bottom:var(--spacing-3xl);animation:.7s ease-out fadeInUp}.app-features h2{margin-bottom:var(--spacing-lg);text-align:center;font-size:1.5rem;font-weight:600}.features-grid{gap:var(--spacing-lg);grid-template-columns:1fr;display:grid}@media (min-width:768px){.features-grid{grid-template-columns:repeat(2,1fr)}}.feature-card{padding:var(--spacing-lg);background:var(--background-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);transition:all .2s}.feature-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.feature-card h3{margin-bottom:var(--spacing-sm);font-size:1.125rem;font-weight:600}.feature-card p{color:var(--foreground-secondary);font-size:.9375rem;line-height:1.6}.app-use-cases{margin-bottom:var(--spacing-3xl);animation:.8s ease-out fadeInUp}.app-use-cases h2{margin-bottom:var(--spacing-lg);text-align:center;font-size:1.5rem;font-weight:600}.use-cases-list{gap:var(--spacing-md);padding:0;list-style:none;display:grid}.use-case-item{padding:var(--spacing-md);background:var(--background-secondary);border-left:3px solid var(--foreground);border-radius:var(--radius-sm)}.use-case-item strong{color:var(--foreground);font-weight:600}.app-faq{margin-bottom:var(--spacing-3xl);animation:.9s ease-out fadeInUp}.app-faq h2{margin-bottom:var(--spacing-lg);text-align:center;font-size:1.5rem;font-weight:600}.faq-list{gap:var(--spacing-lg);display:grid}.faq-item{padding:var(--spacing-lg);background:var(--background-secondary);border:1px solid var(--border);border-radius:var(--radius-xl)}.faq-question{margin-bottom:var(--spacing-sm);color:var(--foreground);font-size:1.0625rem;font-weight:600}.faq-answer{color:var(--foreground-secondary);font-size:.9375rem;line-height:1.6}.app-links-section{text-align:center;padding:var(--spacing-xl)0;border-top:1px solid var(--border);margin-top:var(--spacing-3xl);animation:1s ease-out fadeInUp}.app-links-section a{color:var(--foreground-tertiary);font-size:.875rem;text-decoration:none;transition:color .2s}.app-links-section a:hover{color:var(--foreground)}.app-links-separator{margin:0 var(--spacing-sm);color:var(--foreground-tertiary)}