.metronome-icon[data-v-6cab3ccf],.tuner-icon[data-v-1b46adae]{display:inline-block;vertical-align:middle}.container[data-v-30cb94f3]{margin:0 auto;max-width:1400px;padding:40px 20px}.intro[data-v-30cb94f3]{margin-bottom:60px;text-align:center}.intro h1[data-v-30cb94f3]{color:#333;font-size:2.5em;margin-bottom:20px}.intro p[data-v-30cb94f3]{color:#666;font-size:1.2em;line-height:1.6;margin:0 auto;max-width:800px}.tools-grid[data-v-30cb94f3]{display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:80px}.tool-card-link[data-v-30cb94f3]{color:inherit;text-decoration:none}.tool-card[data-v-30cb94f3]{animation:fadeInUp-30cb94f3 .5s forwards;background:#fff;border-radius:15px;box-shadow:0 5px 15px #00000014;cursor:pointer;display:flex;flex-direction:column;height:100%;opacity:0;padding:30px;position:relative;transition:all .3s}@keyframes fadeInUp-30cb94f3{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tool-card[data-v-30cb94f3]:hover{box-shadow:0 10px 25px #667eea26;transform:translateY(-5px)}.tool-card.active-tool[data-v-30cb94f3]{cursor:pointer}.tool-card[data-v-30cb94f3]:not(.active-tool){cursor:not-allowed;opacity:.6}.tool-card[data-v-30cb94f3]:not(.active-tool):hover{box-shadow:0 5px 15px #00000014;transform:none}.coming-soon[data-v-30cb94f3]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:.75em;font-weight:600;padding:5px 12px;position:absolute;right:15px;top:15px}.tool-icon[data-v-30cb94f3]{font-size:3em;margin-bottom:15px}.tool-card h3[data-v-30cb94f3]{color:#333;font-size:1.3em;margin-bottom:10px}.tool-card p[data-v-30cb94f3]{color:#666;flex-grow:1;line-height:1.5}.features[data-v-30cb94f3]{margin-top:80px;text-align:center}.features h2[data-v-30cb94f3]{color:#333;font-size:2.2em;margin-bottom:50px}.features-grid[data-v-30cb94f3]{display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-item[data-v-30cb94f3]{padding:30px}.feature-icon[data-v-30cb94f3]{font-size:3em;margin-bottom:20px}.feature-item h3[data-v-30cb94f3]{color:#333;font-size:1.4em;margin-bottom:15px}.feature-item p[data-v-30cb94f3]{color:#666;line-height:1.6}.home-seo[data-v-30cb94f3]{background:#fff;margin:0 calc(50% - 50vw);padding:60px 0}.home-seo-inner[data-v-30cb94f3]{margin:0 auto;max-width:1400px;padding:0 20px;text-align:left}.home-seo-inner h2[data-v-30cb94f3]{color:#333;font-size:2.2em;margin-bottom:30px}.home-seo-inner h3[data-v-30cb94f3]{color:#333;font-size:1.4em;margin:30px 0 12px}.home-seo-inner p[data-v-30cb94f3]{color:#555;font-size:1.1em;line-height:1.8;margin-bottom:16px}.modal[data-v-30cb94f3]{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content[data-v-30cb94f3]{background:#fff;border-radius:15px;box-shadow:0 10px 40px #0003;max-width:500px;padding:40px;text-align:center}.modal-content h3[data-v-30cb94f3]{color:#667eea;font-size:1.8em;margin-bottom:20px}.modal-content p[data-v-30cb94f3]{color:#666;font-size:1.1em;line-height:1.6;margin-bottom:30px}.modal-close[data-v-30cb94f3]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1em;font-weight:600;padding:12px 30px;transition:all .3s}.modal-close[data-v-30cb94f3]:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}@media(max-width:768px){.intro h2[data-v-30cb94f3]{font-size:2em}.intro p[data-v-30cb94f3]{font-size:1em}.tools-grid[data-v-30cb94f3]{grid-template-columns:1fr}.features h2[data-v-30cb94f3]{font-size:1.8em}.features-grid[data-v-30cb94f3]{grid-template-columns:1fr}}