');content:"";inset:0;opacity:.3;position:absolute}.hero-overlay[data-v-90f9a06d]{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.hero-container[data-v-90f9a06d]{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;margin:0 auto;max-width:1200px;padding:clamp(24px,6vh,72px) 1.5rem 2rem;position:relative;width:100%;z-index:2}.hero-text[data-v-90f9a06d]{animation:fadeInUp-90f9a06d 1s ease-out;margin-top:2.5rem;max-width:820px;padding:1rem 0;text-align:center}.hero-title[data-v-90f9a06d]{color:#1f2937;font-size:3rem;font-weight:700;letter-spacing:-.025em;line-height:1.1;margin-bottom:1rem}@media (min-width:1024px){.hero-title[data-v-90f9a06d]{font-size:3.5rem}}@media (min-width:1280px){.hero-title[data-v-90f9a06d]{font-size:4rem}}.hero-title-main[data-v-90f9a06d]{background:linear-gradient(135deg,#007aff,#5856d6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative;z-index:2}.hero-title-glow[data-v-90f9a06d]{display:none}.hero-subtitle[data-v-90f9a06d]{animation:fadeInUp-90f9a06d 1s ease-out .2s both;font-size:1.125rem}.hero-description[data-v-90f9a06d],.hero-subtitle[data-v-90f9a06d]{color:#6b7280;margin-top:1rem;max-width:42rem}.hero-description[data-v-90f9a06d]{animation:fadeInUp-90f9a06d 1s ease-out .4s both;font-size:1.25rem;line-height:1.75}.hero-cta[data-v-90f9a06d]{align-items:center;animation:fadeInUp-90f9a06d 1s ease-out .6s both;display:flex;flex-direction:column;gap:.75rem;justify-content:center;margin-top:1rem}@media (min-width:640px){.hero-cta[data-v-90f9a06d]{flex-direction:row}}.cta-button[data-v-90f9a06d]{align-items:center;border-radius:12px;display:inline-flex;font-family:SF Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:18px;font-style:normal;font-weight:590;gap:10px;height:57px;justify-content:center;letter-spacing:-.45px;line-height:22.5px;padding:16px 32px;position:relative;text-align:center;text-decoration:none;transition:all .15s ease-in-out;white-space:nowrap}.cta-button.primary[data-v-90f9a06d]{background:#fff;color:#000;width:189px}.cta-button.primary[data-v-90f9a06d]:hover{filter:brightness(1.06);transform:translateY(-1px)}.cta-button.primary[data-v-90f9a06d]:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.cta-button.secondary[data-v-90f9a06d]{background:transparent;border:2px solid #fff;color:#fff;width:206px}.cta-button.secondary[data-v-90f9a06d]:hover{background-color:#3b82f614}.cta-button.secondary[data-v-90f9a06d]:focus-visible{outline:2px solid #000;outline-offset:2px}@media (max-width:640px){.cta-button[data-v-90f9a06d]{max-width:280px;width:100%}}.cta-button svg[data-v-90f9a06d]{transition:transform .3s ease}.cta-button:hover svg[data-v-90f9a06d]{transform:translate(2px,-2px)}.hero-visual[data-v-90f9a06d]{align-items:center;align-self:start;animation:fadeInRight-90f9a06d 1s ease-out .8s both;display:flex;justify-content:center;justify-self:center}.hero-image-wrap[data-v-90f9a06d]{transform:none}.hero-image.floating[data-v-90f9a06d]{animation:float-90f9a06d 6s ease-in-out infinite;border-radius:20px;box-shadow:0 20px 40px #0000001a;height:auto;max-width:260px;width:100%}.dynamic-island[data-v-90f9a06d],.phone-frame[data-v-90f9a06d],.phone-mockup[data-v-90f9a06d],.phone-screen[data-v-90f9a06d],.phone-screen-img[data-v-90f9a06d]{display:none}.island-content[data-v-90f9a06d]{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:10px;gap:4px;text-align:center}.music-info[data-v-90f9a06d]{font-weight:600}.song-title[data-v-90f9a06d]{color:#fff;font-size:9px;margin-bottom:2px}.artist[data-v-90f9a06d]{color:#ffffffb3;font-size:8px}.lyrics-display[data-v-90f9a06d]{display:flex;flex-direction:column;gap:2px}.lyric-line[data-v-90f9a06d]{color:#fff9;font-size:7px;transition:color .5s ease}.lyric-line.active[data-v-90f9a06d]{color:#3b82f6}.scroll-indicator[data-v-90f9a06d]{animation:bounce-90f9a06d 2s infinite;bottom:2rem;left:50%;position:absolute;transform:translate(-50%)}.scroll-arrow[data-v-90f9a06d]{border-bottom:2px solid #3b82f6;border-right:2px solid #3b82f6;height:24px;transform:rotate(45deg);width:24px}.features-section[data-v-90f9a06d]{background:#000;padding:6rem 0;position:relative;z-index:1}.container[data-v-90f9a06d]{margin:0 auto;max-width:1200px;padding:0 2rem}.section-header[data-v-90f9a06d]{margin-bottom:4rem;text-align:center}.section-title[data-v-90f9a06d]{background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:2.5rem;font-weight:700;margin-bottom:1rem;-webkit-text-fill-color:transparent}.section-description[data-v-90f9a06d]{color:#64748b;font-size:1.2rem;margin:0 auto;max-width:600px}.features-grid[data-v-90f9a06d]{display:grid;gap:4rem;margin-bottom:4rem}.feature-item[data-v-90f9a06d]{align-items:center;background:#ffffff0f;border:1px solid hsla(0,0%,100%,.12);border-radius:1rem;box-shadow:0 10px 24px #0000000d;display:grid;gap:3rem;grid-template-columns:1fr 1fr;padding:2rem}.feature-card[data-v-90f9a06d]{background:#000;border:1px solid hsla(0,0%,100%,.5);border-radius:40px;overflow:hidden;position:relative;transform:scale(.9);transform-origin:center}.feature-card[data-v-90f9a06d]:before{background:url(/image/card-background.png) 50%/cover no-repeat;content:"";inset:0;position:absolute;transform:scaleX(-1);z-index:0}.feature-card[data-v-90f9a06d]>*{position:relative;z-index:1}.feature-item[data-v-90f9a06d]:hover{transform:translateY(-2px)}.feature-title[data-v-90f9a06d]{color:#fff!important;font-size:34px!important;font-weight:700!important;letter-spacing:.4px!important;line-height:41px!important;margin-bottom:.5rem}.feature-description[data-v-90f9a06d],.feature-title[data-v-90f9a06d]{font-family:SF Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-style:normal!important;vertical-align:middle!important}.feature-description[data-v-90f9a06d]{color:#ffffffb2!important;font-size:17px!important;font-weight:590!important;letter-spacing:-.43px!important;line-height:22px!important;margin-bottom:1rem}.feature-list[data-v-90f9a06d]{list-style:none;padding:0}.feature-list-item[data-v-90f9a06d]{align-items:center;color:#4a5568;display:flex;font-size:1rem;gap:.75rem;margin-bottom:.75rem}.feature-list-item svg[data-v-90f9a06d]{color:#667eea;flex-shrink:0}.feature-media[data-v-90f9a06d]{align-items:center;display:flex;justify-content:center}.feature-media-inner[data-v-90f9a06d]{background:#3b82f61a;border-radius:.75rem;overflow:hidden;padding:3rem}.features-section[data-v-90f9a06d]{--feature-media-width:320px}.feature-media .widget-container.compact[data-v-90f9a06d]{max-width:var(--feature-media-width);width:100%}.feature-item.reverse[data-v-90f9a06d]{direction:rtl}.feature-content[data-v-90f9a06d],.feature-item.reverse .feature-content[data-v-90f9a06d]{direction:ltr}.feature-icon-bubble[data-v-90f9a06d],.feature-image[data-v-90f9a06d]{align-items:center;display:flex;justify-content:center}.feature-icon-bubble[data-v-90f9a06d]{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:2px dashed #cbd5e1;border-radius:20px;height:200px;overflow:hidden;position:relative;transition:all .3s ease;width:300px}.feature-icon-bubble[data-v-90f9a06d]:hover{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-color:#667eea;box-shadow:0 10px 30px #667eea33;transform:translateY(-5px)}.feature-icon-bubble[data-v-90f9a06d]:before{background:radial-gradient(circle at center,rgba(102,126,234,.1) 0,transparent 70%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.feature-icon-bubble[data-v-90f9a06d]:hover:before{opacity:1}.feature-icon[data-v-90f9a06d]{color:#667eea;color:#1d4ed8;filter:drop-shadow(0 2px 4px rgba(102,126,234,.2));filter:drop-shadow(0 2px 4px rgba(29,78,216,.15));margin-bottom:1rem;transition:all .3s ease}.feature-icon-container:hover .feature-icon[data-v-90f9a06d]{color:#5a67d8;transform:scale(1.1)}.feature-media-title[data-v-90f9a06d]{color:#6b7280;font-size:.95rem}@media (max-width:1024px){.features-grid[data-v-90f9a06d]{gap:2rem}.feature-item[data-v-90f9a06d]{gap:2rem;grid-template-columns:1fr;text-align:center}.feature-item.reverse[data-v-90f9a06d]{direction:ltr}}.cta-section[data-v-90f9a06d]{background:#fff;border:1px solid #e5e7eb;border-radius:30px;box-shadow:0 10px 30px #0000000f;margin:2rem 0;padding:4rem 0;text-align:center}.cta-content[data-v-90f9a06d]{margin:0 auto;max-width:600px}.cta-title[data-v-90f9a06d]{color:#111827;font-size:2rem;font-weight:700;margin-bottom:1rem}.cta-description[data-v-90f9a06d]{color:#64748b;font-size:1.2rem;margin-bottom:2rem}.cta-buttons[data-v-90f9a06d]{display:flex;gap:1rem;justify-content:center}.cta-button.large[data-v-90f9a06d]{font-size:inherit;padding:1.2rem 2.5rem}@keyframes fadeInUp-90f9a06d{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight-90f9a06d{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes float-90f9a06d{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes bounce-90f9a06d{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}@keyframes glow-90f9a06d{0%{text-shadow:0 0 20px hsla(0,0%,100%,.3)}to{text-shadow:0 0 30px hsla(0,0%,100%,.5)}}@keyframes pulse-90f9a06d{0%,to{box-shadow:0 0 #4fc3f766}50%{box-shadow:0 0 0 10px #4fc3f700}}.hero-product-visual[data-v-90f9a06d]{align-items:center;display:flex;flex-direction:column;gap:1rem}.device-pill[data-v-90f9a06d]{background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 12px 40px #00000014;max-width:90vw;padding:.875rem;width:360px}.pill-header[data-v-90f9a06d]{gap:.75rem}.cover[data-v-90f9a06d],.pill-header[data-v-90f9a06d]{align-items:center;display:flex}.cover[data-v-90f9a06d]{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:10px;color:#fff;font-size:18px;height:40px;justify-content:center;width:40px}.pill-text[data-v-90f9a06d]{display:flex;flex-direction:column}.pill-title[data-v-90f9a06d]{color:#111827;font-weight:700}.pill-artist[data-v-90f9a06d]{color:#6b7280;font-size:.85rem}.pill-lyrics[data-v-90f9a06d]{display:flex;flex-direction:column;gap:.25rem;margin-top:.75rem;padding-left:.25rem}.pill-lyrics .line[data-v-90f9a06d]{color:#6b7280;font-size:.9rem}.pill-lyrics .line.active[data-v-90f9a06d]{color:#1d4ed8;font-weight:600}.service-badges[data-v-90f9a06d]{display:flex;gap:.5rem}.badge[data-v-90f9a06d]{background:#fff;border:1px solid #e5e7eb;border-radius:999px;box-shadow:0 6px 16px #0000000f;color:#111827;font-size:.8rem;padding:.375rem .75rem}.badge.apple[data-v-90f9a06d]{font-weight:600}.badge.spotify[data-v-90f9a06d]{border-color:#0dbd5940;color:#0dbd59}.carplay-banner[data-v-90f9a06d]{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:999px;color:#111827;display:inline-flex;font-size:.85rem;gap:.5rem;padding:.4rem .75rem}.widget-container.compact[data-v-90f9a06d]{gap:1rem;max-width:320px}.music-widget.compact[data-v-90f9a06d],.translation-widget.compact[data-v-90f9a06d]{border-radius:16px;padding:1rem}.translation-widget .widget-content[data-v-90f9a06d]{text-align:left}.translation-widget .translation-item[data-v-90f9a06d]{align-items:flex-start}.translation-widget .original-text[data-v-90f9a06d],.translation-widget .translated-text[data-v-90f9a06d]{display:block}@media (max-width:1024px){.hero-container[data-v-90f9a06d]{gap:2rem;padding:2rem 1rem 2.5rem;place-items:center;text-align:center}.hero-cta[data-v-90f9a06d]{align-items:center;justify-content:center}.hero-widgets[data-v-90f9a06d]{order:-1}.widget-container[data-v-90f9a06d]{max-width:320px}.hero-title[data-v-90f9a06d]{font-size:3rem}}@media (min-width:1024px){.hero-text[data-v-90f9a06d]{margin-top:4rem}}@media (max-width:768px){.hero-container[data-v-90f9a06d]{gap:1.5rem;padding:1rem}.hero-cta[data-v-90f9a06d]{align-items:center;justify-content:center}.widget-container[data-v-90f9a06d]{gap:1.5rem}.music-widget[data-v-90f9a06d],.translation-widget[data-v-90f9a06d]{padding:1rem}.widget-title[data-v-90f9a06d]{font-size:1rem}.hero-title[data-v-90f9a06d]{font-size:2.5rem}.hero-subtitle[data-v-90f9a06d]{font-size:1rem}.hero-description[data-v-90f9a06d]{font-size:1.125rem}.cta-button[data-v-90f9a06d]{justify-content:center;max-width:280px;width:100%}.features-grid[data-v-90f9a06d]{gap:2rem}.feature-item[data-v-90f9a06d]{gap:1.5rem;grid-template-columns:1fr;text-align:center}.feature-item.reverse[data-v-90f9a06d]{direction:ltr}.section-title[data-v-90f9a06d]{font-size:2rem}.cta-buttons[data-v-90f9a06d]{align-items:center;flex-direction:column}.cta-button.large[data-v-90f9a06d]{max-width:280px;width:100%}}@media (max-width:480px){.hero-title[data-v-90f9a06d]{font-size:2rem}.hero-subtitle[data-v-90f9a06d]{font-size:1.2rem}.hero-description[data-v-90f9a06d]{font-size:1rem}.hero-container[data-v-90f9a06d]{gap:1rem;padding:.75rem}.widget-container[data-v-90f9a06d]{gap:1rem;max-width:280px}.music-widget[data-v-90f9a06d],.translation-widget[data-v-90f9a06d]{padding:.75rem}.widget-icon[data-v-90f9a06d]{height:32px;width:32px}.song-title[data-v-90f9a06d],.widget-title[data-v-90f9a06d]{font-size:.9rem}.artist[data-v-90f9a06d]{font-size:.8rem}.control-btn[data-v-90f9a06d]{height:28px;width:28px}.features-section[data-v-90f9a06d]{padding:4rem 0}}.footer[data-v-90f9a06d]{align-items:center;background:#000 url(/image/footer-background.png) bottom/contain no-repeat;display:flex;justify-content:center;margin-top:auto;min-height:clamp(240px,28vh,420px);position:relative}.footer[data-v-90f9a06d]:before{background:linear-gradient(180deg,#000,transparent);content:"";height:20%;left:0;pointer-events:none;position:absolute;right:0;top:0}.hero-banner[data-v-90f9a06d]{align-items:center;background:transparent;border-radius:80px;box-sizing:border-box;display:inline-flex;flex-direction:row;gap:6px;height:60px;justify-content:center;margin:0 auto;padding:16px;position:relative;width:auto}.hero-banner[data-v-90f9a06d]:before{background:linear-gradient(90deg,#238bfb,#8b6ce6 50%,#d350c1 75%,#fe364e 87.5%,#ff840e);border-radius:80px;content:"";inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;pointer-events:none;position:absolute}.hero-banner-text[data-v-90f9a06d]{align-items:center;color:#fff;display:flex;font-family:SF Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:19.8px;font-style:normal;font-weight:700;height:28px;letter-spacing:-.26px;line-height:28px;text-align:center;width:auto}.hero-banner-icon[data-v-90f9a06d]{align-self:center;display:inline-block;height:22px;width:22px}.footer-divider[data-v-90f9a06d]{display:none}.footer-content[data-v-90f9a06d]{margin:4vh auto 0;max-width:1200px;padding:2rem;text-align:center}.footer-links[data-v-90f9a06d]{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.footer-link[data-v-90f9a06d]{color:#fff;font-size:.99rem;text-decoration:none;transition:text-decoration-color .2s ease}.footer-link[data-v-90f9a06d]:hover{color:#fff;text-decoration:underline;text-decoration-thickness:from-font;text-underline-offset:2px}.footer-separator[data-v-90f9a06d]{color:#fff;font-size:.99rem}.footer-copyright[data-v-90f9a06d]{color:#fff;font-size:.88rem;margin:0}.features-section[data-v-90f9a06d]:before{background:linear-gradient(90deg,transparent,#e2e8f0 50%,transparent);content:"";display:block;height:1px;margin:0 auto 4rem;max-width:800px}.hero-widgets[data-v-90f9a06d]{align-items:center;animation:fadeInRight-90f9a06d 1s ease-out .8s both;display:flex;justify-content:center}.widget-container[data-v-90f9a06d]{display:flex;flex-direction:column;gap:1.5rem;max-width:360px;width:100%}.music-widget[data-v-90f9a06d],.translation-widget[data-v-90f9a06d]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid hsla(0,0%,100%,.2);border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.music-widget[data-v-90f9a06d]:hover,.translation-widget[data-v-90f9a06d]:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-5px)}.widget-header[data-v-90f9a06d]{gap:.75rem;margin-bottom:1rem}.widget-header[data-v-90f9a06d],.widget-icon[data-v-90f9a06d]{align-items:center;display:flex}.widget-icon[data-v-90f9a06d]{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;color:#fff;height:40px;justify-content:center;width:40px}.widget-title[data-v-90f9a06d]{color:#1e293b;font-size:1.1rem;font-weight:600}.widget-content[data-v-90f9a06d]{display:flex;flex-direction:column;gap:1rem}.song-info[data-v-90f9a06d]{text-align:center}.song-title[data-v-90f9a06d]{color:#1e293b;font-size:1rem;font-weight:600;margin-bottom:.25rem}.artist[data-v-90f9a06d]{color:#64748b;font-size:.9rem}.lyrics-preview[data-v-90f9a06d]{background:#0000000d;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.lyric-line[data-v-90f9a06d]{color:#64748b;font-size:.85rem;line-height:1.4}.widget-controls[data-v-90f9a06d]{gap:1rem;margin-top:.5rem}.control-btn[data-v-90f9a06d],.widget-controls[data-v-90f9a06d]{display:flex;justify-content:center}.control-btn[data-v-90f9a06d]{align-items:center;background:#3b82f61a;border:none;border-radius:8px;color:#3b82f6;cursor:pointer;height:32px;transition:all .3s ease;width:32px}.control-btn[data-v-90f9a06d]:hover{background:#3b82f633;transform:scale(1.1)}.control-btn.active[data-v-90f9a06d]{background:#3b82f6;color:#fff}.translation-item[data-v-90f9a06d]{border-bottom:1px solid rgba(0,0,0,.05);display:flex;flex-direction:column;gap:.25rem;padding:.5rem 0}.translation-item[data-v-90f9a06d]:last-child{border-bottom:none}.original-text[data-v-90f9a06d]{color:#64748b;font-size:.9rem;font-style:italic}.translated-text[data-v-90f9a06d]{color:#1e293b;font-size:.9rem;font-weight:500}
Connect Apple Music and Spotify. See real-time lyrics on iOS 26+ Dynamic Island and CarPlay for a safer, richer drive.
Real‑time lyrics on Dynamic Island and CarPlay, with seamless music service integration.
Precise line‑by‑line syncing with smooth auto‑scroll and current‑line highlighting. Works beautifully in the car and on iPhone.
View lyrics on your car's display with CarPlay.
Connect your accounts securely. Auto‑detect the current track and keep your lyrics in sync across devices.