/** Shopify CDN: Minification failed

Line 39:0 Unexpected "}"

**/
/* WAVEFORM — key features grid + spec cards + accordions + changelog
   (ported from prototype product.css) */
.kf-grid { display: grid; grid-template-columns: repeat(var(--cols, 3), 1fr); gap: 16px; }
.kf-card { border: 1px solid var(--hairline); border-radius: var(--radius); background: var(--surface); padding: 24px; transition: border-color var(--dur) var(--ease), transform var(--dur) var(--ease); }
.kf-card:hover { border-color: rgba(var(--accent-rgb),0.35); transform: translateY(-3px); }
.kf-card .kf-ic { width: 40px; height: 40px; border-radius: 10px; background: var(--surface-2); display: grid; place-items: center; color: var(--accent); margin-bottom: 16px; }
.kf-card .kf-ic svg { width: 20px; height: 20px; }
.kf-card h3 { font-family: var(--font-display); font-weight: 700; font-size: 17px; }
.kf-card p { color: var(--text-muted); font-size: 13.5px; margin-top: 7px; line-height: 1.55; }
@media (max-width: 960px) { .kf-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .kf-grid { grid-template-columns: 1fr; } }

/* spec / compatibility */
.spec-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.spec-card { border: 1px solid var(--hairline); border-radius: var(--radius-lg); background: var(--surface); overflow: hidden; }
.spec-card .sc-head { display: flex; align-items: center; gap: 12px; padding: 20px 24px; border-bottom: 1px solid var(--hairline); }
.spec-card .sc-head .os-ic { width: 34px; height: 34px; border-radius: 9px; background: var(--surface-2); display: grid; place-items: center; color: var(--text); }
.spec-card .sc-head .os-ic svg { width: 19px; height: 19px; }
.spec-card .sc-head h3 { font-family: var(--font-display); font-weight: 700; font-size: 17px; }
.spec-row { display: flex; justify-content: space-between; gap: 16px; padding: 13px 24px; border-bottom: 1px solid var(--hairline-2); font-size: 14px; }
.spec-row:last-child { border-bottom: none; }

/* An odd card out (3, 5...) would leave an empty cell beside it in the two-column grid, so the last card spans the full
   width and its rows share that width equally, centered, key above value. Each cell is at least as wide as its own text, so
   values stay on one line and only wrap to a second row of cells on narrow desktops. A lone card is left alone. */
@media (min-width: 961px) {
  .spec-wrap > .spec-card:last-child:nth-child(odd):not(:first-child) { grid-column: 1 / -1; display: flex; flex-wrap: wrap; }
  .spec-wrap > .spec-card:last-child:nth-child(odd):not(:first-child) .sc-head { flex: 0 0 100%; justify-content: center; }
  .spec-wrap > .spec-card:last-child:nth-child(odd):not(:first-child) .spec-row { flex: 1 1 0; min-width: max-content; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 5px; padding: 20px 28px 22px; border-bottom: 0; border-right: 1px solid var(--hairline-2); }
  .spec-wrap > .spec-card:last-child:nth-child(odd):not(:first-child) .spec-row:last-child { border-right: 0; }
  .spec-wrap > .spec-card:last-child:nth-child(odd):not(:first-child) .spec-row .k { font-size: 12.5px; }
  .spec-wrap > .spec-card:last-child:nth-child(odd):not(:first-child) .spec-row .v { text-align: center; font-size: 15px; white-space: nowrap; }
}
}
.spec-row .k { color: var(--text-faint); }
.spec-row .v { color: var(--text); font-weight: 500; text-align: right; }
/* Combined table: Hardware (left) and one row per OS (right) in a single bordered surface. */
.spec-box { border: 1px solid var(--hairline); border-radius: var(--radius-lg); background: var(--surface); overflow: hidden; display: grid; grid-template-columns: 1fr 1fr; }
.spec-box--single { grid-template-columns: 1fr; }
.spec-col { display: flex; flex-direction: column; min-width: 0; }
.spec-col + .spec-col { border-left: 1px solid var(--hairline); }
.spec-colhead { padding: 18px 28px 14px; font-family: var(--font-display); font-weight: 700; font-size: 15px; letter-spacing: -0.005em; color: var(--text); border-bottom: 1px solid var(--hairline); background: rgba(255,255,255,0.025); }
[data-theme="light"] .spec-colhead { background: rgba(15,18,25,0.03); }
.spec-box .spec-row { flex: 1 1 auto; align-items: center; padding: 14px 28px; gap: 24px; }
.spec-box .spec-row:last-child { border-bottom: 0; }
.spec-box .spec-row .k { color: var(--text-faint); flex: 0 0 auto; }
.spec-box .spec-row .v { min-width: 0; }
.spec-box .spec-os { align-items: flex-start; }
.spec-box .spec-os .k { color: var(--text); font-weight: 600; min-width: 84px; padding-top: 1px; }
.spec-box .spec-os .v { display: flex; flex-direction: column; align-items: flex-end; gap: 3px; font-weight: 400; }
.spec-box .spec-os .v b { font-weight: 500; color: var(--text); }
.spec-box .spec-os .v small { font-size: 12.5px; line-height: 1.45; color: var(--text-muted); }
.spec-box .spec-os .v small i { font-style: normal; color: var(--text-faint); margin-right: 4px; }
.spec-wrap--rest:not(:empty) { margin-top: 18px; }
.spec-wrap--rest:empty { display: none; }
@media (max-width: 960px) { .spec-wrap { grid-template-columns: 1fr; } .spec-box { grid-template-columns: 1fr; } .spec-col + .spec-col { border-left: 0; border-top: 1px solid var(--hairline); } .spec-box .spec-row { padding: 13px 20px; } .spec-colhead { padding: 16px 20px 12px; } }

/* accordions (native <details>) */
.acc-list { border: 1px solid var(--hairline); border-radius: var(--radius-lg); overflow: hidden; background: var(--surface); }
.acc-item { border-bottom: 1px solid var(--hairline); }
.acc-item:last-child { border-bottom: none; }
.acc-item summary { list-style: none; cursor: pointer; padding: 20px 24px; display: flex; align-items: center; gap: 14px; font-family: var(--font-display); font-weight: 600; font-size: 16px; transition: background var(--dur) var(--ease); }
.acc-item summary::-webkit-details-marker { display: none; }
.acc-item summary:hover { background: var(--surface-2); }
.acc-item summary .ic { width: 32px; height: 32px; border-radius: 8px; background: var(--surface-2); display: grid; place-items: center; color: var(--accent); flex: 0 0 auto; }
.acc-item summary .ic svg { width: 17px; height: 17px; }
.acc-item summary .chev { margin-left: auto; color: var(--text-faint); transition: transform var(--dur) var(--ease); }
.acc-item summary .chev svg { width: 18px; height: 18px; display: block; }
.acc-item[open] summary .chev { transform: rotate(180deg); }
.acc-item .acc-body { padding: 0 24px 22px 70px; color: var(--text-muted); font-size: 14.5px; line-height: 1.65; }
.acc-item .acc-body p + p { margin-top: 10px; }
.acc-item .acc-body a { color: var(--accent); }

/* changelog */
.changelog { border-left: 1px solid var(--hairline); padding-left: 28px; display: grid; gap: 28px; margin-left: 6px; }
.cl-item { position: relative; }
.cl-item::before { content: ""; position: absolute; left: -34px; top: 4px; width: 11px; height: 11px; border-radius: 50%; background: var(--surface); border: 2px solid var(--text-faint); }
.cl-item.latest::before { background: var(--accent); border-color: var(--accent); box-shadow: var(--accent-glow); }
.cl-item .cl-top { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.cl-item .cl-ver { font-family: var(--font-display); font-weight: 700; font-size: 16px; }
.cl-item .cl-date { font-family: var(--font-mono); font-size: 12px; color: var(--text-faint); }
.cl-item .cl-tag { font-size: 10px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--accent); border: 1px solid rgba(var(--accent-rgb),0.4); padding: 2px 7px; border-radius: 999px; }
.cl-item ul { margin-top: 10px; display: grid; gap: 6px; padding-left: 0; }
.cl-item ul li { list-style: none; font-size: 14px; color: var(--text-muted); display: flex; gap: 9px; }
.cl-item ul li::before { content: "-"; color: var(--text-faint); }

/* things to know: the FAQ is a stack of full width cards, the changelog sits underneath */
.tk-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(34px, 4vw, 52px); align-items: start; }
.tk-wrap .acc-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; border: 0; background: transparent; border-radius: 0; overflow: visible; }
.tk-wrap .acc-item summary { padding: 16px 24px; }
.tk-wrap .acc-list .acc-item { border: 1px solid var(--hairline); border-radius: var(--radius-lg); background: var(--surface); overflow: hidden; }
.tk-wrap .acc-list .acc-item:last-child { border-bottom: 1px solid var(--hairline); }
.tk-wrap .acc-item .acc-body { padding-left: 24px; }


/* changelog scrolls (capped to the accordion height via JS) without clipping the timeline dots */
.changelog-scroll { overflow-y: auto; padding-left: 14px; scrollbar-width: thin; scrollbar-color: rgba(var(--accent-rgb),0.45) transparent; }
.changelog-scroll::-webkit-scrollbar { width: 6px; }
.changelog-scroll::-webkit-scrollbar-track { background: transparent; }
.changelog-scroll::-webkit-scrollbar-thumb { background: rgba(var(--accent-rgb),0.4); border-radius: 999px; }
.changelog-scroll::-webkit-scrollbar-thumb:hover { background: rgba(var(--accent-rgb),0.65); }
@media (max-width: 960px) { .changelog-scroll { max-height: none !important; padding-left: 0; } }
/* ---------------- gear list ("The kit"): compact two column spec sheet ---------------- */
.spec-kit { grid-column: 1 / -1; border: 1px solid var(--hairline); border-radius: var(--radius-lg); background: var(--surface); padding: 22px clamp(20px, 2.4vw, 32px) 10px; }
.spec-wrap--rest:has(.spec-kit) { display: block; }
.spec-kit .sk-head { margin-bottom: 6px; }
.spec-kit .sk-head h3 { font-family: var(--font-display); font-weight: 800; font-size: clamp(1.15rem, 1.8vw, 1.4rem); letter-spacing: -0.02em; }
.spec-kit .sk-grid { column-count: 2; column-gap: clamp(28px, 4vw, 56px); }
.spec-kit .sk-cat { break-inside: avoid; display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 14px; align-items: start; padding: 15px 0; border-top: 1px solid var(--hairline); }
.spec-kit .sk-cat-head { padding-top: 2px; }
.spec-kit .sk-cat-head h4 { font-family: var(--font-mono); font-size: 11px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: var(--accent); }
.spec-kit .sk-cat ul { list-style: none; margin: 0; padding: 0; font-size: 14px; line-height: 1.45; color: var(--text); display: flex; flex-direction: column; gap: 7px; }
.spec-kit .sk-cat li { position: relative; padding-left: 14px; }
.spec-kit .sk-cat li::before { content: ""; position: absolute; left: 0; top: 0.58em; width: 5px; height: 5px; border-radius: 50%; background: rgba(var(--accent-rgb), 0.8); }
@media (max-width: 860px) { .spec-kit .sk-grid { column-count: 1; } }
@media (max-width: 520px) { .spec-kit .sk-cat { grid-template-columns: 1fr; gap: 4px; } }