.icon{display:block;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.menu-button .icon:last-child{display:none}.menu-button.is-open .icon:first-child{display:none}.menu-button.is-open .icon:last-child{display:block}
.site-header{animation:header-enter .42s ease-out both}.logo{animation:logo-enter .42s ease-out both}
.hero h1,.hero p,.hero-actions,.benefits{opacity:0;transform:translateY(18px);animation:hero-enter .52s cubic-bezier(.22,1,.36,1) both}
.hero p{animation-delay:.09s}.hero-actions{animation-delay:.18s}.benefits{animation-delay:.27s}
.js [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .48s ease,transform .48s cubic-bezier(.22,1,.36,1)}
.js [data-reveal].is-visible{opacity:1;transform:none}.feature-card[data-reveal]:hover{transform:translateY(-5px)}
.features-grid .feature-card:nth-child(2){transition-delay:.06s}.features-grid .feature-card:nth-child(3){transition-delay:.12s}.features-grid .feature-card:nth-child(4){transition-delay:.18s}
.screens-grid figure:nth-child(2){transition-delay:.05s}.screens-grid figure:nth-child(3){transition-delay:.1s}.screens-grid figure:nth-child(4){transition-delay:.15s}
.mobile-nav.is-open{display:flex;flex-direction:column;animation:menu-enter .22s ease-out both}.telegram-step{grid-template-columns:1fr;gap:28px}.telegram-button{width:min(100%,560px)}
.support-section{background:#222;border-top:1px solid rgba(255,255,255,.05)}.support-content{max-width:980px;text-align:center}.support-content h2{margin:16px 0 20px;font-size:clamp(52px,7vw,82px);line-height:1.01;letter-spacing:-.06em}.support-content p{max-width:760px;margin:0 auto;color:var(--muted);font-size:20px}.support-button{width:min(100%,550px);margin-top:48px}
.route-page{min-height:calc(100vh - 240px)}.route-page>.section{min-height:760px;padding-top:165px}.route-page>.support-section{display:grid;align-items:center}.route-page>.support-section .support-content{padding-top:30px}
@keyframes header-enter{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}@keyframes logo-enter{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}@keyframes hero-enter{to{opacity:1;transform:none}}@keyframes menu-enter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media(max-width:800px){.mobile-nav{display:none}.mobile-nav.is-open{display:flex}.route-page>.section{min-height:auto;padding-top:135px}}
@media(max-width:560px){.support-content h2{font-size:48px}}
@media(prefers-reduced-motion:reduce){.site-header,.logo,.hero h1,.hero p,.hero-actions,.benefits{animation:none;opacity:1;transform:none}.js [data-reveal]{opacity:1;transform:none}}