@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,600;1,700&family=JetBrains+Mono:wght@400;500;600;700;800&display=swap";.glass-panel{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff05,#ffffff02);border:1px solid var(--border-glass);box-shadow:0 8px 32px #0000005e;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.glass-card{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:linear-gradient(135deg,#0d1017cc,#07090ed9);border:1px solid var(--border-subtle);box-shadow:0 16px 40px -8px #000c,inset 0 1px #ffffff0f;border-radius:var(--radius-lg);transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s ease,box-shadow .3s ease}.glass-card:hover{transform:translateY(-3px);border-color:var(--border-active);box-shadow:0 24px 60px -12px #000000e6,0 0 30px -5px var(--neon-rose-glow),inset 0 1px #ffffff1f}.glass-obsidian{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:linear-gradient(135deg,#0d1017d9,#06080ce6);border:1px solid rgba(255,255,255,.06);box-shadow:0 12px 40px #0009,inset 0 1px #ffffff0a;transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.glass-obsidian-card{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:linear-gradient(135deg,#0d1017cc,#07090ed9);border:1px solid var(--border-subtle);box-shadow:0 16px 40px -8px #000c,inset 0 1px #ffffff0f;border-radius:var(--radius-lg);transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s ease,box-shadow .3s ease}.glass-aether{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:linear-gradient(135deg,#0a0c12b8,#030407cc);border:1px solid rgba(255,255,255,.04);box-shadow:0 16px 48px #000000bf,inset 0 1px 1px #ffffff0d}.glow-crimson,.glow-rose,.glow-rose-cyber{box-shadow:0 0 25px #e11d4840,inset 0 0 12px #e11d4814;border-color:#e11d4859!important}.glow-cyan,.glow-cyan-cyber{box-shadow:0 0 25px #22d3ee40,inset 0 0 12px #22d3ee14;border-color:#22d3ee59!important}.glow-indigo,.glow-indigo-cyber{box-shadow:0 0 25px #6366f140,inset 0 0 12px #6366f114;border-color:#6366f159!important}.glow-emerald{box-shadow:0 0 25px #10b98140,inset 0 0 12px #10b98114;border-color:#10b98159!important}.glow-amber{box-shadow:0 0 25px #f59e0b40,inset 0 0 12px #f59e0b14;border-color:#f59e0b59!important}.glow-box-rose{box-shadow:0 0 40px -10px #e11d484d}.glow-box-cyan{box-shadow:0 0 40px -10px #22d3ee4d}.glow-box-indigo{box-shadow:0 0 40px -10px #6366f14d}.glow-box-emerald{box-shadow:0 0 40px -10px #10b9814d}.kbd-cyber{display:inline-flex;align-items:center;justify-content:center;padding:.15rem .5rem;margin:0 .2rem;border-radius:6px;background:#090b10;border:1px solid rgba(255,255,255,.15);border-bottom:2px solid rgba(255,255,255,.3);font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:#fb7185;box-shadow:0 2px 4px #0006,inset 0 1px #ffffff1a;-webkit-user-select:none;user-select:none;vertical-align:middle}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.6rem 1.2rem;border-radius:var(--radius-md);font-weight:600;font-size:.9rem;transition:all var(--transition-normal);cursor:pointer;border:1px solid transparent;-webkit-user-select:none;user-select:none;text-decoration:none;white-space:nowrap}.btn-premium-rose,.btn-primary{background:linear-gradient(135deg,#e11d48,#be123c);color:#fff;border:1px solid rgba(225,29,72,.4);box-shadow:0 4px 20px -2px #e11d4859}.btn-premium-rose:hover,.btn-primary:hover{background:linear-gradient(135deg,#f43f5e,#e11d48);border-color:#e11d48cc;box-shadow:0 6px 25px #e11d488c;transform:translateY(-2px)}.btn-premium-cyan{background:#22d3ee14;color:#22d3ee;border:1px solid rgba(34,211,238,.3)}.btn-premium-cyan:hover{background:#22d3ee2e;color:#fff;border-color:#22d3eeb3;box-shadow:0 0 20px #22d3ee66;transform:translateY(-2px)}.btn-premium-indigo,.btn-secondary{background:#6366f11a;color:#a5b4fc;border:1px solid rgba(99,102,241,.3)}.btn-premium-indigo:hover,.btn-secondary:hover{background:#6366f133;color:#fff;border-color:#6366f1b3;box-shadow:0 0 20px #6366f166;transform:translateY(-2px)}.btn-premium-emerald{background:#10b9811a;color:#34d399;border:1px solid rgba(16,185,129,.3)}.btn-premium-emerald:hover{background:#10b98133;color:#fff;border-color:#10b981b3;box-shadow:0 0 20px #10b98166;transform:translateY(-2px)}.btn-discord{background:#5865f21f;color:#a5b4fc;border:1px solid rgba(88,101,242,.3)}.btn-discord:hover{background:#5865f2;color:#fff;border-color:#5865f2;box-shadow:0 0 20px #5865f280;transform:translateY(-2px)}.btn-discord-nav{width:38px;height:38px;min-width:38px;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center;border-radius:10px;background:#5865f21f;border:1px solid rgba(88,101,242,.35);color:#a5b4fc;transition:all .2s ease}.btn-discord-nav:hover{background:#5865f2;color:#fff;border-color:#5865f2;box-shadow:0 0 16px #5865f280;transform:translateY(-1px)}.btn-large{padding:.8rem 1.6rem;font-size:1rem;border-radius:var(--radius-lg)}.btn-icon{flex-shrink:0;transition:transform var(--transition-fast)}.btn:hover .btn-icon-down{transform:translateY(2px)}.navbar{position:fixed;top:14px;left:50%;transform:translate(-50%);width:min(1180px,calc(100% - 28px));height:64px;background:#0a0d14d1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:9999px;z-index:1000;box-shadow:0 16px 40px -10px #000000bf,0 0 1px 1px #ffffff0d;transition:all .3s cubic-bezier(.16,1,.3,1);padding:0 1.25rem}.navbar:hover{border-color:#ffffff24;box-shadow:0 20px 50px -10px #000000d9,0 0 25px #e11d481f}.nav-container{display:flex;align-items:center;justify-content:space-between;height:100%;width:100%;max-width:100%;padding:0}.brand-group{display:flex;align-items:center;gap:.65rem;flex-shrink:0;white-space:nowrap}.brand{display:flex;align-items:center;gap:.6rem;font-weight:900;font-size:1.22rem;letter-spacing:.06em;text-decoration:none;flex-shrink:0;white-space:nowrap}.brand-logo{height:32px;width:auto;filter:drop-shadow(0 0 12px rgba(225,29,72,.45));transition:transform var(--transition-normal);flex-shrink:0}.brand:hover .brand-logo{transform:rotate(8deg) scale(1.08)}.brand-text{background:linear-gradient(to right,#fff,#cbd5e1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;flex-shrink:0;white-space:nowrap}.brand-version-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.18rem .6rem;background:#e11d481f;border:1px solid rgba(225,29,72,.32);border-radius:9999px;font-family:var(--font-mono);font-size:.72rem;font-weight:750;color:#fb7185;text-decoration:none;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0}.brand-version-badge:hover{background:#e11d4833;border-color:#e11d4899;color:#fff;box-shadow:0 0 15px #e11d484d;transform:translateY(-1px)}.badge-dot{width:6px;height:6px;border-radius:50%;background-color:var(--neon-rose);box-shadow:0 0 8px var(--neon-rose);animation:pulseSoft 2s infinite;flex-shrink:0}.nav-links{display:flex;gap:.25rem;align-items:center;background:#ffffff08;padding:4px 6px;border-radius:9999px;border:1px solid rgba(255,255,255,.04);flex-shrink:0;white-space:nowrap}.nav-link{color:#94a3b8;font-weight:600;font-size:.86rem;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative;padding:.38rem .85rem;border-radius:9999px;text-decoration:none;white-space:nowrap;flex-shrink:0}.nav-link:hover{color:#fff;background:#ffffff0f}.nav-link.active{color:#fff;background:#e11d4829;border:1px solid rgba(225,29,72,.35);box-shadow:0 0 14px #e11d4833}.nav-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0;white-space:nowrap}@media(max-width:1120px)and (min-width:769px){.nav-link{padding:.32rem .65rem;font-size:.82rem}.nav-actions{gap:.4rem}.nav-actions .btn{padding:.38rem .75rem;font-size:.82rem}}@media(max-width:950px)and (min-width:769px){.btn-discord-nav{display:none!important}.brand-version-badge{padding:.15rem .45rem;font-size:.68rem}}.desktop-only{display:flex}.mobile-menu-toggle{display:none;background:transparent;border:none;color:var(--text-primary);cursor:pointer;padding:.5rem;z-index:1010;transition:color var(--transition-fast),transform var(--transition-fast)}.mobile-menu-toggle:hover{color:var(--neon-rose);transform:scale(1.05)}.mobile-drawer-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:998;animation:fadeInOverlay .3s ease forwards}.mobile-drawer{position:fixed;top:0;right:0;width:min(320px,85vw);max-width:100vw;height:100vh;background:#0a0c12f2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-left:1px solid var(--border-glass);z-index:999;transform:translate(100%);transition:transform .35s cubic-bezier(.16,1,.3,1),visibility .35s;padding:90px 1.75rem 2rem;display:flex;flex-direction:column;visibility:hidden;pointer-events:none;overflow-x:hidden}.mobile-drawer:not(.open){display:none!important}.mobile-drawer.open{display:flex!important;transform:translate(0);visibility:visible;pointer-events:auto}.mobile-drawer-content{display:flex;flex-direction:column;height:100%;justify-content:space-between}.mobile-drawer-header{padding-bottom:1.25rem;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:1.5rem}.mobile-drawer-links{display:flex;flex-direction:column;gap:1.25rem}.mobile-drawer-link{color:var(--text-secondary);font-size:1.15rem;font-weight:600;padding:.4rem 0;transition:color var(--transition-fast);border-bottom:1px solid rgba(255,255,255,.03);text-decoration:none}.mobile-drawer-link:hover,.mobile-drawer-link.active{color:var(--text-primary)}.mobile-drawer-link.active{color:var(--neon-rose);border-bottom-color:#e11d484d}.mobile-drawer-actions{display:flex;flex-direction:column;gap:.85rem;margin-top:auto}.w-full{width:100%!important}.w-7{width:1.75rem!important}.h-7{height:1.75rem!important}@media(max-width:768px){.desktop-only{display:none!important}.mobile-menu-toggle{display:flex!important;align-items:center;justify-content:center}.navbar{height:58px;top:10px;width:calc(100% - 20px);padding:0 .85rem}}.home-page{display:flex;flex-direction:column;position:relative;overflow:visible}.home-page:before{content:"";position:absolute;top:10%;left:20%;width:600px;height:600px;background:radial-gradient(circle,rgba(225,29,72,.04) 0%,transparent 70%);z-index:-1;pointer-events:none}.home-page:after{content:"";position:absolute;bottom:20%;right:10%;width:500px;height:500px;background:radial-gradient(circle,rgba(34,211,238,.03) 0%,transparent 70%);z-index:-1;pointer-events:none}.hero-section{position:relative;padding:8.5rem 0 4rem}.hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:4rem}.hero-content,.hero-visual{min-width:0;max-width:100%}.hero-title{font-size:clamp(2.6rem,5vw,4.25rem);font-weight:900;line-height:1.1;letter-spacing:-.03em;margin-bottom:1.5rem;color:#fff}.text-accent{color:var(--vocap-red);text-shadow:0 0 30px rgba(225,29,72,.25);background:linear-gradient(135deg,#ffffff 20%,#fda4af 60%,var(--vocap-red) 100%);-webkit-background-clip:text;background-clip:text}.hero-description{font-size:clamp(1.05rem,2vw,1.25rem);color:#cbd5e1;margin-bottom:2.25rem;max-width:90%;font-weight:450;line-height:1.65}.hero-badge{display:inline-flex;align-items:center;gap:.65rem;background:#e11d4814;border:1px solid rgba(225,29,72,.3);border-radius:var(--radius-full);padding:.35rem .9rem .35rem .35rem;margin-bottom:1.75rem;box-shadow:0 0 25px #e11d481f}.hero-studio-pill{display:inline-flex;align-items:center;gap:.65rem;background:#e11d480f;border:1px solid rgba(225,29,72,.28);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:9999px;padding:5px 14px 5px 6px;margin-bottom:1.75rem;box-shadow:0 4px 24px #e11d4824,inset 0 1px #ffffff14;text-decoration:none;transition:all .25s ease;cursor:pointer;max-width:100%;box-sizing:border-box;overflow:hidden}.hero-studio-pill:hover{background:#e11d481f;border-color:#e11d4880;box-shadow:0 6px 30px #e11d4840,inset 0 1px #ffffff26;transform:translateY(-1px)}.studio-pill-tag{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(135deg,#e11d48,#be123c);color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:3px 9px;border-radius:9999px;box-shadow:0 0 12px #e11d4873;white-space:nowrap;flex-shrink:0}.studio-pill-dot{width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 6px #fff;animation:pulseSoft 2s infinite}.studio-pill-text{font-size:.82rem;font-weight:500;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1 1 auto}.studio-pill-arrow{color:#fb7185;font-size:.9rem;font-weight:700;transition:transform .2s ease;flex-shrink:0}.hero-studio-pill:hover .studio-pill-arrow{transform:translate(3px)}.hero-status-ribbon{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .9rem;border-radius:9999px;background:#0a0d14bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);font-family:var(--font-mono);font-size:.72rem;color:#94a3b8;margin-bottom:.75rem;-webkit-user-select:none;user-select:none}.hero-status-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981;animation:pulseSoft 2s infinite}.badge-highlight{background:linear-gradient(135deg,#e11d48,#be123c);color:#fff;font-size:.72rem;font-weight:850;padding:.25rem .75rem;border-radius:var(--radius-full);letter-spacing:.05em;box-shadow:0 0 12px #e11d4866}.badge-text{font-size:.82rem;font-weight:600;color:#e2e8f0}.hero-actions{display:flex;gap:1rem;margin:2.5rem 0 1.5rem;flex-wrap:wrap}.platforms-section{padding:4.5rem 0 1rem;position:relative}.platforms-section .section-header{margin-bottom:2.5rem}.platforms-section .section-title{font-size:2.25rem;font-weight:900;color:#fff;letter-spacing:-.02em;margin-bottom:.75rem;text-align:center}.platforms-section .section-subtitle{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto;text-align:center}.platform-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;width:100%}.platform-card{padding:1.5rem;display:flex;gap:1.2rem;align-items:flex-start;text-align:left;border-radius:var(--radius-md);transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.platform-card:hover{transform:translateY(-3px)}.platform-card-icon{border-radius:var(--radius-sm);padding:.75rem;display:flex;align-items:center;justify-content:center;background:#ffffff05;border:1px solid rgba(255,255,255,.05)}.platform-card-icon.cyan{color:#22d3ee;filter:drop-shadow(0 0 8px rgba(34,211,238,.3))}.platform-card-icon.rose{color:var(--vocap-red);filter:drop-shadow(0 0 8px rgba(225,29,72,.3))}.platform-card-info{flex:1}.platform-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.65rem;flex-wrap:wrap;gap:.5rem}.platform-card-info h3{font-size:1.1rem;font-weight:800;color:#fff;margin:0}.platform-tag{font-size:.65rem;font-weight:800;text-transform:uppercase;padding:.15rem .45rem;border-radius:4px;letter-spacing:.05em;display:inline-block}.platform-tag.cyan{background:#22d3ee14;color:#22d3ee;border:1px solid rgba(34,211,238,.15)}.platform-tag.rose{background:#e11d4814;color:#fca5a5;border:1px solid rgba(225,29,72,.15)}.platform-card-info p{font-size:.85rem;color:var(--text-secondary);line-height:1.45;margin-bottom:1.25rem;min-height:58px}.platform-card-info .btn{width:100%;justify-content:center;font-size:.85rem;padding:.55rem 1rem}.platform-card.select-web:hover{border-color:#22d3ee40;box-shadow:0 12px 32px #22d3ee0d}.platform-card.select-pc:hover{border-color:#e11d4840;box-shadow:0 12px 32px #e11d480d}.hero-secondary-actions{display:flex;margin-top:1.5rem}.btn-docs-secondary{background:transparent;color:var(--text-secondary);border:1px solid rgba(255,255,255,.08);font-size:.85rem}.btn-docs-secondary:hover{color:#fff;border-color:#fff3;background:#ffffff05}.comparison-banner{padding:2.25rem 0 1.5rem;position:relative}.comparison-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.comparison-item{padding:1.5rem 1.75rem;display:flex;gap:1.2rem;align-items:flex-start;text-align:left;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.06);height:auto;min-height:110px;overflow:visible}.comparison-icon{margin-top:.15rem;flex-shrink:0}.comparison-icon.rose{color:var(--vocap-red)}.comparison-icon.cyan{color:#22d3ee}.comparison-icon.indigo{color:#6366f1}.comparison-item h4{font-size:1rem;font-weight:750;color:#fff;margin-bottom:.4rem}.comparison-item p{font-size:.85rem;color:var(--text-secondary);line-height:1.55;white-space:normal;overflow:visible}.hero-visual{perspective:1200px;animation:heroFloat 8s ease-in-out infinite}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.app-window-frame{width:100%;border-radius:var(--radius-lg);background:var(--midnight-obsidian);border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 60px -15px #000c,0 0 50px #e11d4826;overflow:hidden;transition:transform .6s cubic-bezier(.16,1,.3,1),border-color .5s ease,box-shadow .6s cubic-bezier(.16,1,.3,1);will-change:transform,box-shadow;cursor:pointer}.app-window-frame:hover{transform:translateY(-4px);border-color:#e11d4866;box-shadow:0 35px 80px -15px #000000e6,0 0 60px #e11d4840}.app-screenshot{width:100%;height:auto;display:block;transition:transform .7s cubic-bezier(.16,1,.3,1),filter .5s ease;will-change:transform,filter}.app-window-frame:hover .app-screenshot{transform:scale(1.018);filter:brightness(1.04) contrast(1.02)}.app-window-header{height:38px;background:#12151ef2;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;padding:0 0 0 1rem;position:relative;-webkit-user-select:none;user-select:none}.window-brand{display:flex;align-items:center;gap:.5rem}.window-brand-icon{width:14px;height:14px;object-fit:contain}.window-title{font-size:.75rem;font-weight:600;color:#a1a1aa;letter-spacing:.03em;white-space:nowrap}.window-controls-win{display:flex;align-items:center}.win-control-btn{width:44px;height:38px;display:flex;align-items:center;justify-content:center;color:#a1a1aa;font-size:11px;background:transparent;border:none;cursor:default;transition:background .15s ease,color .15s ease}.win-control-btn:hover{background:#ffffff14;color:#fff}.win-control-btn.close:hover{background:#e81123;color:#fff}.app-preview-container{display:flex;align-items:center;justify-content:center;position:relative;width:100%}.app-screenshot{width:100%;height:auto;display:block}.features-section{padding:4.5rem 0 6rem;position:relative}.features-header{text-align:center;margin-bottom:3.5rem}.features-label{font-size:.8rem;font-weight:800;text-transform:uppercase;color:var(--vocap-red);letter-spacing:.25em;margin-bottom:.75rem;display:inline-block}.features-title{font-size:2.75rem;font-weight:900;letter-spacing:-.02em}.features-subtitle{font-size:1.05rem;color:var(--text-secondary);max-width:600px;margin:.5rem auto 0}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem;width:100%}.bento-card{border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.04);transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative;min-height:380px;background:var(--midnight-obsidian)}.bento-card.span-2{grid-column:span 2}.bento-card:hover{transform:translateY(-5px)}.bento-card.hover-border-cyan:hover{border-color:#22d3ee40;box-shadow:0 15px 35px #22d3ee0d}.bento-card.hover-border-rose:hover{border-color:#e11d4840;box-shadow:0 15px 35px #e11d480d}.bento-card.hover-border-indigo:hover{border-color:#6366f140;box-shadow:0 15px 35px #6366f10d}.bento-content{padding:2.25rem}.bento-icon-wrapper{width:44px;height:44px;border-radius:12px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.bento-icon-wrapper.cyan{color:#22d3ee}.bento-icon-wrapper.rose{color:var(--vocap-red)}.bento-icon-wrapper.indigo{color:#6366f1}.bento-card-title{font-size:1.35rem;font-weight:850;color:#fff;margin-bottom:.75rem;letter-spacing:-.01em}.bento-card-text{color:var(--text-secondary);font-size:.925rem;line-height:1.6}.bento-visual{height:140px;background:#ffffff03;border-top:1px solid rgba(255,255,255,.03);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;width:100%}.tracks-visual{padding:1.5rem 2.25rem;gap:.75rem}.track-row{display:flex;align-items:center;gap:1rem}.track-label{font-family:var(--font-mono);font-size:.7rem;font-weight:700;width:120px;padding:.15rem .45rem;border-radius:4px;text-align:center}.track-label.cyan{background:#22d3ee14;color:#22d3ee;border:1px solid rgba(34,211,238,.15)}.track-label.rose{background:#e11d4814;color:#fca5a5;border:1px solid rgba(225,29,72,.15)}.track-label.indigo{background:#6366f114;color:#a5b4fc;border:1px solid rgba(99,102,241,.15)}.track-waveform{flex:1;height:8px;background:#ffffff08;border-radius:var(--radius-full);overflow:hidden}.waveform-bar{height:100%;border-radius:var(--radius-full)}.waveform-bar.active-cyan{background:linear-gradient(90deg,#0891b2,#22d3ee)}.waveform-bar.active-rose{background:linear-gradient(90deg,#be123c,var(--vocap-red))}.waveform-bar.active-indigo{background:linear-gradient(90deg,#4f46e5,#6366f1)}.transcription-visual{align-items:center;padding:0 1.5rem}.transcription-bubble{background:#e11d480d;border:1px solid rgba(225,29,72,.15);padding:.75rem 1.25rem;border-radius:var(--radius-md);position:relative;width:90%}.whisper-badge{position:absolute;top:-10px;left:15px;font-size:.6rem;font-weight:800;text-transform:uppercase;background:var(--vocap-red);color:#fff;padding:.1rem .4rem;border-radius:4px;letter-spacing:.05em}.transcription-bubble p{color:#fca5a5;font-size:.85rem;font-weight:600;margin:0;font-family:var(--font-mono)}.pulse-text{animation:pulseSoft 2s infinite}.uvr-visual{align-items:center}.audio-bars{display:flex;align-items:flex-end;gap:8px;height:50px}.audio-bar{width:6px;border-radius:var(--radius-full);background:linear-gradient(to top,#4f46e5,#6366f1);animation:audioWave 1.5s ease-in-out infinite alternate}.audio-bar:nth-child(1){height:20px;animation-duration:1.2s}.audio-bar:nth-child(2){height:45px;animation-duration:1.6s}.audio-bar:nth-child(3){height:30px;animation-duration:1.1s}.audio-bar:nth-child(4){height:50px;animation-duration:1.8s}.audio-bar:nth-child(5){height:25px;animation-duration:1.4s}@keyframes audioWave{0%{transform:scaleY(.4)}to{transform:scaleY(1.1)}}.hub-visual{align-items:center}.format-tags{display:flex;gap:.75rem}.format-tag{font-family:var(--font-mono);font-size:.75rem;font-weight:700;padding:.35rem .65rem;border-radius:6px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);color:var(--text-secondary)}.format-tag.highlight{color:#22d3ee;border-color:#22d3ee4d;background:#22d3ee0d;box-shadow:0 0 10px #22d3ee1a}.export-visual{padding:0 2.25rem}.export-status{background:#e11d4808;border:1px solid rgba(225,29,72,.1);border-radius:var(--radius-md);padding:1.25rem;width:100%}.export-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.status-label{font-size:.8rem;color:#fca5a5;font-weight:600}.percentage{font-size:.8rem;font-weight:750;color:var(--vocap-red);font-family:var(--font-mono)}.progress-track{height:6px;background:#ffffff08;border-radius:var(--radius-full);overflow:hidden;width:100%}.progress-fill{height:100%;background:linear-gradient(90deg,#be123c,var(--vocap-red));border-radius:var(--radius-full)}.shortcuts-visual{align-items:center}.keycap-group{display:flex;align-items:center;gap:.6rem}.key-plus{color:var(--text-muted);font-weight:700}.docs-mobile-nav{display:none;position:sticky;top:80px;background:#060709eb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:100;width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);padding:.75rem 0;border-bottom:1px solid var(--border-glass)}.docs-mobile-nav-container{display:flex;gap:.65rem;overflow-x:auto;scrollbar-width:none;padding:0 1.25rem}.docs-mobile-nav-container::-webkit-scrollbar{display:none}.docs-mobile-nav-link{display:inline-flex;align-items:center;padding:.45rem .9rem;background:#ffffff05;border:1px solid var(--border-glass);border-radius:var(--radius-full);color:var(--text-secondary);font-size:.8rem;font-weight:700;transition:all var(--transition-fast);white-space:nowrap}.docs-mobile-nav-link:hover{color:#fff;border-color:#fff3}.docs-mobile-nav-link.active{color:#fff;background:#e11d4826;border-color:#e11d4859;box-shadow:0 0 10px #e11d4826}@media(max-width:1024px){.docs-mobile-nav{display:block}}.docs-layout{display:grid;grid-template-columns:320px 1fr;gap:2.5rem;align-items:start}@media(max-width:1024px){.docs-layout{grid-template-columns:1fr;gap:2rem}}.docs-sidebar{position:sticky;top:100px;max-height:calc(100vh - 120px);overflow-y:auto;padding:1.25rem;border-radius:var(--radius-lg);border:1px solid var(--border-glass);scrollbar-width:thin;scrollbar-color:rgba(225,29,72,.3) transparent}.docs-sidebar::-webkit-scrollbar{width:5px}.docs-sidebar::-webkit-scrollbar-thumb{background:#e11d484d;border-radius:4px}@media(max-width:1024px){.docs-sidebar{display:none}}.docs-search-highlight{background:#e11d4859;color:#fff;padding:0 3px;border-radius:3px;font-weight:700}.docs-category-pill{cursor:pointer;-webkit-user-select:none;user-select:none}.docs-nav-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.2em;color:var(--vocap-red);margin:.5rem 0 1.25rem;font-weight:900}.docs-nav-list{list-style:none;padding:0;margin:0}.docs-nav-link{display:flex;align-items:center;padding:.75rem 1rem;color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);font-size:.925rem;font-weight:600;border:1px solid transparent}.docs-nav-link:hover{color:#fff;background:#ffffff08}.docs-nav-link.active{color:#fff;background:#e11d481a;border-color:#e11d4833;box-shadow:inset 0 0 12px #e11d480d}.docs-chapter-card{background:linear-gradient(135deg,#10141ef2,#090c12fa);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:2.5rem 2.25rem;box-shadow:0 20px 50px -10px #000c,0 0 35px -10px #e11d4814;margin-bottom:2.5rem;position:relative;overflow:hidden;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.docs-chapter-card:hover{border-color:#e11d4840;box-shadow:0 25px 60px -10px #000000e6,0 0 40px -10px #e11d4826}.docs-chapter-header{border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:1.5rem;margin-bottom:2rem}.docs-sections-container{display:flex;flex-direction:column;gap:2.5rem}.docs-section-item{padding-top:2rem;border-top:1px solid rgba(255,255,255,.06)}.docs-section-item:first-child{padding-top:0;border-top:none}.docs-paragraph{color:#cbd5e1;font-size:.95rem;line-height:1.75;margin:1rem 0}.docs-list-item{color:#cbd5e1;font-size:.9rem;line-height:1.7;margin:.5rem 0 .5rem 1.5rem}.doc-code-block{background:#080a10;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;margin:1.5rem 0;box-shadow:0 12px 30px #0009}.doc-code-block .code-header{background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.08);padding:.6rem 1rem;display:flex;align-items:center;justify-content:space-between}.doc-code-block .code-body{padding:1.25rem;overflow-x:auto;font-family:Fira Code,Cascadia Code,Consolas,monospace;font-size:.85rem;line-height:1.65;color:#e2e8f0}.doc-callout{border-radius:14px;padding:1.25rem 1.5rem;margin:1.5rem 0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-width:1px;border-style:solid}.doc-callout.border-cyan-500\/30,.doc-callout-tip{border-color:#22d3ee4d;background:#22d3ee0f;color:#cffafe}.doc-callout.border-rose-500\/30,.doc-callout-warning{border-color:#f43f5e59;background:#f43f5e14;color:#ffe4e6}.doc-callout.border-indigo-500\/30,.doc-callout-info{border-color:#6366f159;background:#6366f112;color:#e0e7ff}.docs-table-wrapper{margin:1.5rem 0;border-radius:12px;border:1px solid rgba(255,255,255,.1);overflow-x:auto;background:#090b12}.docs-table-wrapper table{width:100%;border-collapse:collapse;text-align:left}.docs-table-wrapper th{background:#ffffff0a;padding:.85rem 1.2rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fda4af;border-bottom:1px solid rgba(255,255,255,.1)}.docs-table-wrapper td{padding:.85rem 1.2rem;font-size:.85rem;color:#cbd5e1;border-bottom:1px solid rgba(255,255,255,.04);line-height:1.5}.docs-table-wrapper tr:hover td{background:#ffffff05}.docs-content{width:100%}.docs-header{margin-bottom:4rem;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:2.5rem}.docs-header h1{font-size:3.5rem;font-weight:900;letter-spacing:-.03em;margin-bottom:.75rem;background:linear-gradient(135deg,#fff 50%,#94a3b8);-webkit-background-clip:text;background-clip:text}.docs-header .text-muted{font-size:1.25rem;color:var(--text-secondary);font-weight:500}.docs-section{padding:3.5rem;border-radius:var(--radius-lg);margin-bottom:3rem;scroll-margin-top:120px}.docs-section h2{font-size:2.2rem;font-weight:900;letter-spacing:-.02em;margin-bottom:2rem;color:#fff;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:1rem}.docs-section h3{font-size:1.35rem;font-weight:800;color:#fff;margin:2.5rem 0 1rem;letter-spacing:-.01em}.section-body p{line-height:1.75;margin-bottom:1.5rem;color:var(--text-secondary);font-size:1rem}.section-body strong{color:#fff}.docs-list{display:flex;flex-direction:column;gap:1.5rem;margin:2.5rem 0}.docs-item{border-bottom:1px solid rgba(255,255,255,.04);padding-bottom:1.5rem;display:grid;grid-template-columns:240px 1fr;gap:1.5rem;align-items:start}.docs-item:last-child{border-bottom:none;padding-bottom:0}.docs-item strong{color:#fff;font-size:1.05rem;font-weight:700;margin-top:.15rem}.docs-item p{margin-bottom:0;color:var(--text-secondary);font-size:.95rem}.docs-pro-tip{background:#e11d4808;border-left:3px solid var(--vocap-red);padding:1.75rem 2rem;border-radius:0 var(--radius-md) var(--radius-md) 0;margin:2.5rem 0;border-top:1px solid rgba(225,29,72,.06);border-right:1px solid rgba(225,29,72,.06);border-bottom:1px solid rgba(225,29,72,.06)}.docs-pro-tip strong{color:var(--vocap-red)!important;font-size:1.05rem}.docs-pro-tip p{margin-top:.5rem;margin-bottom:0;font-size:.95rem;color:var(--text-secondary)}.doc-callout{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:border-color var(--transition-fast)}.doc-callout:hover{border-color:#fff3}.doc-code-block{background:#05070bd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.code-header{-webkit-user-select:none;user-select:none}.code-copy-btn,.anchor-copy-btn{cursor:pointer}.docs-pro-features{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2.5rem}.feature-block{background:#ffffff04;padding:2rem;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.04);transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.feature-block:hover{border-color:#ffffff1a;background:#ffffff06;box-shadow:0 10px 30px #0000004d}.feature-block h4{color:#fff;margin-bottom:.85rem;font-size:1.1rem;font-weight:750;display:flex;align-items:center;gap:.6rem}.feature-block h4 svg{color:var(--vocap-red)}.feature-block p{color:var(--text-secondary);font-size:.925rem;line-height:1.6;margin-bottom:0}.key{background:linear-gradient(to bottom,#2d3139,#1a1c23);border:1px solid rgba(255,255,255,.15);border-bottom:3px solid rgba(0,0,0,.6);border-radius:6px;padding:3px 8px;font-family:var(--font-mono);font-size:.8rem;font-weight:700;color:#fff;box-shadow:0 4px 6px #0006,inset 0 1px #ffffff1a;margin:0 4px;display:inline-block;vertical-align:middle;line-height:1.2}code{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:6px;padding:2px 6px;font-family:var(--font-mono);color:#fca5a5;font-size:.9em}.shortcuts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem;margin-top:1.5rem}.shortcut-category{background:#ffffff03;padding:2rem;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.04)}.shortcut-category h4{color:#fff;margin-bottom:1.5rem;font-size:1.05rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:var(--vocap-red);border-bottom:1px solid rgba(255,255,255,.04);padding-bottom:.75rem}.shortcut-item{display:flex;justify-content:space-between;align-items:center;padding:.9rem 0;border-bottom:1px solid rgba(255,255,255,.03);color:var(--text-secondary);font-size:.95rem;font-weight:550}.shortcut-item:last-child{border-bottom:none}.shortcut-keys{display:flex;gap:.35rem;align-items:center}.docs-images-row{display:flex;gap:2rem;margin:3rem 0;width:100%}.docs-image-container{padding:12px;border-radius:var(--radius-md);flex:1;display:flex;flex-direction:column;background:#06070966;border:1px solid rgba(255,255,255,.05);box-shadow:0 10px 30px #0006}.image-placeholder{width:100%;height:200px;background-color:#0c0e12;border:2px dashed rgba(225,29,72,.25);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:all var(--transition-normal);color:var(--text-secondary);padding:2rem;text-align:center}.docs-image-container:hover .image-placeholder{border-color:#e11d4899;background-color:#e11d4805;color:#fff;box-shadow:0 0 25px #e11d481a}.placeholder-icon{color:var(--vocap-red);margin-bottom:1rem;filter:drop-shadow(0 0 8px rgba(225,29,72,.4));transition:transform var(--transition-normal)}.docs-image-container:hover .placeholder-icon{transform:scale(1.1) rotate(5deg)}.placeholder-title{font-size:.95rem;font-weight:700;margin-bottom:.5rem}.placeholder-desc{font-size:.8rem;opacity:.7;max-width:250px;line-height:1.4}.image-caption{margin-top:.85rem;font-size:.85rem;text-align:center;font-weight:600;color:var(--text-secondary)}.docs-image-container:hover .image-caption{color:#fff}.footer{position:relative;background:linear-gradient(180deg,transparent 0%,rgba(5,6,8,.95) 100%);padding:0;margin-top:8rem;border-top:1px solid rgba(255,255,255,.04)}.footer-top-line{position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(225,29,72,.35) 50%,transparent 100%)}.footer-glow-flare{position:absolute;top:0;left:50%;transform:translate(-50%);width:min(400px,60vw);height:2px;background:linear-gradient(90deg,transparent,#e11d48,transparent);box-shadow:0 0 16px #e11d48b3}.footer-content-grid{display:grid;grid-template-columns:1.3fr .9fr 1.1fr 1.1fr;gap:2.5rem;padding-top:5rem!important;padding-bottom:5rem!important;align-items:flex-start}.footer-col-brand{display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem}.footer-brand-header{display:flex;align-items:center;gap:.75rem}.footer-brand{display:flex;align-items:center;gap:.75rem;font-weight:900;font-size:1.45rem;letter-spacing:.15em;color:#fff;line-height:1;text-decoration:none;transition:transform var(--transition-normal)}.footer-brand:hover{transform:translateY(-1px)}.footer-brand .brand-text{background:linear-gradient(to right,#fff,#ffffffbf);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.footer-logo{height:38px;width:38px;filter:drop-shadow(0 0 12px rgba(225,29,72,.5));transition:transform .6s cubic-bezier(.16,1,.3,1)}.footer-brand:hover .footer-logo{transform:rotate(12deg) scale(1.06)}.footer-version-tag{display:inline-block;font-size:.72rem;font-weight:800;color:#fca5a5;background:#e11d481f;border:1px solid rgba(225,29,72,.25);padding:.15rem .5rem;border-radius:9999px}.footer-desc{color:var(--text-secondary);font-size:.88rem;font-weight:450;max-width:340px;line-height:1.6;text-align:left;margin:0}.footer-status-pills{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.status-pill{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.75rem;color:#94a3b8;background:#ffffff05;padding:.25rem .65rem;border-radius:6px;border:1px solid rgba(255,255,255,.04);width:fit-content}.status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-dot.green{background-color:#10b981;box-shadow:0 0 8px #10b981b3}.status-dot.cyan{background-color:#22d3ee;box-shadow:0 0 8px #22d3eeb3}.status-dot.rose{background-color:#e11d48;box-shadow:0 0 8px #e11d48b3}.footer-links-group{display:flex;flex-direction:column;gap:1.1rem}.footer-links-title{font-size:.78rem;font-weight:800;text-transform:uppercase;color:var(--neon-rose);letter-spacing:.15em;margin:0;font-family:var(--font-mono)}.footer-links-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.7rem}.footer-link{color:var(--text-secondary);font-size:.88rem;font-weight:550;transition:color var(--transition-fast),transform var(--transition-fast);display:inline-flex;align-items:center;text-decoration:none}.footer-link:hover{color:#fff;transform:translate(2px)}.footer-new-badge{font-family:var(--font-mono);font-size:.65rem;font-weight:800;background:#e11d4826;border:1px solid rgba(225,29,72,.3);color:#fca5a5;padding:.1rem .35rem;border-radius:4px}.footer-link.font-accent-cyan:hover{color:var(--neon-cyan);text-shadow:0 0 10px rgba(34,211,238,.35)}.footer-link.font-accent-indigo:hover{color:#a5b4fc;text-shadow:0 0 10px rgba(99,102,241,.35)}.footer-link.font-accent-rose:hover{color:var(--neon-rose);text-shadow:0 0 10px rgba(225,29,72,.35)}.footer-bottom{position:relative;z-index:10;border-top:1px solid rgba(255,255,255,.04);padding:1.75rem 0}.footer-bottom-container{display:flex;justify-content:space-between;align-items:center;color:var(--text-muted);font-size:.78rem;font-weight:550;flex-wrap:wrap;gap:1rem}.copyright-text{color:var(--text-muted)}.footer-bottom-links{display:flex;align-items:center;gap:.6rem}.footer-bottom-link{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.footer-bottom-links .divider{color:var(--text-muted);opacity:.5}.love-text{font-weight:500;color:var(--text-muted)}.not-found-page{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center}.not-found-wrapper{max-width:680px;width:100%;margin:0 auto}.not-found-card{padding:3rem 2.5rem;border-radius:var(--radius-xl);text-align:center;border:1px solid rgba(225,29,72,.25);position:relative;overflow:hidden}.not-found-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#e11d48,transparent);box-shadow:0 0 15px #e11d4899}.not-found-badge{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.75rem;font-weight:800;color:#fca5a5;background:#e11d481a;border:1px solid rgba(225,29,72,.25);padding:.35rem .9rem;border-radius:9999px;margin-bottom:1.5rem;letter-spacing:.1em}.glitch-title-container{position:relative;margin-bottom:1.25rem}.glitch-title{font-size:clamp(5rem,12vw,7.5rem);font-weight:900;line-height:1;font-family:var(--font-mono);color:#fff;position:relative;letter-spacing:-.05em;text-shadow:0 0 30px rgba(225,29,72,.4)}.glitch-title:before,.glitch-title:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-title:before{left:2px;text-shadow:-2px 0 #22d3ee;clip:rect(24px,550px,90px,0);animation:glitch-anim 2.5s infinite linear alternate-reverse}.glitch-title:after{left:-2px;text-shadow:-2px 0 #e11d48;clip:rect(85px,550px,140px,0);animation:glitch-anim2 3s infinite linear alternate-reverse}.glitch-subtitle{display:block;font-family:var(--font-mono);font-size:.85rem;font-weight:800;letter-spacing:.25em;color:var(--neon-cyan);margin-top:.5rem;text-transform:uppercase}.not-found-description{color:var(--text-secondary);font-size:1rem;line-height:1.6;max-width:480px;margin:0 auto 2rem}.not-found-timeline-mockup{background:#050608d9;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);padding:1rem;margin-bottom:2rem;text-align:left}.mockup-header{display:flex;align-items:center;gap:.4rem;padding-bottom:.6rem;border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:.6rem}.mockup-dot{width:8px;height:8px;border-radius:50%}.mockup-dot.red{background:#ef4444}.mockup-dot.yellow{background:#eab308}.mockup-dot.green{background:#22c55e}.mockup-title{font-size:.68rem;color:#64748b;margin-left:.5rem}.mockup-body,.mockup-line{line-height:1.6}.not-found-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:center}@media(max-width:1024px){.footer-content-grid{grid-template-columns:1fr 1fr;gap:3rem}}@media(max-width:640px){.footer-content-grid{grid-template-columns:1fr;gap:2.5rem;text-align:left;padding-top:3.5rem!important;padding-bottom:3.5rem!important}.footer-bottom-container{flex-direction:column;text-align:center;gap:1rem}.not-found-card{padding:2rem 1.5rem}.not-found-actions{flex-direction:column;width:100%}.not-found-actions .btn{width:100%}}@media(max-width:1024px){.hero-section{padding:7.5rem 0 3rem}.hero{grid-template-columns:1fr;text-align:center;gap:3.5rem}.hero-title{font-size:3.25rem}.hero-description{max-width:85%;margin-left:auto;margin-right:auto}.platform-cards{grid-template-columns:1fr;max-width:550px;margin-left:auto;margin-right:auto}.hero-actions,.hero-secondary-actions{justify-content:center}.comparison-grid{grid-template-columns:repeat(2,1fr)}.app-preview-container{max-width:680px;margin:0 auto}.hero-visual{animation:floatMobile 6s ease-in-out infinite}.app-window-frame{transform:none;animation:none}.bento-grid{grid-template-columns:repeat(2,1fr)}.docs-layout{grid-template-columns:1fr;gap:2rem;padding:1.5rem 0 6rem}.docs-sidebar{display:none!important}.docs-mobile-nav{display:block}.docs-section{padding:2.25rem;scroll-margin-top:155px}.docs-header{margin-bottom:2.5rem;padding-bottom:1.5rem}.docs-header h1{font-size:2.6rem}}@media(max-width:768px){.container{padding:0 1.5rem}.hero-title{font-size:2.75rem}.bento-grid{grid-template-columns:1fr}.bento-card.span-2{grid-column:span 1}.comparison-grid{grid-template-columns:1fr;gap:1.25rem}.shortcuts-grid{grid-template-columns:1fr}.docs-item{grid-template-columns:1fr;gap:.5rem}.docs-pro-features{grid-template-columns:1fr}.docs-images-row{flex-direction:column;gap:1.5rem}.docs-section{padding:1.5rem!important}.docs-header h1{font-size:2.2rem!important}}.relative{position:relative}.absolute{position:absolute}.overflow-hidden{overflow:hidden}.top-0{top:0}.left-1\/2{left:50%}.-translate-x-1\/2{transform:translate(-50%)}.w-3\/4{width:75%}.w-1\/4{width:25%}.h-px{height:1px}.h-1{height:.25rem}.w-8{width:2rem}.w-10{width:2.5rem}.h-8{height:2rem}.h-10{height:2.5rem}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops, transparent, var(--vocap-red), transparent))}.from-transparent{--tw-gradient-from: transparent;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(0, 0, 0, 0))}.via-\[var\(--accent-primary\)\]{--tw-gradient-stops: var(--tw-gradient-from), var(--vocap-red), var(--tw-gradient-to, rgba(225, 29, 72, 0))}.to-transparent{--tw-gradient-to: transparent}.bg-\[var\(--accent-primary\)\]{background-color:var(--vocap-red)}.opacity-30{opacity:.3}.opacity-20{opacity:.2}.blur-xl{filter:blur(24px)}.z-10{z-index:10}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.mb-4{margin-bottom:1rem}.text-2xl{font-size:1.5rem;line-height:2rem}.tracking-widest{letter-spacing:.1em}.text-white{color:#fff}.font-black{font-weight:900}.drop-shadow-\[0_0_10px_rgba\(255\,42\,77\,0\.5\)\]{filter:drop-shadow(0 0 10px rgba(225,29,72,.5))}.drop-shadow-md{filter:drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06))}.max-w-md{max-width:28rem}.mx-auto{margin-left:auto;margin-right:auto}.leading-relaxed{line-height:1.625}.text-xs{font-size:.75rem;line-height:1rem}.text-muted\/50{color:#94a3b880}.border-t{border-top-width:1px}.border-white\/5{border-color:#ffffff0d}.pt-6{padding-top:1.5rem}.pb-2{padding-bottom:.5rem}.legal-page{padding-top:130px;padding-bottom:6rem;max-width:900px}.legal-header{margin-bottom:4rem}.legal-title{font-size:3rem;font-weight:900;color:#fff;letter-spacing:-.02em;margin-bottom:1rem}.legal-subtitle{font-size:1.15rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.legal-content-grid{display:flex;flex-direction:column;gap:2.5rem}.legal-card{padding:3rem;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.04)}.legal-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.04);padding-bottom:1rem}.legal-card-header h2{font-size:1.6rem;font-weight:850;color:#fff;margin:0}.legal-icon-wrapper{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#ffffff05;border:1px solid rgba(255,255,255,.06)}.legal-icon-wrapper.cyan{color:#22d3ee;box-shadow:0 0 15px #22d3ee26}.legal-icon-wrapper.rose{color:var(--vocap-red);box-shadow:0 0 15px #e11d4826}.legal-icon-wrapper.indigo{color:#6366f1;box-shadow:0 0 15px #6366f126}.legal-card-body h3{font-size:1.15rem;font-weight:750;color:#fff;margin-top:1.75rem;margin-bottom:.75rem}.legal-card-body h3:first-of-type{margin-top:0}.legal-card-body p{color:var(--text-secondary);font-size:.95rem;line-height:1.65;margin-bottom:1.25rem}.legal-card-body p:last-child{margin-bottom:0}.legal-link{color:#22d3ee;text-decoration:underline;transition:color var(--transition-normal)}.legal-link:hover{color:#67e8f9}.legal-list{list-style:none;padding-left:0;display:flex;flex-direction:column;gap:1rem;margin:1.25rem 0}.legal-list li{position:relative;padding-left:1.5rem;color:var(--text-secondary);font-size:.95rem;line-height:1.6}.legal-list li:before{content:"•";position:absolute;left:0;color:var(--vocap-red);font-weight:700}.footer-bottom-links{display:flex;gap:1.5rem}.footer-bottom-link{color:var(--text-secondary);font-size:.85rem;text-decoration:none;transition:color var(--transition-normal)}.footer-bottom-link:hover{color:#fff}@media(max-width:768px){.legal-title{font-size:2.25rem}.legal-card{padding:2rem 1.5rem}.footer-bottom-links{margin-top:.25rem}}.keycap-group{display:flex;align-items:center;gap:.6rem;width:100%;justify-content:center}.key-label{font-size:.8rem;color:var(--text-secondary);font-weight:600;margin-left:.75rem;min-width:80px;text-align:left}.interactive-split-demo{padding:1rem 1.5rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}.demo-instructions{display:flex;align-items:center;gap:.75rem;width:100%;justify-content:center}.alt-trigger-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);font-family:var(--font-mono);font-size:.7rem;font-weight:800;padding:.25rem .5rem;border-radius:4px;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.alt-trigger-btn:hover{background:#ffffff0f;border-color:#fff3;color:#fff}.alt-trigger-btn.active{background:#e11d4826;border-color:var(--vocap-red);color:#fff;box-shadow:0 0 10px #e11d4833}.instructions-text{font-size:.75rem;color:var(--text-secondary);font-weight:600}.canvas-timeline-container{width:100%;height:150px;background:#06070a;border:1.5px solid rgba(255,255,255,.05);border-radius:8px;overflow:hidden;box-shadow:inset 0 2px 10px #000c,0 4px 20px #0006}.rhythmic-band-canvas{width:100%;height:100%;display:block;cursor:default}.demo-toolbar{display:flex;align-items:center;gap:.65rem;width:100%;justify-content:center;margin-top:.5rem}.toolbar-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.3rem .75rem;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .2s}.toolbar-btn:hover{background:#ffffff14;border-color:#fff3;color:#fff}.toolbar-btn:active{transform:scale(.97)}.btn-reset-demo{background:transparent;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .6rem;border-radius:4px;cursor:pointer;transition:all .2s}.btn-reset-demo:hover{color:#fff;border-color:#fff3;background:#ffffff05}.whisper-json-code{width:90%;background:#0000004d;border:1px solid rgba(255,255,255,.04);border-radius:6px;padding:.75rem;display:flex;align-items:center;justify-content:center}.whisper-json-code code{color:#a5b4fc;font-size:.75rem;background:transparent;border:none;padding:0}.sandbox-section{padding:6rem 0;border-top:1px solid rgba(255,255,255,.03);background:radial-gradient(circle at 50% 0%,rgba(225,29,72,.02) 0%,transparent 70%)}.sandbox-header{margin-bottom:3.5rem}.sandbox-label{font-family:var(--font-mono);font-size:.75rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--vocap-red);margin-bottom:.75rem;display:inline-block;background:#e11d4814;padding:.25rem .75rem;border-radius:9999px;border:1px solid rgba(225,29,72,.2)}.sandbox-title{font-size:2.5rem;font-weight:850;letter-spacing:-.02em;color:#fff;line-height:1.15;margin-bottom:1rem}.sandbox-subtitle{font-size:1.05rem;color:var(--text-secondary);max-width:650px;margin-left:auto;margin-right:auto}.sandbox-container{max-width:900px;margin:0 auto;padding:2rem;border-radius:20px;border:1px solid rgba(255,255,255,.05);box-shadow:0 25px 50px -12px #00000080;background:#08090d4d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.beta-badge{font-size:.55rem;font-family:var(--font-mono);font-weight:900;text-transform:uppercase;color:#fff;background:var(--vocap-red);padding:.1rem .35rem;border-radius:3px;margin-left:.5rem;vertical-align:middle;letter-spacing:.05em;display:inline-block;box-shadow:0 0 10px #e11d484d}.seo-faq-section{padding:5rem 0;margin-top:4rem;border-top:1px solid rgba(255,255,255,.05);background:#06080c99}.seo-faq-container{max-width:900px;margin:0 auto;padding:0 1.5rem}.seo-faq-header{text-align:center;margin-bottom:3rem}.seo-faq-badge{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:var(--vocap-red);background:#e11d481a;border:1px solid rgba(225,29,72,.25);padding:.35rem 1rem;border-radius:9999px;display:inline-block;margin-bottom:1rem}.seo-faq-main-title{font-size:2.2rem;font-weight:850;color:#fff;margin-bottom:.75rem;line-height:1.25}.seo-faq-main-subtitle{font-size:.95rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.5}.seo-faq-grid{display:flex;flex-direction:column;gap:1.25rem}.seo-faq-card{padding:1.5rem 1.75rem;border-radius:18px;background:linear-gradient(135deg,#0d1017e6,#06080cf2);border:1px solid rgba(255,255,255,.07);box-shadow:0 8px 24px #0006;transition:border-color .2s ease,transform .2s ease}.seo-faq-card:hover{border-color:#e11d484d;transform:translateY(-2px)}.seo-faq-card-title{font-size:1.1rem;font-weight:800;color:#fff;margin-bottom:.6rem;display:flex;align-items:center;gap:.75rem;line-height:1.35}.seo-faq-num{font-family:var(--font-mono);color:var(--vocap-red);font-weight:900;font-size:1rem}.seo-faq-card-answer{font-size:.9rem;color:#cbd5e1;line-height:1.65;padding-left:2rem}.changelog-page{padding-top:100px;padding-bottom:5rem;overflow-x:hidden;max-width:100%}.changelog-hero{position:relative}.stat-card{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);border-color:#ffffff1f;box-shadow:0 10px 30px -10px #00000080}.changelog-controls-container{position:sticky;top:88px;z-index:40;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.changelog-filter-tabs{scrollbar-width:none}.changelog-filter-tabs::-webkit-scrollbar{display:none}.changelog-filter-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border-radius:9999px;font-size:.8rem;font-weight:700;background:#ffffff08;color:var(--text-secondary);border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all .2s ease;white-space:nowrap}.changelog-filter-pill:hover{background:#ffffff14;color:#fff;border-color:#fff3}.changelog-filter-pill.active{background:linear-gradient(135deg,#e11d4833,#6366f133);color:#fff;border-color:#e11d4880;box-shadow:0 0 15px #e11d4840}.changelog-timeline-tree{position:relative;padding-left:2.5rem}.timeline-spine-track{position:absolute;top:15px;bottom:15px;left:17px;width:2px;background:linear-gradient(180deg,var(--neon-rose) 0%,var(--neon-cyan) 50%,rgba(99,102,241,.2) 100%);box-shadow:0 0 12px #e11d4866}.timeline-entry-node{position:relative;margin-bottom:3.5rem;scroll-margin-top:140px}.timeline-entry-node:last-child{margin-bottom:0}.timeline-node-marker{position:absolute;left:-2.5rem;top:18px;display:flex;align-items:center;justify-content:center;z-index:10}.node-icon-latest{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#e11d48,#be123c);border:2px solid #ffffff;box-shadow:0 0 20px #e11d48b3,inset 0 0 8px #fff6;display:flex;align-items:center;justify-content:center;transform:translate(-1px)}.node-icon-standard{width:24px;height:24px;border-radius:50%;background:#0b0d13;border:2px solid rgba(34,211,238,.5);box-shadow:0 0 10px #22d3ee4d;display:flex;align-items:center;justify-content:center;transform:translate(5px)}.node-inner-dot{width:8px;height:8px;border-radius:50%;background:var(--neon-cyan)}.timeline-card{padding:1.75rem;border-radius:20px;border:1px solid rgba(255,255,255,.08);box-shadow:0 15px 35px -5px #0009;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.timeline-card:hover{border-color:#ffffff26;box-shadow:0 20px 45px -5px #000000b3}.latest-card-highlight{border-color:#e11d4866!important;background:linear-gradient(135deg,#10141ef2,#090b10f2)!important;box-shadow:0 15px 40px -5px #e11d4833,inset 0 1px #ffffff14!important}.category-column{transition:border-color .2s ease,background-color .2s ease}.category-column:hover{border-color:#ffffff1a;background-color:#ffffff09}.category-badge-features{background:#e11d4826;color:#fb7185;border:1px solid rgba(225,29,72,.3);font-weight:700;font-family:var(--font-mono)}.category-badge-improvements{background:#22d3ee26;color:#67e8f9;border:1px solid rgba(34,211,238,.3);font-weight:700;font-family:var(--font-mono)}.category-badge-fixes{background:#10b98126;color:#6ee7b7;border:1px solid rgba(16,185,129,.3);font-weight:700;font-family:var(--font-mono)}.category-badge-audio{background:#f59e0b26;color:#fcd34d;border:1px solid rgba(245,158,11,.3);font-weight:700;font-family:var(--font-mono)}.category-badge-default{background:#6366f126;color:#a5b4fc;border:1px solid rgba(99,102,241,.3);font-weight:700;font-family:var(--font-mono)}@media(min-width:2560px){.container{max-width:1440px}.changelog-page,.docs-page,.home-page{font-size:1.05rem}}@media(max-width:1024px){.container{padding:0 1.5rem}}@media(max-width:768px){.container{padding:0 1.25rem}.changelog-page{padding-top:85px}.changelog-timeline-tree{padding-left:2rem}.timeline-spine-track{left:11px}.timeline-node-marker{left:-2rem}.node-icon-latest{width:28px;height:28px}.node-icon-standard{width:20px;height:20px;transform:translate(2px)}.node-inner-dot{width:6px;height:6px}.timeline-card{padding:1.25rem}.changelog-controls-container{top:75px}}@media(max-width:480px){.container{padding:0 .85rem}.changelog-timeline-tree{padding-left:1.5rem}.timeline-spine-track{left:7px}.timeline-node-marker{left:-1.5rem;top:14px}.node-icon-latest{width:22px;height:22px}.node-icon-standard{width:16px;height:16px;transform:translate(0)}.node-inner-dot{width:5px;height:5px}.timeline-card{padding:1rem;border-radius:14px}.btn-large{width:100%;padding:.75rem 1rem;font-size:.85rem}.changelog-hero h1{font-size:1.85rem;line-height:1.2}.stat-card{padding:.75rem .5rem}}.figma-hardware-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#0d111ad9,#07090ef2);border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 50px -12px #000000bf,inset 0 1px #ffffff14;border-radius:20px;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s ease,box-shadow .3s cubic-bezier(.16,1,.3,1)}.figma-hardware-card:hover{transform:translateY(-3px);border-color:#ffffff29;box-shadow:0 28px 65px -15px #000000d9,inset 0 1px #ffffff24}.studio-tech-strip{padding:2.5rem 0 3.5rem;position:relative}.studio-tech-label{text-align:center;font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#64748b;margin-bottom:1.5rem}.studio-tech-grid{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.85rem}.studio-tech-badge{display:inline-flex;align-items:center;gap:.65rem;padding:.5rem 1.1rem;border-radius:9999px;background:#ffffff06;border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 1px #ffffff0d;font-size:.82rem;font-weight:600;color:#cbd5e1;transition:all .25s ease;-webkit-user-select:none;user-select:none}.studio-tech-badge:hover{background:#ffffff0f;border-color:#ffffff26;color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #0006,inset 0 1px #ffffff1a}.studio-tech-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.workflow-section{padding:5.5rem 0;position:relative}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.75rem}.workflow-card{background:linear-gradient(135deg,#0d111abf,#07090ee6);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:2rem 1.75rem;box-shadow:0 16px 40px -10px #0009,inset 0 1px #ffffff12;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;display:flex;flex-direction:column;justify-content:space-between}.workflow-card:hover{transform:translateY(-4px);border-color:#ffffff29;box-shadow:0 24px 55px -12px #000c,inset 0 1px #ffffff1f}.workflow-step-num{font-family:var(--font-mono);font-size:.75rem;font-weight:800;letter-spacing:.1em;padding:4px 10px;border-radius:9999px;display:inline-block;margin-bottom:1.25rem}.workflow-step-num.rose{color:#fb7185;background:#e11d481f;border:1px solid rgba(225,29,72,.3)}.workflow-step-num.cyan{color:#22d3ee;background:#22d3ee1f;border:1px solid rgba(34,211,238,.3)}.workflow-step-num.indigo{color:#a5b4fc;background:#6366f11f;border:1px solid rgba(99,102,241,.3)}.workflow-title{font-size:1.15rem;font-weight:800;color:#fff;letter-spacing:-.01em;margin-bottom:.75rem;line-height:1.3}.workflow-desc{font-size:.88rem;color:#94a3b8;line-height:1.6;margin:0}.hero-specs-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.75rem}.hero-spec-item{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;color:#cbd5e1;padding:4px 10px;border-radius:9999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.hero-specs-clean{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;margin-top:1.6rem;font-size:.81rem;font-weight:500;color:#94a3b8;letter-spacing:.01em}.hero-specs-bullet{color:#fff3;font-size:.75rem}@media(max-width:992px){.workflow-grid{grid-template-columns:1fr}}.figma-hardware-card.hover-rose:hover{border-color:#e11d4873;box-shadow:0 28px 65px -15px #000000d9,0 0 35px -8px #e11d4840,inset 0 1px #ffffff29}.figma-hardware-card.hover-cyan:hover{border-color:#22d3ee73;box-shadow:0 28px 65px -15px #000000d9,0 0 35px -8px #22d3ee40,inset 0 1px #ffffff29}.figma-hardware-card.hover-indigo:hover{border-color:#6366f173;box-shadow:0 28px 65px -15px #000000d9,0 0 35px -8px #6366f140,inset 0 1px #ffffff29}.figma-hardware-card.hover-emerald:hover{border-color:#10b98173;box-shadow:0 28px 65px -15px #000000d9,0 0 35px -8px #10b98140,inset 0 1px #ffffff29}.platform-card-pc{background:linear-gradient(135deg,#e11d480f,#0e121cf2,#080b11fa);border:1px solid rgba(225,29,72,.3);border-radius:24px;padding:36px 32px;box-shadow:0 20px 50px -15px #e11d482e,inset 0 1px #ffffff14;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s ease,box-shadow .3s cubic-bezier(.16,1,.3,1)}.platform-card-pc:hover{transform:translateY(-4px);border-color:#e11d488c;box-shadow:0 30px 70px -15px #e11d4852,inset 0 1px #ffffff29}.platform-card-web{background:linear-gradient(135deg,#22d3ee0f,#0e121cf2,#080b11fa);border:1px solid rgba(34,211,238,.3);border-radius:24px;padding:36px 32px;box-shadow:0 20px 50px -15px #22d3ee2e,inset 0 1px #ffffff14;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s ease,box-shadow .3s cubic-bezier(.16,1,.3,1)}.platform-card-web:hover{transform:translateY(-4px);border-color:#22d3ee8c;box-shadow:0 30px 70px -15px #22d3ee52,inset 0 1px #ffffff29}.pillar-card{background:linear-gradient(135deg,#0d111acc,#07090ef2);border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 40px -12px #000000b3,inset 0 1px #ffffff12;border-radius:18px;padding:22px 24px;display:flex;align-items:flex-start;gap:16px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.pillar-card:hover{transform:translateY(-3px);border-color:#ffffff2e;box-shadow:0 24px 55px -12px #000c,inset 0 1px #ffffff1f}.bento-hardware-card{background:linear-gradient(135deg,#0e121cf2,#080a10fa);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 16px 40px -10px #000000b3,inset 0 1px #ffffff14;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s ease,box-shadow .25s cubic-bezier(.16,1,.3,1);overflow:hidden;position:relative}.bento-hardware-card:hover{transform:translateY(-4px);border-color:#ffffff2e;box-shadow:0 26px 60px -12px #000000d9,inset 0 1px #ffffff24}.bento-hardware-card.hover-rose:hover{border-color:#e11d4873;box-shadow:0 26px 60px -12px #000000d9,0 0 30px -5px #e11d4838,inset 0 1px #ffffff24}.bento-hardware-card.hover-cyan:hover{border-color:#22d3ee73;box-shadow:0 26px 60px -12px #000000d9,0 0 30px -5px #22d3ee38,inset 0 1px #ffffff24}.bento-hardware-card.hover-indigo:hover{border-color:#6366f173;box-shadow:0 26px 60px -12px #000000d9,0 0 30px -5px #6366f138,inset 0 1px #ffffff24}.bento-hardware-card.hover-emerald:hover{border-color:#10b98173;box-shadow:0 26px 60px -12px #000000d9,0 0 30px -5px #10b98138,inset 0 1px #ffffff24}.cta-hardware-banner{position:relative;border-radius:24px;border:1px solid rgba(255,255,255,.1);background:radial-gradient(ellipse at 50% 0%,#e11d4824,#0d1017f5 80%);box-shadow:0 25px 60px -15px #000c,0 0 40px -10px #e11d4826,inset 0 1px #ffffff14;padding:60px 32px;text-align:center;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease}.cta-hardware-banner:hover{border-color:#e11d484d;box-shadow:0 30px 75px -15px #000000e6,0 0 50px -5px #e11d4840,inset 0 1px #ffffff1f}.hero-floating-banner{display:inline-flex;align-items:center;gap:.75rem;padding:.4rem 1.1rem .4rem .45rem;background:#0a0e17d1;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(34,211,238,.32);border-radius:9999px;margin-bottom:1.75rem;text-decoration:none;box-shadow:0 0 25px #22d3ee1f,inset 0 1px #ffffff14;transition:all .3s cubic-bezier(.16,1,.3,1);cursor:pointer;max-width:100%}.hero-floating-banner:hover{transform:translateY(-2px);border-color:#22d3eea6;background:#0d1320eb;box-shadow:0 8px 30px #22d3ee40,0 0 20px #22d3ee33}.hero-floating-banner .badge-highlight{display:inline-flex;align-items:center;gap:.45rem;padding:.25rem .65rem;border-radius:9999px;background:linear-gradient(135deg,#e11d48e6,#f43f5ee6);color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 2px 8px #e11d4873;flex-shrink:0}.badge-pulse-indicator{width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 6px #fff;animation:pulseBeacon 2s infinite ease-in-out;flex-shrink:0}@keyframes pulseBeacon{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}.hero-floating-banner .badge-mobile-icon{font-size:1rem;line-height:1;display:inline-flex;align-items:center;flex-shrink:0}.hero-floating-banner .badge-text{font-size:.85rem;color:#e2e8f0;font-weight:500;letter-spacing:-.01em;display:inline-flex;align-items:center;gap:.35rem}.hero-floating-banner .badge-text-accent{color:#fff;font-weight:700;background:linear-gradient(90deg,#fff,#a5f3fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-floating-banner .badge-cta-link{display:inline-flex;align-items:center;gap:.25rem;font-size:.82rem;font-weight:700;color:#22d3ee;margin-left:.35rem;white-space:nowrap;flex-shrink:0;transition:color .2s ease}.hero-floating-banner:hover .badge-cta-link{color:#67e8f9}.hero-floating-banner .badge-cta-arrow{display:inline-block;transition:transform .25s cubic-bezier(.16,1,.3,1)}.hero-floating-banner:hover .badge-cta-arrow{transform:translate(4px)}.btn-premium-android{display:inline-flex;align-items:center;gap:9px;padding:14px 22px;border-radius:14px;font-weight:700;font-size:14.5px;color:#fff;background:linear-gradient(135deg,#0891b240,#0284c759);border:1px solid rgba(34,211,238,.45);box-shadow:0 8px 25px #22d3ee33;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.btn-premium-android:hover{background:linear-gradient(135deg,#0891b266,#0284c780);border-color:#22d3eeb3;box-shadow:0 10px 30px #22d3ee59,0 0 20px #22d3ee40;transform:translateY(-2px);color:#fff}.hero-btn-tag-google-play{font-size:10px;text-transform:uppercase;padding:2px 7px;border-radius:9999px;background:#22d3ee33;border:1px solid rgba(34,211,238,.4);color:#a5f3fc;letter-spacing:.04em;font-weight:800;margin-left:2px}.nav-beta-link{position:relative}.nav-badge-pill{font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:2px 6px;border-radius:9999px;background:#22d3ee26;border:1px solid rgba(34,211,238,.35);color:#22d3ee}.nav-drawer-tag{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:9999px;background:#22d3ee26;border:1px solid rgba(34,211,238,.35);color:#22d3ee}.mobile-beta-section{scroll-margin-top:100px}.platform-mobile-callout{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;border-radius:9999px;background:#22d3ee14;border:1px solid rgba(34,211,238,.25);color:#cbd5e1;font-size:13.5px;text-decoration:none;transition:all .25s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.platform-mobile-callout:hover{background:#22d3ee24;border-color:#22d3ee73;color:#fff;transform:translateY(-1px)}.hero-spec-link{transition:opacity .2s ease,transform .2s ease}.hero-spec-link:hover{opacity:.9;transform:translateY(-1px)}@media(max-width:640px){.hero-section{padding:6.5rem 0 2.5rem}.hero-title{font-size:clamp(2.1rem,8.5vw,2.75rem);line-height:1.15;word-break:break-word}.hero-floating-banner{flex-wrap:wrap;justify-content:center;border-radius:16px;padding:.65rem .9rem;gap:.5rem;text-align:center;max-width:100%}.hero-floating-banner .badge-text{display:inline;font-size:.8rem;line-height:1.4;text-align:center}.hero-studio-pill{max-width:100%;padding:4px 10px 4px 5px;gap:.45rem}.studio-pill-text{font-size:.76rem}.hero-actions .btn{width:100%;max-width:100%;justify-content:center}.hero-specs-clean{justify-content:center;text-align:center;font-size:.78rem;gap:.4rem}}@media(max-width:400px){.hero-title{font-size:2rem}}:root{--bg-void: #050608;--bg-obsidian-dark: #07090e;--bg-obsidian-surface: #0b0d13;--bg-obsidian-elevated: #131722;--bg-obsidian-card: rgba(13, 16, 23, .75);--bg-obsidian-glass: rgba(11, 13, 19, .85);--midnight: #050608;--midnight-obsidian: #0b0d13;--midnight-elevated: #131722;--panel-glass: rgba(13, 16, 23, .65);--vocap-red: #e11d48;--neon-rose: #e11d48;--neon-rose-hover: #f43f5e;--neon-rose-glow: rgba(225, 29, 72, .35);--neon-rose-subtle: rgba(225, 29, 72, .08);--accent-glow: rgba(225, 29, 72, .35);--neon-cyan: #22d3ee;--neon-cyan-hover: #67e8f9;--neon-cyan-glow: rgba(34, 211, 238, .35);--neon-cyan-subtle: rgba(34, 211, 238, .08);--cyan-glow: rgba(34, 211, 238, .35);--neon-indigo: #6366f1;--neon-indigo-hover: #818cf8;--neon-indigo-glow: rgba(99, 102, 241, .35);--neon-indigo-subtle: rgba(99, 102, 241, .08);--indigo-glow: rgba(99, 102, 241, .35);--neon-emerald: #10b981;--neon-emerald-hover: #34d399;--neon-emerald-glow: rgba(16, 185, 129, .35);--neon-emerald-subtle: rgba(16, 185, 129, .08);--green-glow: rgba(16, 185, 129, .35);--neon-amber: #f59e0b;--neon-amber-hover: #fbbf24;--neon-amber-glow: rgba(245, 158, 11, .35);--neon-amber-subtle: rgba(245, 158, 11, .08);--border-subtle: rgba(255, 255, 255, .05);--border-active: rgba(255, 255, 255, .12);--border-glass: rgba(255, 255, 255, .05);--border-rose: rgba(225, 29, 72, .3);--border-cyan: rgba(34, 211, 238, .3);--border-indigo: rgba(99, 102, 241, .3);--border-emerald: rgba(16, 185, 129, .3);--border-obsidian: #1e2433;--text-pure: #ffffff;--text-main: #f8fafc;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-dark: #475569;--text-faint: #334155;--font-main: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-rythmo: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-xl: 30px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.16, 1, .3, 1);--transition-slow: .5s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--bg-void)!important;color-scheme:dark;min-height:100vh;scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-main);background-color:var(--bg-void)!important;background-image:radial-gradient(circle at 50% -20%,#151824,#060709),linear-gradient(rgba(255,255,255,.007) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.007) 1px,transparent 1px)!important;background-size:100% 100%,45px 45px,45px 45px!important;background-repeat:no-repeat,repeat,repeat!important;color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img,svg,video,canvas{max-width:100%}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--bg-void)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#e11d4880,#6366f180);border-radius:var(--radius-full);border:1.5px solid var(--bg-void)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--neon-rose) 0%,var(--neon-indigo) 100%);box-shadow:0 0 10px var(--neon-rose-glow)}.container{max-width:1240px;margin:0 auto;padding:0 2rem;width:100%}.text-center{text-align:center!important}.page{min-height:100vh;padding-top:96px}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes pulseSoft{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.98)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #e11d4840,inset 0 0 10px #e11d480d}50%{box-shadow:0 0 30px #e11d488c,inset 0 0 15px #e11d4826}}@keyframes float{0%{transform:translateY(0) rotateY(-8deg) rotateX(6deg) rotate(1deg)}50%{transform:translateY(-8px) rotateY(-6deg) rotateX(5deg) rotate(.5deg)}to{transform:translateY(0) rotateY(-8deg) rotateX(6deg) rotate(1deg)}}@keyframes floatMobile{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(1000%)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glitch-anim{0%{clip:rect(24px,9999px,5px,0);transform:skew(.3deg)}10%{clip:rect(42px,9999px,80px,0);transform:skew(.8deg)}20%{clip:rect(12px,9999px,30px,0);transform:skew(-.5deg)}30%{clip:rect(65px,9999px,92px,0);transform:skew(.2deg)}40%{clip:rect(8px,9999px,45px,0);transform:skew(-.3deg)}50%{clip:rect(50px,9999px,70px,0);transform:skew(.5deg)}60%{clip:rect(20px,9999px,60px,0);transform:skew(-.8deg)}70%{clip:rect(90px,9999px,98px,0);transform:skew(.1deg)}80%{clip:rect(15px,9999px,35px,0);transform:skew(.6deg)}90%{clip:rect(75px,9999px,85px,0);transform:skew(-.2deg)}to{clip:rect(30px,9999px,50px,0);transform:skew(0)}}@keyframes glitch-anim2{0%{clip:rect(12px,9999px,50px,0);transform:skew(-.3deg)}15%{clip:rect(70px,9999px,90px,0);transform:skew(.5deg)}30%{clip:rect(5px,9999px,25px,0);transform:skew(-.8deg)}45%{clip:rect(40px,9999px,65px,0);transform:skew(.3deg)}60%{clip:rect(85px,9999px,95px,0);transform:skew(-.5deg)}75%{clip:rect(25px,9999px,55px,0);transform:skew(.7deg)}90%{clip:rect(60px,9999px,75px,0);transform:skew(-.2deg)}to{clip:rect(10px,9999px,40px,0);transform:skew(0)}}.animate-fade-in{animation:fadeIn .6s cubic-bezier(.16,1,.3,1) forwards}.animate-pulse-soft{animation:pulseSoft 3s cubic-bezier(.4,0,.6,1) infinite}.animate-pulse-glow{animation:pulseGlow 2.5s ease-in-out infinite}.animate-float{animation:float 8s ease-in-out infinite}.animate-float-mobile{animation:floatMobile 6s ease-in-out infinite}.text-gradient-rose{background:linear-gradient(135deg,#fff 15%,#fda4af 60%,#e11d48);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-cyan{background:linear-gradient(135deg,#fff 15%,#67e8f9 60%,#06b6d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-silver{background:linear-gradient(180deg,#fff 30%,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.studio-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .9rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase;-webkit-user-select:none;user-select:none;transition:all var(--transition-fast)}.studio-pill-rose{background:#e11d481a;border:1px solid rgba(225,29,72,.35);color:#fb7185}.studio-pill-cyan{background:#22d3ee1a;border:1px solid rgba(34,211,238,.35);color:#38bdf8}.studio-pill-emerald{background:#10b9811a;border:1px solid rgba(16,185,129,.35);color:#34d399}.ambient-laser-glow{position:absolute;top:0;left:50%;transform:translate(-50%);width:min(1000px,90vw);height:380px;background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(225,29,72,.16) 0%,rgba(99,102,241,.08) 50%,transparent 100%);pointer-events:none;z-index:0}@keyframes borderBeamOrbit{to{offset-distance:100%}}@keyframes eqBarBounce{0%{transform:scaleY(.2)}50%{transform:scaleY(1)}to{transform:scaleY(.4)}}