:root {
  --bg: #0a0b0f;
  --panel: #11131a;
  --panel-2: #171a23;
  --text: #f6f7fb;
  --muted: #a9afbf;
  --line: #2b3040;
  --accent: #1e88ff;
  --accent-2: #59b8ff;
  --max: 1180px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--text); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.55; }
section[id] { scroll-margin-top: 96px; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
.sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.section-pad { width: min(var(--max), calc(100% - 40px)); margin-inline: auto; }
.site-header { position: sticky; top: 0; z-index: 20; display: flex; align-items: center; justify-content: space-between; gap: 22px; min-height: 74px; padding: 0 max(20px, calc((100vw - var(--max))/2)); background: rgba(10,11,15,.86); backdrop-filter: blur(16px); border-bottom: 1px solid rgba(255,255,255,.07); }
.brand { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 12px; font-weight: 800; letter-spacing: .08em; }
.brand-logo { width: 44px; height: 44px; object-fit: cover; border-radius: 50%; box-shadow: 0 8px 24px rgba(42,120,255,.24); }
.brand-name { font-size: .92rem; letter-spacing: .14em; font-weight: 800; }
.site-nav { display: flex; flex-wrap: nowrap; align-items: center; gap: 13px; color: var(--muted); font-size: .8rem; white-space: nowrap; }
.site-nav a:hover { color: var(--text); }
.nav-cta { padding: 10px 15px; border: 1px solid var(--line); border-radius: 999px; color: var(--text); }
.menu-button { display: none; background: transparent; border: 1px solid var(--line); color: var(--text); border-radius: 10px; padding: 8px 12px; }
.hero { min-height: 760px; display: grid; grid-template-columns: 1.08fr .92fr; align-items: center; gap: 74px; padding-block: 110px 90px; }
.eyebrow { color: var(--accent-2); font-size: .76rem; letter-spacing: .2em; font-weight: 800; margin: 0 0 18px; }
h1 { font-size: clamp(3rem, 7vw, 6.7rem); line-height: .95; letter-spacing: -.06em; margin: 0; max-width: 850px; }
h2 { font-size: clamp(2rem, 4.2vw, 4.5rem); line-height: 1; letter-spacing: -.045em; margin: 0; }
h3 { margin-top: 0; }
.hero-text { max-width: 650px; font-size: 1.16rem; color: var(--muted); margin: 28px 0 32px; }
.hero-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.launch-promo-note { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 14px 0 0; color: var(--muted); font-size: .86rem; }
.launch-promo-note strong { color: #dceeff; }
.launch-promo-note code, .inferno-value-summary code { padding: 3px 7px; border: 1px solid rgba(89,184,255,.3); border-radius: 7px; background: rgba(30,136,255,.09); color: #a9d9ff; font-family: inherit; font-weight: 900; letter-spacing: .08em; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 18px; border-radius: 12px; border: 1px solid transparent; font-weight: 750; cursor: pointer; }
.button[data-keyboard-checkout] { flex-direction: column; gap: 2px; padding-block: 10px; max-width: 100%; text-align: center; }
.purchase-condition { font-size: .875rem; font-weight: 600; }
.primary { background: linear-gradient(135deg, var(--accent), #0d63d8); color: white; box-shadow: 0 12px 30px rgba(30,136,255,.22); }
.secondary { border-color: var(--line); background: rgba(255,255,255,.02); }
.trust-row { display: flex; flex-wrap: wrap; gap: 22px; padding: 0; color: var(--muted); margin: 30px 0 0; list-style: none; font-size: .91rem; }
.trust-row li::before { content: "✓"; color: var(--accent-2); margin-right: 7px; }
.hero-card { position: relative; overflow: hidden; margin: 0; border: 1px solid rgba(105,190,255,.38); border-radius: 28px; background: #0e1118; box-shadow: 0 30px 90px rgba(0,0,0,.44), 0 0 48px rgba(30,136,255,.12); }
.hero-card-media { width: 100%; aspect-ratio: 4 / 3; overflow: hidden; background: #0b1020; }
.hero-product-photo { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; }
.keyboard-shell { padding: 26px; border-radius: 22px; background: linear-gradient(145deg, #1a1f29, #0b0e13); box-shadow: inset 0 -12px 20px rgba(0,0,0,.42), 0 18px 50px rgba(0,0,0,.4); }
.key-row { display: flex; gap: 7px; margin-bottom: 7px; }
.key-row.offset { padding-left: 14px; }
.key-row i { display: block; flex: 1; aspect-ratio: 1/1; border-radius: 6px; background: linear-gradient(#343a49, #12161d); border: 1px solid rgba(255,255,255,.05); box-shadow: inset 0 -4px 0 rgba(0,0,0,.38), 0 4px 10px rgba(0,0,0,.28); }
.key-row i:nth-child(3n) { background: linear-gradient(#3293ff, #0d63d8); }
.key-row i.wide { flex: 1.6; }
.key-row i.space { flex: 5; aspect-ratio: auto; }
.hero-card-meta { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin: 0; padding: 19px 22px 21px; border-top: 1px solid rgba(255,255,255,.08); background: radial-gradient(circle at 10% 0%, rgba(30,136,255,.18), transparent 40%), #10131a; color: var(--muted); }
.hero-card-meta strong { display: block; color: var(--text); font-size: 1.35rem; }
.inferno-hero-card { border-color: rgba(255,126,45,.48); box-shadow: 0 30px 90px rgba(0,0,0,.48), 0 0 58px rgba(255,92,27,.16); }
.inferno-hero-card .hero-card-media { background: radial-gradient(circle at 48% 45%, rgba(255,92,27,.18), transparent 52%), #09090c; }
.inferno-hero-card .hero-card-meta { background: radial-gradient(circle at 10% 0%, rgba(255,92,27,.2), transparent 42%), #14100f; }
.hero-card-price { max-width: 190px; color: #ffd8bd; font-size: .82rem; font-weight: 800; text-align: right; }
.hero-card-price s { margin-right: 5px; color: #8f8790; font-weight: 650; }
.hero-card-price b { color: #ffad76; letter-spacing: .06em; }
.mini-label { font-size: .68rem; letter-spacing: .16em; }
.ticker { display: flex; overflow: hidden; gap: 44px; padding: 18px 0; border-block: 1px solid var(--line); color: var(--muted); white-space: nowrap; justify-content: center; }
.ticker span::before { content: "•"; color: var(--accent); margin-right: 44px; }
.section-block { padding-block: 120px; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-bottom: 45px; }
.section-heading > p { max-width: 420px; color: var(--muted); margin: 0; }
.section-heading.compact { margin-bottom: 36px; }
.product-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.layout-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: stretch; }
.product-card { display: flex; flex-direction: column; min-width: 0; border: 1px solid var(--line); border-radius: 22px; overflow: hidden; background: var(--panel); }
.product-card.featured { transform: translateY(-12px); border-color: rgba(30,136,255,.65); }
.product-visual { min-height: 250px; display: grid; place-items: center; font-size: 4.8rem; font-weight: 900; letter-spacing: -.08em; }
.product-visual span { text-shadow: 0 14px 40px rgba(0,0,0,.24); }
.product-visual.compact { background: linear-gradient(135deg, #2e343f, #11141a); }
.product-visual.gaming { background: radial-gradient(circle at 30% 20%, #866dff, transparent 30%), linear-gradient(135deg, #222331, #0d0e14); }
.product-visual.premium { background: linear-gradient(145deg, #c7c8cf, #454955); color: #101116; }
.product-visual.other { background: radial-gradient(circle at 70% 20%, rgba(48,216,196,.28), transparent 28%), linear-gradient(135deg, #17232c, #0d1015); font-size: 2.6rem; letter-spacing: -.03em; }
.product-content { display: flex; flex: 1; flex-direction: column; padding: 25px; }
.product-tag { color: var(--accent-2); font-size: .76rem; text-transform: uppercase; letter-spacing: .16em; font-weight: 800; }
.product-content h3 { font-size: 1.55rem; margin-bottom: 10px; }
.product-content p { color: var(--muted); }
.product-bottom { margin-top: auto; padding-top: 24px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 18px; }
.product-bottom strong { line-height: 1.45; }
.product-bottom a, .layout-models-trigger { display: inline-flex; align-items: center; justify-content: flex-end; gap: 6px; color: var(--accent-2); font-weight: 700; text-align: right; line-height: 1.35; }
.layout-models-trigger { padding: 0; border: 0; background: transparent; cursor: pointer; }
.layout-models-trigger:hover, .layout-models-trigger:focus-visible { color: #b9dcff; }
.price-note { color: var(--muted); font-size: .9rem; margin-top: 22px; }
.layout-models-panel { margin-top: 26px; padding: 28px; border: 1px solid rgba(89,184,255,.36); border-radius: 24px; background: radial-gradient(circle at 8% 0%, rgba(30,136,255,.16), transparent 25%), #0e1118; box-shadow: 0 24px 70px rgba(0,0,0,.24); }
.layout-models-panel[hidden] { display: none; }
.layout-models-panel:focus { outline: none; }
.layout-models-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 30px; margin-bottom: 22px; }
.layout-models-header .eyebrow { margin-bottom: 9px; }
.layout-models-header h3 { margin: 0; font-size: clamp(1.65rem, 3vw, 2.5rem); }
.layout-models-header p:last-child { max-width: 700px; margin: 9px 0 0; color: var(--muted); }
.layout-models-close { flex: 0 0 auto; display: grid; place-items: center; width: 40px; height: 40px; padding: 0; border: 1px solid var(--line); border-radius: 50%; background: rgba(255,255,255,.025); color: var(--muted); font-size: 1.55rem; cursor: pointer; }
.layout-models-close:hover { border-color: rgba(89,184,255,.55); color: white; }
.layout-models-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
.layout-model-card { display: grid; grid-template-columns: minmax(150px,.85fr) minmax(0,1.15fr); overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: var(--panel); }
.layout-model-image { min-height: 250px; overflow: hidden; background: #090c12; }
.layout-model-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.inferno-model-card .layout-model-image { background: radial-gradient(circle at 50% 52%,rgba(255,61,27,.17),transparent 48%),#090708; }
.inferno-model-card .layout-model-image img { object-fit: contain; padding: 10px; }
.layout-model-copy { display: flex; flex-direction: column; padding: 24px; }
.layout-model-copy h3 { margin: 3px 0 9px; font-size: 1.65rem; }
.layout-model-copy > p:not(.product-tag) { margin: 0; color: var(--muted); font-size: .9rem; }
.layout-model-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: auto; padding-top: 22px; }
.layout-model-actions .button { min-height: 43px; padding-inline: 14px; font-size: .82rem; }
.inferno-model-card { border-color: rgba(255,126,45,.3); }
.inferno-model-visual { display: grid; place-items: center; background: radial-gradient(circle at 42% 30%, rgba(255,119,38,.55), transparent 24%), radial-gradient(circle at 65% 68%, rgba(255,42,0,.24), transparent 30%), linear-gradient(145deg, #2b160d, #090b10); }
.inferno-model-visual span { color: #ffe0c8; font-size: clamp(2.2rem, 5vw, 4rem); font-weight: 950; letter-spacing: -.06em; line-height: .78; text-align: center; text-shadow: 0 16px 40px rgba(255,65,0,.26); }
.inferno-button { background: linear-gradient(135deg, #f47422, #bc3510); box-shadow: 0 12px 30px rgba(244,116,34,.2); }
@media (max-width: 1000px) {
  .layout-models-grid { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .layout-models-panel { padding: 20px; }
  .layout-models-header { gap: 14px; }
  .layout-model-card { grid-template-columns: 1fr; }
  .layout-model-image { min-height: 220px; }
  .layout-model-actions .button { width: 100%; }
}
.ready-section { border-bottom: 1px solid var(--line); }
.ready-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; }
.ready-card { display: grid; grid-template-columns: 1fr 1fr; min-height: 430px; overflow: hidden; border: 1px solid var(--line); border-radius: 24px; background: var(--panel); }
.lunar-card { grid-template-columns: minmax(0, 1.12fr) minmax(360px, .88fr); border-color: rgba(89,184,255,.3); }
.lunar-gallery { min-width: 0; padding: 16px; background: radial-gradient(circle at 22% 12%, rgba(30,136,255,.2), transparent 30%), #090c12; }
.lunar-gallery-stage { position: relative; overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 18px; background: #0b0d12; box-shadow: 0 22px 50px rgba(0,0,0,.28); }
.lunar-gallery-open { display: block; width: 100%; aspect-ratio: 4 / 3; overflow: hidden; padding: 0; border: 0; background: transparent; cursor: zoom-in; }
.lunar-gallery-open img { display: block; width: 100%; height: 100%; object-fit: contain; background: #0b0d12; transition: opacity .18s ease, transform .35s ease; }
.lunar-gallery-open:hover img { transform: scale(1.015); }
.lunar-gallery-open:focus-visible { outline: 3px solid #78c5ff; outline-offset: -3px; }
.lunar-gallery-caption { position: absolute; right: 12px; bottom: 12px; left: 12px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; border: 1px solid rgba(255,255,255,.13); border-radius: 11px; background: rgba(7,10,15,.74); backdrop-filter: blur(12px); }
.lunar-gallery-caption span { color: #8fc8ff; font-size: .61rem; font-weight: 850; letter-spacing: .15em; }
.lunar-gallery-caption strong { font-size: .77rem; }
.lunar-thumbnails { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 10px; }
.lunar-thumb { position: relative; overflow: hidden; min-width: 0; aspect-ratio: 4 / 3; padding: 0; border: 1px solid rgba(255,255,255,.1); border-radius: 10px; background: transparent; color: white; cursor: pointer; }
.lunar-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; opacity: .68; transition: opacity .18s ease, transform .22s ease; }
.lunar-thumb span { position: absolute; right: 5px; bottom: 5px; left: 5px; overflow: hidden; padding: 4px 5px; border-radius: 6px; background: rgba(6,8,12,.72); font-size: .58rem; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.lunar-thumb:hover img, .lunar-thumb.active img { opacity: 1; transform: scale(1.035); }
.lunar-thumb.active { border-color: #73c0ff; box-shadow: 0 0 0 2px rgba(30,136,255,.18); }
.lunar-thumb:focus-visible { outline: 2px solid #8fd0ff; outline-offset: 2px; }
.ready-visual { display: grid; place-items: center; min-height: 360px; background: radial-gradient(circle at 50% 35%, rgba(41,128,255,.3), transparent 28%), linear-gradient(145deg, #141a25, #090b10); }
.ready-visual span { padding: 10px 14px; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; color: var(--muted); font-size: .76rem; font-weight: 800; letter-spacing: .18em; }
.ready-content { display: flex; flex-direction: column; justify-content: center; padding: 46px; }
.ready-content h3 { margin-bottom: 12px; font-size: clamp(1.8rem, 3vw, 3rem); }
.ready-content > p:not(.product-tag) { color: var(--muted); }
.base-disclosure { margin: -8px 0 24px; padding: 13px 15px; border-left: 3px solid rgba(89,184,255,.58); border-radius: 0 10px 10px 0; background: rgba(30,136,255,.055); font-size: .78rem; line-height: 1.5; }
.base-disclosure strong { color: #c8e5ff; }
.ready-meta { display: flex; flex-wrap: wrap; gap: 10px; margin: 22px 0 28px; }
.ready-meta span { padding: 8px 11px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font-size: .82rem; }
.ready-price { margin: -9px 0 22px; color: var(--muted); font-size: .88rem; text-transform: uppercase; letter-spacing: .08em; font-weight: 800; }
.ready-price strong { margin-left: 6px; color: #ffad76; font-size: 1.45rem; letter-spacing: -.02em; }
.ready-price span { display: inline-flex; margin-left: 7px; padding: 4px 7px; border-radius: 999px; background: rgba(255,92,27,.1); color: #ffbd91; font-size: .68rem; letter-spacing: .05em; }
.inferno-value-summary { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin: -4px 0 24px; padding: 16px; border: 1px solid rgba(255,126,45,.25); border-radius: 16px; background: rgba(255,92,27,.045); }
.inferno-value-summary > div { display: grid; gap: 2px; padding: 11px; border-radius: 11px; background: rgba(5,7,11,.36); }
.inferno-value-summary span { color: #9ca5b5; font-size: .7rem; line-height: 1.3; text-transform: uppercase; letter-spacing: .07em; }
.inferno-value-summary > div strong { color: #fff0e6; font-size: 1.3rem; }
.inferno-value-summary p, .inferno-value-summary > a { grid-column: 1 / -1; }
.inferno-value-summary p { margin: 3px 0 0; color: var(--muted); font-size: .8rem; }
.inferno-value-summary p strong { color: #ffb27e; }
.inferno-value-summary > a { color: #ffad76; font-size: .8rem; font-weight: 800; }
.product-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.checkout-note { margin: 13px 0 0; font-size: .78rem; line-height: 1.5; }
.checkout-note strong { color: #c8e5ff; }
.inferno-card { border-color: rgba(255,126,45,.32); }
.inferno-gallery { background: radial-gradient(circle at 22% 12%, rgba(255,92,27,.2), transparent 30%), #090c12; }
.inferno-gallery .lunar-gallery-caption span { color: #ffad76; }
.inferno-gallery .lunar-thumb.active { border-color: #ff8b42; box-shadow: 0 0 0 2px rgba(255,92,27,.18); }
.inferno-gallery .lunar-thumb:focus-visible { outline-color: #ffad76; }
.inferno-gallery .lunar-gallery-open:focus-visible { outline-color: #ffad76; }
.inferno-visual { background: radial-gradient(circle at 42% 34%, rgba(255,117,26,.42), transparent 26%), radial-gradient(circle at 68% 62%, rgba(255,54,0,.18), transparent 32%), linear-gradient(145deg, #26140d, #090b10); }
.inferno-visual span { border-color: rgba(255,154,85,.34); color: #ffc195; }
.inferno-tag { color: #ff9d5c; }
.inferno-disclosure { border-left-color: rgba(255,126,45,.72); background: rgba(255,92,27,.06); }
.inferno-disclosure strong { color: #ffd5b8; }
.nebula-preview-card { display: grid; grid-template-columns: minmax(280px,.82fr) minmax(0,1.18fr); overflow: hidden; border: 1px solid rgba(172,108,255,.38); border-radius: 24px; background: #11101a; box-shadow: 0 24px 70px rgba(0,0,0,.24); }
.nebula-preview-visual { position: relative; display: flex; min-height: 390px; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; padding: 38px; text-align: center; background: radial-gradient(circle at 22% 20%, rgba(199,118,255,.7), transparent 22%), radial-gradient(circle at 74% 72%, rgba(74,62,255,.46), transparent 31%), radial-gradient(circle at 52% 45%, rgba(212,132,255,.17), transparent 35%), linear-gradient(145deg,#231331,#080810 72%); }
.nebula-preview-visual::before { position: absolute; inset: 12%; border: 1px solid rgba(220,180,255,.18); border-radius: 50%; content: ""; transform: rotate(-18deg); }
.nebula-preview-visual span, .nebula-preview-visual small { position: relative; z-index: 1; color: #d9b8ff; font-size: .7rem; font-weight: 900; letter-spacing: .18em; }
.nebula-preview-visual strong { position: relative; z-index: 1; margin: 22px 0; color: #fbf7ff; font-size: clamp(4rem,8vw,7rem); line-height: .76; letter-spacing: -.08em; text-shadow: 0 18px 60px rgba(162,82,255,.4); }
.nebula-preview-copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(30px,5vw,58px); }
.nebula-preview-copy h3 { margin: 4px 0 13px; font-size: clamp(2rem,4vw,4rem); }
.nebula-preview-copy > p:not(.product-tag) { color: var(--muted); }
.nebula-tag { color: #c89aff; }
.nebula-disclosure { margin-top: 0; border-left-color: rgba(184,117,255,.68); background: rgba(143,76,255,.07); }
.nebula-disclosure strong { color: #e5c9ff; }
.photo-lightbox { width: min(1120px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); padding: 0; overflow: hidden; border: 1px solid rgba(120,200,255,.35); border-radius: 22px; background: #090b10; color: var(--text); box-shadow: 0 35px 120px rgba(0,0,0,.78); }
.photo-lightbox[open] { display: grid; grid-template-rows: minmax(0, 1fr) auto; place-items: center; }
.photo-lightbox::backdrop { background: rgba(3,5,8,.86); backdrop-filter: blur(10px); }
.photo-lightbox form { position: absolute; z-index: 2; top: 12px; right: 12px; }
.photo-lightbox-close { display: grid; place-items: center; width: 42px; height: 42px; padding: 0; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; background: rgba(7,10,15,.78); color: white; font-size: 1.7rem; line-height: 1; cursor: pointer; }
.photo-lightbox img { display: block; width: auto; max-width: 100%; height: auto; max-height: calc(100dvh - 105px); object-fit: contain; background: #090b10; }
.photo-lightbox p { width: 100%; margin: 0; padding: 14px 18px 16px; border-top: 1px solid rgba(255,255,255,.08); color: var(--muted); font-size: .84rem; text-align: center; }
.disabled-link { align-self: flex-start; opacity: .62; cursor: default; }
.policy-copy p { margin: 12px 0; }

/* Service-first pricing */
.services-section { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.services-heading > p { max-width: 520px; }
.service-paths { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.service-path-card { position: relative; overflow: hidden; min-height: 320px; padding: clamp(28px, 4vw, 44px); border: 1px solid rgba(89,184,255,.28); border-radius: 24px; background: radial-gradient(circle at 95% 4%, rgba(30,136,255,.18), transparent 30%), var(--panel); }
.service-path-card.customer-parts-path { border-color: rgba(96,226,174,.26); background: radial-gradient(circle at 95% 4%, rgba(47,205,151,.14), transparent 30%), var(--panel); }
.service-path-number { position: absolute; top: 22px; right: 25px; color: rgba(255,255,255,.09); font-size: 4.6rem; font-weight: 950; line-height: 1; letter-spacing: -.08em; }
.service-path-label { margin: 0 0 16px; color: var(--accent-2); font-size: .69rem; font-weight: 850; letter-spacing: .15em; }
.customer-parts-path .service-path-label { color: #71e8ba; }
.service-path-card h3 { max-width: 470px; margin: 0 0 14px; font-size: clamp(1.65rem, 3vw, 2.5rem); line-height: 1.04; }
.service-path-card > p:not(.service-path-label) { max-width: 630px; color: var(--muted); }
.service-path-card > a { display: inline-flex; gap: 7px; margin-top: 15px; color: #b9dcff; font-weight: 800; }
.customer-parts-path > a { color: #8de8c4; }
.service-price-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-top: 18px; }
.service-price-card { display: flex; flex-direction: column; min-height: 285px; padding: 25px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.018); }
.service-price-card.featured-service { border-color: rgba(89,184,255,.48); background: linear-gradient(145deg, rgba(30,136,255,.11), rgba(255,255,255,.018)); box-shadow: 0 18px 50px rgba(0,0,0,.18); }
.service-price-type { margin: 0 0 16px; color: var(--accent-2); font-size: .65rem; font-weight: 900; letter-spacing: .14em; }
.service-price-card h3 { min-height: 50px; margin: 0; font-size: 1.16rem; line-height: 1.25; }
.service-price { margin: 18px 0 14px; color: white; font-size: 2rem; font-weight: 900; letter-spacing: -.04em; }
.service-price span { display: block; margin-bottom: 2px; color: #7e8799; font-size: .68rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.service-price-card > p:last-child { margin: auto 0 0; color: var(--muted); font-size: .83rem; }
.service-addons { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 14px; }
.service-addons > div { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 18px; border: 1px solid var(--line); border-radius: 14px; background: var(--panel); }
.service-addons strong { font-size: .86rem; }
.service-addons span { color: #b9dcff; font-size: .78rem; font-weight: 800; text-align: right; }
.service-pricing-notice { display: grid; grid-template-columns: .85fr 1fr 1fr; gap: 24px; margin-top: 18px; padding: 26px; border: 1px solid rgba(89,184,255,.32); border-radius: 19px; background: radial-gradient(circle at 2% 5%, rgba(30,136,255,.12), transparent 27%), #10131a; }
.service-pricing-notice h3 { margin: 0; font-size: 1.35rem; }
.service-pricing-notice > p { margin: 0; color: var(--muted); font-size: .86rem; }
.services-cta-row { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; margin-top: 20px; }
.services-cta-row span { color: #858ea1; font-size: .8rem; }

.split-section { display: grid; grid-template-columns: .82fr 1.18fr; gap: 90px; padding-block: 120px; border-top: 1px solid var(--line); }
.sticky-copy { align-self: start; position: sticky; top: 120px; }
.sticky-copy > p:not(.eyebrow) { color: var(--muted); max-width: 460px; font-size: 1.08rem; }
.tier-service-link { display: inline-block; margin-top: 17px; font-size: .88rem; font-weight: 750; }
.tier-list article { display: grid; grid-template-columns: 74px 1fr; gap: 20px; padding: 34px 0; border-bottom: 1px solid var(--line); }
.tier-list article > span { color: var(--accent); font-weight: 900; }
.tier-list h3 { font-size: 1.65rem; margin-bottom: 8px; }
.tier-list p { margin: 0; color: var(--muted); }
.tier-title-row { display: flex; align-items: center; flex-wrap: wrap; gap: 9px 12px; margin-bottom: 8px; }
.tier-title-row h3 { margin-bottom: 0; }
.tier-shipping-badge { display: inline-flex; align-items: center; min-height: 28px; padding: 5px 10px; border: 1px solid rgba(89,184,255,.4); border-radius: 999px; background: rgba(30,136,255,.12); color: #b9dcff; font-size: .7rem; font-weight: 850; letter-spacing: .035em; line-height: 1.25; }
.tuning-section { border-top: 1px solid var(--line); }
.tuning-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.tuning-grid article { padding: 28px; border: 1px solid var(--line); border-radius: 18px; background: var(--panel); }
.tuning-grid article > span { display: inline-block; margin-bottom: 24px; color: var(--accent-2); font-size: .75rem; font-weight: 900; letter-spacing: .14em; }
.tuning-grid h3 { margin-bottom: 10px; font-size: 1.22rem; }
.tuning-grid p { margin: 0; color: var(--muted); }
.mod-disclosure { display: grid; grid-template-columns: .8fr 1fr 1fr; gap: 28px; margin-top: 22px; padding: 30px; border: 1px solid rgba(30,136,255,.34); border-radius: 20px; background: radial-gradient(circle at 4% 8%, rgba(30,136,255,.13), transparent 26%), var(--panel); }
.mod-disclosure h3 { margin: 0; font-size: 1.35rem; }
.mod-disclosure > p { margin: 0; color: var(--muted); font-size: .91rem; }
.mod-disclosure-label { margin: 0 0 9px; color: var(--accent-2); font-size: .68rem; font-weight: 850; letter-spacing: .15em; }
.process-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.process-grid article { padding: 28px; border: 1px solid var(--line); border-radius: 18px; background: var(--panel); }
.process-grid span { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: rgba(30,136,255,.14); color: #8fc8ff; font-weight: 900; margin-bottom: 28px; }
.process-grid p { color: var(--muted); margin-bottom: 0; }
.support-section { display: grid; grid-template-columns: .92fr 1.08fr; gap: 70px; align-items: center; padding-block: 110px; border-top: 1px solid var(--line); }
.support-copy > p:not(.eyebrow) { max-width: 650px; color: var(--muted); font-size: 1.06rem; }
.support-uses { display: flex; flex-wrap: wrap; gap: 10px; padding: 0; margin: 24px 0 0; list-style: none; }
.support-uses li { padding: 9px 12px; border: 1px solid rgba(30,136,255,.28); border-radius: 999px; background: rgba(30,136,255,.06); color: #b9dcff; font-size: .82rem; }
.support-card { padding: 34px; border: 1px solid rgba(30,136,255,.32); border-radius: 24px; background: radial-gradient(circle at 90% 10%, rgba(30,136,255,.18), transparent 30%), linear-gradient(145deg, #121925, #0c0f15); box-shadow: 0 24px 70px rgba(0,0,0,.24); }
.support-card h3 { margin-bottom: 12px; font-size: clamp(1.7rem, 3vw, 2.7rem); }
.support-card > p:not(.support-label):not(.support-disclaimer):not(.support-link-status) { color: var(--muted); }
.support-label { margin: 0 0 12px; color: var(--accent-2); font-size: .72rem; font-weight: 850; letter-spacing: .16em; }
.support-button { width: 100%; margin-top: 14px; }
.support-button.pending { opacity: .62; cursor: not-allowed; box-shadow: none; }
.support-link-status { min-height: 23px; margin: 9px 0 0; color: var(--accent-2); font-size: .82rem; text-align: center; }
.support-disclaimer { margin: 18px 0 0; padding-top: 17px; border-top: 1px solid rgba(255,255,255,.08); color: #8d96a8; font-size: .78rem; line-height: 1.5; }
.support-disclaimer strong { color: #b9c1d0; }
.order-section { display: grid; grid-template-columns: .82fr 1.18fr; gap: 70px; align-items: start; padding-block: 120px; }
.order-copy p:last-child { color: var(--muted); }
code { color: var(--accent-2); }
.order-form { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; padding: 28px; border-radius: 22px; background: var(--panel); border: 1px solid var(--line); }
.order-form label { display: grid; gap: 8px; color: var(--muted); font-size: .9rem; }
.order-form input, .order-form select, .order-form textarea { width: 100%; color: var(--text); background: var(--panel-2); border: 1px solid var(--line); border-radius: 11px; padding: 13px 14px; outline: none; }
.order-form input:focus, .order-form select:focus, .order-form textarea:focus { border-color: var(--accent); }
.full { grid-column: 1 / -1; }
.form-status { min-height: 24px; color: var(--accent-2); margin: 0; }
.faq-section { display: grid; grid-template-columns: .78fr 1.22fr; gap: 80px; }
.faq-list details { border-bottom: 1px solid var(--line); padding: 22px 0; }
.faq-list summary { cursor: pointer; font-size: 1.12rem; font-weight: 750; }
.faq-list p { color: var(--muted); }
.site-footer { display: grid; grid-template-columns: 1fr auto; gap: 34px; align-items: end; padding-block: 54px; border-top: 1px solid var(--line); }
.site-footer p { color: var(--muted); margin: 9px 0 0; }
.footer-links { display: flex; gap: 22px; color: var(--muted); }
.footer-links a:hover, .inline-link, .privacy-note a, .consent-card a { color: var(--accent-2); }
.inline-link, .privacy-note a, .consent-card a { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.copyright { grid-column: 1 / -1; font-size: .85rem; }
@media (max-width: 1260px) {
  .menu-button { display: inline-flex; }
  .site-nav { display: none; position: absolute; top: 73px; left: 20px; right: 20px; flex-direction: column; align-items: stretch; padding: 18px; border: 1px solid var(--line); border-radius: 16px; background: #11131a; white-space: normal; }
  .site-nav.open { display: flex; }
}
@media (max-width: 900px) {
  .menu-button { display: inline-flex; }
  .site-nav { display: none; position: absolute; top: 73px; left: 20px; right: 20px; flex-direction: column; align-items: stretch; padding: 18px; border: 1px solid var(--line); border-radius: 16px; background: #11131a; }
  .site-nav.open { display: flex; }
  .hero, .split-section, .order-section, .faq-section, .ready-card, .support-section, .mod-disclosure { grid-template-columns: 1fr; }
  .hero { padding-top: 74px; min-height: auto; }
  .hero-card { width: 100%; max-width: 650px; transform: none; }
  .product-grid, .layout-grid { grid-template-columns: 1fr; }
  .ready-content { padding: 32px; }
  .lunar-gallery { padding: 13px; }
  .product-card.featured { transform: none; }
  .process-grid, .tuning-grid { grid-template-columns: 1fr 1fr; }
  .service-price-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .service-addons { grid-template-columns: 1fr; }
  .service-pricing-notice { grid-template-columns: 1fr; }
  .sticky-copy { position: static; }
}
@media (max-width: 620px) {
  .section-pad { width: min(100% - 26px, var(--max)); }
  .brand-name { font-size: .76rem; }
  .hero { gap: 44px; padding-bottom: 65px; }
  .hero-card { padding: 0; border-radius: 20px; }
  .hero-card-meta { align-items: start; flex-direction: column; gap: 7px; padding: 15px 17px 17px; }
  .keyboard-shell { padding: 15px; }
  .section-heading { align-items: start; flex-direction: column; }
  .product-bottom { grid-template-columns: 1fr; }
  .product-bottom a { justify-content: flex-start; text-align: left; }
  .ready-content { padding: 26px; }
  .lunar-thumbnails { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .lunar-thumb { aspect-ratio: 4 / 3; }
  .lunar-gallery-caption { right: 8px; bottom: 8px; left: 8px; }
  .photo-lightbox { width: calc(100vw - 18px); max-height: calc(100dvh - 18px); border-radius: 16px; }
  .photo-lightbox img { width: 100%; max-height: calc(100dvh - 92px); }
  .support-section { gap: 34px; padding-block: 80px; }
  .support-card { padding: 25px; }
  .process-grid, .tuning-grid, .order-form, .service-paths, .service-price-grid { grid-template-columns: 1fr; }
  .service-path-card { min-height: 0; }
  .service-price-card { min-height: 0; }
  .service-price-card h3 { min-height: 0; }
  .service-price-card > p:last-child { margin-top: 18px; }
  .service-addons > div { align-items: flex-start; flex-direction: column; gap: 5px; }
  .service-addons span { text-align: left; }
  .order-form .full { grid-column: auto; }
  .site-footer { grid-template-columns: 1fr; }
  .footer-links { flex-wrap: wrap; }
}

.quote-points { display: flex; flex-wrap: wrap; gap: 9px; padding: 0; margin: 24px 0 0; list-style: none; }
.quote-points li { padding: 8px 11px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font-size: .82rem; }
.form-section { padding: 3px 0 18px; border-bottom: 1px solid rgba(255,255,255,.07); }
.form-section:last-of-type { border-bottom: 0; }
.form-kicker { margin: 0 0 14px; color: var(--accent-2); font-size: .73rem; font-weight: 850; letter-spacing: .16em; }
.form-grid { display: grid; gap: 16px; }
.form-grid.two-col { grid-template-columns: repeat(2, minmax(0,1fr)); }
.optional { color: #737b8d; font-size: .78rem; font-weight: 500; margin-left: 4px; }
.mod-fieldset { min-width: 0; margin: 0; padding-inline: 0; border: 0; border-bottom: 1px solid rgba(255,255,255,.07); }
.mod-fieldset legend { padding: 0; }
.field-help { margin: -2px 0 14px; color: var(--muted); font-size: .85rem; }
.check-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
.check-card { display: flex !important; grid-template-columns: none !important; align-items: center; gap: 10px !important; min-height: 48px; padding: 11px 13px; border: 1px solid var(--line); border-radius: 11px; background: var(--panel-2); color: var(--text) !important; cursor: pointer; }
.check-card:hover { border-color: rgba(30,136,255,.65); }
.check-card input { width: 17px !important; height: 17px; margin: 0; accent-color: var(--accent); }
.tape-preference { margin-top: 14px; }
.form-mod-notice { margin-top: 14px; padding: 15px 16px; border: 1px solid rgba(89,184,255,.28); border-radius: 12px; background: rgba(30,136,255,.055); }
.form-mod-notice strong { display: block; margin-bottom: 4px; color: var(--text); font-size: .88rem; }
.form-mod-notice p { margin: 0; color: var(--muted); font-size: .82rem; }
.quote-notice { padding: 16px 18px; border: 1px solid rgba(30,136,255,.32); border-radius: 14px; background: rgba(30,136,255,.07); }
.quote-notice strong { display: block; margin-bottom: 4px; }
.quote-notice p { margin: 0; color: var(--muted); font-size: .88rem; }
@media (max-width: 620px) {
  .form-grid.two-col, .check-grid { grid-template-columns: 1fr; }
}

.exact-parts-section { position: relative; }
.exact-parts-section::before { content: "KNOW YOUR PARTS?"; position: absolute; top: 0; right: 0; padding: 5px 8px; border: 1px solid rgba(30,136,255,.28); border-radius: 999px; color: #8fc8ff; font-size: .63rem; font-weight: 850; letter-spacing: .12em; }
.parts-notes { margin-top: 16px; }
@media (max-width: 620px) { .exact-parts-section::before { position: static; display: inline-block; margin-bottom: 12px; } }

.hidden-field { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.form-status.success { color: #5ee6a8; }
.form-status.error { color: #ff8b8b; }
.order-form button[disabled] { opacity: .7; cursor: wait; }

/* Switch Customs AI help */
.chat-launcher { position: fixed; right: 22px; bottom: 22px; z-index: 60; display: inline-flex; align-items: center; gap: 9px; min-height: 50px; padding: 0 17px; border: 1px solid rgba(89,184,255,.45); border-radius: 999px; background: linear-gradient(135deg, #1e88ff, #0759bd); color: #fff; box-shadow: 0 16px 45px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.07) inset; font-weight: 800; cursor: pointer; }
.chat-launcher span { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: rgba(255,255,255,.17); }
.support-chat { position: fixed; right: 22px; bottom: 84px; z-index: 61; width: min(390px, calc(100vw - 28px)); max-height: min(650px, calc(100vh - 110px)); overflow: hidden; border: 1px solid rgba(89,184,255,.28); border-radius: 22px; background: #11141c; box-shadow: 0 28px 90px rgba(0,0,0,.62); }
.support-chat[hidden] { display: none; }
.chat-header { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 16px 17px; border-bottom: 1px solid var(--line); background: linear-gradient(135deg, rgba(30,136,255,.18), rgba(30,136,255,.03)); }
.chat-header > div { display: flex; align-items: center; gap: 10px; }
.chat-header strong, .chat-header small { display: block; }
.chat-header strong { line-height: 1.2; }
.chat-header small { margin-top: 2px; color: var(--muted); font-size: .74rem; }
.chat-status-dot { width: 10px; height: 10px; border-radius: 50%; background: #5ee6a8; box-shadow: 0 0 0 5px rgba(94,230,168,.11); }
.chat-header button { display: grid; place-items: center; width: 36px; height: 36px; padding: 0; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.025); color: var(--muted); font-size: 1.5rem; line-height: 1; cursor: pointer; }
.chat-messages { display: flex; flex-direction: column; gap: 10px; min-height: 210px; max-height: 360px; overflow-y: auto; padding: 16px; overscroll-behavior: contain; }
.chat-message { width: fit-content; max-width: 88%; padding: 10px 12px; border-radius: 14px; font-size: .9rem; line-height: 1.45; white-space: pre-wrap; overflow-wrap: anywhere; }
.assistant-message { align-self: flex-start; border: 1px solid var(--line); border-bottom-left-radius: 4px; background: #1a1e28; color: #e6e9f1; }
.user-message { align-self: flex-end; border-bottom-right-radius: 4px; background: #1676dc; color: white; }
.typing-message { color: var(--muted); font-style: italic; }
.chat-suggestions { display: flex; gap: 7px; overflow-x: auto; padding: 0 16px 12px; scrollbar-width: thin; }
.chat-suggestions button { flex: 0 0 auto; padding: 7px 10px; border: 1px solid rgba(89,184,255,.3); border-radius: 999px; background: rgba(30,136,255,.07); color: #b9dcff; font-size: .74rem; cursor: pointer; }
.chat-form { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 9px; padding: 12px 14px; border-top: 1px solid var(--line); }
.chat-form textarea { min-height: 44px; max-height: 110px; resize: none; padding: 10px 12px; border: 1px solid var(--line); border-radius: 12px; background: #0c0f15; color: var(--text); line-height: 1.35; }
.chat-form textarea:focus { outline: 2px solid rgba(89,184,255,.48); outline-offset: 1px; }
.chat-form button { min-height: 44px; padding: 0 14px; border: 0; border-radius: 11px; background: var(--accent); color: #fff; font-weight: 800; cursor: pointer; }
.chat-form button:disabled { opacity: .65; cursor: wait; }
.chat-privacy { margin: 0; padding: 0 15px 11px; color: #9199aa; font-size: .65rem; line-height: 1.42; }
.chat-privacy strong { color: #c4cbd8; }
.chat-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 15px 14px; }
.chat-footer span { color: #7f8798; font-size: .63rem; line-height: 1.35; }
.chat-order-link { flex: 0 0 auto; color: var(--accent-2); font-size: .72rem; font-weight: 800; }

@media (max-width: 620px) {
  .chat-launcher { right: 14px; bottom: 14px; }
  .support-chat { right: 14px; bottom: 74px; max-height: calc(100dvh - 92px); }
  .chat-messages { max-height: min(340px, 43dvh); }
  .chat-footer { align-items: flex-start; }
}


/* Fall 2026 preview mode */
.launch-banner { position: relative; z-index: 30; display: flex; justify-content: center; align-items: center; gap: 14px; flex-wrap: wrap; padding: 10px 20px; border-bottom: 1px solid rgba(255,126,45,.4); background: linear-gradient(90deg, rgba(255,92,27,.18), rgba(255,149,61,.06)); color: var(--text); text-align: center; font-size: .84rem; }
.launch-banner strong { color: #ffb27e; letter-spacing: .12em; font-size: .72rem; }
.launch-banner span { color: var(--muted); }
@media (max-width: 720px) { .launch-banner { gap: 5px; padding: 10px 14px; } .launch-banner strong, .launch-banner span { width: 100%; } }


/* Launch email list */
.launch-list-section { display: grid; grid-template-columns: .9fr 1.1fr; gap: 70px; align-items: center; padding-block: 96px; margin-block: 30px 10px; border: 1px solid rgba(30,136,255,.26); border-radius: 28px; background: radial-gradient(circle at 12% 20%, rgba(30,136,255,.14), transparent 34%), linear-gradient(145deg, rgba(17,26,42,.95), rgba(9,12,18,.98)); padding-inline: clamp(26px, 5vw, 70px); }
.launch-list-copy > p:not(.eyebrow) { max-width: 620px; color: var(--muted); font-size: 1.05rem; }
.launch-list-points { display: flex; flex-wrap: wrap; gap: 10px; padding: 0; margin: 24px 0 0; list-style: none; }
.launch-list-points li { padding: 9px 12px; border: 1px solid rgba(30,136,255,.28); border-radius: 999px; background: rgba(30,136,255,.06); color: #b9dcff; font-size: .82rem; }
.launch-list-form { display: grid; gap: 16px; padding: 28px; border: 1px solid var(--line); border-radius: 22px; background: rgba(11,16,25,.84); }
.launch-list-form > label:not(.consent-card) { display: grid; gap: 8px; color: var(--muted); font-size: .9rem; }
.launch-list-form input[type="text"], .launch-list-form input[type="email"], .launch-list-form input:not([type]) { width: 100%; color: var(--text); background: var(--panel-2); border: 1px solid var(--line); border-radius: 11px; padding: 13px 14px; outline: none; }
.launch-list-form input:focus { border-color: var(--accent); }
.consent-card { display: flex; align-items: flex-start; gap: 11px; padding: 13px 14px; border: 1px solid var(--line); border-radius: 12px; color: var(--muted); font-size: .82rem; line-height: 1.45; }
.consent-card input { width: 17px; height: 17px; margin-top: 2px; accent-color: var(--accent); flex: 0 0 auto; }
.policy-consent { background: rgba(30,136,255,.045); }
.launch-list-form .button { width: 100%; }
@media (max-width: 900px) { .launch-list-section { grid-template-columns: 1fr; gap: 34px; } }
@media (max-width: 620px) { .launch-list-section { width: min(100% - 26px, var(--max)); padding: 28px 18px; border-radius: 20px; } .launch-list-form { padding: 20px; } }

.privacy-note { margin: -4px 0 0; color: #7f91a8; font-size: .76rem; line-height: 1.45; }

/* Mobile ticker fix */

@media (max-width: 620px) {
  .ticker {
    flex-wrap: wrap;
    justify-content: center;
    overflow: visible;
    white-space: normal;
    gap: 10px 18px;
    padding: 16px 14px;
  }
  .ticker span {
    white-space: nowrap;
    font-size: .88rem;
  }
  .ticker span::before {
    margin-right: 8px;
  }
}

/* Switch Customs RGB Studio */
.rgb-studio-section { border-top: 1px solid var(--line); }
.rgb-studio-heading h2 { max-width: 790px; }
.rgb-studio-app { overflow: hidden; border: 1px solid rgba(89,184,255,.28); border-radius: 26px; background: radial-gradient(circle at 80% -10%, rgba(30,136,255,.16), transparent 34%), #0d1017; box-shadow: 0 28px 90px rgba(0,0,0,.3); }
.rgb-studio-topbar { display: grid; grid-template-columns: 1fr 1fr 1.2fr; gap: 14px; padding: 22px; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.018); }
.rgb-studio-topbar label { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 9px 12px; color: var(--muted); font-size: .78rem; font-weight: 750; letter-spacing: .04em; }
.rgb-studio-topbar select { grid-column: 1 / -1; width: 100%; padding: 11px 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel-2); color: var(--text); outline: none; }
.rgb-studio-topbar select:focus { border-color: var(--accent); }
.brightness-control output { color: var(--text); font-variant-numeric: tabular-nums; }
.brightness-control input { grid-column: 1 / -1; width: 100%; accent-color: var(--accent); cursor: pointer; }
.rgb-preset-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 16px 22px; border-bottom: 1px solid var(--line); }
.rgb-preset-row > span { margin-right: 3px; color: var(--muted); font-size: .78rem; font-weight: 750; }
.rgb-preset { min-height: 35px; padding: 0 13px; border: 1px solid var(--line); border-radius: 999px; background: #151822; color: var(--text); cursor: pointer; font-size: .8rem; font-weight: 750; }
.rgb-preset:hover, .rgb-preset:focus-visible { border-color: var(--preset, var(--accent)); box-shadow: 0 0 16px color-mix(in srgb, var(--preset, var(--accent)) 38%, transparent); outline: none; }
.rgb-preset.inferno { --preset: #ff5a1f; }
.rgb-preset.ice { --preset: #70c7ff; }
.rgb-preset.midnight { --preset: #8c65ff; }
.rgb-preset.spectrum { --preset: #55e7b5; }
.rgb-preset-disclaimer { flex-basis: 100%; margin: 5px 0 0; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.07); color: #858ea1; font-size: .75rem; line-height: 1.5; }
.rgb-preset-disclaimer strong { color: #b9c1d0; }
.rgb-keyboard-stage { margin: 22px; overflow: hidden; border: 1px solid #292f3e; border-radius: 19px; background: radial-gradient(circle at 50% 0%, rgba(41,80,135,.18), transparent 45%), #080a0e; }
.rgb-stage-header { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 13px 16px; border-bottom: 1px solid #242936; color: #7f889b; font-size: .7rem; letter-spacing: .08em; }
.rgb-stage-header > div { display: inline-flex; align-items: center; gap: 8px; color: #b8c0cf; }
.studio-live-dot { width: 7px; height: 7px; border-radius: 50%; background: #59b8ff; box-shadow: 0 0 12px #59b8ff; }
.rgb-keyboard-scroll { overflow-x: auto; padding: 28px; scrollbar-color: #394156 #0d1017; }
.rgb-keyboard { --rgb-level: .85; display: grid; gap: 7px; width: 820px; min-width: 820px; margin: 0 auto; padding: 22px; border: 1px solid #252b38; border-radius: 18px; background: linear-gradient(155deg, #202532, #0c0f15 70%); box-shadow: inset 0 -11px 21px rgba(0,0,0,.46), 0 18px 45px rgba(0,0,0,.38); touch-action: pan-x; user-select: none; }
.rgb-keyboard[data-layout="75"] { width: 860px; min-width: 860px; }
.rgb-keyboard[data-layout="tkl"] { width: 980px; min-width: 980px; }
.rgb-key-row { display: flex; gap: 7px; min-height: 45px; }
.rgb-key { --key-rgb: #1e88ff; position: relative; isolation: isolate; flex: var(--key-width, 1) 1 0; min-width: 0; min-height: 45px; overflow: hidden; padding: 4px; border: 1px solid var(--key-rgb); border-radius: 7px; background: linear-gradient(180deg, #292e3a, #10131a); color: #f7f9ff; box-shadow: inset 0 -4px 0 rgba(0,0,0,.48), 0 0 11px var(--key-rgb); cursor: crosshair; font-size: .65rem; font-weight: 750; text-shadow: 0 1px 3px #000; transition: transform .12s ease, border-color .16s ease; }
.rgb-key::before { content: ""; position: absolute; z-index: -1; inset: 0; background: radial-gradient(circle at 50% 82%, var(--key-rgb), transparent 72%); opacity: var(--rgb-level); transition: opacity .18s ease, background .18s ease; }
.rgb-key:hover, .rgb-key:focus-visible { z-index: 2; transform: translateY(-2px); outline: 2px solid rgba(255,255,255,.72); outline-offset: 1px; }
.rgb-key:active { transform: translateY(1px); }
.rgb-key-gap { flex: var(--key-width, .45) 1 0; min-width: 0; }
.rgb-keyboard.preview-breathing .rgb-key::before { animation: rgb-breathe 2.3s ease-in-out infinite; }
.rgb-keyboard.preview-wave .rgb-key::before { animation: rgb-wave 2.5s ease-in-out infinite; animation-delay: var(--key-delay, 0ms); }
.rgb-keyboard.preview-reactive .rgb-key::before { opacity: .08; }
.rgb-keyboard.preview-reactive .rgb-key:hover::before, .rgb-keyboard.preview-reactive .rgb-key:focus-visible::before, .rgb-keyboard.preview-reactive .rgb-key:active::before { opacity: var(--rgb-level); }
@keyframes rgb-breathe { 0%, 100% { opacity: .12; } 50% { opacity: var(--rgb-level); } }
@keyframes rgb-wave { 0%, 100% { opacity: .1; } 42%, 58% { opacity: var(--rgb-level); } }
.rgb-control-panel { display: grid; grid-template-columns: .7fr 1.35fr 1fr; gap: 18px; padding: 0 22px 24px; }
.rgb-color-control, .rgb-zone-controls, .rgb-plan-summary { padding: 18px; border: 1px solid var(--line); border-radius: 15px; background: rgba(255,255,255,.022); }
.rgb-color-control { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.rgb-color-control strong { display: block; margin-top: 4px; font-size: 1.08rem; font-variant-numeric: tabular-nums; }
.control-label { display: block; color: #778094; font-size: .65rem; font-weight: 850; letter-spacing: .14em; }
.color-picker-wrap { position: relative; display: block; width: 54px; height: 54px; overflow: hidden; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; cursor: pointer; }
.color-picker-wrap input { position: absolute; inset: -9px; width: 72px; height: 72px; border: 0; padding: 0; cursor: pointer; }
.color-picker-wrap span { position: absolute; pointer-events: none; inset: 7px; border: 2px solid rgba(255,255,255,.68); border-radius: 50%; }
.rgb-zone-buttons { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.rgb-zone-buttons button { min-height: 34px; padding: 0 11px; border: 1px solid var(--line); border-radius: 9px; background: var(--panel-2); color: #c2c8d5; cursor: pointer; font-size: .76rem; }
.rgb-zone-buttons button:hover, .rgb-zone-buttons button:focus-visible { border-color: var(--accent); color: white; outline: none; }
.rgb-plan-summary p { margin: 10px 0 0; color: var(--text); font-size: .84rem; }
.rgb-plan-summary .rgb-autosave { margin-top: 7px; color: #778094; font-size: .7rem; }
.rgb-studio-actions { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.rgb-studio-actions .text-button { min-height: 44px; padding: 0 12px; border: 0; background: transparent; color: #8b94a7; cursor: pointer; text-decoration: underline; text-underline-offset: 4px; }
.rgb-studio-status { grid-column: 1 / -1; }
.rgb-studio-notice { display: grid; grid-template-columns: auto 1fr; gap: 18px; align-items: start; margin-top: 16px; padding: 16px 18px; border: 1px solid var(--line); border-radius: 14px; }
.rgb-studio-notice strong { color: #b9dcff; white-space: nowrap; }
.rgb-studio-notice p { margin: 0; color: var(--muted); font-size: .84rem; }
.attached-rgb-plan { display: flex; justify-content: space-between; align-items: center; gap: 15px; margin-top: 16px; padding: 14px 15px; border: 1px solid rgba(89,184,255,.38); border-radius: 12px; background: rgba(30,136,255,.075); }
.attached-rgb-plan[hidden] { display: none; }
.attached-rgb-plan div { min-width: 0; }
.attached-rgb-plan span { display: block; color: var(--accent-2); font-size: .65rem; font-weight: 850; letter-spacing: .13em; }
.attached-rgb-plan strong { display: block; overflow: hidden; margin-top: 4px; color: var(--text); font-size: .82rem; text-overflow: ellipsis; white-space: nowrap; }
.attached-rgb-plan button { flex: 0 0 auto; border: 0; background: transparent; color: #aab2c3; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 900px) {
  .rgb-control-panel { grid-template-columns: 1fr 1fr; }
  .rgb-plan-summary { grid-column: 1 / -1; }
}
@media (max-width: 620px) {
  .rgb-studio-topbar, .rgb-control-panel { grid-template-columns: 1fr; }
  .rgb-studio-topbar { padding: 17px; }
  .rgb-preset-row { padding: 14px 17px; }
  .rgb-preset-row > span { width: 100%; }
  .rgb-keyboard-stage { margin: 16px; }
  .rgb-stage-header { align-items: flex-start; flex-direction: column; gap: 4px; }
  .rgb-keyboard-scroll { padding: 18px 14px; }
  .rgb-control-panel { padding: 0 16px 18px; }
  .rgb-plan-summary, .rgb-studio-actions, .rgb-studio-status { grid-column: auto; }
  .rgb-studio-actions .button { width: 100%; }
  .rgb-studio-actions .text-button { width: 100%; }
  .rgb-studio-notice { grid-template-columns: 1fr; gap: 6px; }
  .attached-rgb-plan { align-items: flex-start; }
}
@media (prefers-reduced-motion: reduce) {
  .rgb-keyboard.preview-breathing .rgb-key::before, .rgb-keyboard.preview-wave .rgb-key::before { animation: none; }
}

/* Sound-test library */
.sound-tests-section { position: relative; overflow: hidden; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.sound-tests-section::before { content: ""; position: absolute; z-index: -1; top: -260px; left: 50%; width: 760px; height: 760px; border-radius: 50%; background: radial-gradient(circle, rgba(30,136,255,.18), transparent 68%); filter: blur(8px); transform: translateX(-50%); pointer-events: none; }
.sound-tests-heading > p { max-width: 520px; }
.sound-test-list { display: grid; gap: 18px; }
.sound-test-card { display: grid; grid-template-columns: minmax(270px,.75fr) minmax(0,1.25fr); min-height: 390px; overflow: hidden; border: 1px solid rgba(89,184,255,.28); border-radius: 24px; background: linear-gradient(145deg, rgba(19,27,42,.96), rgba(10,13,19,.98)); box-shadow: 0 26px 80px rgba(0,0,0,.24); }
.sound-test-image { position: relative; overflow: hidden; min-height: 330px; background: #080b10; }
.sound-test-image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent 60%, rgba(10,13,19,.62)); pointer-events: none; }
.sound-test-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.sound-build-id { position: absolute; z-index: 1; left: 18px; bottom: 18px; padding: 8px 11px; border: 1px solid rgba(255,255,255,.19); border-radius: 999px; background: rgba(5,8,13,.72); color: #dcefff; font-size: .7rem; font-weight: 850; letter-spacing: .12em; backdrop-filter: blur(10px); }
.sound-test-content { display: flex; flex-direction: column; justify-content: center; min-width: 0; padding: clamp(28px,4vw,52px); }
.sound-test-title-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; }
.sound-test-title-row h3 { margin: 5px 0 0; font-size: clamp(1.9rem,3vw,3rem); }
.sound-test-content > p { max-width: 720px; margin: 16px 0 0; color: var(--muted); }
.sound-status { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 7px; min-height: 31px; padding: 6px 10px; border: 1px solid rgba(89,184,255,.35); border-radius: 999px; background: rgba(30,136,255,.09); color: #b9dcff; font-size: .69rem; font-weight: 850; letter-spacing: .045em; text-transform: uppercase; }
.sound-status::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 14px currentColor; }
.sound-status.live { border-color: rgba(65,226,169,.4); background: rgba(31,194,136,.09); color: #7af0c0; }
.inferno-sound-status { border-color: rgba(255,126,45,.35); background: rgba(255,92,27,.08); color: #ffad76; }
.sound-specs { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.sound-specs span { padding: 7px 10px; border: 1px solid var(--line); border-radius: 999px; color: #9ea8ba; font-size: .76rem; }
.sound-sequence { margin-top: 20px; padding: 15px 16px; border: 1px solid rgba(255,255,255,.09); border-radius: 14px; background: rgba(255,255,255,.025); }
.sound-sequence > strong { display: block; margin-bottom: 10px; color: #e9f3ff; font-size: .75rem; letter-spacing: .1em; text-transform: uppercase; }
.sound-sequence ol { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; }
.sound-sequence li { display: flex; align-items: center; gap: 8px; min-width: 0; color: #aeb7c7; font-size: .76rem; line-height: 1.25; }
.sound-sequence li span { display: grid; flex: 0 0 auto; place-items: center; width: 27px; height: 27px; border: 1px solid rgba(89,184,255,.25); border-radius: 8px; background: rgba(30,136,255,.08); color: #9bd4ff; font-size: .65rem; font-weight: 900; }
.inferno-sound-card .sound-sequence li span { border-color: rgba(255,126,45,.28); background: rgba(255,92,27,.08); color: #ffad76; }
.sound-player-shell { margin-top: 24px; }
.sound-audio { width: 100%; height: 48px; color-scheme: dark; }
.sound-audio:not([hidden]) { display: block; }
.sound-empty { display: flex; align-items: center; gap: 14px; min-height: 70px; padding: 14px 16px; border: 1px solid rgba(255,255,255,.1); border-radius: 14px; background: rgba(255,255,255,.028); }
.sound-empty[hidden] { display: none; }
.sound-empty-icon { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid rgba(89,184,255,.3); border-radius: 50%; background: rgba(30,136,255,.09); color: #9bd4ff; font-size: 1.2rem; }
.sound-empty strong, .sound-empty small { display: block; }
.sound-empty small { margin-top: 3px; color: #818b9e; line-height: 1.4; }
.future-sound-card { min-height: 310px; border-color: rgba(255,126,45,.23); }
.inferno-sound-card { border-color: rgba(255,126,45,.3); background: linear-gradient(145deg,rgba(39,20,15,.96),rgba(10,13,19,.98)); }
.future-sound-visual { display: grid; place-items: center; min-height: 280px; background: radial-gradient(circle at 40% 35%, rgba(255,112,28,.48), transparent 25%), radial-gradient(circle at 70% 68%, rgba(255,38,0,.2), transparent 33%), linear-gradient(145deg,#2a160d,#080b10); }
.future-sound-visual span { color: #ffe3cf; font-size: clamp(2.8rem,6vw,5.8rem); font-weight: 950; letter-spacing: -.075em; line-height: .77; text-align: center; text-shadow: 0 20px 50px rgba(255,70,0,.3); }
.sound-test-note { margin: 18px 0 0; padding: 15px 17px; border-left: 3px solid rgba(89,184,255,.5); border-radius: 0 12px 12px 0; background: rgba(30,136,255,.05); color: var(--muted); font-size: .83rem; }
.sound-test-note strong { color: #c9e7ff; }

/* Customer reviews and moderated review submission */
.reviews-section { border-top: 1px solid var(--line); }
.reviews-heading > p { max-width: 510px; }
.reviews-layout { display: grid; grid-template-columns: minmax(0,.9fr) minmax(420px,1.1fr); gap: 24px; align-items: start; }
.reviews-showcase { display: grid; gap: 16px; }
.review-summary-card { padding: clamp(28px,4vw,46px); border: 1px solid rgba(89,184,255,.28); border-radius: 24px; background: radial-gradient(circle at 92% 6%, rgba(30,136,255,.17), transparent 28%), var(--panel); }
.review-summary-stars { display: block; color: #78c8ff; font-size: 1.7rem; letter-spacing: .15em; }
.review-summary-card h3 { margin: 22px 0 10px; font-size: clamp(1.75rem,3vw,2.65rem); }
.review-summary-card p { margin: 0 0 24px; color: var(--muted); }
.review-standards { display: grid; gap: 10px; }
.review-standards > div { display: grid; gap: 5px; padding: 17px 18px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.018); }
.review-standards strong { color: #dbeeff; font-size: .9rem; }
.review-standards span { color: var(--muted); font-size: .79rem; line-height: 1.45; }
.review-form { display: grid; gap: 18px; padding: clamp(25px,4vw,40px); border: 1px solid var(--line); border-radius: 24px; background: var(--panel); }
.review-form-heading .form-kicker { margin-bottom: 9px; }
.review-form-heading h3 { margin: 0; font-size: clamp(1.75rem,3vw,2.45rem); }
.review-form-heading > p:last-child { margin: 9px 0 0; color: var(--muted); font-size: .86rem; }
.review-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px; }
.review-form label { display: grid; gap: 8px; color: var(--muted); font-size: .88rem; }
.review-form input, .review-form select, .review-form textarea { width: 100%; padding: 13px 14px; border: 1px solid var(--line); border-radius: 11px; outline: none; background: var(--panel-2); color: var(--text); }
.review-form input:focus, .review-form select:focus, .review-form textarea:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(30,136,255,.1); }
.review-form .full { grid-column: 1 / -1; }
.review-consent { margin: 0; }
.review-form > .button { justify-self: start; }
.review-moderation-note { margin: -4px 0 0; color: #7f899b; font-size: .74rem; line-height: 1.5; }

@media (max-width: 900px) {
  .sound-test-card, .reviews-layout { grid-template-columns: 1fr; }
  .sound-test-image, .future-sound-visual { min-height: 300px; }
  .sound-test-image::after { background: linear-gradient(0deg, rgba(10,13,19,.55), transparent 48%); }
  .sound-sequence ol { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 620px) {
  .sound-test-title-row { flex-direction: column; gap: 15px; }
  .sound-status { align-self: flex-start; }
  .sound-test-content { padding: 25px; }
  .sound-test-image, .future-sound-visual { min-height: 235px; }
  .sound-sequence ol { grid-template-columns: 1fr; }
  .review-form-grid { grid-template-columns: 1fr; }
  .review-form .full { grid-column: auto; }
  .review-form > .button { width: 100%; }
}

/* Legal and store policy pages */
.legal-page { min-height: 100vh; background: radial-gradient(circle at 88% 5%, rgba(30,136,255,.12), transparent 24%), var(--bg); }
.legal-page .site-header { position: sticky; }
.legal-nav { display: flex; align-items: center; gap: 18px; color: var(--muted); font-size: .88rem; }
.legal-nav a:hover { color: var(--text); }
.legal-main { width: min(920px, calc(100% - 40px)); margin-inline: auto; padding: 92px 0 120px; }
.legal-hero { padding-bottom: 42px; border-bottom: 1px solid var(--line); }
.legal-hero h1 { max-width: none; font-size: clamp(2.8rem, 7vw, 5.5rem); }
.legal-summary { max-width: 760px; margin: 24px 0 0; color: var(--muted); font-size: 1.08rem; }
.legal-updated { margin: 16px 0 0; color: #7e8799; font-size: .82rem; }
.legal-toc { display: flex; flex-wrap: wrap; gap: 9px; margin: 28px 0 0; }
.legal-toc a { padding: 8px 11px; border: 1px solid var(--line); border-radius: 999px; color: #bdc5d3; font-size: .78rem; }
.legal-toc a:hover { border-color: rgba(89,184,255,.55); color: #d9ecff; }
.legal-content { padding-top: 22px; }
.legal-content section { padding: 30px 0; border-bottom: 1px solid rgba(255,255,255,.08); scroll-margin-top: 100px; }
.legal-content section:last-child { border-bottom: 0; }
.legal-content h2 { margin-bottom: 16px; font-size: clamp(1.45rem, 3vw, 2rem); letter-spacing: -.025em; }
.legal-content h3 { margin: 22px 0 8px; font-size: 1.06rem; }
.legal-content p, .legal-content li { color: var(--muted); }
.legal-content p { margin: 10px 0; }
.legal-content ul { margin: 12px 0; padding-left: 22px; }
.legal-content li + li { margin-top: 8px; }
.legal-content strong { color: #e4e8f0; }
.legal-content a { color: var(--accent-2); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.policy-callout { margin: 20px 0; padding: 18px 20px; border: 1px solid rgba(89,184,255,.3); border-radius: 14px; background: rgba(30,136,255,.065); }
.policy-callout p:first-child { margin-top: 0; }
.policy-callout p:last-child { margin-bottom: 0; }
.policy-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; margin: 18px 0; }
.policy-card { padding: 18px; border: 1px solid var(--line); border-radius: 14px; background: var(--panel); }
.policy-card h3 { margin-top: 0; }
.legal-footer .footer-links { justify-content: flex-end; flex-wrap: wrap; }
@media (max-width: 760px) {
  .legal-nav { display: none; }
  .legal-main { width: min(100% - 28px, 920px); padding-top: 66px; }
  .policy-grid { grid-template-columns: 1fr; }
  .legal-footer .footer-links { justify-content: flex-start; }
}


/* v45: dedicated crawlable SEO/product pages */
.seo-page main { min-height: 65vh; }
.seo-hero { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(320px,.85fr); gap: 70px; align-items: center; padding-block: 110px 90px; }
.seo-hero-copy h1, .product-page-copy h1 { font-size: clamp(3rem, 6vw, 6rem); }
.seo-lead { max-width: 760px; margin: 26px 0 30px; color: var(--muted); font-size: 1.15rem; }
.seo-callout { padding: 30px; border: 1px solid rgba(89,184,255,.35); border-radius: 24px; background: radial-gradient(circle at 90% 10%, rgba(30,136,255,.15), transparent 35%), var(--panel); }
.seo-callout strong { display: block; margin: 11px 0 10px; font-size: clamp(1.45rem,2.4vw,2.1rem); line-height: 1.12; }
.seo-callout p { margin: 0; color: var(--muted); }
.seo-section { padding-block: 90px; border-top: 1px solid var(--line); }
.seo-card-grid { display: grid; gap: 16px; }
.seo-card-grid.four { grid-template-columns: repeat(4,minmax(0,1fr)); }
.seo-card-grid.three { grid-template-columns: repeat(3,minmax(0,1fr)); }
.seo-card-grid.two { grid-template-columns: repeat(2,minmax(0,1fr)); }
.seo-card { padding: 27px; border: 1px solid var(--line); border-radius: 20px; background: var(--panel); }
.seo-card > span { color: var(--accent-2); font-size: .72rem; font-weight: 900; letter-spacing: .13em; }
.seo-card h3 { margin: 16px 0 9px; font-size: 1.35rem; }
.seo-card p { margin: 0; color: var(--muted); }
.two-col-content { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: start; }
.two-col-content > div > p:not(.eyebrow) { color: var(--muted); font-size: 1.04rem; }
.seo-list-card { padding: 30px; border: 1px solid var(--line); border-radius: 22px; background: var(--panel); }
.seo-list-card h3 { font-size: 1.45rem; }
.seo-list-card ul { margin: 15px 0 0; padding-left: 20px; color: var(--muted); }
.seo-list-card li { margin: 9px 0; }
.seo-product-card { overflow: hidden; border: 1px solid var(--line); border-radius: 22px; background: var(--panel); }
.seo-product-card > img, .seo-inferno-art { width: 100%; height: 330px; object-fit: cover; background: #080b10; }
.seo-product-card.inferno-seo > img { height: auto; aspect-ratio: 8 / 3; object-fit: cover; object-position: center 48%; }
.seo-product-card > div:not(.seo-inferno-art) { padding: 28px; }
.seo-product-card h3 { margin: 6px 0 10px; font-size: 1.75rem; }
.seo-product-card p:not(.product-tag) { color: var(--muted); }
.seo-inferno-art, .seo-inferno-hero-art { display: grid; place-items: center; text-align: center; color: #ffd4b7; font-size: clamp(2.6rem,5vw,4.5rem); font-weight: 950; line-height: .82; letter-spacing: -.05em; background: radial-gradient(circle at 40% 30%, rgba(255,119,38,.55), transparent 24%), radial-gradient(circle at 65% 68%, rgba(255,42,0,.24), transparent 30%), linear-gradient(145deg, #2b160d, #090b10); }
.nebula-seo { border-color: rgba(172,108,255,.34); }
.nebula-seo-art { color: #f1e4ff; background: radial-gradient(circle at 28% 26%, rgba(210,134,255,.72), transparent 22%), radial-gradient(circle at 72% 70%, rgba(79,66,255,.48), transparent 30%), linear-gradient(145deg,#28143a,#080810); text-shadow: 0 16px 45px rgba(157,75,255,.4); }
.seo-cta { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 35px; padding-block: 72px; border-top: 1px solid var(--line); }
.seo-cta h2 { max-width: 760px; font-size: clamp(2rem,4vw,3.65rem); }
.seo-cta .button { justify-self: end; min-width: 224px; }
.seo-cta p:not(.eyebrow) { color: var(--muted); }
.product-page-hero { display: grid; grid-template-columns: 1.08fr .92fr; gap: 70px; align-items: center; padding-block: 90px; }
.product-page-gallery { min-width: 0; }
.product-main-image { display: block; width: 100%; height: auto; aspect-ratio: 4/3; object-fit: cover; border: 1px solid rgba(89,184,255,.3); border-radius: 24px; background: transparent; }
.product-thumb-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-top: 12px; }
.product-thumb-row img { display: block; width: 100%; height: auto; aspect-ratio: 4/3; object-fit: cover; border: 1px solid var(--line); border-radius: 14px; background: transparent; }
.product-price { margin: 8px 0 22px; font-size: 2.4rem; font-weight: 900; letter-spacing: -.04em; }
.product-price span { color: var(--muted); font-size: .8rem; text-transform: uppercase; letter-spacing: .08em; }
.product-price s { margin-right: 8px; color: #777f8e; font-size: .62em; font-weight: 700; text-decoration-thickness: 2px; }
.product-discount { display: grid; grid-template-columns: auto auto 1fr; align-items: center; gap: 10px; margin: -8px 0 22px; padding: 13px 15px; border: 1px solid rgba(89,184,255,.28); border-radius: 14px; background: rgba(30,136,255,.06); }
.product-discount span { color: var(--muted); font-size: .72rem; text-transform: uppercase; letter-spacing: .08em; font-weight: 800; }
.product-discount code { padding: 5px 8px; border-radius: 8px; background: rgba(30,136,255,.13); color: #a9d9ff; font-family: inherit; font-size: .78rem; font-weight: 950; letter-spacing: .09em; }
.product-discount strong { justify-self: end; color: #dceeff; font-size: .9rem; }
.lunar-launch-discount { margin-top: 0; }
.inferno-product-discount { border-color: rgba(255,126,45,.3); background: rgba(255,92,27,.06); }
.inferno-product-discount code { background: rgba(255,92,27,.13); color: #ffbd91; }
.inferno-product-discount strong { color: #ffe4d1; }
.small-note { margin-top: 18px; color: #8f98aa; font-size: .84rem; }
.product-sound-section { scroll-margin-top: 96px; }
.product-sound-card { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 30px; align-items: center; padding: clamp(26px,4vw,48px); border: 1px solid rgba(89,184,255,.3); border-radius: 24px; background: radial-gradient(circle at 5% 5%,rgba(30,136,255,.14),transparent 38%),var(--panel); box-shadow: 0 24px 70px rgba(0,0,0,.22); }
.product-sound-copy h2 { margin-bottom: 18px; font-size: clamp(2.2rem,4vw,4rem); }
.product-sound-copy > p:not(.eyebrow) { max-width: 560px; color: var(--muted); }
.product-sound-player { min-width: 0; padding: 18px; border: 1px solid rgba(255,255,255,.08); border-radius: 18px; background: rgba(5,8,13,.46); }
.product-sound-player .sound-sequence { margin-top: 0; }
.product-sound-player .sound-audio { margin-top: 18px; }
.inferno-product-sound-card { border-color: rgba(255,126,45,.34); background: radial-gradient(circle at 5% 5%,rgba(255,92,27,.14),transparent 38%),var(--panel); }
.inferno-product-sound-card .sound-sequence li span { border-color: rgba(255,126,45,.28); background: rgba(255,92,27,.08); color: #ffad76; }
.inferno-value-section { scroll-margin-top: 96px; }
.inferno-value-heading > p { max-width: 500px; }
.comparison-table-wrap { overflow-x: auto; border: 1px solid rgba(255,126,45,.3); border-radius: 22px; background: #0e1016; box-shadow: 0 24px 70px rgba(0,0,0,.2); }
.inferno-comparison-table { width: 100%; min-width: 760px; border-collapse: collapse; text-align: left; }
.inferno-comparison-table th, .inferno-comparison-table td { padding: 18px 20px; border-bottom: 1px solid rgba(255,255,255,.075); vertical-align: top; }
.inferno-comparison-table thead th { background: rgba(255,92,27,.09); color: #ffe4d1; font-size: .78rem; text-transform: uppercase; letter-spacing: .08em; }
.inferno-comparison-table tbody th { width: 18%; color: #dce1ea; font-size: .82rem; }
.inferno-comparison-table tbody td { width: 41%; color: var(--muted); font-size: .9rem; }
.inferno-comparison-table tbody tr:last-child th, .inferno-comparison-table tbody tr:last-child td { border-bottom: 0; }
.inferno-comparison-table td strong { color: #fff; }
.comparison-save { display: inline-flex; margin-left: 9px; padding: 4px 7px; border-radius: 999px; background: rgba(255,92,27,.13); color: #ffad76; font-size: .68rem; font-weight: 900; text-transform: uppercase; letter-spacing: .05em; }
.comparison-code-price { display: inline-block; margin-top: 10px; color: #ffcfaf !important; }
.comparison-callout { display: grid; grid-template-columns: minmax(150px,.3fr) minmax(0,1fr); gap: 24px; margin-top: 18px; padding: 24px; border: 1px solid rgba(255,126,45,.22); border-radius: 18px; background: radial-gradient(circle at 0% 0%,rgba(255,92,27,.1),transparent 42%),var(--panel); }
.comparison-callout strong { color: #ffbc8e; font-size: 1.15rem; }
.comparison-callout p { margin: 0; color: var(--muted); }
.comparison-source { margin: 15px 0 0; color: #7f8898; font-size: .75rem; line-height: 1.55; }
.comparison-source a { color: #ffad76; text-decoration: underline; text-underline-offset: 3px; }
.seo-disclosure { padding: 28px; border: 1px solid rgba(89,184,255,.3); border-radius: 20px; background: rgba(30,136,255,.06); }
.seo-disclosure strong { display: block; margin-bottom: 8px; }
.seo-disclosure p { margin: 0; color: var(--muted); }
.inferno-page-hero { grid-template-columns: 1.1fr .9fr; }
.inferno-product-main { border-color: rgba(255,126,45,.42); }
.seo-inferno-hero-art { min-height: 430px; border: 1px solid rgba(255,117,38,.35); border-radius: 28px; }
.seo-inferno-hero-art span { display: block; }
.seo-inferno-hero-art strong { display: block; margin-top: -90px; font-size: 9rem; color: rgba(255,255,255,.08); }
.seo-footer-links { flex-wrap: wrap; justify-content: flex-end; max-width: 780px; }
@media (max-width: 900px) {
  .seo-hero, .product-page-hero, .two-col-content, .product-sound-card, .nebula-preview-card { grid-template-columns: 1fr; gap: 36px; }
  .seo-card-grid.four, .seo-card-grid.three, .seo-card-grid.two { grid-template-columns: 1fr; }
  .seo-hero, .product-page-hero { padding-block: 70px; }
  .seo-section { padding-block: 70px; }
  .seo-cta { align-items: flex-start; flex-direction: column; }
  .seo-footer-links { justify-content: flex-start; }
  .comparison-callout { grid-template-columns: 1fr; gap: 10px; }
}
@media (max-width: 620px) {
  .inferno-value-summary { grid-template-columns: 1fr; }
  .product-discount { grid-template-columns: 1fr auto; }
  .product-discount strong { grid-column: 1 / -1; justify-self: start; }
  .hero-card-price { max-width: none; text-align: left; }
  .nebula-preview-visual { min-height: 300px; }
}


/* Custom PC service lane */
.pc-section { border-top: 1px solid var(--line); }
.pc-service-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.pc-service-card { min-height: 100%; padding: 28px; border: 1px solid var(--line); border-radius: 18px; background: var(--panel); }
.pc-service-card.featured-pc-service { border-color: rgba(89,184,255,.55); background: radial-gradient(circle at 15% 0%, rgba(30,136,255,.17), transparent 34%), var(--panel); }
.pc-service-card h3 { margin-bottom: 10px; font-size: 1.35rem; }
.pc-service-card > p:last-child { margin-bottom: 0; color: var(--muted); }
.pc-order-note { display: grid; grid-template-columns: .9fr 1fr 1fr; gap: 26px; margin-top: 18px; padding: 28px; border: 1px solid rgba(89,184,255,.32); border-radius: 20px; background: radial-gradient(circle at 4% 6%, rgba(30,136,255,.14), transparent 26%), #10131a; }
.pc-order-note h3 { margin: 0; font-size: 1.4rem; }
.pc-order-note > p { margin: 0; color: var(--muted); font-size: .87rem; }
.pc-request-wrap { display: grid; grid-template-columns: .68fr 1.32fr; gap: 54px; align-items: start; margin-top: 54px; padding-top: 54px; border-top: 1px solid var(--line); }
.pc-request-copy h3 { font-size: clamp(1.8rem, 3vw, 3rem); margin-bottom: 16px; }
.pc-request-copy > p:last-child { color: var(--muted); }
.pc-order-form { padding: 26px; }
@media (max-width: 1000px) { .pc-service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .pc-order-note, .pc-request-wrap { grid-template-columns: 1fr; } }
@media (max-width: 620px) { .pc-service-grid { grid-template-columns: 1fr; } .pc-order-note { padding: 22px; } .pc-request-wrap { gap: 28px; margin-top: 38px; padding-top: 38px; } }

/* v47 — Refurbished + One-Offs */
.three-paths { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.refurb-path { border-color: rgba(255,126,45,.30); background: linear-gradient(145deg, rgba(255,126,45,.075), rgba(255,255,255,.018)); }
.refurb-section { border-top: 1px solid var(--line); }
.refurb-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; margin-top: 32px; }
.refurb-card { min-height: 100%; padding: 28px; border: 1px solid var(--line); border-radius: 20px; background: var(--panel); }
.refurb-card.oneoff { border-color: rgba(89,184,255,.34); background: radial-gradient(circle at 95% 5%, rgba(30,136,255,.14), transparent 28%), var(--panel); }
.refurb-card.donor { border-color: rgba(255,126,45,.24); }
.refurb-kicker { color: var(--accent-2); font-size: .7rem; font-weight: 900; letter-spacing: .13em; }
.refurb-card h3 { margin: 15px 0 10px; font-size: 1.35rem; }
.refurb-card p, .refurb-card li { color: var(--muted); }
.refurb-card ul { margin: 18px 0 0; padding-left: 19px; }
.refurb-card li { margin: 8px 0; }
.refurb-process { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; margin-top: 18px; }
.refurb-process article { padding: 22px; border: 1px solid var(--line); border-radius: 17px; background: rgba(255,255,255,.018); }
.refurb-process article > span { display: inline-grid; place-items: center; width: 31px; height: 31px; margin-bottom: 16px; border: 1px solid rgba(89,184,255,.34); border-radius: 999px; color: #b9dcff; font-weight: 900; }
.refurb-process h3 { margin: 0 0 8px; font-size: 1.05rem; }
.refurb-process p { margin: 0; color: var(--muted); font-size: .86rem; }
.refurb-disclosure { display: grid; grid-template-columns: .8fr 1fr 1fr; gap: 24px; margin-top: 18px; padding: 26px; border: 1px solid rgba(255,126,45,.28); border-radius: 19px; background: radial-gradient(circle at 2% 5%, rgba(255,126,45,.09), transparent 27%), #10131a; }
.refurb-disclosure h3 { margin: 0; font-size: 1.35rem; }
.refurb-disclosure > p { margin: 0; color: var(--muted); font-size: .86rem; }
@media (max-width: 980px) { .three-paths, .refurb-grid { grid-template-columns: 1fr; } .refurb-process { grid-template-columns: repeat(2,minmax(0,1fr)); } .refurb-disclosure { grid-template-columns: 1fr; } }
@media (max-width: 620px) { .refurb-process { grid-template-columns: 1fr; } }

/* v55: each recording stays with its matching product photos. */
#sound-tests, .ready-card, .product-inline-sound { scroll-margin-top: 110px; }
.product-inline-sound { min-width: 0; margin-top: 18px; padding: 20px; border: 1px solid rgba(89,184,255,.25); border-radius: 16px; background: #10151e; }
.product-inline-sound h2, .product-inline-sound h3 { margin: 0 0 8px; font-size: 1.15rem; line-height: 1.35; letter-spacing: -.015em; }
.product-inline-sound > p { margin: 0 0 16px; color: var(--muted); font-size: 1rem; line-height: 1.5; }
.product-inline-sound .sound-audio { max-width: 100%; }
.product-inline-sound .sound-sequence { margin-top: 16px; padding: 0; border: 0; border-radius: 0; background: none; }
.product-inline-sound .sound-sequence > strong { font-size: .875rem; letter-spacing: .06em; }
.product-inline-sound .sound-sequence ol { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px 10px; }
.product-inline-sound .sound-sequence li { color: #c1cad9; font-size: .875rem; line-height: 1.4; }
.product-inline-sound .sound-sequence li span { font-size: .75rem; }
.inferno-inline-sound { border-color: rgba(255,126,45,.28); background: #171316; }
.inferno-inline-sound .sound-sequence li span { border-color: rgba(255,126,45,.28); background: rgba(255,92,27,.08); color: #ffad76; }
.inferno-gallery .lunar-thumb img { object-fit: cover; background: transparent; }
.inferno-gallery .lunar-thumb:hover img, .inferno-gallery .lunar-thumb.active img, .inferno-gallery .lunar-gallery-open:hover img { transform: none; }
.inferno-gallery .lunar-gallery-caption { position: static; margin: 0; border: 0; border-top: 1px solid rgba(255,255,255,.1); border-radius: 0; background: #101015; }
.inferno-gallery .lunar-gallery-caption span { font-size: .75rem; letter-spacing: .06em; }
.inferno-gallery .lunar-gallery-caption strong { font-size: .875rem; }
.product-page-hero { align-items: start; }
/* v98: keep the full real Inferno image visible and prevent squeezed two-column
   product/CTA layouts on medium desktop and tablet screens. */
.inferno-gallery .lunar-gallery-open img { object-fit: contain; }
@media (max-width: 1100px) {
  .ready-card.lunar-card, .product-page-hero.inferno-page-hero { grid-template-columns: minmax(0,1fr); }
  .ready-card.lunar-card { max-width: 760px; }
  .seo-cta { grid-template-columns: minmax(0,1fr); align-items: start; }
  .seo-cta .button { justify-self: start; }
}
@media (max-width: 1100px) {
  .product-inline-sound .sound-sequence ol { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 420px) {
  .product-inline-sound { padding: 16px; }
  .product-inline-sound .sound-sequence ol { grid-template-columns: 1fr; }
  .inferno-gallery .lunar-gallery-caption { flex-wrap: wrap; gap: 5px; }
}

/* V58 dynamically published reviews */
.published-reviews { display: grid; gap: 12px; }
.published-review-card { padding: 21px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.018); }
.published-review-head { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; }
.published-review-head h3 { margin: 3px 0 7px; font-size: 1.05rem; }
.published-review-stars { color: #78c8ff; letter-spacing: .1em; white-space: nowrap; }
.published-review-byline { display: flex; flex-wrap: wrap; gap: 7px 10px; align-items: center; color: var(--muted); font-size: .77rem; }
.verified-review-badge { display: inline-flex; align-items: center; padding: 4px 7px; border-radius: 999px; background: rgba(56,189,126,.1); border: 1px solid rgba(56,189,126,.25); color: #aaf0cd; font-size: .68rem; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.published-review-card > p { margin: 15px 0 0; color: #cfd5df; line-height: 1.62; white-space: pre-wrap; }
@media (max-width: 620px) { .published-review-head { flex-direction: column; gap: 8px; } }

/* V62 launch legibility: keep secondary interface text at a readable minimum. */
.mini-label,
.lunar-gallery-caption span,
.lunar-thumb span,
.ready-price span,
.inferno-value-summary span,
.service-path-label,
.service-price-type,
.service-price span,
.tier-shipping-badge,
.mod-disclosure-label,
.support-label,
.exact-parts-section::before,
.chat-header small,
.chat-suggestions button,
.chat-privacy,
.chat-footer span,
.chat-order-link,
.launch-banner strong,
.rgb-stage-header,
.rgb-plan-summary .rgb-autosave,
.sound-build-id,
.sound-status,
.sound-sequence li span,
.verified-review-badge {
  font-size: .75rem;
}


/* v65 customer funnel cleanup */
.hero-spec-link { display: inline-block; margin-top: 14px; color: #9bcfff; font-size: .86rem; font-weight: 750; }
.hero-spec-link:hover { color: #d7efff; }
.homepage-custom-section { border-top: 1px solid var(--line); }
.homepage-custom-hero { display: grid; grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr); gap: 54px; align-items: start; }
.homepage-custom-hero > div:first-child > p:not(.eyebrow) { color: var(--muted); font-size: 1.03rem; line-height: 1.72; }
.homepage-proof-grid { display: grid; gap: 13px; }
.homepage-proof-grid article { display: grid; grid-template-columns: 44px 1fr; column-gap: 14px; padding: 20px; border: 1px solid var(--line); border-radius: 17px; background: var(--panel); }
.homepage-proof-grid article > span { grid-row: 1 / 3; display: grid; place-items: center; align-self: start; width: 38px; height: 38px; border-radius: 50%; background: rgba(30,136,255,.12); color: #8fc8ff; font-weight: 900; font-size: .75rem; }
.homepage-proof-grid strong { color: var(--text); font-size: 1rem; }
.homepage-proof-grid p { margin: 6px 0 0; color: var(--muted); font-size: .84rem; line-height: 1.55; }
.homepage-paths-section { border-top: 1px solid var(--line); }
.homepage-path-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.homepage-path-grid article { padding: 28px; border: 1px solid var(--line); border-radius: 20px; background: rgba(255,255,255,.018); }
.homepage-path-grid h3 { margin: 14px 0 10px; font-size: 1.35rem; }
.homepage-path-grid p { color: var(--muted); min-height: 78px; }
.homepage-path-grid a { color: #9bd4ff; font-weight: 800; }
.process-grid { grid-template-columns: repeat(5,minmax(0,1fr)); }
.process-grid article { padding: 22px; }
.process-grid span { margin-bottom: 20px; }
.process-cta { display: flex; align-items: center; gap: 15px; margin-top: 24px; color: var(--muted); font-size: .84rem; }
.support-compact { display: grid; grid-template-columns: 1fr auto; gap: 28px; align-items: center; padding-block: 42px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.support-compact-copy { display: grid; grid-template-columns: minmax(220px,.55fr) minmax(0,1.45fr); gap: 26px; align-items: center; }
.support-compact h2 { margin-bottom: 0; font-size: clamp(1.65rem,3vw,2.5rem); }
.support-compact-copy > p { margin: 0; color: var(--muted); font-size: .86rem; line-height: 1.6; }
.support-compact-action { min-width: 210px; }
.support-compact-action .button { width: 100%; }
.homepage-final-cta { display: flex; justify-content: space-between; align-items: center; gap: 34px; padding-block: 78px; border-bottom: 1px solid var(--line); }
.homepage-final-cta > div { max-width: 760px; }
.homepage-final-cta h2 { margin-bottom: 12px; }
.homepage-final-cta p:not(.eyebrow) { margin: 0; color: var(--muted); }
.reviews-empty { padding-block: 72px; }
.reviews-empty .reviews-heading { margin-bottom: 22px; }
.reviews-empty .reviews-layout { display: block; max-width: 760px; }
.reviews-empty .reviews-showcase { display: none; }
.reviews-empty .review-form { padding: 25px; }

/* v67: product photo sizing + direct 60% Nebula path */
.layout-size-grid { grid-template-columns: repeat(5,minmax(0,1fr)); }
.layout-size-link { display: flex; flex-direction: column; border-color: rgba(172,108,255,.42); background: radial-gradient(circle at 92% 7%,rgba(172,108,255,.16),transparent 34%),var(--panel); transition: transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.layout-size-link:hover { transform: translateY(-4px); border-color: rgba(196,145,255,.75); box-shadow: 0 18px 48px rgba(94,43,160,.2); }
.layout-size-link:focus-visible { outline: 3px solid #c89aff; outline-offset: 4px; }
.layout-size-link > span { color: #c89aff; }
.layout-card-action { margin-top: auto; padding-top: 22px; color: #ddbdff; font-size: .85rem; }
#nebula-60-card { scroll-margin-top: 110px; }
#nebula-60-card:target { border-color: rgba(196,145,255,.8); box-shadow: 0 0 0 3px rgba(172,108,255,.15),0 24px 70px rgba(77,35,130,.24); }
@media (max-width: 1100px) { .layout-size-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width: 760px) { .layout-size-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 620px) { .layout-size-grid { grid-template-columns: 1fr; } }
.launch-list-section { padding-block: 72px; }
.custom-order-hero { display: grid; grid-template-columns: minmax(0,1.12fr) minmax(320px,.88fr); gap: 60px; align-items: center; padding-block: 100px 78px; }
.custom-order-hero h1 { max-width: 900px; font-size: clamp(3rem,6.5vw,6.1rem); }
.custom-order-hero > div > p:not(.eyebrow) { max-width: 760px; color: var(--muted); font-size: 1.1rem; }
.custom-order-trust { display: flex; flex-wrap: wrap; gap: 10px 18px; margin-top: 28px; color: #b7c3d6; font-size: .83rem; font-weight: 750; }
.secure-checkout-card { padding: 28px; border: 1px solid rgba(89,184,255,.3); border-radius: 22px; background: radial-gradient(circle at 90% 5%,rgba(30,136,255,.15),transparent 34%),var(--panel); }
.secure-checkout-card strong { display: block; margin: 16px 0 10px; font-size: 1.35rem; }
.secure-checkout-card p { margin: 0; color: var(--muted); }
.custom-order-process { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.dedicated-order-section { border-bottom: 1px solid var(--line); }
.requirements-grid .full { grid-column: 1 / -1; }
.custom-order-bottom { display: flex; justify-content: space-between; align-items: center; gap: 30px; padding-block: 70px; }
.custom-order-bottom > div { max-width: 750px; }
.custom-order-bottom p:not(.eyebrow) { color: var(--muted); }
#pc-details, #refurbished-details { border-top: 1px solid var(--line); }
@media (max-width: 1100px) {
  .process-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .homepage-path-grid { grid-template-columns: 1fr; }
  .homepage-path-grid p { min-height: 0; }
}
@media (max-width: 900px) {
  .homepage-custom-hero, .custom-order-hero { grid-template-columns: 1fr; }
  .support-compact, .support-compact-copy, .homepage-final-cta, .custom-order-bottom { grid-template-columns: 1fr; display: grid; }
  .support-compact-action { min-width: 0; max-width: 320px; }
  .process-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 620px) {
  .process-grid { grid-template-columns: 1fr; }
  .homepage-proof-grid article { grid-template-columns: 38px 1fr; padding: 17px; }
  .homepage-final-cta .button, .custom-order-bottom .button { width: 100%; }
  .custom-order-hero { padding-block: 70px 55px; }
  .support-compact-copy { gap: 12px; }
}

/* v68: guided custom keyboard builder */
.builder-page { --builder-accent: #7bc7ff; --builder-glow: rgba(30,136,255,.14); }
.builder-intro { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(280px,.65fr); gap: 54px; align-items: end; padding-block: 86px 56px; }
.builder-intro h1 { max-width: 940px; margin-bottom: 18px; font-size: clamp(3rem,7vw,6.8rem); letter-spacing: -.055em; }
.builder-intro > div:first-child > p:last-child { max-width: 760px; margin: 0; color: var(--muted); font-size: 1.08rem; line-height: 1.7; }
.builder-trust { display: grid; gap: 11px; padding: 24px; border: 1px solid rgba(89,184,255,.28); border-radius: 20px; background: radial-gradient(circle at 95% 5%,var(--builder-glow),transparent 42%),var(--panel); }
.builder-trust span { display: flex; gap: 10px; align-items: center; color: #c8d5e6; font-size: .86rem; font-weight: 750; }
.builder-trust span::before { content: '✓'; display: grid; place-items: center; flex: 0 0 24px; height: 24px; border-radius: 50%; background: rgba(56,189,126,.11); color: #83e0b5; }
.keyboard-builder { display: grid; grid-template-columns: minmax(0,1fr) 360px; gap: 24px; align-items: start; padding-block: 0 90px; }
.builder-workspace { min-width: 0; border: 1px solid var(--line); border-radius: 24px; background: var(--panel); overflow: hidden; }
.builder-live { margin: 22px; overflow: hidden; border: 1px solid rgba(89,184,255,.3); border-radius: 20px; background: #0c1016; box-shadow: 0 22px 58px rgba(0,0,0,.22); }
.builder-live-head { display: flex; justify-content: space-between; gap: 28px; align-items: end; padding: 22px 24px; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 92% 8%,rgba(30,136,255,.13),transparent 36%),#10151d; }
.builder-live-head h2 { margin: 5px 0 4px; font-size: clamp(1.35rem,2.5vw,2rem); }
.builder-live-head > div:first-child > p:last-child { margin: 0; color: var(--muted); font-size: .82rem; }
.builder-live-layer { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.builder-live-layer > span { flex-basis: 100%; color: #7e899a; font-size: .75rem; font-weight: 850; text-align: right; text-transform: uppercase; letter-spacing: .07em; }
.builder-live-layer button { min-height: 36px; padding: 7px 11px; border: 1px solid #343d4a; border-radius: 9px; background: #0d1117; color: #8e9aad; font: inherit; font-size: .75rem; font-weight: 800; cursor: pointer; }
.builder-live-layer button:hover { border-color: rgba(89,184,255,.48); color: #d9edfc; }
.builder-live-layer button.active { border-color: #43aaf5; background: rgba(30,136,255,.13); color: #d9f0ff; }
.builder-live-stage { padding: 17px 18px 18px; background: radial-gradient(circle at 50% 6%,rgba(68,154,225,.12),transparent 36%),linear-gradient(160deg,#0b0f15,#121720); }
.builder-live-stage-meta { display: flex; justify-content: space-between; gap: 18px; margin: 0 3px 11px; color: #7f8da1; font-size: .75rem; font-weight: 850; letter-spacing: .045em; text-transform: uppercase; }
.builder-live-viewport { overflow-x: hidden; padding: 12px 5px 18px; }
.live-keyboard-shell { --live-case: #242b35; --live-edge: #090b0f; --live-plate: #38414d; --live-cap: #e8ecef; --live-cap-alt: #303946; --live-cap-text: #17202a; --live-accent: #64bffc; --live-switch: #68c5ef; position: relative; box-sizing: border-box; width: 100%; min-width: 0; max-width: none; margin-inline: auto; padding: clamp(8px,2vw,22px); border: 1px solid rgba(255,255,255,.18); border-bottom: clamp(5px,1vw,10px) solid var(--live-edge); border-radius: 18px 18px 22px 22px; background: linear-gradient(145deg,color-mix(in srgb,var(--live-case),white 11%),var(--live-case) 58%,color-mix(in srgb,var(--live-case),black 13%)); box-shadow: 0 26px 42px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.19); transform: perspective(900px) rotateX(3deg); transform-origin: center bottom; transition: background .25s ease,border-color .25s ease; }
.live-keyboard-deck { display: grid; gap: clamp(2px,.65vw,6px); padding: clamp(5px,1.25vw,12px); border: 1px solid rgba(0,0,0,.45); border-radius: 11px; background: var(--live-plate); box-shadow: inset 0 3px 12px rgba(0,0,0,.4); transition: background .25s ease; }
.live-keyboard-row { display: flex; gap: clamp(2px,.52vw,5px); min-width: 0; }
.live-key { position: relative; display: grid; place-items: center; flex: var(--key-width) 1 0; min-width: 0; height: clamp(22px,3.75vw,36px); overflow: hidden; border: 1px solid rgba(0,0,0,.48); border-radius: clamp(3px,.65vw,6px); background: var(--live-cap); color: var(--live-cap-text); box-shadow: inset 0 -3px rgba(0,0,0,.15),0 2px 2px rgba(0,0,0,.26); font-size: clamp(.36rem,.8vw,.62rem); font-weight: 850; line-height: 1; transition: background .22s ease,color .22s ease,box-shadow .22s ease; }
.live-key.dark { background: var(--live-cap-alt); color: #edf4fb; }
.live-key.accent { background: var(--live-accent); color: #07131c; }
.live-keyboard-shell[data-layer="base"] .live-key,.live-keyboard-shell[data-layer="switches"] .live-key { background: color-mix(in srgb,var(--live-plate),black 32%); color: transparent; box-shadow: inset 0 0 0 1px rgba(255,255,255,.055),inset 0 3px 7px rgba(0,0,0,.38); }
.live-keyboard-shell[data-layer="base"] .live-key::after { content: ''; width: 44%; aspect-ratio: 1; border: 2px solid color-mix(in srgb,var(--live-plate),white 19%); border-radius: 4px; background: #111820; box-shadow: inset 0 0 0 3px #05080c; }
.live-keyboard-shell[data-layer="switches"] .live-key::before { content: ''; width: 50%; aspect-ratio: 1; border: 2px solid rgba(255,255,255,.18); border-radius: 5px; background: rgba(236,244,250,.5); box-shadow: 0 2px 4px rgba(0,0,0,.35); }
.live-keyboard-shell[data-layer="switches"] .live-key::after { content: ''; position: absolute; width: 20%; aspect-ratio: 1; border-radius: 3px; background: var(--live-switch); box-shadow: inset 0 1px rgba(255,255,255,.45),0 0 8px color-mix(in srgb,var(--live-switch),transparent 42%); }
.live-keyboard-control { position: relative; display: grid; place-items: center; flex: var(--key-width) 1 0; min-width: 0; height: clamp(22px,3.75vw,36px); border: 1px solid rgba(0,0,0,.48); border-radius: clamp(3px,.65vw,6px); box-shadow: inset 0 -2px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.26); }
.live-keyboard-gap { flex: var(--key-width) 1 0; min-width: 0; height: clamp(22px,3.75vw,36px); }
.live-keyboard-knob { background: color-mix(in srgb,var(--live-plate),black 27%); }
.live-keyboard-knob::before { content: ''; width: 27px; height: 27px; border: 1px solid rgba(255,255,255,.32); border-radius: 50%; background: radial-gradient(circle at 35% 28%,#d7dce2 0 7%,#555e69 10%,#171b20 61%,#080a0d 64%); box-shadow: 0 4px 7px rgba(0,0,0,.46); }
.live-keyboard-badge { background: linear-gradient(145deg,color-mix(in srgb,var(--live-accent),black 36%),color-mix(in srgb,var(--live-plate),black 24%)); color: rgba(255,255,255,.78); font-size: .65rem; font-weight: 950; }
.live-keyboard-display { overflow: hidden; background: linear-gradient(145deg,#10151c,#27313d); color: color-mix(in srgb,var(--live-accent),white 18%); font-size: .55rem; font-weight: 950; letter-spacing: .12em; text-shadow: 0 0 8px color-mix(in srgb,var(--live-accent),transparent 45%); }
.live-keyboard-display::after { content: ''; position: absolute; inset: 6px; border: 1px solid color-mix(in srgb,var(--live-accent),transparent 55%); border-radius: 3px; }
.builder-live-parts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin-top: 3px; }
.builder-live-parts > div { display: grid; grid-template-columns: 30px minmax(0,1fr); gap: 9px; align-items: center; min-width: 0; padding: 11px; border: 1px solid #2d3643; border-radius: 11px; background: rgba(8,11,16,.62); }
.live-part-mark { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid #3d4858; border-radius: 50%; color: #77869a; font-size: .68rem; font-weight: 900; }
.builder-live-parts p { display: grid; gap: 2px; min-width: 0; margin: 0; }
.builder-live-parts small { color: #718096; font-size: .67rem; font-weight: 900; letter-spacing: .07em; }
.builder-live-parts strong { overflow: hidden; color: #a9b5c5; font-size: .78rem; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }
.builder-live-parts > div.complete { border-color: rgba(56,189,126,.34); background: rgba(56,189,126,.055); }
.builder-live-parts > div.complete .live-part-mark { border-color: rgba(56,189,126,.48); background: rgba(56,189,126,.12); color: #8be0b8; }
.builder-live-parts > div.complete strong { color: #dbe8e1; }
.builder-live-note { margin: 0; padding: 12px 24px 14px; border-top: 1px solid var(--line); color: #778498; font-size: .75rem; line-height: 1.5; }
.builder-progress { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); border-bottom: 1px solid var(--line); background: #0e1117; }
.builder-step-tab { display: flex; justify-content: center; align-items: center; gap: 8px; min-height: 66px; padding: 12px 8px; border: 0; border-right: 1px solid var(--line); background: transparent; color: #788397; font: inherit; font-size: .77rem; font-weight: 850; cursor: pointer; }
.builder-step-tab:last-child { border-right: 0; }
.builder-step-tab span { display: grid; place-items: center; width: 25px; height: 25px; border: 1px solid #3b4350; border-radius: 50%; font-size: .72rem; }
.builder-step-tab.active { background: rgba(30,136,255,.08); color: #dcefff; }
.builder-step-tab.active span { border-color: var(--builder-accent); background: #1579c8; color: white; }
.builder-step-tab.complete { color: #9cc3df; }
.builder-step-tab.complete span { border-color: rgba(56,189,126,.5); color: #83e0b5; }
.builder-panel { min-height: 620px; padding: 34px; animation: builder-panel-in .2s ease; }
@keyframes builder-panel-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.builder-panel-heading { display: flex; justify-content: space-between; gap: 30px; align-items: end; margin-bottom: 26px; }
.builder-panel-heading h2 { margin: 6px 0 0; font-size: clamp(1.8rem,3vw,2.65rem); }
.builder-panel-heading > p { max-width: 400px; margin: 0; color: var(--muted); font-size: .84rem; line-height: 1.55; }
.builder-layout-filter { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 8px; margin: -7px 0 22px; }
.builder-layout-filter button { display: grid; gap: 4px; min-height: 78px; padding: 11px 8px; border: 1px solid var(--line); border-radius: 13px; background: #0e1219; color: var(--muted); font: inherit; text-align: left; cursor: pointer; }
.builder-layout-filter button strong { color: #d9e2ee; font-size: .9rem; }
.builder-layout-filter button span { color: #91a0b5; font-size: .68rem; font-weight: 750; }
.builder-layout-filter button small { color: #687487; font-size: .62rem; font-weight: 800; text-transform: uppercase; letter-spacing: .045em; }
.builder-layout-filter button.active { border-color: #3da8f6; background: rgba(30,136,255,.11); box-shadow: inset 0 0 0 1px rgba(61,168,246,.18); }
.builder-layout-filter button.active strong, .builder-layout-filter button.active span { color: #d8efff; }
.builder-layout-filter button:disabled { opacity: .44; cursor: not-allowed; }
.builder-options { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.builder-option-wrap { position: relative; min-width: 0; }
.builder-option-wrap > input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.builder-option { display: grid; grid-template-columns: 22px minmax(0,1fr) auto; gap: 13px; align-items: center; min-height: 98px; padding: 17px; border: 1px solid var(--line); border-radius: 16px; background: #11151d; cursor: pointer; transition: border-color .18s ease,background .18s ease,transform .18s ease; }
.builder-option:hover { transform: translateY(-2px); border-color: rgba(89,184,255,.42); }
.builder-option-wrap > input:focus-visible + .builder-option { outline: 3px solid rgba(123,199,255,.65); outline-offset: 3px; }
.builder-option-wrap > input:checked + .builder-option { border-color: #3da8f6; background: radial-gradient(circle at 100% 0,rgba(30,136,255,.13),transparent 38%),#111923; box-shadow: inset 0 0 0 1px rgba(61,168,246,.24); }
.builder-option-check { width: 20px; height: 20px; border: 1px solid #566071; border-radius: 50%; }
.builder-option-wrap > input:checked + .builder-option .builder-option-check { border: 6px solid #45adfa; background: #fff; }
.builder-options.extras .builder-option-check { border-radius: 5px; }
.builder-options.extras .builder-option-wrap > input:checked + .builder-option .builder-option-check { border: 0; background: #2998e9; }
.builder-options.extras .builder-option-wrap > input:checked + .builder-option .builder-option-check::after { content: '✓'; display: grid; place-items: center; height: 20px; color: white; font-size: .78rem; font-weight: 900; }
.builder-option-copy { display: grid; gap: 6px; min-width: 0; }
.builder-option-copy strong { color: var(--text); font-size: .94rem; line-height: 1.3; }
.builder-option-copy small { color: var(--muted); font-size: .75rem; line-height: 1.4; }
.builder-option-price { color: #cceaff; font-size: .9rem; font-weight: 900; white-space: nowrap; }
.builder-base-wrap { min-height: 360px; }
.builder-base-option { position: relative; display: block; height: 100%; min-height: 360px; padding: 0 0 18px; overflow: hidden; }
.builder-base-option .builder-option-check { position: absolute; z-index: 2; top: 14px; right: 14px; background: rgba(12,16,22,.8); box-shadow: 0 0 0 5px rgba(12,16,22,.55); }
.builder-base-media { display: grid; place-items: center; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-bottom: 1px solid var(--line); background: #eef1f5; }
.builder-base-media img { display: block; width: 100%; height: 100%; padding: 0; object-fit: contain; object-position: center center; }
.builder-base-body { display: grid; gap: 9px; padding: 17px 17px 0; }
.builder-base-body > small { color: var(--muted); font-size: .75rem; line-height: 1.45; }
.builder-base-badges { display: flex; flex-wrap: wrap; gap: 6px; }
.builder-base-badges span { padding: 4px 7px; border: 1px solid #374151; border-radius: 999px; color: #b4c0d0; font-size: .62rem; font-weight: 900; letter-spacing: .045em; text-transform: uppercase; }
.builder-base-badges .in-stock { border-color: rgba(56,189,126,.36); background: rgba(56,189,126,.08); color: #9be7c4; }
.builder-base-badges .backorder { border-color: rgba(250,180,68,.36); background: rgba(250,180,68,.07); color: #f5c980; }
.builder-base-title-row { display: flex; justify-content: space-between; align-items: start; gap: 12px; }
.builder-base-title-row > strong { color: var(--text); font-size: 1rem; line-height: 1.3; }
.builder-price-meta { color: #738097; font-size: .65rem; font-weight: 750; }
.builder-availability-detail { color: #d7a95f !important; }
.builder-base-wrap.unavailable .builder-base-option { opacity: .7; cursor: not-allowed; }
.builder-base-wrap.unavailable .builder-base-media img { filter: saturate(.55); }
.builder-base-wrap.unavailable .builder-option-check { display: none; }
.builder-base-config { display: grid; grid-template-columns: minmax(180px,.55fr) minmax(240px,1fr); gap: 18px 24px; align-items: end; margin-top: 18px; padding: 20px; border: 1px solid rgba(89,184,255,.28); border-radius: 15px; background: rgba(30,136,255,.055); }
.builder-base-config-heading { display: grid; gap: 5px; }
.builder-base-config-heading span { color: #7d8ca1; font-size: .67rem; font-weight: 900; letter-spacing: .065em; text-transform: uppercase; }
.builder-base-config-heading strong { color: #e7f4ff; font-size: .98rem; }
.builder-base-config label { display: grid; gap: 7px; color: #9eabba; font-size: .72rem; font-weight: 800; }
.builder-base-config select { width: 100%; min-height: 44px; padding: 9px 38px 9px 12px; border: 1px solid #415064; border-radius: 10px; background: #10151e; color: #edf4fb; font: inherit; font-size: .82rem; }
.builder-base-config select:focus-visible { outline: 3px solid rgba(123,199,255,.55); outline-offset: 2px; }
.builder-base-config p { grid-column: 1 / -1; margin: -3px 0 0; color: #8d99aa; font-size: .72rem; line-height: 1.5; }
.builder-base-config p a { color: #83c9fb; font-weight: 800; }
.builder-catalog-status { margin: 16px 2px 0; color: #7e8b9e; font-size: .74rem; line-height: 1.55; }
.builder-price-policy { display: grid; gap: 5px; margin: 13px 0 0; padding: 14px 16px; border: 1px solid rgba(56,189,126,.28); border-radius: 13px; background: rgba(56,189,126,.055); }
.builder-price-policy strong { color: #b9edd4; font-size: .8rem; }
.builder-price-policy p { margin: 0; color: #94a5b5; font-size: .74rem; line-height: 1.55; }
.builder-switch-option { position: relative; grid-template-columns: 116px minmax(0,1fr); min-height: 220px; padding: 0; overflow: hidden; align-items: stretch; }
.builder-switch-option .builder-option-check { position: absolute; z-index: 2; top: 13px; right: 13px; background: rgba(12,16,22,.82); box-shadow: 0 0 0 5px rgba(12,16,22,.55); }
.builder-switch-media { display: grid; place-items: center; min-width: 0; border-right: 1px solid var(--line); background: #f3f5f7; }
.builder-switch-media img { display: block; width: 100%; height: 100%; padding: 10px; object-fit: contain; }
.builder-switch-body { display: grid; align-content: center; gap: 7px; min-width: 0; padding: 18px 18px 16px; }
.builder-switch-body > strong { padding-right: 22px; color: var(--text); font-size: .96rem; line-height: 1.28; }
.builder-switch-body > small { color: var(--muted); font-size: .74rem; line-height: 1.42; }
.builder-switch-body > .builder-switch-description { color: #a9b5c4; }
.builder-switch-tags { display: flex; flex-wrap: wrap; gap: 6px; padding-right: 25px; }
.builder-switch-tags span { padding: 4px 7px; border: 1px solid #394453; border-radius: 999px; color: #b7c6d8; font-size: .59rem; font-weight: 900; letter-spacing: .045em; text-transform: uppercase; }
.builder-switch-tags .deal { border-color: rgba(250,180,68,.45); background: rgba(250,180,68,.1); color: #ffd28a; }
.builder-switch-price-row { display: flex; justify-content: space-between; align-items: end; gap: 12px; margin-top: 3px; }
.builder-switch-price-row > span { color: #758399; font-size: .64rem; font-weight: 750; }
.builder-switch-price-row > strong { color: #cceaff; font-size: .9rem; white-space: nowrap; }
.builder-switch-deal { display: flex; flex-wrap: wrap; gap: 6px 10px; margin-top: 14px; padding: 13px 15px; border: 1px solid rgba(250,180,68,.32); border-radius: 12px; background: rgba(250,180,68,.06); color: #98a5b5; font-size: .72rem; line-height: 1.5; }
.builder-switch-deal strong { color: #ffd28a; }
.builder-keycap-option { position: relative; display: grid; grid-template-columns: minmax(0,1fr); padding: 0; overflow: hidden; gap: 0; }
.builder-keycap-option .builder-option-check { position: absolute; top: 13px; right: 13px; background: #171e28; box-shadow: 0 0 0 4px #171e28; }
.builder-keycap-media { display: block; height: 190px; background: #f1f2f4; }
.builder-keycap-media img { display: block; width: 100%; height: 100%; padding: 12px; object-fit: contain; }
.builder-keycap-body { display: grid; gap: 8px; padding: 16px; }
.builder-keycap-body > strong { padding-right: 22px; }
.builder-keycap-body small { color: var(--muted); line-height: 1.5; }
.builder-keycap-price { color: #cceaff; font-weight: 800; }
.builder-keycap-selector { display: grid; gap: 7px; padding: 12px 4px 18px; font-size: .76rem; color: var(--muted); }
.builder-keycap-selector select { width: 100%; min-width: 0; padding: 12px; border: 1px solid #394453; border-radius: 8px; background: #171e28; color: #eef4fc; font: inherit; }
.builder-keycap-selector select:focus-visible { outline: 2px solid #69c7ff; outline-offset: 3px; }
.builder-custom-part { margin: 22px 0; }
.builder-custom-choice { grid-template-columns: 22px minmax(0,1fr); border-style: dashed; }
.builder-custom-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; padding: 20px; margin-top: 10px; border: 1px solid #394453; border-radius: 14px; background: #111923; }
.builder-custom-fields[hidden] { display: none; }
.builder-custom-fields label { display: grid; gap: 8px; color: #becad8; font-size: .78rem; }
.builder-custom-fields input { min-width: 0; width: 100%; min-height: 44px; padding: 11px 12px; border: 1px solid #415064; border-radius: 8px; color: #edf4fb; background: #10151e; font: inherit; }
.builder-custom-fields input:focus-visible { outline: 2px solid #69c7ff; outline-offset: 2px; }
.builder-custom-fields input[aria-invalid="true"] { border-color: #f49b88; }
.builder-custom-hint,.builder-custom-status { grid-column: 1 / -1; margin: 0; font-size: .76rem; line-height: 1.55; }
.builder-custom-hint { color: var(--muted); }
.builder-custom-status { color: #f1d397; }
@media (max-width: 620px) { .builder-custom-fields { grid-template-columns: minmax(0,1fr); padding: 16px; } }
.builder-shipping-estimate { min-width: 0; padding: 20px; border: 1px solid #3b5668; border-radius: 14px; background: #111c27; }
.builder-shipping-heading { display: flex; align-items: start; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.builder-shipping-heading h3 { margin: 0; font-size: 1rem; line-height: 1.4; }
.builder-shipping-heading > span { padding: 5px 8px; border-radius: 6px; background: #233c46; color: #b4ddd9; font-size: .72rem; white-space: nowrap; }
#builder-shipping-status { margin: 16px 0 10px; color: #cee8f6; line-height: 1.5; font-size: .86rem; }
.builder-shipping-parcel,.builder-shipping-disclaimer { color: #9caebb; font-size: .74rem; line-height: 1.55; }
.builder-shipping-rates { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 12px; margin: 16px 0; padding: 14px 0; border-block: 1px solid #324451; font-size: .78rem; }
.builder-shipping-rates dt { line-height: 1.5; overflow-wrap: anywhere; }
.builder-shipping-rates dd { margin: 0; font-weight: 800; color: #d6edf9; }
.builder-shipping-total { font-weight: 800; color: #e3f1f8; line-height: 1.5; font-size: .86rem; }
#builder-shipping-zip[aria-invalid="true"] { border-color: #f49b88; }
.builder-catalog-pending { grid-column: 1 / -1; padding: 32px; border: 1px dashed #384354; border-radius: 16px; background: rgba(255,255,255,.018); text-align: center; }
.builder-catalog-pending strong { color: #dce7f3; }
.builder-catalog-pending p { max-width: 480px; margin: 8px auto 0; color: var(--muted); font-size: .82rem; line-height: 1.5; }
.builder-filter { display: flex; flex-wrap: wrap; gap: 8px; margin: -8px 0 20px; }
.builder-filter button { padding: 8px 13px; border: 1px solid var(--line); border-radius: 999px; background: transparent; color: var(--muted); font: inherit; font-size: .76rem; font-weight: 800; cursor: pointer; }
.builder-filter button.active { border-color: rgba(89,184,255,.52); background: rgba(30,136,255,.1); color: #cceaff; }
.builder-included { display: flex; gap: 14px; align-items: center; margin-bottom: 18px; padding: 17px 19px; border: 1px solid rgba(56,189,126,.24); border-radius: 14px; background: rgba(56,189,126,.055); }
.builder-included span { padding: 5px 8px; border-radius: 999px; background: rgba(56,189,126,.13); color: #9be7c4; font-size: .7rem; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.builder-included strong { font-size: .84rem; }
.builder-notes { display: grid; gap: 8px; margin-top: 22px; color: var(--muted); font-size: .9rem; }
.builder-notes textarea { width: 100%; padding: 14px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel-2); color: var(--text); resize: vertical; }
.builder-nav { display: flex; justify-content: space-between; gap: 12px; padding: 20px 34px; border-top: 1px solid var(--line); background: #0e1117; }
.builder-nav .button { min-width: 145px; }
.builder-nav button[disabled] { opacity: .35; cursor: not-allowed; }
.build-summary { position: sticky; top: 92px; padding: 25px; border: 1px solid rgba(89,184,255,.3); border-radius: 22px; background: radial-gradient(circle at 100% 0,var(--builder-glow),transparent 34%),#10141c; box-shadow: 0 24px 70px rgba(0,0,0,.22); }
.build-summary-head { display: flex; justify-content: space-between; gap: 20px; align-items: start; padding-bottom: 20px; border-bottom: 1px solid var(--line); }
.build-summary-head h2 { margin: 5px 0 0; font-size: 1.35rem; }
.build-summary-head button { padding: 0; border: 0; background: none; color: #84c8fa; font: inherit; font-size: .76rem; font-weight: 800; cursor: pointer; }
.summary-empty { padding: 28px 0; color: var(--muted); font-size: .85rem; }
.summary-lines { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 17px 12px; margin: 22px 0; }
.summary-lines dt { display: grid; gap: 3px; min-width: 0; }
.summary-lines dt span { color: #7f899a; font-size: .68rem; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.summary-lines dt strong { overflow: hidden; color: #dce2ec; font-size: .79rem; line-height: 1.35; text-overflow: ellipsis; }
.summary-lines dd { margin: 0; color: #cceaff; font-size: .8rem; font-weight: 850; }
.summary-total { display: flex; justify-content: space-between; align-items: end; gap: 15px; padding-top: 21px; border-top: 1px solid var(--line); }
.summary-total span { color: var(--muted); font-size: .82rem; }
.summary-total strong { color: white; font-size: 1.8rem; letter-spacing: -.04em; }
.summary-fine-print { margin: 13px 0 20px; color: #778295; font-size: .72rem; line-height: 1.5; }
.summary-safeguard { display: grid; grid-template-columns: 27px 1fr; gap: 10px; padding: 15px; border-radius: 13px; background: rgba(255,255,255,.025); }
.summary-safeguard > span { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 50%; background: rgba(56,189,126,.11); color: #83e0b5; }
.summary-safeguard p { margin: 0; color: var(--muted); font-size: .73rem; line-height: 1.45; }
.summary-safeguard strong { display: block; margin-bottom: 2px; color: #dce2ec; font-size: .78rem; }
.builder-contact-form { max-width: 760px; margin-top: 4px; padding: 0; border: 0; background: transparent; }
.builder-alternate { display: flex; justify-content: space-between; align-items: center; gap: 35px; padding-block: 64px; border-top: 1px solid var(--line); }
.builder-alternate > div { max-width: 760px; }
.builder-alternate h2 { margin-bottom: 10px; }
.builder-alternate p:not(.eyebrow) { margin: 0; color: var(--muted); }
.service-request-section { border-top: 1px solid var(--line); }
.service-request-form { max-width: 900px; margin-inline: auto; }
@media (max-width: 1080px) {
  .keyboard-builder { grid-template-columns: 1fr; }
  .build-summary { position: static; grid-row: 1; }
  .summary-lines { grid-template-columns: minmax(0,1fr) auto; }
}
@media (max-width: 760px) {
  .builder-intro { grid-template-columns: 1fr; padding-block: 66px 42px; }
  .builder-intro h1 { font-size: clamp(2.8rem,14vw,4.7rem); }
  .builder-live { margin: 16px; }
  .builder-live-head { display: grid; align-items: stretch; padding: 19px; }
  .builder-live-layer { justify-content: flex-start; }
  .builder-live-layer > span { text-align: left; }
  .builder-live-parts { grid-template-columns: 1fr; }
  .builder-live-parts strong { white-space: normal; }
  .builder-progress { grid-template-columns: repeat(5,1fr); }
  .builder-step-tab { min-height: 57px; font-size: 0; }
  .builder-step-tab span { font-size: .72rem; }
  .builder-panel { min-height: 0; padding: 24px; }
  .builder-panel-heading { display: block; }
  .builder-panel-heading > p { margin-top: 10px; }
  .builder-layout-filter { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .builder-options { grid-template-columns: 1fr; }
  .builder-base-config { grid-template-columns: 1fr; align-items: stretch; }
  .builder-base-config p { grid-column: auto; }
  .builder-nav { padding: 17px 24px; }
  .builder-alternate { display: grid; }
}
@media (max-width: 480px) {
  .keyboard-builder { padding-inline: 14px; }
  .builder-live { margin: 10px; }
  .builder-live-head { padding: 16px; }
  .builder-live-stage { padding: 13px 12px 14px; }
  .builder-live-layer button { flex: 1; padding-inline: 7px; }
  .builder-live-note { padding-inline: 16px; }
  .builder-panel { padding: 20px 16px; }
  .builder-option { grid-template-columns: 20px minmax(0,1fr); min-height: 104px; padding: 15px; }
  .builder-layout-filter { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .builder-base-wrap, .builder-base-option { min-height: 340px; }
  .builder-base-option { display: block; padding: 0 0 18px; }
  .builder-base-media { height: auto; }
  .builder-base-option .builder-option-check { top: 13px; right: 13px; }
  .builder-option-price { grid-column: 2; }
  .builder-base-title-row .builder-option-price { grid-column: auto; }
  .builder-switch-option { grid-template-columns: 96px minmax(0,1fr); min-height: 210px; padding: 0; }
  .builder-keycap-option { grid-template-columns: minmax(0,1fr); padding: 0; }
  .builder-switch-body { padding: 16px 14px; }
  .builder-switch-price-row { display: grid; gap: 4px; }
  .builder-nav { padding: 14px 16px; }
  .builder-nav .button { min-width: 0; flex: 1; padding-inline: 12px; }
  .build-summary { padding: 21px; }
}

/* Featured customer build and included delivery */
.free-shipping-highlight{padding:14px 16px;border:1px solid #80dcca;border-radius:12px;background:rgba(95,215,185,.1);color:#d9fff4;line-height:1.6}
.free-shipping-highlight strong{font-weight:800}
.current-deal{display:flex;gap:22px;align-items:center;overflow:hidden;background:rgba(95,215,185,.08);border-block:1px solid rgba(95,215,185,.3);padding:24px 20px}
.current-deal img{object-fit:contain;border-radius:14px;flex-shrink:0}
.current-deal h2{margin:5px 0;font-size:clamp(1.2rem,2vw,1.7rem)}
.customer-feature-photo{object-fit:contain!important;width:100%;height:auto!important;max-height:640px;background:#101418}
#builder-choose-version{margin-bottom:16px;width:100%}
@media(max-width:600px){.current-deal{align-items:flex-start;gap:14px}.current-deal img{width:64px;height:64px}}

.special-model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:24px 0}.special-model-grid article{padding:18px;border:1px solid #444;border-radius:14px}.special-model-grid img{width:100%;height:160px;object-fit:contain;background:#ddd;border-radius:8px}.special-model-grid h3{margin:16px 0 8px}@media(max-width:800px){.special-model-grid{grid-template-columns:1fr}}

/* V86: custom builds lead; finished boards remain an explicit second path. */
.skip-link{position:fixed;left:12px;top:-80px;z-index:100;padding:12px 18px;background:white;color:#111;border-radius:8px}.skip-link:focus{top:12px}
.custom-first-home a:focus-visible{outline:3px solid #83cfef;outline-offset:5px}
.custom-launch{gap:18px}.custom-launch a{font-weight:750;text-decoration:underline;text-underline-offset:4px}
.custom-first-hero{min-height:0;padding-block:64px 56px;gap:60px;grid-template-columns:1.15fr .85fr}
.custom-first-hero h1{font-size:clamp(3.5rem,6.3vw,6rem);line-height:1.01;letter-spacing:-.055em}.custom-first-hero h1 span{color:#8cd8ed}
.custom-first-hero .hero-text{margin:24px 0;max-width:560px}.custom-first-hero .primary{gap:22px;background:#8cd8ed;color:#0a151c;box-shadow:0 8px 30px #55add522}
.hero-reassurance{font-size:.83rem;color:var(--muted);margin:15px 0 24px}.home-delivery{font-size:.91rem;line-height:1.7;color:#d7f6ed}.home-delivery small{color:var(--muted);font-size:.77rem}.home-ready-link{display:inline-block;margin-top:12px;color:#c1ccdb;text-decoration:underline;text-underline-offset:5px;font-size:.88rem}
.custom-proof-card{max-width:400px;justify-self:end;transform:rotate(1deg)}.custom-proof-card .hero-card-media{aspect-ratio:auto;height:440px;background:#090d11}.custom-proof-card .hero-product-photo{width:100%;height:100%;object-fit:contain}.custom-proof-card .hero-card-meta{display:block;padding:20px}.custom-proof-card .hero-card-meta strong{font-size:1.13rem}.custom-proof-card .hero-card-meta p{font-size:.8rem;margin:8px 0 14px}.custom-proof-card .hero-card-meta a{font-size:.86rem;color:#8cd8ed;font-weight:750}
.custom-start-section,.custom-process{padding-block:58px}.custom-start-section h2,.custom-process h2,.custom-first-home .ready-section h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.09}.custom-start-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:28px}.custom-start-card{display:flex;flex-direction:column;padding:32px;border:1px solid #374958;border-radius:20px;background:linear-gradient(135deg,#14232c,#11151d);transition:border-color .2s,transform .2s}.custom-start-card:hover{border-color:#8cd8ed;transform:translateY(-3px)}.path-number{font-size:.74rem;letter-spacing:.12em;color:#8cd8ed}.custom-start-card h3{font-size:1.7rem;margin:20px 0 10px;letter-spacing:-.03em}.custom-start-card p{margin:0 0 28px;color:var(--muted)}.custom-start-card strong{margin-top:auto;color:#b8e9f5}
.home-deal{display:flex;align-items:center;gap:24px;border-block:1px solid #334253;padding-block:26px}.home-deal img{object-fit:contain;border-radius:12px}.home-deal .eyebrow{font-size:.7rem}.home-deal h3{margin:5px 0;font-size:1.16rem}.home-deal p{font-size:.88rem;color:var(--muted);margin:0}.home-deal .button{margin-left:auto;white-space:nowrap}
.custom-process-grid{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:0;margin:34px 0 0}.custom-process-grid li{border-top:1px solid #344858;padding-top:22px}.custom-process-grid span{color:#8cd8ed;font-size:.85rem}.custom-process-grid h3{margin:12px 0 8px;font-size:1.25rem}.custom-process-grid p{color:var(--muted);font-size:.94rem}
.custom-first-home .ready-section{border-top:1px solid var(--line)}.home-final-cta{padding-block:70px;text-align:center}.home-final-cta h2{font-size:clamp(2.2rem,4vw,4rem);line-height:1.05}.home-final-cta .hero-actions{justify-content:center;margin-top:28px}
@media(max-width:900px){.custom-first-hero{gap:28px;grid-template-columns:1fr 1fr}.custom-proof-card .hero-card-media{height:380px}.home-deal{flex-wrap:wrap}.home-deal .button{margin-left:0}.custom-process-grid{gap:20px}}
@media(max-width:650px){.custom-first-hero{grid-template-columns:1fr;padding-block:36px 42px}.custom-first-hero h1{font-size:clamp(3.4rem,14vw,4.8rem)}.custom-first-hero .hero-actions{display:grid;grid-template-columns:1fr}.custom-first-hero .hero-text{font-size:1.03rem}.custom-proof-card{justify-self:center;width:100%;max-width:400px;transform:none}.custom-proof-card .hero-card-media{height:350px}.custom-start-grid,.custom-process-grid{grid-template-columns:1fr}.custom-start-section,.custom-process{padding-block:36px}.custom-start-card{padding:25px}.home-deal{gap:14px}.home-deal img{width:60px;height:60px}.home-deal>div{flex:1;min-width:190px}.home-deal .button{width:100%}.home-final-cta{padding-block:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.custom-start-card{transition:none}.custom-start-card:hover{transform:none}}

/* Customer's customer sound test */
.custom-proof-card .customer-sound-test{margin:18px 0;padding-top:16px;border-top:1px solid rgba(140,216,237,.22)}
.custom-proof-card .customer-sound-test h2{font-size:1rem;line-height:1.4;margin:0 0 12px}
.customer-sound-test audio{display:block;width:100%;min-width:0;height:40px}
.custom-proof-card .customer-sound-test p{font-size:.76rem;line-height:1.7;margin:10px 0}
.custom-proof-card .customer-sound-test p strong{font-size:inherit}
#customer-audio-note{color:var(--muted)}

.custom-proof-card{transform:none}.custom-proof-card .hero-card-media{height:auto;aspect-ratio:941/860;background:#24282d}
.customer-build-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}
.customer-build-actions a{white-space:normal;text-align:center}

.custom-proof-card .customer-build-actions .primary{color:#fff}

.assembly-rate-list{margin:1rem 0}.assembly-rate-list>div{display:flex;justify-content:space-between;gap:1rem;padding:.35rem 0;border-bottom:1px solid var(--line)}.assembly-rate-list dd{margin:0;font-weight:750}