@font-face {font-family: 'iranyekan';src: url('iranyekan.woff2') format('woff2'), url('iranyekan.woff') format('woff');font-weight: normal;font-style: normal;}:root {--bg-black: #050508;--accent-purple: #8a2be2;--accent-cyan: #00f2fe;--accent-rose: #ff0055;--glass-bg: rgba(18, 18, 26, 0.65);--glass-border: rgba(255, 255, 255, 0.08);--text-main: #ffffff;--text-sub: #a0a0b0;}* {margin: 0;padding: 0;box-sizing: border-box;font-family: 'iranyekan', sans-serif;user-select: none;}body {background-color: var(--bg-black);color: var(--text-main);min-height: 100vh;overflow-x: hidden;display: flex;flex-direction: column;align-items: center;justify-content: space-between;position: relative;}#soundwave-canvas {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;pointer-events: none;}.app-container {position: relative;z-index: 2;width: 100%;max-width: 1280px;padding: 2rem 1.5rem;display: flex;flex-direction: column;gap: 3.5rem;}nav {display: flex;justify-content: flex-start;align-items: center;gap: 12px;background: var(--glass-bg);border: 1px solid var(--glass-border);padding: 1rem 2rem;border-radius: 100px;backdrop-filter: blur(12px);}.brand-logo {font-weight: 900;font-size: 1.4rem;letter-spacing: -0.5px;display: flex;align-items: center;gap: 12px;text-decoration: none;background: linear-gradient(90deg, #fff, var(--accent-cyan));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}.nav-logo {height: 36px;width: auto;display: block;flex-shrink: 0;}.nav-menu {display: flex;gap: 4px;align-items: center;}.nav-menu a {color: var(--text-sub);text-decoration: none;font-size: 0.82rem;font-weight: 500;padding: 6px 14px;border-radius: 20px;transition: all 0.2s;white-space: nowrap;}.nav-menu a:hover {color: var(--text-main);background: rgba(255,255,255,0.08);}.os-badge {margin-left: auto;font-size: 0.8rem;background: rgba(255, 255, 255, 0.05);border: 1px solid var(--glass-border);padding: 6px 16px;border-radius: 20px;color: var(--accent-cyan);font-weight: 500;}.hero-stage {display: grid;grid-template-columns: 1.2fr 0.8fr;align-items: center;gap: 3rem;margin-top: 1rem;}.hero-content h1 {font-size: clamp(2.2rem, 4vw, 3.8rem);font-weight: 900;line-height: 1.15;margin-bottom: 1.5rem;}.hero-content h1 .gradient-text {background: linear-gradient(135deg, var(--accent-cyan), var(--accent-purple), var(--accent-rose));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}.hero-content p {color: var(--text-sub);font-size: 1.05rem;line-height: 1.8;margin-bottom: 2rem;max-width: 540px;}.silver-logo-stage {position: relative;display: flex;justify-content: center;align-items: center;}.silver-logo-container {position: relative;width: 260px;height: 260px;background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, rgba(0,0,0,0) 70%);border-radius: 50%;display: flex;justify-content: center;align-items: center;backdrop-filter: blur(6px);}.photo-logo-wrapper {position: relative;display: inline-block;overflow: hidden;border-radius: 20px;animation: float 3s ease-in-out infinite alternate;}.photo-logo {max-width: 200px;height: auto;display: block;filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.7));}.shine-effect {position: absolute;top: 0;left: -150%;width: 100%;height: 100%;background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.85) 50%, transparent 100% );transform: skewX(-25deg);animation: photoShine 3s infinite ease-in-out;}@keyframes photoShine {0% {left: -150%;}50%, 100% {left: 150%;}}@keyframes float {0% {transform: translateY(0px);}100% {transform: translateY(-12px);}}.download-section {display: flex;flex-direction: column;gap: 1.5rem;}.section-header {display: flex;align-items: center;gap: 12px;font-size: 1.2rem;font-weight: 800;}.section-header svg {color: var(--accent-cyan);}.platforms-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 1.2rem;}.platform-card {background: var(--glass-bg);border: 1px solid var(--glass-border);border-radius: 20px;padding: 1.5rem;backdrop-filter: blur(8px);transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);position: relative;overflow: hidden;}.platform-card::before {content: '';position: absolute;top: 0;right: 0;width: 100%;height: 2px;background: linear-gradient(90deg, transparent, var(--accent-purple), transparent);opacity: 0;transition: opacity 0.3s;}.platform-card:hover {transform: translateY(-6px);border-color: rgba(255, 255, 255, 0.2);box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}.platform-card:hover::before {opacity: 1;}.platform-card.detected {border-color: var(--accent-cyan);box-shadow: 0 0 20px rgba(0, 242, 254, 0.1);}.card-title {display: flex;align-items: center;gap: 10px;font-size: 1.1rem;font-weight: 800;margin-bottom: 1.2rem;}.card-title svg {font-size: 1.4rem;color: var(--accent-cyan);}.dl-btn-group {display: flex;flex-direction: column;gap: 0.6rem;}.dl-btn {display: flex;align-items: center;justify-content: space-between;background: #ffffff;border: 1px solid #ffffff;padding: 0.7rem 1rem;border-radius: 12px;color: #000;text-decoration: none;font-size: 0.88rem;font-weight: 500;transition: all 0.2s;}.dl-btn:hover {background: rgba(255, 255, 255, 0.03);color: var(--text-main);border-color: var(--glass-border);font-weight: 800;}.dl-btn svg {font-size: 0.9rem;opacity: 0.6;}.dl-btn:hover svg {opacity: 1;}.features-section {display: flex;flex-direction: column;gap: 2rem;margin-top: 1rem;}.features-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));gap: 1.5rem;}.feature-card {background: rgba(255, 255, 255, 0.02);border: 1px solid var(--glass-border);border-radius: 20px;padding: 2rem;backdrop-filter: blur(6px);transition: 0.3s;}.feature-card:hover {background: rgba(255, 255, 255, 0.04);border-color: rgba(255, 255, 255, 0.15);}.feature-icon {width: 50px;height: 50px;border-radius: 14px;background: linear-gradient(135deg, rgba(138,43,226,0.2), rgba(0,242,254,0.2));border: 1px solid var(--glass-border);display: flex;align-items: center;justify-content: center;font-size: 1.4rem;color: var(--accent-cyan);margin-bottom: 1.2rem;}.feature-card h3 {font-size: 1.2rem;font-weight: 800;margin-bottom: 0.8rem;}.feature-card p {color: var(--text-sub);font-size: 0.95rem;line-height: 1.7;}footer {text-align: center;padding: 1.5rem 0;color: var(--text-sub);font-size: 0.85rem;border-top: 1px solid var(--glass-border);width: 100%;margin-top: 2rem;}@media (max-width: 1024px) {.platforms-grid {grid-template-columns: repeat(2, 1fr);}}@media (max-width: 768px) {.hero-stage {display: flex;flex-direction: column-reverse;text-align: center;gap: 2rem;}.hero-content p {margin: 0 auto 2rem;}.platforms-grid {grid-template-columns: 1fr;}nav {padding: 0.8rem 1.2rem;}}