.app-hero{position:relative;text-align:center;padding:calc(var(--nav-height) + 4rem) 1.5rem 4rem;overflow:hidden}.app-hero:before{content:"";position:absolute;top:-20%;left:50%;transform:translate(-50%);width:50vw;max-width:400px;aspect-ratio:1;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);opacity:var(--hero-orb-opacity);pointer-events:none}.app-hero-content{position:relative;z-index:1;max-width:600px;margin:0 auto}.app-icon{width:96px;height:96px;border-radius:22px;margin:0 auto 1.5rem;overflow:hidden;box-shadow:0 4px 20px #0000001a}.app-icon-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--accent),var(--accent-secondary));display:flex;align-items:center;justify-content:center;font-size:2.5rem}.app-hero h1{font-size:clamp(2.25rem,6vw,3.5rem);font-weight:800;letter-spacing:-.04em;line-height:1.1;margin-bottom:1rem}.app-hero h1 em{font-style:normal}.app-hero-desc{font-size:1.125rem;color:var(--text-secondary);line-height:1.7;margin-bottom:2rem}.app-hero-content .marquee{margin-top:1.5rem}.store-badges{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.store-badge{display:inline-flex;align-items:center;gap:.6rem;padding:.7rem 1.4rem;background:var(--text-primary);color:var(--bg-primary);border-radius:var(--radius-md);font-size:.85rem;font-weight:600;transition:transform .2s ease,opacity .2s ease}.store-badge:hover{transform:translateY(-2px);opacity:.9}.store-badge svg{width:20px;height:20px}.store-badge-text{display:flex;flex-direction:column;text-align:left;line-height:1.2}.store-badge-label{font-size:.6rem;font-weight:400;opacity:.8;text-transform:uppercase;letter-spacing:.02em}.store-badge-store{font-size:.9rem;font-weight:600}@media(max-width:768px){.store-badges:not(.store-badges--ready) .store-badge{display:none}.store-badges:not(.store-badges--ready) .store-badge.store-badge--visible{display:inline-flex}}.screenshots{position:relative;padding:4rem 0}.carousel{position:relative;max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.carousel-viewport{overflow:hidden;border-radius:var(--radius-lg)}.carousel-track{display:flex;gap:1.5rem;transition:transform .45s cubic-bezier(.25,.46,.45,.94);will-change:transform;padding:1rem 0}.screenshot-frame{flex-shrink:0;width:260px;height:520px;border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--bg-secondary);overflow:hidden;transition:transform .35s ease,border-color .35s ease,opacity .35s ease,box-shadow .35s ease;opacity:.55}.screenshot-frame.is-active{opacity:1;border-color:var(--accent);box-shadow:0 4px 20px var(--accent-glow)}.screenshot-frame img{width:100%;height:100%;object-fit:cover}.screenshot-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:.85rem;font-weight:500}@media(max-width:768px){.carousel-arrow{display:none}.carousel-viewport{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.carousel-viewport::-webkit-scrollbar{display:none}.carousel-track{transition:none;padding:1rem calc(50% - 130px)}.screenshot-frame{scroll-snap-align:center;opacity:1}.screenshot-frame.is-active{transform:none;box-shadow:none;border-color:var(--border)}}@media(max-width:479px){.screenshot-frame{width:220px;height:440px}.carousel-track{padding:1rem calc(50% - 110px)}}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:1rem}.support-card{max-width:560px;margin:0 auto;padding:2.5rem;border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--bg-card);text-align:center;transition:var(--transition-theme)}.support-card h3{font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.support-card p{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.65}.support-links{display:flex;flex-direction:column;align-items:center;gap:.75rem}.support-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.95rem;color:var(--text-secondary);transition:color .2s ease}.support-link:hover{color:var(--accent)}.support-link svg{width:16px;height:16px;opacity:.6}.download-banner{position:fixed;bottom:0;left:0;right:0;z-index:90;background:var(--bg-nav);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--border);padding:.75rem 1.5rem;transform:translateY(100%);transition:transform .35s ease,background-color .3s ease,border-color .3s ease}.download-banner.is-visible{transform:translateY(0)}.download-banner-inner{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:center;gap:1rem}.download-banner-text{font-size:.875rem;font-weight:600;color:var(--text-primary)}.download-banner-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:var(--accent);color:#fff;border-radius:var(--radius-full);font-size:.8rem;font-weight:600;white-space:nowrap;transition:background .2s ease,transform .2s ease}.download-banner-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.download-banner-btn svg{width:16px;height:16px;flex-shrink:0}.download-banner-ios[hidden],.download-banner-android[hidden]{display:none}