@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_fa93af41-module__0D_jrq__className{font-family:Inter,Inter Fallback;font-style:normal}
:root{--white:#fff;--off-white:#f7f5ff;--purple:#7c3aed;--purple-light:#a78bfa;--purple-dark:#5b21b6;--purple-faint:#ede9fe;--purple-faint2:#f5f3ff;--text:#1a1a2e;--text-soft:#6b7280;--border:#e5e7eb;--border-purple:#ddd6fe;--success-bg:#f0fdf4;--success-text:#166534;--success-border:#bbf7d0;--error-bg:#fef2f2;--error-text:#991b1b;--error-border:#fecaca;--radius-sm:10px;--radius:16px;--radius-lg:24px;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow:0 4px 16px #7c3aed14, 0 1px 4px #0000000a;--shadow-lg:0 12px 40px #7c3aed1f, 0 4px 12px #0000000f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--white);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.container{width:min(640px,100% - 2.5rem);margin:0 auto}.container--wide{width:min(960px,100% - 2.5rem);margin:0 auto}.topbar{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#ffffffeb;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.brand{color:var(--text);letter-spacing:-.01em;align-items:center;gap:.6rem;font-size:1rem;font-weight:700;display:flex}.brand-icon{background:var(--purple);color:#fff;letter-spacing:0;border-radius:8px;place-items:center;width:2rem;height:2rem;font-size:.75rem;font-weight:800;display:grid}.brand-logo{border-radius:8px;display:block}.topbar-cta{background:var(--purple);color:#fff;border-radius:999px;align-items:center;padding:.55rem 1.2rem;font-size:.875rem;font-weight:600;transition:background .15s;display:inline-flex}.topbar-cta:hover{background:var(--purple-dark)}.topbar-right{align-items:center;gap:.75rem;display:flex}.lang-switcher{border:1.5px solid var(--border-purple);background:var(--purple-faint2);border-radius:999px;align-items:center;gap:0;display:flex;overflow:hidden}.lang-btn{color:var(--text-soft);cursor:pointer;letter-spacing:.04em;background:0 0;border:none;padding:.35rem .75rem;font-size:.8rem;font-weight:600;transition:background .12s,color .12s}.lang-btn:hover{color:var(--purple)}.lang-btn--active{background:var(--purple);color:#fff}.lang-divider{background:var(--border-purple);flex-shrink:0;width:1px;height:1.2rem}.hero{background:linear-gradient(180deg, var(--purple-faint2) 0%, var(--white) 100%);border-bottom:1px solid var(--border);padding:5rem 0 4rem}.hero-inner{grid-template-columns:1fr auto;align-items:center;gap:3rem;display:grid}.hero-text{max-width:600px}.hero-badge{background:var(--purple-faint);color:var(--purple);letter-spacing:.02em;border-radius:999px;align-items:center;gap:.4rem;margin-bottom:1.5rem;padding:.35rem .9rem;font-size:.82rem;font-weight:600;display:inline-flex}.hero-badge-dot{background:var(--purple);border-radius:50%;width:6px;height:6px}.hero h1{letter-spacing:-.03em;color:var(--text);margin-bottom:1.2rem;font-size:clamp(2.4rem,5vw,3.8rem);font-weight:800;line-height:1.1}.hero h1 span{color:var(--purple)}.hero-lead{color:var(--text-soft);margin-bottom:2rem;font-size:1.05rem;line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.hero-visual{flex-shrink:0}.hero-logo{border-radius:28px;box-shadow:0 20px 60px #7c3aed2e,0 4px 16px #0000000f}.steps-section{background:var(--purple);padding:2.5rem 0}.steps-grid{text-align:center;grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.step-item{flex-direction:column;align-items:center;gap:.6rem;display:flex}.step-num{color:#fff;background:#ffffff2e;border:2px solid #ffffff4d;border-radius:50%;place-items:center;width:2.5rem;height:2.5rem;font-size:1.1rem;font-weight:800;display:grid}.step-text{color:#ffffffe6;font-size:.9rem;font-weight:500;line-height:1.4}.hero-cta{background:var(--purple);color:#fff;border-radius:999px;align-items:center;gap:.5rem;padding:.9rem 2rem;font-size:1rem;font-weight:600;transition:background .18s,transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 4px 20px #7c3aed47}.hero-cta:hover{background:var(--purple-dark);transform:translateY(-1px);box-shadow:0 8px 28px #7c3aed59}.section-title{color:var(--text);letter-spacing:-.02em;text-align:center;margin-bottom:.6rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:800}.section-lead{text-align:center;color:var(--text-soft);margin-bottom:2.5rem;font-size:1rem;line-height:1.6}.features{background:var(--off-white);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:4rem 0 5rem}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;display:grid}.feature-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:box-shadow .18s,transform .18s}.feature-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.feature-icon{background:var(--purple-faint);width:2.5rem;height:2.5rem;color:var(--purple);border-radius:10px;place-items:center;margin-bottom:1rem;font-size:1.1rem;display:grid}.feature-card h3{color:var(--text);margin-bottom:.4rem;font-size:.95rem;font-weight:700}.feature-card p{color:var(--text-soft);font-size:.875rem;line-height:1.6}.platforms-section{text-align:center;background:var(--white);border-top:1px solid var(--border);padding:4rem 0 5rem}.platforms-grid{flex-wrap:wrap;justify-content:center;gap:.85rem;margin-top:0;display:flex}.platform-pill{border:1.5px solid var(--border-purple);background:var(--purple-faint2);color:var(--purple-dark);border-radius:999px;align-items:center;gap:.5rem;padding:.7rem 1.4rem;font-size:.925rem;font-weight:600;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.platform-pill:hover{background:var(--purple-faint);border-color:var(--purple-light);transform:translateY(-2px)}.platform-icon{font-size:1.1rem}.btn--download{padding:1rem 2.2rem;font-size:1.05rem;animation:2.4s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{box-shadow:0 4px 20px #7c3aed47}50%{box-shadow:0 6px 32px #7c3aed85}}.btn--outline{border:2px solid var(--purple);color:var(--purple);border-radius:999px;justify-content:center;align-items:center;padding:.9rem 1.5rem;font-size:1rem;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.btn--outline:hover{background:var(--purple-faint)}.footer{color:var(--text-soft);border-top:1px solid var(--border);background:var(--off-white);padding:1.5rem 0;font-size:.85rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer-brand{color:var(--text);align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.footer-brand img{border-radius:6px}.footer-legal{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;font-size:.8rem;display:flex}.footer-legal a{color:var(--text-soft);transition:color .15s}.footer-legal a:hover{color:var(--purple)}.footer-legal-dot{color:var(--border-purple);-webkit-user-select:none;user-select:none}.legal-shell{background:var(--off-white);flex-direction:column;min-height:100vh;display:flex}.legal-main{flex:1;justify-content:center;padding:2.5rem 1rem 4rem;display:flex}.legal-card{background:var(--white);border:1px solid var(--border);border-radius:16px;width:100%;max-width:760px;padding:3rem 2.5rem;box-shadow:0 1px 4px #0000000a}.legal-header{border-bottom:1px solid var(--border);margin-bottom:2rem;padding-bottom:1.5rem}.legal-header h1{letter-spacing:-.02em;color:var(--text);margin-bottom:.4rem;font-size:1.75rem;font-weight:800}.legal-date{color:var(--text-soft);font-size:.85rem}.legal-body section{margin-bottom:2rem}.legal-body h2{color:var(--text);letter-spacing:-.01em;margin-bottom:.5rem;font-size:1.05rem;font-weight:700}.legal-body p{color:var(--text-soft);white-space:pre-line;margin-bottom:.75rem;font-size:.95rem;line-height:1.75}.legal-body a,.contact-link{color:var(--purple);-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:text-decoration-color .15s}.legal-body a:hover,.contact-link:hover{-webkit-text-decoration-color:var(--purple);text-decoration-color:var(--purple)}.legal-nav{border-top:1px solid var(--border);color:var(--text-soft);flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;font-size:.85rem;display:flex}.legal-nav a{color:var(--purple);transition:opacity .15s}.legal-nav a:hover{opacity:.75}@media (max-width:600px){.legal-card{padding:2rem 1.25rem}}.qr-shell{background:var(--off-white);flex-direction:column;min-height:100vh;display:flex}.qr-main{flex:1;justify-content:center;align-items:flex-start;padding:2rem 1.25rem 4rem;display:flex}.qr-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:520px;padding:2.5rem 2rem}.qr-card-logo{align-items:center;gap:.6rem;margin-bottom:2rem;display:flex}.qr-card-logo-icon{background:var(--purple);color:#fff;border-radius:8px;place-items:center;width:2.25rem;height:2.25rem;font-size:.7rem;font-weight:800;display:grid}.qr-card-logo-name{color:var(--text);font-size:.9rem;font-weight:700}.qr-heading{letter-spacing:-.03em;color:var(--text);margin-bottom:.6rem;font-size:1.6rem;font-weight:800;line-height:1.2}.qr-lead{color:var(--text-soft);margin-bottom:1.75rem;font-size:.95rem;line-height:1.65}.notice{border-radius:var(--radius-sm);margin-bottom:1.5rem;padding:1rem 1.1rem;font-size:.9rem;line-height:1.6}.notice--success{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success-text)}.notice--error{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text)}.notice--info{background:var(--purple-faint2);border:1px solid var(--border-purple);color:var(--purple-dark)}.notice strong{margin-bottom:.25rem;font-weight:700;display:block}.notice ol{margin-top:.35rem;padding-left:1.2rem}.notice li+li{margin-top:.2rem}.form{gap:1.25rem;display:grid}.field{gap:.5rem;display:grid}.field label{color:var(--text);font-size:.85rem;font-weight:600}.input-row{align-items:stretch;gap:.5rem;display:flex}.input{border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);background:var(--white);outline:none;padding:.9rem 1rem;font-size:1rem;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #7c3aed1f}.input::placeholder{color:#c4c4d4}textarea.input{resize:vertical;min-height:120px;font-family:inherit}.field-hint{color:var(--text-soft);font-size:.8rem}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.4rem;font-weight:600;transition:background .15s,transform .15s,box-shadow .15s;display:inline-flex}.btn--primary{background:var(--purple);color:#fff;padding:.9rem 1.5rem;font-size:1rem;box-shadow:0 4px 16px #7c3aed3d}.btn--primary:hover{background:var(--purple-dark);transform:translateY(-1px);box-shadow:0 6px 22px #7c3aed52}.btn--ghost{background:var(--off-white);color:var(--text);border:1.5px solid var(--border);white-space:nowrap;padding:.8rem 1rem;font-size:.875rem}.btn--ghost:hover{background:var(--purple-faint);border-color:var(--border-purple);color:var(--purple)}.btn--full{width:100%}.divider{border:none;border-top:1px solid var(--border);margin:1.5rem 0}.playlist-stored{border:1.5px solid var(--border-purple);border-radius:var(--radius);background:var(--purple-faint2);padding:1.25rem}.playlist-stored h3{color:var(--purple-dark);margin-bottom:.25rem;font-size:1rem;font-weight:700}.playlist-stored p{color:var(--text-soft);font-size:.85rem}.qr-footer{text-align:center;color:var(--text-soft);padding:1.5rem 0;font-size:.8rem}@media (max-width:768px){.hero-inner{text-align:center;grid-template-columns:1fr}.hero-visual{order:-1;justify-content:center;display:flex}.hero-logo{width:120px;height:120px}.hero-actions{justify-content:center}.hero-badge{margin-left:auto;margin-right:auto}.steps-grid{grid-template-columns:1fr;gap:1rem}.feature-grid{grid-template-columns:1fr}.footer-inner{text-align:center;flex-direction:column;align-items:center}}@media (max-width:600px){.qr-card{padding:2rem 1.25rem}.hero{padding:3rem 0 2.5rem}.hero h1{font-size:2rem}.topbar-inner{flex-direction:row;align-items:center;gap:.5rem}}