@font-face { font-family: "Yekan Bakh"; src: url("/fonts/YekanBakh-Light.woff2") format("woff2"); font-style: normal; font-weight: 300; font-display: swap; }
@font-face { font-family: "Yekan Bakh"; src: url("/fonts/YekanBakh-Regular.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: "Yekan Bakh"; src: url("/fonts/YekanBakh-SemiBold.woff2") format("woff2"); font-style: normal; font-weight: 600; font-display: swap; }
@font-face { font-family: "Yekan Bakh"; src: url("/fonts/YekanBakh-Bold.woff2") format("woff2"); font-style: normal; font-weight: 700; font-display: swap; }
@font-face { font-family: "Yekan Bakh"; src: url("/fonts/YekanBakh-ExtraBold.woff2") format("woff2"); font-style: normal; font-weight: 800; font-display: swap; }
@font-face { font-family: "Yekan Bakh"; src: url("/fonts/YekanBakh-ExtraBlack.woff2") format("woff2"); font-style: normal; font-weight: 900; font-display: swap; }

:root {
  color-scheme: dark;
  --bg: #080a0e;
  --surface: #0f1218;
  --surface-2: #141821;
  --line: #222936;
  --line-soft: #1a202a;
  --text: #f5f7fb;
  --muted: #9aa4b3;
  --muted-2: #707b8c;
  --blue: #4d8dff;
  --blue-strong: #397df0;
  --green: #43ca95;
  --font: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Vazirmatn, Tahoma, Arial, sans-serif;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font);
  font-size: 16px;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; }
html.page-preparing body { visibility: hidden; }
html.page-preparing::after { position: fixed; top: 50%; left: 50%; width: 28px; height: 28px; border: 2px solid #27364d; border-top-color: var(--blue); border-radius: 50%; transform: translate(-50%, -50%); animation: page-ready-spin .8s linear infinite; content: ""; }
@keyframes page-ready-spin { to { transform: translate(-50%, -50%) rotate(360deg); } }
body { min-width: 320px; margin: 0; overflow-x: hidden; background: var(--bg); }
button, a { font: inherit; }
a { color: inherit; text-decoration: none; }
.skip-link { position: fixed; top: 8px; inset-inline-start: 8px; z-index: 100; transform: translateY(-150%); border-radius: 8px; background: #fff; padding: 10px 14px; color: #111827; font-size: 13px; }
.skip-link:focus { transform: translateY(0); }

.site-header {
  position: sticky;
  top: 12px;
  z-index: 50;
  display: flex;
  width: min(1140px, calc(100% - 32px));
  min-height: 62px;
  margin: 0 auto;
  align-items: center;
  justify-content: space-between;
  border: 1px solid rgba(42, 51, 65, .9);
  border-radius: 14px;
  background: rgba(10, 13, 18, .88);
  padding: 0 12px;
  box-shadow: 0 14px 36px rgba(0, 0, 0, .28);
  backdrop-filter: blur(18px);
}
.brand { display: inline-flex; align-items: center; gap: 11px; }
.brand > span:last-child { display: grid; gap: 2px; }
.brand strong { font-size: 16px; font-weight: 700; letter-spacing: -.02em; }
.brand small { color: var(--muted-2); font-size: 11px; }
.brand-mark { display: flex; width: 34px; height: 34px; align-items: center; justify-content: center; gap: 2px; border-radius: 10px; background: var(--blue-strong); box-shadow: 0 8px 20px rgba(57, 125, 240, .18); }
.brand-mark i { display: block; width: 2px; border-radius: 99px; background: #fff; }
.brand-mark i:nth-child(1) { height: 7px; opacity: .7; }.brand-mark i:nth-child(2) { height: 16px; }.brand-mark i:nth-child(3) { height: 11px; opacity: .82; }.brand-mark i:nth-child(4) { height: 5px; opacity: .6; }
.brand-mark.has-brand-image { overflow: hidden; border: 1px solid var(--line); background: #fff; box-shadow: none; }
.brand-mark.has-brand-image img { display: block; width: 100%; height: 100%; object-fit: contain; }
.branding-loading .brand-mark { visibility: hidden; }
.header-actions { display: flex; align-items: center; gap: 10px; }
.mobile-menu-toggle { display: none; }
.header-help { padding: 8px 4px; color: var(--muted); font-size: 12px; font-weight: 600; }
.header-help:hover { color: var(--text); }
.header-account { border:1px solid #344762;border-radius:8px;background:#152036;padding:8px 11px;color:#c7ddff;font-size:12px;font-weight:700;white-space:nowrap; }
.header-account:hover { border-color:#5b83c3;background:#1b2d49;color:#fff; }
.language-switch { display: flex; border: 1px solid var(--line); border-radius: 9px; padding: 3px; direction: ltr; }
.language-switch button { min-width: 38px; height: 29px; border: 0; border-radius: 6px; background: transparent; color: var(--muted-2); font-size: 12px; cursor: pointer; }
.language-switch button[aria-pressed="true"] { background: #1a1f29; color: var(--text); }
.header-download { border: 1px solid #2c3543; border-radius: 9px; padding: 9px 14px; color: #dce3ed; font-size: 12px; font-weight: 600; }
.header-download:hover { border-color: #404c5e; background: var(--surface); }

.hero {
  display: flex;
  width: min(1140px, calc(100% - 48px));
  margin: 0 auto;
  align-items: center;
  flex-direction: column;
  padding: 104px 0 88px;
  text-align: center;
}
.hero-copy { display: flex; max-width: 820px; align-items: center; flex-direction: column; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; color: #91b6f8; font-size: 13px; font-weight: 600; letter-spacing: .01em; }
.eyebrow i { width: 6px; height: 6px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 5px rgba(77, 141, 255, .1); }
.hero h1 { max-width: 800px; margin: 25px 0 21px; color: #f8faff; font-size: clamp(42px, 5vw, 58px); font-weight: 700; line-height: 1.1; letter-spacing: -.045em; }
.hero-copy > p { max-width: 700px; margin: 0; color: var(--muted); font-size: 17px; line-height: 1.75; }
.hero-actions { display: flex; align-items: center; justify-content: center; gap: 22px; margin-top: 32px; }
.primary-action { border-radius: 9px; background: var(--blue-strong); padding: 13px 21px; color: #fff; font-size: 14px; font-weight: 700; box-shadow: 0 9px 24px rgba(57, 125, 240, .18); }
.primary-action:hover { background: var(--blue); }
.text-action { display: inline-flex; align-items: center; gap: 7px; color: #b2bbc9; font-size: 14px; }
.compatibility-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px 25px; margin: 28px 0 0; padding: 0; color: var(--muted-2); font-size: 12px; list-style: none; }
.compatibility-list li { display: flex; align-items: center; gap: 6px; }.compatibility-list li span:first-child { color: var(--green); }

.product-preview { width: min(1100px, 100%); margin-top: 72px; direction: ltr; }
.premiere-demo { overflow: hidden; border: 1px solid #30323a; border-radius: 14px; background: #17181c; box-shadow: 0 38px 110px rgba(0, 0, 0, .52); color: #c9cbd1; text-align: start; }
.premiere-app-bar { display: grid; height: 35px; grid-template-columns: 1fr auto 1fr; align-items: center; border-bottom: 1px solid #101115; background: #202126; padding: 0 11px; font-size: 9px; }
.premiere-app-name { display: flex; align-items: center; gap: 8px; }.premiere-app-name > span { display: grid; width: 21px; height: 21px; place-items: center; border-radius: 4px; background: #00005b; color: #a5a7ff; font-size: 8px; font-weight: 700; }.premiere-app-name strong { font-size: 9px; font-weight: 500; }
.premiere-project-name { color: #8e9199; }.premiere-window-controls { display: flex; justify-self: end; gap: 12px; }.premiere-window-controls i { width: 7px; height: 7px; border: 1px solid #646771; border-radius: 50%; }
.premiere-workspaces { display: flex; height: 31px; align-items: center; justify-content: center; gap: 25px; border-bottom: 1px solid #0d0e11; background: #1b1c20; color: #777a82; font-size: 8px; }.premiere-workspaces .is-active { color: #dedfe4; }
.premiere-workspace { display: grid; height: 526px; grid-template-columns: 172px minmax(0, 1fr) 310px; grid-template-rows: 306px 220px; gap: 1px; background: #0b0c0f; }
.premiere-panel { min-width: 0; overflow: hidden; background: #191a1f; }
.premiere-panel > header { display: flex; height: 31px; align-items: center; justify-content: space-between; border-bottom: 1px solid #101116; padding: 0 10px; color: #a2a5ad; font-size: 8px; }.premiere-panel > header strong { font-weight: 500; }.premiere-panel > header span { color: #676a72; }
.premiere-project-panel { grid-area: 1 / 1 / 2 / 2; }
.premiere-panel-search { display: flex; height: 27px; align-items: center; gap: 7px; margin: 8px; border: 1px solid #303139; border-radius: 3px; background: #222329; padding: 0 7px; color: #72757e; font-size: 7px; }
.premiere-bin-row { display: flex; height: 27px; align-items: center; gap: 6px; border-top: 1px solid #24252b; border-bottom: 1px solid #111217; padding: 0 9px; color: #afb2ba; font-size: 7px; }.premiere-bin-row i { color: #777bff; font-style: normal; }
.premiere-asset-row { display: flex; min-height: 42px; align-items: center; gap: 8px; border-bottom: 1px solid #24252b; padding: 6px 9px; }.premiere-asset-row > div { display: grid; min-width: 0; gap: 2px; }.premiere-asset-row strong { overflow: hidden; color: #b8bbc3; font-size: 7px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }.premiere-asset-row small { color: #666a73; font-size: 6px; }.premiere-audio-icon { display: grid; width: 24px; height: 24px; flex: 0 0 24px; place-items: center; border-radius: 3px; background: #292a31; color: #8e91fa; font-size: 10px; }
.premiere-program { grid-area: 1 / 2 / 2 / 3; }
.premiere-monitor { display: grid; height: 233px; place-items: center; background: #090a0c; padding: 12px 20px; }
.premiere-monitor-frame { display: flex; width: min(100%, 360px); aspect-ratio: 16 / 9; align-items: center; justify-content: center; flex-direction: column; background: radial-gradient(circle at 50% 35%, rgba(72, 85, 106, .42), transparent 33%), linear-gradient(145deg, #151923, #090b10); color: #f2f4f7; box-shadow: inset 0 0 70px rgba(0,0,0,.55); }.premiere-monitor-frame span { color: #7da9f6; font-size: 7px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; }.premiere-monitor-frame strong { margin-top: 7px; font-size: 17px; letter-spacing: -.03em; }.premiere-monitor-frame small { margin-top: 4px; color: #747b88; font-size: 7px; }
.premiere-monitor-controls { display: grid; height: 42px; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 11px; color: #70737c; font-size: 6px; font-variant-numeric: tabular-nums; }.premiere-monitor-controls > div { display: flex; align-items: center; gap: 10px; color: #a7aab2; }.premiere-monitor-controls > span:last-child { justify-self: end; }
.preview-window { position: relative; overflow: hidden; background: #15171c; }
.soundx-panel { grid-area: 1 / 3 / 3 / 4; box-shadow: -8px 0 26px rgba(0,0,0,.18); }
.soundx-panel::before { position: absolute; inset: 0; box-shadow: inset 1px 0 rgba(255,255,255,.02); content: ""; pointer-events: none; }
.preview-head { display: flex; height: 43px; align-items: center; justify-content: space-between; border-bottom: 1px solid #252831; padding: 0 13px; }
.preview-brand { display: flex; align-items: center; gap: 7px; color: #e1e5eb; font-size: 10px; }.mini-wave { display: flex; height: 18px; align-items: center; gap: 2px; color: var(--blue); }.mini-wave i { width: 2px; border-radius: 99px; background: currentColor; }.mini-wave i:nth-child(1) { height: 7px; }.mini-wave i:nth-child(2) { height: 15px; }.mini-wave i:nth-child(3) { height: 10px; }
.preview-account { display: grid; width: 23px; height: 23px; place-items: center; border: 1px solid #353a45; border-radius: 50%; color: #969daa; font-size: 7px; }
.preview-tabs { display: flex; height: 34px; gap: 18px; border-bottom: 1px solid #242730; padding: 0 13px; }.preview-tabs button { height: 34px; border: 0; border-bottom: 1px solid transparent; background: transparent; color: #6f7786; padding: 0; font-size: 8px; cursor: pointer; }.preview-tabs button:hover { color: #c8d0dc; }.preview-tabs button.active { border-bottom-color: var(--blue); color: #e0e5ed; }
.preview-search { display: grid; height: 32px; margin: 11px 12px 7px; grid-template-columns: 17px 1fr auto; align-items: center; border: 1px solid #2e3541; border-radius: 6px; background: #1b1e25; padding: 0 8px; color: #aeb7c5; font-size: 8px; }.preview-search kbd { border: 1px solid #363e49; border-radius: 3px; padding: 1px 4px; color: #687486; font: 6px/10px inherit; }
.preview-filter-row { display: flex; gap: 5px; padding: 0 12px 9px; }.preview-filter-row span { border: 1px solid #2b323c; border-radius: 99px; padding: 3px 6px; color: #707b8c; font-size: 6px; }
.track-list { display: grid; border-top: 1px solid #242730; }
.track { display: grid; min-height: 73px; grid-template-columns: 28px minmax(0, 1fr) 55px; align-items: center; gap: 7px; border-bottom: 1px solid #242730; padding: 8px 10px; transition: background .18s ease; }.track.is-playing { background: rgba(77, 141, 255, .055); }
.track-play { display: grid; width: 27px; height: 27px; place-items: center; border: 1px solid #39414e; border-radius: 50%; background: transparent; color: #aeb8c6; font-size: 7px; cursor: pointer; }.track.is-playing .track-play { border-color: var(--blue); color: #8db5ff; }
.track-copy { display: grid; min-width: 0; gap: 2px; }.track-copy strong { overflow: hidden; color: #dfe5ee; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }.track-copy small { color: #727d8f; font-size: 6px; }
.waveform { height: 9px; margin-top: 5px; background: repeating-linear-gradient(90deg, #4a89e6 0 1px, transparent 1px 3px); opacity: .55; mask-image: linear-gradient(180deg, transparent 8%, #000 22% 78%, transparent 92%); }.track.is-playing .waveform { opacity: .95; }.waveform.short { width: 76%; }
.track-actions { display: grid; justify-items: end; gap: 7px; }.track-time { color: #727d8e; font-size: 6px; font-variant-numeric: tabular-nums; }.track-actions button { min-width: 50px; height: 20px; border: 1px solid #35404e; border-radius: 4px; background: transparent; color: #aab5c4; font-size: 6px; cursor: pointer; }.track-actions button:hover { border-color: #4d8dff; color: #dbe8ff; }
.stem-panel { margin: 9px; border: 1px solid #2a323e; border-radius: 7px; background: #1a1d24; padding: 9px; }.stem-panel > div { display: flex; align-items: center; justify-content: space-between; }.stem-panel strong { color: #dfe5ee; font-size: 8px; }.stem-panel small { color: #727d8e; font-size: 6px; }.stem-panel ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 5px 8px; margin: 9px 0; padding: 0; list-style: none; }.stem-panel li { display: flex; align-items: center; gap: 4px; color: #929cab; font-size: 6px; }.stem-panel li span { color: var(--blue); }.stem-panel button { width: 100%; height: 25px; border: 0; border-radius: 5px; background: var(--blue-strong); color: #fff; font-size: 7px; cursor: pointer; }
.premiere-timeline { grid-area: 2 / 1 / 3 / 3; }
.premiere-timeline > header span { color: #5c9bdb; }
.premiere-time-ruler { position: relative; display: grid; height: 27px; margin-left: 34px; grid-template-columns: repeat(4, 1fr); align-items: end; border-bottom: 1px solid #3a3c44; color: #656872; font-size: 5px; }.premiere-time-ruler span { padding-bottom: 4px; }.premiere-time-ruler i { position: absolute; top: 0; bottom: -142px; left: 56%; width: 1px; background: #65a5ff; box-shadow: 0 0 6px rgba(101,165,255,.42); }.premiere-time-ruler i::before { position: absolute; top: 0; left: -3px; width: 7px; height: 6px; border-radius: 2px; background: #65a5ff; content: ""; }
.premiere-track-row { display: grid; height: 36px; grid-template-columns: 34px 1fr; align-items: center; border-bottom: 1px solid #101115; color: #797c85; font-size: 6px; }.premiere-track-row > span { justify-self: center; }.premiere-track-row > div { height: 28px; border-left: 1px solid #2c2f37; padding: 3px 0 3px 8px; }.premiere-track-row b { display: flex; width: 42%; height: 22px; align-items: center; overflow: hidden; border-radius: 2px; background: #2b466f; padding: 0 7px; color: #bcd4f8; font-size: 6px; font-weight: 500; white-space: nowrap; }.premiere-track-row.is-video b { width: 68%; background: #4b3f68; color: #d0c1eb; }.premiere-track-row.is-audio:nth-of-type(4) b { width: 31%; background: #38534d; color: #b9ded4; }.premiere-track-row.is-soundx b { width: 0; opacity: 0; background: #205b9e; transition: width .42s ease, opacity .18s ease; }.premiere-track-row.is-soundx.is-added b { width: 58%; opacity: 1; }
.premiere-status-bar { display: flex; height: 27px; align-items: center; justify-content: space-between; border-top: 1px solid #2a2c33; background: #202126; padding: 0 11px; color: #70737b; font-size: 6px; }.premiere-status-bar span:first-child { color: #78a8f7; font-weight: 600; text-transform: uppercase; }
.preview-caption { display: block; margin-top: 13px; color: #596475; font-size: 11px; text-align: center; }

.library-counts { position: relative; width: min(1140px, calc(100% - 48px)); margin: 0 auto; border-top: 1px solid var(--line); padding: 83px 0 91px; }
.library-counts-heading { display: block; }
.library-counts-kicker { display: inline-flex; align-items: center; gap: 9px; color: #82aefa; font-size: 11px; font-weight: 700; letter-spacing: .1em; }
.library-counts-kicker i { width: 6px; height: 6px; border-radius: 50%; background: #57d6a0; box-shadow: 0 0 0 5px rgba(87, 214, 160, .1); }
.library-counts-heading h2 { max-width: 640px; margin: 14px 0 0; color: #f0f4fa; font-size: clamp(30px, 3.2vw, 40px); font-weight: 700; line-height: 1.25; letter-spacing: -.035em; }
.library-counts-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 38px; }
.library-count-card { --count-accent: #6ca7ff; position: relative; display: flex; min-width: 0; min-height: 288px; overflow: hidden; flex-direction: column; border: 1px solid #2b3545; border-radius: 15px; background: radial-gradient(circle at 100% 0%, rgba(76, 137, 240, .13), transparent 48%), linear-gradient(155deg, #151b26, #0e1219 76%); padding: 22px 24px 20px; box-shadow: inset 0 1px rgba(255, 255, 255, .025); transition: transform .25s ease, border-color .25s ease; }
.library-count-card:hover { transform: translateY(-4px); border-color: #405574; }
.library-count-card.is-melody { --count-accent: #ba9aff; background: radial-gradient(circle at 100% 0%, rgba(159, 112, 235, .14), transparent 48%), linear-gradient(155deg, #191725, #101119 76%); }
.library-count-card.is-sfx { --count-accent: #69d8b2; background: radial-gradient(circle at 100% 0%, rgba(82, 198, 160, .12), transparent 48%), linear-gradient(155deg, #14201f, #0e1517 76%); }
.library-count-card-top { display: flex; align-items: center; justify-content: space-between; color: var(--count-accent); font-size: 10px; font-weight: 700; letter-spacing: .12em; direction: ltr; }
.library-count-symbol { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid color-mix(in srgb, var(--count-accent) 28%, transparent); border-radius: 10px; background: color-mix(in srgb, var(--count-accent) 10%, transparent); font-size: 18px; line-height: 1; }
.library-count-value { display: block; min-height: 98px; margin-top: 12px; color: #f4f7fc; font-size: clamp(58px, 5.4vw, 78px); font-weight: 700; line-height: 1.15; letter-spacing: -.055em; font-variant-numeric: tabular-nums; unicode-bidi: isolate; }
.library-count-card-copy h3 { margin: 0; color: #e1e8f3; font-size: 19px; font-weight: 700; line-height: 1.4; }
.library-count-card-copy p { max-width: 285px; min-height: 43px; margin: 5px 0 0; color: #8d9bad; font-size: 12px; line-height: 1.75; }
.library-count-wave { display: flex; height: 30px; align-items: center; gap: 4px; margin-top: auto; padding-top: 10px; opacity: .72; }
.library-count-wave i { width: 3px; height: 8px; border-radius: 5px; background: var(--count-accent); }
.library-count-wave i:nth-child(3n+2) { height: 17px; }.library-count-wave i:nth-child(4n+3) { height: 25px; }.library-count-wave i:nth-child(5n+4) { height: 12px; }
.library-counts-status { display: flex; align-items: center; gap: 8px; min-height: 20px; margin: 18px 0 0; color: #798698; font-size: 11px; line-height: 1.6; }
.library-counts-status::before { width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background: #6b7e99; content: ""; }
.library-counts[data-state="ready"] .library-counts-status::before { background: #5bd7a5; }.library-counts[data-state="error"] .library-counts-status::before { background: #d99d68; }
.features { width: min(1140px, calc(100% - 48px)); margin: 0 auto; border-top: 1px solid var(--line); padding: 104px 0 112px; }
.section-heading { max-width: 640px; }.section-heading > span, .section-heading > div > span, .download-copy > span { color: #7ba7f2; font-size: 12px; font-weight: 600; letter-spacing: .02em; text-transform: uppercase; }.section-heading h2, .download-copy h2 { margin: 14px 0 0; color: #f0f3f8; font-size: clamp(32px, 3.6vw, 44px); font-weight: 700; line-height: 1.24; letter-spacing: -.035em; }
.features-heading { display: grid; max-width: none; grid-template-columns: minmax(0, 1fr) minmax(280px, 390px); align-items: end; gap: 70px; }
.features-heading > div { max-width: 650px; }
.features-heading h2 { white-space: nowrap; }
.features-heading > p { margin: 0 0 3px; color: var(--muted); font-size: 14px; line-height: 1.8; }
.feature-grid { display: grid; margin-top: 54px; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 14px; }
.feature-card { position: relative; display: flex; min-height: 310px; overflow: hidden; flex-direction: column; justify-content: space-between; border: 1px solid #242c38; border-radius: 15px; background: #0d1016; padding: 27px; box-shadow: inset 0 1px rgba(255, 255, 255, .018); }
.feature-card::before { position: absolute; inset: 0; background: radial-gradient(circle at 92% 108%, rgba(65, 130, 236, .09), transparent 34%); content: ""; pointer-events: none; }
.feature-discovery { grid-column: span 7; }
.feature-preview { grid-column: span 5; }
.feature-timeline, .feature-stems, .feature-downloads { min-height: 360px; grid-column: span 4; }
.feature-account { min-height: 250px; grid-column: span 12; align-items: center; flex-direction: row; gap: 64px; }
.feature-account .feature-card-copy { max-width: 520px; }
.feature-card-copy { position: relative; z-index: 1; }
.feature-number { color: #637086; font-size: 10px; font-weight: 600; letter-spacing: .1em; font-variant-numeric: tabular-nums; }
.feature-grid h3 { max-width: 500px; margin: 17px 0 10px; color: #e9edf4; font-size: 21px; font-weight: 600; line-height: 1.28; letter-spacing: -.025em; }
.feature-grid p { max-width: 520px; margin: 0; color: var(--muted); font-size: 14px; line-height: 1.75; }
.feature-card > div:last-child:not(.feature-card-copy) { position: relative; z-index: 1; direction: ltr; }

.feature-discovery-ui { overflow: hidden; margin: 35px -27px -27px; border-top: 1px solid #222a36; background: #10141b; }
.feature-tabs { display: flex; height: 42px; align-items: end; gap: 22px; border-bottom: 1px solid #202733; padding: 0 22px; color: #687487; font-size: 10px; }
.feature-tabs span { height: 42px; padding-top: 16px; }
.feature-tabs .is-active { border-bottom: 1px solid #4d8dff; color: #d8e0ec; }
.feature-search { display: grid; height: 42px; margin: 15px 18px 9px; grid-template-columns: 20px 1fr auto; align-items: center; border: 1px solid #2a3443; border-radius: 8px; background: #171c25; padding: 0 11px; color: #728096; font-size: 10px; }
.feature-search b { color: #a9b4c4; font-weight: 400; }
.feature-search kbd { border: 1px solid #303a49; border-radius: 4px; padding: 2px 5px; color: #667287; font: 8px/12px inherit; }
.feature-filter-line { display: flex; align-items: center; gap: 6px; padding: 0 18px 17px; color: #717d8e; font-size: 8px; }
.feature-filter-line span { border: 1px solid #28313e; border-radius: 5px; padding: 5px 7px; }
.feature-filter-line strong { margin-left: auto; color: #8291a5; font-weight: 500; }

.feature-wave-player { display: grid; min-height: 82px; margin-top: 35px; grid-template-columns: 39px minmax(0, 1fr) auto; align-items: center; gap: 12px; border: 1px solid #28313d; border-radius: 11px; background: #141922; padding: 13px; }
.feature-play { display: grid; width: 36px; height: 36px; place-items: center; border: 1px solid #3b78d3; border-radius: 50%; background: rgba(77, 141, 255, .08); color: #8db7ff; font-size: 10px; }
.feature-wave-player > div { display: grid; min-width: 0; gap: 3px; }
.feature-wave-player strong { overflow: hidden; color: #dce3ed; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.feature-wave-player small, .feature-wave-player time { color: #738095; font-size: 8px; }
.feature-wave-player i { position: relative; height: 14px; margin-top: 4px; overflow: hidden; background: repeating-linear-gradient(90deg, #4d8dff 0 1px, transparent 1px 3px); opacity: .62; mask-image: linear-gradient(180deg, transparent 6%, #000 25% 75%, transparent 94%); }
.feature-wave-player i b { position: absolute; inset: 0 42% 0 0; background: rgba(77, 141, 255, .33); }
.feature-wave-player time { align-self: start; padding-top: 2px; font-variant-numeric: tabular-nums; }

.feature-timeline-ui { margin: 36px -27px -27px; border-top: 1px solid #232b37; background: #10141b; padding: 18px 18px 20px; }
.timeline-action { display: inline-flex; min-height: 27px; align-items: center; border: 1px solid #3b4656; border-radius: 6px; padding: 0 9px; color: #b7c1cf; font-size: 9px; }
.timeline-ruler { position: relative; display: flex; height: 25px; align-items: end; justify-content: space-between; margin: 15px 0 0 31px; border-bottom: 1px solid #343d4a; }
.timeline-ruler > i { width: 1px; height: 6px; background: #485361; }
.timeline-ruler > b { position: absolute; top: 0; bottom: -42px; left: 37%; width: 1px; background: #6aa1ff; box-shadow: 0 0 9px rgba(77, 141, 255, .5); }
.timeline-ruler > b::before { position: absolute; top: -2px; left: -3px; width: 7px; height: 6px; border-radius: 2px 2px 0 0; background: #6aa1ff; content: ""; }
.timeline-track { display: grid; height: 42px; margin-top: 8px; grid-template-columns: 27px 1fr; align-items: center; gap: 5px; color: #687588; font-size: 8px; }
.timeline-track > strong { display: flex; height: 34px; align-items: center; gap: 7px; overflow: hidden; border: 1px solid #356fbd; border-radius: 4px; background: #1d4f91; padding: 0 9px; color: #d9e8ff; font-size: 8px; font-weight: 500; white-space: nowrap; }
.timeline-track > strong i { width: 22px; height: 12px; background: repeating-linear-gradient(90deg, #b5d2ff 0 1px, transparent 1px 3px); opacity: .65; }

.feature-stem-stack { display: grid; margin-top: 30px; gap: 6px; }
.feature-stem-stack > div { display: grid; height: 34px; grid-template-columns: 27px 1fr 52px; align-items: center; gap: 7px; color: #667387; font-size: 8px; }
.feature-stem-stack i { height: 23px; border-radius: 4px; background: #244d82; }
.feature-stem-stack i.is-violet { width: 83%; background: #4a3e82; }.feature-stem-stack i.is-green { width: 91%; background: #275f55; }.feature-stem-stack i.is-amber { width: 74%; background: #705525; }
.feature-stem-stack b { color: #8995a6; font-size: 8px; font-weight: 500; }

.feature-download-ui { margin-top: 32px; border: 1px solid #28313d; border-radius: 10px; background: #141922; padding: 13px; }
.feature-download-ui > div { display: grid; grid-template-columns: 31px 1fr auto; align-items: center; gap: 9px; }
.download-file-mark { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 7px; background: rgba(77, 141, 255, .13); color: #8cb5fa; font-size: 13px; }
.feature-download-ui p { display: grid; gap: 2px; overflow: hidden; line-height: normal; }
.feature-download-ui p strong { overflow: hidden; color: #d7dee8; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.feature-download-ui p small { color: #6f7c90; font-size: 7px; }
.feature-download-ui > div > b { color: #8eb8ff; font-size: 8px; font-weight: 500; }
.feature-download-ui > i { display: block; height: 3px; margin: 11px 0; overflow: hidden; border-radius: 99px; background: #29313d; }
.feature-download-ui > i span { display: block; width: 74%; height: 100%; background: #4d8dff; }
.feature-download-ui footer { display: flex; align-items: center; gap: 6px; color: #748196; font-size: 7px; }
.feature-download-ui footer > span { border: 1px solid #303a48; border-radius: 4px; padding: 3px 6px; }
.feature-download-ui footer > strong { margin-left: auto; color: #55c998; font-weight: 500; }

.feature-account-ui { width: min(100%, 430px); flex: 0 0 430px; border: 1px solid #2a3340; border-radius: 11px; background: #141922; padding: 15px; }
.feature-account-head { display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 10px; }
.feature-account-head > span { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid #354153; border-radius: 50%; color: #9ca9bb; font-size: 8px; }
.feature-account-head p { display: grid; gap: 2px; line-height: normal; }
.feature-account-head p strong { color: #d9e0ea; font-size: 9px; font-weight: 600; direction: ltr; }
.feature-account-head p small { color: #6f7c90; font-size: 7px; }
.feature-account-head em { border: 1px solid rgba(77, 141, 255, .28); border-radius: 99px; background: rgba(77, 141, 255, .09); padding: 4px 7px; color: #8eb8ff; font-size: 7px; font-style: normal; }
.feature-account-plan { display: grid; margin-top: 13px; grid-template-columns: 1fr auto; gap: 3px; border: 1px solid #28313e; border-radius: 8px; background: #10141b; padding: 10px; }
.feature-account-plan span, .feature-account-plan small, .feature-account-usage span { color: #717e91; font-size: 7px; }
.feature-account-plan strong { color: #dce3ed; font-size: 10px; font-weight: 600; }.feature-account-plan small { grid-column: 1 / -1; }
.feature-account-usage { display: grid; margin-top: 12px; grid-template-columns: 1fr auto; align-items: center; gap: 6px; }
.feature-account-usage b { color: #aab5c4; font-size: 7px; font-weight: 500; }
.feature-account-usage i { display: block; height: 3px; grid-column: 1 / -1; overflow: hidden; border-radius: 99px; background: #2a323e; }
.feature-account-usage i span { display: block; width: 26%; height: 100%; background: #4d8dff; }

.download-section { display: grid; width: min(1140px, calc(100% - 48px)); margin: 0 auto; grid-template-columns: minmax(0, 1fr) minmax(380px, 460px); gap: clamp(64px, 9vw, 126px); border-top: 1px solid var(--line); padding: 100px 0 112px; }.download-copy > p { max-width: 570px; margin: 18px 0 0; color: var(--muted); font-size: 15px; line-height: 1.8; }.install-steps { display: grid; gap: 21px; margin: 39px 0 0; padding: 0; list-style: none; }.install-steps li { display: grid; grid-template-columns: 34px 1fr; align-items: start; gap: 13px; }.install-steps li > span { display: grid; width: 32px; height: 32px; place-items: center; border: 1px solid var(--line); border-radius: 8px; color: #929cab; font-size: 11px; }.install-steps div { display: grid; gap: 4px; }.install-steps strong { color: #dce3ed; font-size: 14px; }.install-steps small { color: var(--muted-2); font-size: 12px; line-height: 1.6; }
.release-card { align-self: start; border: 1px solid #2b3340; border-radius: 14px; background: var(--surface); padding: 25px; box-shadow: 0 24px 66px rgba(0, 0, 0, .24); }.release-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--line-soft); padding-bottom: 20px; }.release-card-head > div { display: grid; gap: 5px; }.release-card-head span:first-child { color: var(--muted); font-size: 12px; }.release-card-head strong { font-size: 22px; font-weight: 700; direction: ltr; }.release-status { border: 1px solid #3c3424; border-radius: 99px; background: #211d16; padding: 6px 9px; color: #d7ad65; font-size: 10px; white-space: nowrap; }.release-status[data-state="available"] { border-color: #204536; background: #11271d; color: #62d6a1; }.release-status[data-state="error"] { border-color: #4b282d; background: #28171a; color: #e28590; }
.release-card dl { display: grid; margin: 12px 0 20px; }.release-card dl > div { display: flex; min-height: 44px; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--line-soft); }.release-card dt { color: var(--muted-2); font-size: 12px; }.release-card dd { margin: 0; color: #bbc4d0; font-size: 12px; text-align: end; direction: ltr; }.download-button { display: flex; min-height: 46px; align-items: center; justify-content: center; gap: 8px; border-radius: 9px; background: var(--blue-strong); color: #fff; font-size: 14px; font-weight: 700; }.download-button.is-disabled { background: #242a34; color: #727b8a; cursor: not-allowed; }.release-note { margin: 13px 0 0; color: #748092; font-size: 11px; line-height: 1.7; text-align: center; }.release-notes-link { display: block; margin-top: 13px; color: #80acf7; font-size: 11px; text-align: center; }.is-hidden { display: none !important; }

.site-footer { display: grid; width: min(1140px, calc(100% - 48px)); min-height: 112px; margin: 0 auto; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 20px; border-top: 1px solid var(--line); color: var(--muted-2); font-size: 12px; }.footer-brand { justify-self: start; }.footer-brand .brand-mark { width: 29px; height: 29px; border-radius: 8px; }.footer-brand strong { color: #b3bcc9; font-size: 13px; }.site-footer p { margin: 0; }.site-footer > span { justify-self: end; direction: ltr; }

html[dir="rtl"] .text-action span:last-child { transform: rotate(180deg); }
html[lang="fa"] { --font: "Yekan Bakh", Tahoma, Arial, sans-serif; }
html[lang="fa"] .hero h1 { max-width: 760px; font-size: clamp(36px, 4vw, 48px); line-height: 1.4; letter-spacing: -.03em; }
html[lang="fa"] .hero-copy > p { line-height: 2; }
html[lang="fa"] .section-heading h2,
html[lang="fa"] .download-copy h2 { font-size: clamp(28px, 3vw, 30px); line-height: 1.48; letter-spacing: -.025em; }
html[lang="fa"] .library-counts-heading h2 { max-width: none; font-size: clamp(24px, 3vw, 30px); line-height: 1.48; letter-spacing: -.02em; white-space: nowrap; }
html[lang="fa"] .library-counts-kicker { letter-spacing: 0; }
html[lang="fa"] .library-count-card-copy p { font-size: 13px; line-height: 1.8; }
html[lang="fa"] .feature-grid h3 { font-size: 19px; line-height: 1.55; letter-spacing: -.015em; }
html[lang="fa"] .section-heading > span, html[lang="fa"] .section-heading > div > span, html[lang="fa"] .download-copy > span { text-transform: none; }
html[lang="fa"] .brand small { font-size: 12px; }
html[lang="fa"] .header-download, html[lang="fa"] .language-switch button { font-size: 13px; }
html[lang="fa"] .compatibility-list { font-size: 13px; }
html[lang="fa"] .feature-grid p, html[lang="fa"] .download-copy > p { font-size: 15px; }
html[lang="fa"] .install-steps small { font-size: 13px; }

@media (max-width: 920px) {
  .hero { padding-top: 84px; }.product-preview { width: min(100%, 780px); }.premiere-workspace { grid-template-columns: 135px minmax(0, 1fr) 260px; }.premiere-monitor-frame strong { font-size: 14px; }.preview-tabs { gap: 14px; }.track { grid-template-columns: 25px minmax(0, 1fr) 50px; padding-right: 7px; padding-left: 7px; }.track-actions button { min-width: 46px; }
  .library-count-card { padding-inline: 19px; }.library-count-value { font-size: clamp(52px, 6.5vw, 72px); }
  .features-heading { grid-template-columns: 1fr; gap: 24px; }.features-heading > p { max-width: 620px; }.features-heading h2 { white-space: normal; }
  .feature-timeline, .feature-stems { grid-column: span 6; }.feature-downloads { min-height: 300px; grid-column: span 12; }
  .download-section { grid-template-columns: 1fr; }.release-card { width: min(100%, 540px); }
}

@media (max-width: 680px) {
  .site-header { position: sticky; }
  .mobile-menu-toggle { display: inline-flex; min-width: 42px; min-height: 42px; align-items: center; justify-content: center; border: 1px solid var(--line); border-radius: 9px; background: var(--surface-2); color: var(--text); cursor: pointer; }
  .mobile-menu-toggle::before { content: "☰"; font-size: 20px; line-height: 1; }
  .mobile-menu-toggle[aria-expanded="true"]::before { content: "×"; font-size: 26px; }
  .site-header .header-actions { display: none; position: absolute; top: calc(100% + 7px); left: 0; right: 0; z-index: 51; flex-direction: column; align-items: stretch; gap: 5px; max-height: calc(100dvh - 90px); overflow-y: auto; border: 1px solid var(--line); border-radius: 12px; background: #111720; padding: 12px; box-shadow: 0 18px 35px rgba(0, 0, 0, .4); }
  .site-header .header-actions.is-open { display: flex; }
  .site-header .header-actions .header-help, .site-header .header-actions .header-account, .site-header .header-actions .header-download { display: flex; align-items: center; min-height: 42px; padding: 9px 12px; font-size: 13px; }
  .site-header .language-switch { align-self: stretch; justify-content: center; }
  .site-header .language-switch button { flex: 1; min-height: 36px; }
  .site-header, .hero, .library-counts, .features, .download-section, .site-footer { width: min(100% - 32px, 1140px); }
  .site-header { top: 8px; min-height: 58px; }.brand small, .header-download { display: none; }
  .hero { padding: 66px 0 72px; }.hero h1 { margin-top: 20px; font-size: 36px; line-height: 1.15; }.hero-copy > p { font-size: 15px; line-height: 1.75; } html[lang="fa"] .hero h1 { font-size: 31px; line-height: 1.5; }
  .library-counts { padding: 70px 0 75px; }.library-counts-heading h2 { font-size: 30px; }.library-counts-grid { grid-template-columns: 1fr; gap: 12px; margin-top: 27px; }.library-count-card { min-height: 224px; padding: 20px 22px; }.library-count-value { min-height: 76px; margin-top: 9px; font-size: 64px; }.library-count-card-copy p { min-height: 0; }.library-count-wave { margin-top: 15px; }.library-counts-status { font-size: 11px; }
  html[lang="fa"] .section-heading h2,
  html[lang="fa"] .download-copy h2 { font-size: 28px; }
  .hero-actions { width: 100%; align-items: stretch; flex-direction: column; gap: 14px; }.primary-action { text-align: center; }.text-action { justify-content: center; }.compatibility-list { align-items: flex-start; flex-direction: column; font-size: 11px; }.product-preview { margin-top: 52px; }.premiere-demo { border-radius: 12px; }.premiere-app-bar { grid-template-columns: 1fr auto; }.premiere-project-name, .premiere-window-controls, .premiere-workspaces, .premiere-project-panel, .premiere-program, .premiere-timeline { display: none; }.premiere-workspace { display: block; height: auto; }.preview-window { min-height: 490px; border-radius: 0; }.soundx-panel { box-shadow: none; }.preview-head { height: 50px; padding: 0 15px; }.preview-brand { font-size: 12px; }.preview-account { width: 27px; height: 27px; font-size: 8px; }.preview-tabs { height: 39px; gap: 21px; padding: 0 15px; }.preview-tabs button { height: 39px; font-size: 9px; }.preview-search { height: 36px; margin: 13px 14px 8px; font-size: 9px; }.preview-filter-row { padding: 0 14px 11px; }.preview-filter-row span { font-size: 7px; }.track { min-height: 84px; grid-template-columns: 30px minmax(0, 1fr) 58px; padding: 9px 12px; }.track-play { width: 29px; height: 29px; }.track-copy strong { font-size: 9px; }.track-copy small, .track-time { font-size: 7px; }.track-actions button { min-width: 54px; height: 22px; font-size: 7px; }.stem-panel { margin: 11px; padding: 11px; }.stem-panel strong { font-size: 9px; }.stem-panel small, .stem-panel li { font-size: 7px; }.stem-panel button { height: 29px; font-size: 8px; }.premiere-status-bar { height: 31px; font-size: 6px; }.stem-panel ul { grid-template-columns: repeat(2, 1fr); }
  .features { padding: 76px 0 80px; }.feature-grid { margin-top: 38px; gap: 11px; }.feature-card, .feature-discovery, .feature-preview, .feature-timeline, .feature-stems, .feature-downloads, .feature-account { min-height: 300px; grid-column: 1 / -1; padding: 22px; }.feature-account { min-height: 390px; align-items: stretch; flex-direction: column; gap: 28px; }.feature-account-ui { width: 100%; flex: 0 0 auto; }.feature-grid h3 { margin-top: 15px; font-size: 19px; }.feature-grid p { font-size: 14px; }.feature-discovery-ui, .feature-timeline-ui { margin-right: -22px; margin-bottom: -22px; margin-left: -22px; }.feature-tabs { gap: 14px; padding: 0 15px; }.feature-search { margin-right: 14px; margin-left: 14px; }.feature-filter-line { overflow: hidden; padding-right: 14px; padding-left: 14px; white-space: nowrap; }.feature-filter-line strong { display: none; }
  .download-section { padding: 76px 0 84px; }.download-copy > p { font-size: 14px; }.release-card { padding: 21px; }
  .site-footer { grid-template-columns: 1fr auto; }.site-footer p { display: none; }
}

@media (max-width: 420px) {
  .site-header { padding-inline:7px; }
  .brand { gap:6px; }
  .brand strong { font-size:13px; }
  .brand-mark { width:29px;height:29px; }
  .header-actions { gap:5px; }
  .header-account { padding:6px 7px;font-size:11px; }
  .language-switch button { min-width:29px;height:27px;font-size:11px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}