html,body,#root{height:auto;overflow:hidden auto}.scroll-reveal{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0s);transform:translateY(28px)}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.scroll-reveal-scale{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0s);transform:scale(.95)}.scroll-reveal-scale.revealed{opacity:1;transform:scale(1)}@media (prefers-reduced-motion:reduce){.scroll-reveal,.scroll-reveal-scale{opacity:1;transition:none;transform:none}}.landing-section{padding:5rem 1.5rem}@media (width>=768px){.landing-section{padding:6rem 3rem}}@media (width>=1024px){.landing-section{padding:7rem 5rem}}@keyframes bounce-down{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.animate-bounce-down{animation:2s ease-in-out infinite bounce-down}.hero-stagger-1{animation:.8s cubic-bezier(.16,1,.3,1) .1s both ghibli-fade-in}.hero-stagger-2{animation:.8s cubic-bezier(.16,1,.3,1) .3s both ghibli-fade-in}.hero-stagger-3{animation:.8s cubic-bezier(.16,1,.3,1) .5s both ghibli-fade-in}.hero-stagger-4{animation:.8s cubic-bezier(.16,1,.3,1) .7s both ghibli-fade-in}.section-divider{background:var(--accent);opacity:.6;border-radius:2px;width:60px;height:3px;margin:0 auto 2rem}.browser-chrome{background:var(--bg-panel-solid);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.browser-chrome-bar{border-bottom:1px solid var(--border);background:var(--bg-panel);align-items:center;gap:6px;padding:12px 16px;display:flex}.browser-dot{border-radius:50%;width:10px;height:10px}.star-filled{color:var(--accent-warm)}.star-empty{color:var(--text-muted);opacity:.3}.promo-card{border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:30px;grid-template-columns:.95fr 1.05fr;gap:clamp(1.4rem,2.6vw,2rem);padding:clamp(1.35rem,3vw,2.5rem);display:grid;position:relative;overflow:hidden}.promo-card:before{content:"";z-index:0;background:radial-gradient(circle at 12% 18%, #4a90a82e 0%, transparent 50%), radial-gradient(circle at 92% 86%, #3d8b6e24 0%, transparent 50%), linear-gradient(160deg, var(--bg-card) 0%, var(--bg-panel-solid) 100%);pointer-events:none;position:absolute;inset:0}[data-theme=dark] .promo-card:before{background:radial-gradient(circle at 12% 18%, #5aace029 0%, transparent 50%), radial-gradient(circle at 92% 86%, #4dbfa01f 0%, transparent 50%), linear-gradient(160deg, var(--bg-card) 0%, var(--bg-panel-solid) 100%)}.promo-card__content,.promo-card__showcase{z-index:1;position:relative}.promo-card__content{flex-direction:column;justify-content:center;display:flex}.promo-btn-primary{border-radius:var(--radius-pill);color:#fff;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-teal) 100%);cursor:pointer;transition:all var(--transition);border:none;justify-content:center;align-items:center;padding:12px 28px;font-family:Nunito,sans-serif;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 12px 24px #4a90a838}.promo-btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 32px #4a90a84d}.promo-btn-primary:active{transition-duration:.1s;transform:scale(.97)}.promo-btn-ghost{border-radius:var(--radius-pill);color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;transition:all var(--transition);background:0 0;justify-content:center;align-items:center;padding:12px 28px;font-family:Nunito,sans-serif;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.promo-btn-ghost:hover{border-color:var(--border-hover);color:var(--text-primary);background:var(--bg-card);transform:translateY(-1px)}.promo-btn-ghost:active{transition-duration:.1s;transform:scale(.97)}@media (width<=900px){.promo-card{grid-template-columns:1fr}.promo-card__showcase{order:-1;min-height:280px}}