.hitloom-product-page { font-size: 18px; line-height: 1.65; }
.hitloom-product-page .hl-wrap { width: min(1320px,calc(100% - 96px)); }
.hitloom-product-page .hl-header { min-height: 104px; }
.hitloom-product-page .hl-header nav { gap: 30px; }
.hitloom-product-page .hl-header nav > a { font-size: 15px; }
.hitloom-product-page .hl-by { font-size: 14px; }
.hitloom-product-page .hl-button { min-height: 54px; padding: 15px 23px; font-size: 16px; gap: 24px; }
.hitloom-product-page h1 { font-size: clamp(56px,6.7vw,98px); line-height: 1.02; letter-spacing: -.065em; }
.hitloom-product-page h2 { font-size: clamp(38px,4.3vw,66px); line-height: 1.08; letter-spacing: -.045em; }
.hitloom-product-page h2 em { color: var(--hl-lime); }
.hitloom-product-page h3 { font-size: 26px; line-height: 1.22; letter-spacing: -.025em; }
.hp-kicker { display: flex; align-items: center; gap: 10px; font: 500 14px/1.6 var(--hl-mono); letter-spacing: .09em; color: #b7bdab; margin-bottom: 25px; }
.hp-note { font-size: 15px; line-height: 1.65; color: #aeb5a5; }
.hp-link { display: inline-flex; align-items: center; gap: 16px; font-size: 16px; color: var(--hl-coral); }
.hp-link:hover { color: var(--hl-paper); }
.hp-hero { display: grid; grid-template-columns: minmax(0,1fr) minmax(580px,1.15fr); align-items: center; gap: 36px 64px; padding-block: 48px 56px; }
.hp-hero h1 { font-size: clamp(54px,6vw,80px); }
.hp-hero h1 em { color: var(--hl-coral); }
.hp-hero-copy { min-width: 0; }
.hp-hero-copy .hp-kicker { margin-bottom: 18px; }
.hp-hero-description { max-width: 520px; margin-top: 20px; font-size: 19px; line-height: 1.65; color: #c7ccbe; }
.hp-try-link { margin-top: 20px; }
.hp-hero-demo { grid-column: 1 / -1; min-width: 0; scroll-margin-top: 25px; }
.hp-hero-demo .hl-hero-shot { margin-top: 0; }
.hp-section { padding-block: 108px; }
.hp-section-head { display: grid; grid-template-columns: 1fr 1fr; align-items: end; gap: 60px; margin-bottom: 48px; }
.hp-section-head > p,.hp-section-copy > p:first-child { max-width: 540px; color: #c3c9b9; font-size: 18px; line-height: 1.75; }
.hp-section-copy .hp-note { margin-top: 17px; }
.hp-atlas-section { position: relative; padding-block: 100px 72px; border-block: 1px solid #3c4830; background: radial-gradient(ellipse at 85% 10%,#37432b77,transparent 55%),#20271c; }
.hp-atlas-section .hp-kicker { color: #d4dc98; }
.hp-atlas-symbol { font: 26px/1 Space,sans-serif; }
.hp-atlas-facts { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 14px 30px; padding-top: 26px; font-size: 15px; color: #b9c2a8; }
.hp-atlas-facts strong { color: #e1e7c9; font-weight: 500; margin-right: 8px; }
.hp-feature-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.hp-feature-card { min-width: 0; background: #22251f; border: 1px solid #414638; border-radius: 12px; overflow: hidden; }
.hp-card-copy { padding: 34px 36px 30px; }
.hp-card-number { display: block; color: #bbbdae; font: 14px/1.5 var(--hl-mono); margin-bottom: 19px; }
.hp-card-copy h3 { margin-bottom: 17px; }
.hp-card-copy p { font-size: 17px; line-height: 1.75; color: #c0c7b6; }
.hp-detail-shot { padding: 0 20px 22px; }
.hp-detail-shot > div { position: relative; overflow: hidden; border: 1px solid #434a50; border-radius: 8px; background: #11151a; }
.hp-detail-shot img { position: absolute; max-width: none; height: auto; }
/* Frame the right-hand work area of the real 2520 × 1736 app capture. */
.hp-effects-detail > div { aspect-ratio: 1220 / 1380; }
.hp-effects-detail img { width: 206.557377%; left: -103.278689%; top: -16.521739%; }
.hp-match-detail > div { border: 0; background: transparent; }
.hp-match-detail img { position: static; display: block; width: 100%; height: auto; }
.hp-detail-shot figcaption { margin-top: 13px; font-size: 14px; color: #a6af9c; }
.hp-match-card { background: #242723; }
.hp-play-section { padding-top: 90px; border-top: 1px solid var(--hl-line); }
.hp-control-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; }
.hp-control-card { min-width: 0; }
.hp-control-card h3 { margin-block: 27px 17px; }
.hp-control-card > p { color: #bfc7b4; font-size: 17px; line-height: 1.75; }
.hp-native-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 21px; }
.hp-native-tags span { padding: 4px 10px; border: 1px solid #454d3c; background: #282f23; border-radius: 4px; color: #cbd2bd; font-size: 14px; }
.hp-envelope,.hp-midi-visual,.hp-export-visual { height: 218px; border: 1px solid #424951; border-radius: 9px; background: #1e232b; padding: 25px; }
.hp-envelope svg { display: block; height: 135px; width: 100%; }
.hp-envelope-grid { stroke: #39404a; stroke-width: 1; fill: none; }
.hp-envelope-fill { fill: #f1b44718; }
.hp-envelope-line { fill: none; stroke: #edb755; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.hp-envelope > div { display: flex; justify-content: space-around; color: #d4c8ac; font: 14px/1.6 var(--hl-mono); }
.hp-midi-visual { display: flex; align-items: center; padding: 27px 22px; }
.hp-midi-pads { display: grid; grid-template-columns: repeat(4,1fr); gap: 5px; flex: 0 0 42%; }
.hp-midi-pads i { aspect-ratio: 1; background: #3c454e; border: 1px solid #677281; border-radius: 4px; }
.hp-midi-pads .is-lit { background: #d3ac67; border-color: #ffe1a7; box-shadow: 0 0 22px #dba15a66; }
.hp-midi-cable { height: 2px; width: 28px; background: #d3ac67; }
.hp-midi-target { padding: 12px; display: grid; gap: 5px; flex: 1; min-width: 0; border: 1px solid #69766a; border-radius: 5px; background: #2d3d37; }
.hp-midi-target span { font: 14px/1.5 var(--hl-mono); letter-spacing: .03em; }
.hp-midi-target strong { font-size: 19px; font-weight: 500; }
.hp-midi-target small { font-size: 14px; color: #b5c8bf; }
.hp-export-visual { display: grid; grid-template-columns: 46px 1fr; gap: 15px; align-content: center; }
.hp-export-visual > span { font-size: 39px; color: #d4dc98; line-height: 1.2; }
.hp-export-visual strong { font-size: 19px; font-weight: 500; }
.hp-export-visual p { font-size: 14px; color: #aab4a1; }
.hp-export-files { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 7px; margin-top: 9px; }
.hp-export-files span { font: 14px/1.5 var(--hl-mono); background: #2d333c; color: #d1d6dd; border: 1px solid #46515b; border-radius: 3px; padding: 5px 8px; }
.hp-updates { display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; }
.hp-updates .hp-link { margin-top: 25px; }
.hitloom-product-page .hl-release-version { font-size: 15px; }
.hitloom-product-page .hl-release-heading time { font-size: 14px; }
.hitloom-product-page .hl-release-heading h3 { font-size: 24px; }
.hitloom-product-page .hl-release-notes { font-size: 17px; line-height: 1.8; }
.hitloom-product-page .hl-release-notes li { font-size: 17px; padding-block: 3px; }
.hp-community { padding-bottom: 100px; }
.hp-community-actions { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.hp-community-actions a { display: flex; align-items: center; gap: 16px; padding: 23px; border: 1px solid #434b39; background: #242a20; border-radius: 7px; }
.hp-community-actions a:hover { border-color: var(--hl-coral); }
.hp-community-actions span { color: var(--hl-coral); font-size: 25px; }
.hp-community-actions strong { font-size: 18px; font-weight: 500; }
.hitloom-product-page .support-list-heading h3 { font-size: 25px; }
.hitloom-product-page .support-topic-content > p,.hitloom-product-page .support-empty { font-size: 16px; }
.hitloom-product-page .support-topic-meta,.hitloom-product-page .support-badge { font-size: 14px; }
.hitloom-product-page .support-all-link { font-size: 15px; }
.hp-download-options { display: flex; flex-wrap: wrap; align-items: start; gap: 20px; margin-top: 28px; }
.hp-download-options > div { display: grid; gap: 12px; }
.hp-download-options > div > span { font-size: 14px; color: #aeb89e; }
.hitloom-product-page .hl-footer nav a,.hitloom-product-page .hl-footer > p { font-size: 14px; }
.hitloom-product-page .hl-footer nav { flex-wrap: wrap; }
.hp-download-card { padding: 28px; border: 1px solid #41483a; border-radius: 12px; background: linear-gradient(145deg,#282e24,#20251f); box-shadow: 0 20px 50px #0002; }
.hp-download-heading { display: flex; align-items: center; gap: 15px; }
.hp-download-heading img { flex: 0 0 56px; width: 56px; border-radius: 13px; }
.hp-download-heading strong { display: block; font-size: 25px; font-weight: 500; letter-spacing: -.04em; }
.hp-download-heading span { display: block; font-size: 13px; color: #b7bfa9; }
.hp-download-card .hp-download-options { display: grid; gap: 18px; margin-top: 25px; }
.hp-download-card .hp-download-options > div { min-width: 0; gap: 8px; }
.hp-download-card .hl-button { justify-content: space-between; width: 100%; }
.hp-download-card .hp-download-options > div > span { font-size: 12px; }
.hp-download-card .hp-note { margin-top: 22px; padding-top: 18px; border-top: 1px solid #41483a; font-size: 12px; line-height: 1.7; }
.hp-download-card .hp-note a { display: block; color: #d7dcbf; margin-top: 5px; text-decoration: underline; text-underline-offset: 4px; }
.hp-app-showcase { min-width: 0; }
.hp-hero-capture { grid-column: 1 / -1; }
.hp-app-frame { padding: 12px; border: 1px solid #4a5142; border-radius: 14px; background: radial-gradient(ellipse at 50% 0,#6b765347,transparent 70%),#272c23; box-shadow: 0 32px 75px #0005; }
.hp-app-frame img { display: block; width: 100%; height: auto; border-radius: 7px; }
.hp-sampler { background: #21271e; border-block: 1px solid #414a36; }
.hp-sampler .hp-kicker { color: var(--hl-coral); }
.hp-sampler-features { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 35px; }
.hp-sampler-features article { padding-top: 23px; border-top: 1px solid #536047; }
.hp-sampler-features article > span { color: #bdc7a8; font: 12px/1.7 var(--hl-mono); letter-spacing: .04em; }
.hp-sampler-features h3 { margin-block: 20px 17px; }
.hp-sampler-features p { font-size: 16px; line-height: 1.75; color: #bcc5b0; }
.hp-source-limits { margin-top: 29px; font-size: 13px; }
.hp-slice-preview { margin-bottom: 48px; }
.hp-slice-preview .hp-kicker { margin: 0; font-size: 12px; flex-shrink: 0; }
.hp-stems { background: #20261f; border-block: 1px solid #414a36; }
.hp-stems-layout { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 60px; align-items: center; }
.hp-stems-copy .hp-section-copy { margin-top: 28px; }
.hp-stems-preview { min-width: 0; }
.hp-stem-parts { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 23px; }
.hp-stem-parts span { padding: 6px 13px; border: 1px solid #565044; border-radius: 5px; background: #40342e; color: #e9b09e; font-size: 14px; }
.hp-stem-parts span:nth-child(2) { color: #d3bb82; background: #373327; border-color: #57503e; }
.hp-stem-parts span:nth-child(3) { color: #acc1d8; background: #29333d; border-color: #475868; }
.hp-stem-parts span:nth-child(4) { color: #b8c6a4; background: #30392a; border-color: #506044; }
.hp-browser-instrument .hl-hero-shot { padding: 25px 0 0; }
.hp-browser-instrument .hp-hero-demo { margin-top: 0; }
@media(max-width:1050px) {
 .hitloom-product-page .hl-wrap { width: calc(100% - 64px); }
 .hp-download-options { gap: 18px 14px; }
 .hp-download-options .hl-button { padding-inline: 17px; gap: 15px; }
 .hp-section-head { gap: 35px; }
 .hp-card-copy { padding: 28px; }
 .hp-control-grid { gap: 24px; }
 .hp-midi-visual { padding: 16px 12px; }
 .hp-midi-target { padding: 8px; }
 .hp-control-card h3 { font-size: 23px; }
 .hp-control-card > p { font-size: 16px; }
}
@media(max-width:760px) {
 .hitloom-product-page { font-size: 16px; }
 .hitloom-product-page .hl-wrap { width: calc(100% - 40px); }
 .hitloom-product-page .hl-header { min-height: 82px; gap: 18px; }
 .hitloom-product-page .hl-brand { font-size: 21px; }
 .hitloom-product-page .hl-header nav { gap: 15px; }
 .hitloom-product-page .hl-header nav > a { font-size: 14px; }
 .hitloom-product-page .hl-header nav > a:not(.hl-community-nav):not(.hl-nav-cta) { display: none; }
 .hitloom-product-page h1 { font-size: clamp(48px,11vw,75px); }
 .hitloom-product-page h2 { font-size: clamp(37px,8.8vw,55px); }
 .hp-kicker { font-size: 14px; letter-spacing: .06em; margin-bottom: 20px; }
 .hp-section { padding-block: 68px; }
 .hp-section-head { grid-template-columns: 1fr; align-items: start; gap: 24px; margin-bottom: 32px; }
 .hp-section-head > p,.hp-section-copy > p:first-child { font-size: 17px; }
 .hp-atlas-section { padding-block: 64px 42px; }
 .hp-atlas-facts { display: grid; gap: 8px; font-size: 14px; padding-top: 20px; }
 .hp-feature-pair { grid-template-columns: 1fr; gap: 23px; }
 .hp-card-copy { padding: 27px 24px 25px; }
 .hp-card-copy h3 { font-size: 25px; }
 .hp-card-copy p { font-size: 16px; }
 .hp-detail-shot { padding-inline: 12px; }
 .hp-detail-shot figcaption { margin-inline: 10px; }
 .hp-control-grid { grid-template-columns: 1fr; gap: 39px; }
 .hp-envelope,.hp-midi-visual,.hp-export-visual { height: 205px; }
 .hp-midi-visual { justify-content: center; padding: 30px; }
 .hp-midi-pads { max-width: 180px; }
 .hp-midi-target { max-width: 150px; padding: 15px; }
 .hp-midi-target span,.hp-export-files span { font-size: 14px; }
 .hp-midi-target small { font-size: 14px; }
 .hp-control-card h3 { font-size: 25px; margin-top: 22px; }
 .hp-updates { grid-template-columns: 1fr; gap: 35px; }
 .hitloom-product-page .hl-release-notes,.hitloom-product-page .hl-release-notes li { font-size: 16px; }
 .hp-community { padding-bottom: 65px; }
 .hp-community-actions { grid-template-columns: 1fr; gap: 11px; }
 .hp-community-actions a { padding: 17px 22px; }
 .hp-download-options { flex-direction: column; align-items: center; gap: 18px; }
 .hp-download-options > div { width: min(100%,300px); gap: 6px; }
 .hp-download-options .hl-button { width: 100%; justify-content: space-between; }
 .hitloom-product-page .hl-footer { row-gap: 25px; }
}
@media(max-width:380px) {
 .hitloom-product-page .hl-header nav > .hl-community-nav { display: none; }
 .hitloom-product-page .hl-release-heading { flex-direction: column; align-items: start; gap: 12px; }
}

@media(max-width:760px) {
 .hp-download-card { padding: 24px; width: 100%; }
 .hp-download-card .hp-download-options > div { width: 100%; }
 .hp-app-frame { padding: 5px; border-radius: 9px; }
 .hp-app-frame img { border-radius: 4px; }
 .hp-sampler-features { grid-template-columns: 1fr; gap: 30px; }
 .hp-sampler-features h3 br { display: none; }
 .hp-sampler-features h3 { margin-block: 13px 12px; }
 .hp-slice-preview > div:first-child { align-items: start; flex-direction: column; gap: 10px; }
 .hp-source-limits { font-size: 12px; }
}

.hp-hero-release { width: 100%; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; padding-top: 20px; border-top: 1px solid var(--hl-line); }
.hp-platform-download { min-width: 0; display: grid; align-content: start; gap: 10px; padding: 14px; border: 1px solid #41483a; border-radius: 12px; background: #242a21; }
.hp-platform-detail { font-size: 12px; color: #bdc5b0; }
.hp-secondary-download { display: flex; justify-content: space-between; gap: 12px; padding: 11px 13px; border: 1px solid #626b54; border-radius: 7px; color: #e4e8d9; font-size: 13px; text-decoration: none; }
.hp-secondary-download:hover { border-color: #b8a568; background: #343d2c; color: #fff9e3; }
.hp-secondary-download:focus-visible { outline: 2px solid #edc98c; outline-offset: 4px; }
.hp-component-note { padding: 11px 0; }
.hp-platform-download .hl-release-badge { width: 100%; }
.hp-changelog-link { justify-self: start; padding-block: 3px; color: #b5bea8; font-size: 13px; text-decoration: underline; text-underline-offset: 4px; }
.hp-changelog-link:hover { color: var(--hl-paper); }
.hp-hero-release > p { grid-column: 1 / -1; font-size: 14px; color: #b5bea8; }
.hp-hero-release > .hp-download-count { margin: 0; font-size: 12px; font-variant-numeric: tabular-nums; }
.hp-download-count strong { color: #eef4df; font-weight: 600; }
.hitloom-product-page .hl-os-download { gap: 12px; }
.hp-download-section { display: grid; grid-template-columns: minmax(0, .65fr) minmax(0, 1.35fr); gap: 44px; align-items: center; }
.hp-download-card .hp-download-options { grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; }
.hp-download-card .hp-download-options > div { grid-template-rows: auto minmax(36px,auto) auto; }
.hp-download-intro { max-width: 410px; margin-top: 26px; color: #bdc5b0; }
.hp-detect { display: grid; grid-template-columns: .8fr 1fr; gap: 64px; align-items: center; margin-top: 70px; padding-top: 60px; border-top: 1px solid #45533b; }
.hp-detect h3 { font-size: clamp(30px,3vw,44px); }
.hp-detect p:not(.hp-kicker) { color: #bdc5b0; margin-top: 20px; }
.hp-detect figure { min-width: 0; }
.hp-detect img { display: block; width: 100%; height: auto; border-radius: 10px; border: 1px solid #485044; box-shadow: 0 22px 55px #0003; }
.hp-detect figcaption { font-size: 13px; color: #aeb7a0; margin-top: 12px; }
@media(max-width:1180px) {
 .hp-hero { grid-template-columns: minmax(0,1fr); gap: 30px; padding-top: 38px; }
 .hp-hero-break { display: none; }
 .hp-hero h1 { font-size: clamp(44px,6.4vw,72px); }
 .hp-hero-description { max-width: 600px; font-size: 18px; }
}
@media(min-width:761px) and (max-width:1180px) {
 .hp-hero-copy { display: grid; grid-template-columns: 1fr 1fr; column-gap: 40px; align-items: start; }
 .hp-hero-copy .hp-kicker { grid-column: 1 / -1; }
 .hp-hero-copy h1 { grid-row: 2 / 4; }
 .hp-hero-description { margin-top: 0; }
 .hp-hero .hp-try-link { grid-column: 2; justify-self: start; }
}
@media(max-width:760px) {
 .hp-hero { gap: 28px; padding-block: 30px 40px; }
 .hp-hero h1 { font-size: clamp(40px,8.3vw,60px); }
 .hp-hero-copy .hp-kicker { font-size: 12px; letter-spacing: .05em; margin-bottom: 14px; }
 .hp-hero-description { margin-top: 16px; font-size: 17px; }
 .hp-hero-release { gap: 16px; padding-top: 18px; }
 .hp-hero-demo { margin-top: 0; }
 .hp-hero .hp-try-link { display: none; }
 .hp-download-section,.hp-detect,.hp-stems-layout { grid-template-columns: 1fr; gap: 30px; }
 .hp-detect { padding-top: 36px; margin-top: 40px; }
 .hp-download-card .hp-download-options > div { width: 100%; }
}
@media(max-width:639px) {
 .hp-hero-release,.hp-download-card .hp-download-options { grid-template-columns: minmax(0,1fr); }
 .hp-download-card .hp-download-options > div { grid-template-rows: auto; }
}