:root {
  --bg: #070b14;
  --bg-2: #0b1120;
  --panel: rgba(17, 24, 39, 0.72);
  --panel-strong: #101827;
  --line: rgba(255,255,255,.09);
  --text: #f7f9ff;
  --muted: #9ba7bd;
  --blue: #60a5fa;
  --cyan: #22d3ee;
  --violet: #8b5cf6;
  --green: #22c55e;
  --shadow: 0 32px 90px rgba(0,0,0,.4);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 50% -15%,#111a31 0,#070b14 43%,#050810 100%);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.55;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
.container{width:min(1180px,calc(100% - 48px));margin:0 auto;position:relative;z-index:2}
.page-glow{position:fixed;width:520px;height:520px;border-radius:50%;filter:blur(120px);opacity:.14;pointer-events:none;z-index:0}.page-glow-a{background:#1d4ed8;top:-220px;left:-140px}.page-glow-b{background:#7c3aed;right:-240px;top:320px}
.nav-wrap{position:sticky;top:0;z-index:20;background:rgba(7,11,20,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:11px;font-weight:800;font-size:20px;letter-spacing:-.5px}.brand-mark{width:34px;height:34px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:linear-gradient(145deg,rgba(96,165,250,.18),rgba(139,92,246,.18));display:grid;place-items:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.nav-links{display:flex;gap:27px;color:#b3bed1;font-size:14px}.nav-links a:hover{color:#fff}.nav-actions{display:flex;align-items:center;gap:14px}.lang-switch{display:flex;align-items:center;gap:5px;padding:4px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.035)}.lang-btn{width:34px;height:30px;border:0;border-radius:999px;background:transparent;cursor:pointer;opacity:.45;filter:saturate(.7);transition:.2s}.lang-btn:hover,.lang-btn.active{opacity:1;background:rgba(255,255,255,.09);filter:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:14px;font-weight:700;transition:.2s;border:1px solid transparent;white-space:nowrap}.btn-small{height:40px;padding:0 16px;font-size:13px}.btn-ghost{border-color:var(--line);background:rgba(255,255,255,.035)}.btn-ghost:hover{background:rgba(255,255,255,.08)}.btn-primary{padding:14px 19px;background:linear-gradient(135deg,#f8fbff,#b9d7ff);color:#07101f;box-shadow:0 12px 36px rgba(96,165,250,.2)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 16px 42px rgba(96,165,250,.28)}.btn-secondary{padding:14px 19px;border-color:var(--line);background:rgba(255,255,255,.035)}.btn-secondary:hover{background:rgba(255,255,255,.07)}
.hero{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;min-height:710px;padding-top:72px;padding-bottom:76px;gap:40px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:11px;color:#87bfff;font-weight:800;margin-bottom:17px}.hero h1{font-size:clamp(52px,6vw,82px);line-height:.98;letter-spacing:-.062em;margin:0 0 24px;max-width:700px}.hero h1 span{background:linear-gradient(100deg,#9ed0ff 0,#a78bfa 60%,#64e0ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{font-size:19px;max-width:650px;color:var(--muted);margin:0 0 31px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.hero-pills span,.licensing-tags span{font-size:12px;color:#c8d2e5;border:1px solid var(--line);background:rgba(255,255,255,.035);padding:7px 10px;border-radius:999px}
.hero-visual{position:relative;min-height:610px;display:grid;place-items:center}.phone-shell{width:326px;height:628px;border-radius:44px;padding:15px 17px 16px;background:linear-gradient(160deg,#111827,#080d17 70%);border:1px solid rgba(255,255,255,.16);box-shadow:0 50px 90px rgba(0,0,0,.54),inset 0 1px 0 rgba(255,255,255,.13);position:relative;overflow:hidden;transform:rotate(2deg)}.phone-shell:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 0,rgba(96,165,250,.14),transparent 32%),radial-gradient(circle at 100% 34%,rgba(139,92,246,.12),transparent 35%);pointer-events:none}.phone-top{height:35px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#cfd7e6;position:relative}.phone-island{position:absolute;top:2px;left:50%;transform:translateX(-50%);width:90px;height:25px;border-radius:999px;background:#02050b}.app-head{display:flex;align-items:center;justify-content:space-between;margin:13px 2px 17px}.mini-label{font-size:11px;color:#8491a8}.mini-title{font-size:22px;font-weight:800;letter-spacing:-.4px}.mini-avatar{height:34px;width:34px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:800;background:linear-gradient(145deg,#70b9ff,#7858f5);box-shadow:0 9px 25px rgba(96,165,250,.3)}.stats-card{padding:17px;border-radius:19px;background:linear-gradient(145deg,rgba(96,165,250,.18),rgba(139,92,246,.11));border:1px solid rgba(255,255,255,.09);display:flex;align-items:flex-end;justify-content:space-between}.stats-number{font-size:32px;font-weight:850;line-height:1}.stats-text{font-size:11px;color:#a9b6ca;margin-top:5px}.stats-chip{font-size:9px;color:#bdebd0;border:1px solid rgba(34,197,94,.2);background:rgba(34,197,94,.08);padding:5px 7px;border-radius:999px;display:flex;gap:5px;align-items:center}.pulse-dot{width:5px;height:5px;background:#5ee48d;border-radius:50%}.service-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.service{padding:11px 9px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.065);display:flex;flex-direction:column;gap:4px}.service span{font-weight:900;font-size:10px}.service b{font-size:10px}.service small{font-size:7px;color:#77849a}.spotify span{color:#1ed760}.yandex span{color:#ff5a5a}.vk span{color:#64a8ff}.section-row{display:flex;align-items:center;justify-content:space-between;margin:19px 2px 8px;font-size:10px}.section-row span{color:#758197;font-size:8px}.track-list{display:flex;flex-direction:column;gap:7px}.track{display:grid;grid-template-columns:38px 1fr 28px;align-items:center;gap:10px;padding:7px;background:rgba(255,255,255,.025);border-radius:12px}.cover{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-weight:900;font-size:12px}.c1{background:linear-gradient(145deg,#28314a,#7d325c)}.c2{background:linear-gradient(145deg,#173842,#275888)}.c3{background:linear-gradient(145deg,#49325f,#252a42)}.track-meta{display:flex;flex-direction:column}.track-meta b{font-size:9px}.track-meta small{font-size:8px;color:#7d899d}.source-dot{height:23px;width:23px;border-radius:8px;display:grid;place-items:center;font-size:7px;font-weight:900;background:rgba(255,255,255,.06);color:#a7b4c9}.bottom-tabs{position:absolute;left:17px;right:17px;bottom:13px;height:54px;display:grid;grid-template-columns:repeat(4,1fr);background:#090f1a;border:1px solid rgba(255,255,255,.07);border-radius:18px;align-items:center}.tab{display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:13px;color:#66758c}.tab small{font-size:6px;margin-top:2px}.tab.active{color:#8bc5ff}.floating-card{position:absolute;border-radius:16px;background:rgba(15,23,38,.88);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.09);box-shadow:var(--shadow);padding:11px 13px;display:flex;gap:10px;align-items:center;min-width:205px}.floating-card b{display:block;font-size:11px}.floating-card small{display:block;font-size:8px;color:#8290a6;margin-top:2px}.float-icon{height:32px;width:32px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(96,165,250,.22),rgba(139,92,246,.18));color:#b9d8ff}.floating-one{right:-18px;top:100px}.floating-two{left:-12px;bottom:96px}
.logos-strip{padding:22px 0;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between;gap:25px}.strip-label{font-size:12px;color:#6f7d92}.service-logos{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.service-logos span{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:13px;color:#d1d9e7}.service-logos .muted{color:#718097;font-weight:500}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.green{background:#1ed760}.red{background:#ff6464}.blue{background:#5ea7ff}.gray{background:#59677c}
.section{padding:112px 0}.section-head{max-width:760px;margin-bottom:46px}.section-head.compact{margin-bottom:34px}.section h2{font-size:clamp(34px,4vw,54px);line-height:1.08;letter-spacing:-.045em;margin:0 0 17px}.section-head p{font-size:17px;color:var(--muted);margin:0;max-width:700px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-card{min-height:225px;padding:24px;border-radius:22px;background:linear-gradient(150deg,rgba(17,24,39,.8),rgba(9,14,25,.8));border:1px solid var(--line);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;width:130px;height:130px;border-radius:50%;background:#2563eb;filter:blur(90px);opacity:.08;right:-50px;top:-45px}.feature-icon{width:39px;height:39px;border-radius:12px;background:rgba(96,165,250,.1);border:1px solid rgba(96,165,250,.16);display:grid;place-items:center;color:#9dcdff;margin-bottom:32px}.feature-card h3{font-size:17px;margin:0 0 9px}.feature-card p{font-size:13px;color:#8794a9;margin:0}
.flow-grid{display:grid;grid-template-columns:1fr 54px 1fr 54px 1fr;gap:6px;align-items:center}.flow-step{min-height:164px;padding:22px;border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,.025);display:flex;gap:16px}.flow-step>span{font-size:11px;color:#6e7c92;margin-top:4px}.flow-step h3{font-size:18px;margin:0 0 7px}.flow-step p{font-size:13px;color:#8794a9;margin:0}.flow-arrow{text-align:center;color:#536177;font-size:20px}
.licensing{display:grid;grid-template-columns:1.07fr .93fr;gap:60px;align-items:center}.licensing-copy h2{font-size:clamp(34px,4vw,52px);margin:0 0 20px;letter-spacing:-.04em;line-height:1.07}.licensing-copy p{color:#929fb4;font-size:15px;margin:0 0 14px}.licensing-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.architecture-card{border:1px solid var(--line);background:linear-gradient(150deg,rgba(17,24,39,.82),rgba(8,13,24,.88));padding:24px;border-radius:26px;box-shadow:var(--shadow)}.arch-title{font-size:12px;color:#8390a6;margin-bottom:18px}.arch-box{border:1px solid rgba(255,255,255,.08);border-radius:15px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:15px}.arch-box span{font-weight:800;font-size:13px}.arch-box small{font-size:9px;color:#758197}.arch-box.core{background:linear-gradient(145deg,rgba(96,165,250,.12),rgba(139,92,246,.1));border-color:rgba(96,165,250,.18)}.arch-box.provider{background:rgba(255,255,255,.035)}.arch-line{height:22px;width:1px;background:linear-gradient(#334155,#6f86a7);margin:0 auto}
.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.status-card{padding:23px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.025)}.status-card strong{font-size:10px;color:#6687ad}.status-card h3{font-size:17px;margin:27px 0 8px}.status-card p{font-size:12px;color:#8190a6;margin:0}
.cta-section{padding:16px 0 110px}.cta-card{border:1px solid rgba(255,255,255,.1);border-radius:28px;padding:39px;background:radial-gradient(circle at 90% 10%,rgba(96,165,250,.13),transparent 35%),linear-gradient(145deg,#111827,#0b101b);display:flex;align-items:center;justify-content:space-between;gap:35px}.cta-card h2{font-size:34px;letter-spacing:-.035em;margin:0 0 9px}.cta-card p{color:#8e9bb0;margin:0;max-width:650px;font-size:14px}.footer{border-top:1px solid rgba(255,255,255,.07);padding:32px 0 38px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;color:#738197;font-size:11px}.footer-brand{font-size:14px;color:#d8e1ef}.brand-mark.tiny{width:25px;height:25px;border-radius:8px;font-size:12px}
@media (max-width: 1020px){.nav-links{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:78px}.hero-copy{text-align:center}.hero h1,.hero-sub{margin-left:auto;margin-right:auto}.hero-actions,.hero-pills{justify-content:center}.hero-visual{min-height:650px}.floating-one{right:4%}.floating-two{left:4%}.feature-grid,.status-grid{grid-template-columns:repeat(2,1fr)}.licensing{grid-template-columns:1fr}.logos-strip{flex-direction:column;align-items:flex-start}.flow-grid{grid-template-columns:1fr}.flow-arrow{transform:rotate(90deg)}}
@media (max-width: 680px){.container{width:min(100% - 28px,560px)}.nav{height:68px}.brand{font-size:17px}.brand-mark{width:31px;height:31px}.nav-actions{gap:7px}.btn-small{display:none}.lang-btn{width:32px;height:28px}.hero{padding-top:54px;padding-bottom:46px;gap:20px}.eyebrow{font-size:9px;margin-bottom:13px}.hero h1{font-size:47px;line-height:1;letter-spacing:-.055em;margin-bottom:19px}.hero-sub{font-size:15px;line-height:1.6}.hero-actions{display:grid;grid-template-columns:1fr;max-width:360px;margin:0 auto}.hero-actions .btn{width:100%}.hero-pills{gap:6px}.hero-pills span{font-size:9px;padding:6px 8px}.hero-visual{min-height:565px;overflow:visible}.phone-shell{width:285px;height:548px;border-radius:37px;padding:13px 15px;transform:none}.phone-top{height:29px}.phone-island{width:78px;height:22px}.mini-title{font-size:19px}.stats-card{padding:14px}.stats-number{font-size:28px}.service{padding:8px 7px}.track-list{gap:5px}.track{grid-template-columns:34px 1fr 25px;padding:5px}.cover{width:34px;height:34px}.bottom-tabs{left:15px;right:15px;height:49px}.floating-card{display:none}.logos-strip{padding:19px 0}.service-logos{gap:14px}.service-logos span{font-size:10px}.section{padding:78px 0}.section h2,.licensing-copy h2{font-size:36px}.section-head{margin-bottom:30px}.section-head p{font-size:14px}.feature-grid,.status-grid{grid-template-columns:1fr}.feature-card{min-height:auto;padding:20px}.feature-icon{margin-bottom:23px}.flow-step{min-height:auto}.licensing{gap:28px}.architecture-card{padding:17px}.arch-box{flex-direction:column;align-items:flex-start}.cta-section{padding-bottom:75px}.cta-card{padding:27px 22px;flex-direction:column;align-items:flex-start}.cta-card h2{font-size:30px}.cta-card .btn{width:100%}.footer-inner{flex-direction:column;align-items:flex-start}.footer-inner p{margin:0}.footer-year{margin-top:-10px}}

/* MusicSync official product assets */
.brand-mark{background:#07101c;overflow:hidden}
.brand-mark img{display:block;width:100%;height:100%;object-fit:cover}
.lang-btn{min-width:44px;width:auto;padding:0 9px;color:#d7dfed;font-size:10px;font-weight:850;letter-spacing:.06em}
.phone-shell{width:326px;height:auto;aspect-ratio:326/687;padding:8px;background:#f4f7fd}
.phone-shell:before{content:none}
.app-screenshot{display:block;width:100%;height:100%;object-fit:contain;object-position:center;border-radius:36px;background:#f4f7fd}

/* First-visit language choice */
.language-gate{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:rgba(2,5,11,.84);backdrop-filter:blur(18px);transition:opacity .2s ease,visibility .2s ease}
html.has-language .language-gate,.language-gate[hidden]{display:none}
.language-dialog{width:min(460px,100%);padding:38px;border:1px solid rgba(255,255,255,.13);border-radius:30px;background:radial-gradient(circle at 50% 0,rgba(96,165,250,.15),transparent 42%),linear-gradient(155deg,#111827,#080d17);box-shadow:0 34px 100px rgba(0,0,0,.58);text-align:center}
.language-logo{width:76px;height:76px;border-radius:23px;object-fit:cover;border:1px solid rgba(255,255,255,.15);box-shadow:0 15px 38px rgba(34,113,199,.24)}
.language-kicker{margin-top:17px;color:#87bfff;font-size:10px;font-weight:850;letter-spacing:.18em;text-transform:uppercase}
.language-dialog h2{margin:10px 0 10px;font-size:31px;line-height:1.15;letter-spacing:-.035em}
.language-dialog h2 span{color:#9ba7bd;font-size:.72em;font-weight:650}
.language-dialog p{margin:0;color:#8f9cb1;font-size:13px}
.language-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:27px}
.language-choice{display:flex;align-items:center;gap:12px;padding:15px 16px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.045);color:#fff;cursor:pointer;text-align:left;transition:.2s}
.language-choice:hover,.language-choice:focus-visible{transform:translateY(-1px);border-color:rgba(142,197,255,.45);background:rgba(96,165,250,.11);outline:none}
.language-choice strong{display:grid;place-items:center;min-width:46px;height:34px;border-radius:10px;background:rgba(255,255,255,.08);font-size:11px;letter-spacing:.08em}
.language-choice span{font-size:14px;font-weight:750}

@media (max-width:680px){
  .lang-btn{min-width:39px;width:auto;height:28px;padding:0 7px}
  .phone-shell{width:285px;height:auto;aspect-ratio:326/687;padding:7px;border-radius:37px}
  .app-screenshot{border-radius:31px}
  .language-dialog{padding:29px 21px;border-radius:24px}
  .language-dialog h2{font-size:27px}
  .language-choices{grid-template-columns:1fr}
}