/* Studio11 Home. Local aliases consume the site's existing theme contract. */
.bpc-home-studio11 {
  --v2-bg:color-mix(in srgb,var(--bspc-bg-light) 94%,var(--bspc-border-medium));
  --v2-card:var(--bspc-bg-white); --v2-card2:var(--bspc-bg-light);
  --v2-text:var(--bspc-text-primary); --v2-text2:var(--bspc-text-secondary);
  --v2-line:var(--bspc-border-light); --v2-blue:var(--bspc-blue-primary);
  --v2-soft:var(--bspc-blue-soft); --v2-fill:#0066cc; --v2-fill-text:#fff;
  --v2-shadow:0 8px 28px #23457209; --v2-r:20px; --v2-r-sm:13px;
  background:var(--v2-bg); color:var(--v2-text); font-family:inherit; line-height:1.55;
}
[data-theme="dark"] .bpc-home-studio11 {
  /* Global OLED black is unsuitable for the layered Home; existing neutral surfaces remain local. */
  --v2-bg:var(--bspc-bg-white); --v2-card:var(--bspc-input-bg);
  --v2-card2:var(--bspc-bg-white); --v2-text2:var(--bspc-text-secondary);
  --v2-shadow:none;
}
.bpcv2 *, .bpcv2 *::before, .bpcv2 *::after {box-sizing:border-box}
.bpcv2 .wrap {max-width:1160px; margin-inline:auto; padding-inline:24px}
.bpcv2 > section {padding-block:40px}
.bpcv2 h1,.bpcv2 h2,.bpcv2 h3 {color:var(--v2-text); overflow-wrap:break-word}
.bpcv2 .eyebrow {display:block; font-size:11px; font-weight:750; letter-spacing:.09em; text-transform:uppercase; color:var(--v2-blue); margin:0 0 12px}
.bpcv2 .sec-head {max-width:760px; margin:0 0 24px}
.bpcv2 .sec-head h2 {font-size:clamp(25px,2.7vw,34px); line-height:1.16; letter-spacing:-.035em; margin:0; font-weight:730}
.bpcv2 .sec-head p {color:var(--v2-text2); font-size:16px; line-height:1.6; margin:12px 0 0}
.bpcv2 :where(a,button,summary,[tabindex]):focus-visible {outline:3px solid var(--v2-blue); outline-offset:4px}
.bpcv2 a {text-underline-offset:3px}
.bpcv2 :where(button,a,summary) {touch-action:manipulation}
.bpcv2 [data-home-image-fallback][hidden],.bpcv2 [data-home-art] img[hidden],.bpcv2 .home-motion[hidden] {display:none}
.bpcv2 .bpc-icon {width:1em; height:1em; display:inline-block; fill:none; stroke:currentColor; stroke-width:1.75; stroke-linecap:round; stroke-linejoin:round; vertical-align:-.14em}
.bpcv2 .btn {border:1px solid transparent; border-radius:12px; padding:10px 17px; min-height:44px; font-size:14px; font-weight:650; cursor:pointer; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; gap:9px; transition:background-color .16s,border-color .16s; overflow-wrap:anywhere}
.bpcv2 .btn-primary,.bpcv2 .btn-wa {background:var(--v2-fill); color:var(--v2-fill-text)}
.bpcv2 .btn-ghost {background:var(--v2-card); color:var(--v2-blue); border-color:var(--v2-line)}
.bpcv2 .btn:hover {border-color:var(--v2-blue)}
.bpcv2 .btn-primary:hover,.bpcv2 .btn-wa:hover {background:#0058b0; color:#fff}
.bpcv2 .cta-row {display:flex; flex-wrap:wrap; align-items:center; gap:10px}
.bpcv2 .chips {display:flex; flex-wrap:wrap; gap:8px 16px; margin:16px 0; color:var(--v2-text2)}
.bpcv2 .chip {font-size:12px; line-height:1.5}

/* Central hero: content and the one native guided engine stay above decoration. */
.bpcv2 .home-hero {position:relative; isolation:isolate; padding:28px 0 24px; background:radial-gradient(ellipse at 50% 18%,var(--v2-soft),transparent 70%); border-bottom:1px solid var(--v2-line)}
.bpcv2 .home-hero-inner {position:relative; z-index:1}
.bpcv2 .home-intro {text-align:center; max-width:1040px; margin:0 auto 18px}
.bpcv2 .home-intro .eyebrow {margin-bottom:8px}
.bpcv2 .home-intro h1 {font-size:clamp(28px,3.6vw,50px); font-weight:750; line-height:1.08; letter-spacing:-.045em; margin:8px 0 10px}
.bpcv2 .home-intro .lead {font-size:17px; line-height:1.6; color:var(--v2-text2); max-width:690px; margin:0 auto}
.bpcv2 .home-device-scene {position:absolute; inset:0; z-index:0; overflow:hidden; pointer-events:none}
.bpcv2 .home-float-device {position:absolute; display:grid; place-items:center; width:120px; height:120px; opacity:.55; color:var(--v2-blue); transform:rotate(-12deg); animation:bpc-home-drift 10s ease-in-out infinite alternate; animation-play-state:paused}
.bpcv2 .home-float-device :where(img,svg) {width:100%; height:100%; object-fit:contain}
.bpcv2 .home-float-device [data-home-image-fallback] {width:80%; height:80%}
.bpcv2 .home-float-device:nth-child(1) {left:max(8px,calc(50% - 690px)); top:46px}
.bpcv2 .home-float-device:nth-child(2) {right:max(8px,calc(50% - 690px)); top:65px; animation-delay:-3s; transform:rotate(12deg)}
.bpcv2 .home-float-device:nth-child(3) {right:max(5px,calc(50% - 675px)); top:240px; width:100px; height:100px; animation-delay:-6s}
.bpcv2 .home-float-device:nth-child(4) {right:21%; top:5px; width:50px; height:50px; opacity:.22; animation-delay:-8s}
.bpcv2 .home-float-device:nth-child(5) {left:max(8px,calc(50% - 665px)); top:240px; width:100px; height:100px; animation-delay:-2s}
.bpcv2 .home-motion-playing .home-float-device {animation-play-state:running}
@keyframes bpc-home-drift {to{translate:0 8px}}
.bpcv2 .home-motion {display:block; margin:18px 0 0 auto; min-height:44px; padding:8px 12px; border:1px solid var(--v2-line); border-radius:11px; background:var(--v2-card); color:var(--v2-text2); font:inherit; font-size:12px; cursor:pointer}
.bpcv2 .home-booking.bpc-guided-page {--bp-bg:var(--v2-bg); --bp-card:var(--v2-card); --bp-text:var(--v2-text); --bp-muted:var(--v2-text2); --bp-line:var(--v2-line); --bp-blue:var(--v2-blue); --bp-soft:var(--v2-soft); --bp-fill:var(--v2-fill); max-width:820px; margin-inline:auto; padding:18px; border:1px solid var(--v2-line); border-radius:var(--v2-r); background:var(--v2-card); box-shadow:0 16px 45px #23457212}
.bpcv2 .home-booking .bpc-booking-progress {margin:0 0 12px; padding:0 0 10px; border-top:0; gap:18px}
.bpcv2 .home-booking .bpc-booking-progress li {font-size:13px}
.bpcv2 .home-booking .bpc-booking-progress li>span {width:26px; height:26px}
.bpcv2 .home-booking .bpc-stage-heading {margin:0 0 12px}
/* Reserve the search control before QB mounts; full catalog height still requires runtime CLS measurement. */
.bpcv2 .home-booking .bpc-qb {min-block-size:58px}
.bpcv2 .home-booking .bpc-stage-heading h2 {font-size:20px; letter-spacing:-.025em; margin-bottom:6px}
.bpcv2 .home-booking .bpc-stage-heading p {font-size:13px; line-height:1.5}
.bpcv2 .home-booking .bpc-qb-hero {max-width:none; width:100%}
.bpcv2 .home-booking .bpc-qb-search-in {font-size:16px}
.bpcv2 .home-booking .bpc-qb-search {border-radius:16px}
.bpcv2 .home-booking-entry {max-width:820px; margin:14px auto 0; text-align:center}
.bpcv2 .home-booking-explore {min-height:48px; padding:12px 22px; border:1px solid var(--v2-line); border-radius:13px; background:var(--v2-card); color:var(--v2-blue); font:inherit; font-size:15px; font-weight:650; cursor:pointer; box-shadow:var(--v2-shadow)}
.bpcv2 .home-booking-explore span {margin-left:6px}
.bpcv2 .home-booking-tools {display:flex; justify-content:flex-end}
.bpcv2 .home-booking-close {min-height:44px; padding:8px 0 8px 12px; border:0; background:transparent; color:var(--v2-text2); font:inherit; font-size:13px; cursor:pointer}
.bpcv2 :where(.home-booking-explore,.home-booking-close)[hidden] {display:none}
/* Pre-paint progressive disclosure only where scripting is enabled. No-JS and
   browsers without this feature keep the complete native content accessible. */
@media (scripting:enabled) {
  .bpcv2 .home-booking.bpc-guided-page[data-home-catalog="compact"] {padding:0; border:0; background:transparent; box-shadow:none}
  .bpcv2 .home-booking.bpc-guided-page[data-home-catalog="compact"] :where(.bpc-booking-progress,.bpc-stage-heading,.bpc-qb-chips,.bpc-qb-nav,.bpc-qb-body,.bpc-qb-basket) {display:none}
  .bpcv2 .home-booking.bpc-guided-page[data-home-catalog="compact"] .bpc-qb {grid-template-columns:minmax(0,1fr)}
  .bpcv2 .home-booking.bpc-guided-page[data-home-catalog="compact"] .bpc-qb-hero {margin:0}
  .bpcv2 .home-booking.bpc-guided-page[data-home-catalog="compact"] .bpc-qb-search {min-height:64px; box-shadow:var(--v2-shadow)}
}
.bpcv2 .home-guide-information {max-width:800px; margin:16px auto; font-size:14px; color:var(--v2-text2)}
.bpcv2 .home-guide-information>summary {cursor:pointer; min-height:44px; padding:10px 12px; color:var(--v2-blue); text-align:center; font-weight:650}
.bpcv2 .home-guide-caption {display:block; font-size:12px; line-height:1.4; font-weight:400; color:var(--v2-text2)}
.bpcv2 .home-guide-information>div {padding:16px; background:var(--v2-card); border:1px solid var(--v2-line); border-radius:var(--v2-r-sm)}
.bpcv2 .home-guide-information p {margin:0 0 12px}
.bpcv2 .home-guide-information .home-introduction-copy {margin-bottom:16px}
.bpcv2 .home-guide-information a {display:inline-flex; min-height:44px; align-items:center; color:var(--v2-blue)}
.bpcv2 .home-guide-information small {display:block; margin-top:6px}
.bpcv2 .home-hero-support {max-width:800px; margin:18px auto 0; text-align:center}
.bpcv2 .home-hero-support :where(.chips,.cta-row) {justify-content:center}
.bpcv2 .home-configured-photo {margin:16px auto 0; max-width:480px}
.bpcv2 .home-configured-photo img {display:block; width:100%; height:180px; object-fit:contain; object-position:center; border-radius:16px}
.bpcv2 .home-photo-fallback {display:flex; align-items:center; gap:12px; min-height:64px; padding:14px 16px; border:1px solid var(--v2-line); border-radius:16px; background:var(--v2-card); color:var(--v2-text2); font-size:14px; line-height:1.5; overflow-wrap:anywhere}
.bpcv2 .home-photo-fallback>.bpc-icon {flex:0 0 24px; width:24px; height:24px}
.bpcv2 .home-configured-photo img[hidden],.bpcv2 .home-photo-fallback[hidden] {display:none}

/* Configured slide messages become readable cards; no offer rotates out of view. */
.bpcv2 .home-offer-grid {display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)); gap:18px}
.bpcv2 .home-offer {display:flex; gap:18px; align-items:flex-start}
.bpcv2 .home-offer h2 {font-size:25px; line-height:1.15; letter-spacing:-.03em; margin:0 0 12px}
.bpcv2 .home-offer figure {flex:0 0 26%; margin:0; max-width:140px}
.bpcv2 .home-offer img {width:100%; height:auto; border-radius:12px; display:block}
.bpcv2 .home-offer-icon {display:grid; place-items:center; width:44px; height:44px; flex:0 0 44px; border-radius:12px; color:var(--v2-blue); background:var(--v2-soft); font-size:25px}
.bpcv2 .home-offer .btn {margin-top:16px}
.bpcv2 .stats {display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; padding-block:18px; border-block:1px solid var(--v2-line)}
.bpcv2 .stat .n {font-size:clamp(24px,3vw,36px); line-height:1.2; font-weight:750; letter-spacing:-.035em; color:var(--v2-blue)}
.bpcv2 .stat .l {color:var(--v2-text2); font-size:13px; margin-top:7px}
.bpcv2 > .section-stats {padding-block:12px}
.bpcv2 > .section-brands {padding-block:24px}
.bpcv2 .marquee-shell {position:relative; padding-right:72px}
.bpcv2 .marquee {overflow:hidden}
.bpcv2 .mtrack {display:flex; width:max-content; animation:bpc-home-marquee 32s linear infinite; align-items:center}
.bpcv2 .mset {display:flex; gap:32px; padding-right:32px; align-items:center}
.bpcv2 .mset span {font-size:17px; font-weight:650; color:var(--v2-text2); white-space:nowrap}
.bpcv2 .marquee:hover .mtrack,.bpcv2 .marquee:focus-within .mtrack,.bpcv2 .marquee.is-paused .mtrack,.bpcv2 .marquee.is-offscreen .mtrack {animation-play-state:paused}
.bpcv2 .motion-toggle {display:grid; place-items:center; width:44px; height:44px; border:1px solid var(--v2-line); border-radius:12px; background:var(--v2-card); color:var(--v2-text); cursor:pointer}
.bpcv2 .marquee-pause {position:absolute; right:24px; top:50%; transform:translateY(-50%)}
@keyframes bpc-home-marquee {to{transform:translateX(-50%)}}
.bpcv2 .grid {display:grid; gap:14px}
.bpcv2 .g6,.bpcv2 .g3 {grid-template-columns:repeat(3,minmax(0,1fr))}
.bpcv2 .g4 {grid-template-columns:repeat(4,minmax(0,1fr))}
.bpcv2 .card {background:var(--v2-card); border:1px solid var(--v2-line); border-radius:var(--v2-r-sm); padding:22px; box-shadow:var(--v2-shadow); color:var(--v2-text); text-decoration:none}
.bpcv2 a.card {display:block; transition:border-color .16s,transform .16s}
.bpcv2 .card .ic {display:grid; place-items:center; width:44px; height:44px; margin-bottom:14px; color:var(--v2-blue); font-size:28px}
.bpcv2 .card .ic :where(img,svg) {width:100%; height:100%; object-fit:contain}
.bpcv2 .card .ic [data-home-image-fallback] {display:contents}
.bpcv2 .card .ic [data-home-image-fallback][hidden] {display:none}
.bpcv2 .card h3 {font-size:17px; line-height:1.25; margin:0 0 8px; letter-spacing:-.02em}
.bpcv2 .card p {font-size:14px; line-height:1.6; color:var(--v2-text2); margin:0}
.bpcv2 .card .more {display:inline-flex; align-items:center; min-height:32px; margin-top:8px; font-size:13px; color:var(--v2-blue); font-weight:650}
.bpcv2 .g6 .card {display:grid; grid-template-columns:44px minmax(0,1fr); column-gap:14px; align-content:start; padding:18px}
.bpcv2 .g6 .card .ic {grid-row:1/4; margin:0}
.bpcv2 .g6 .card :where(h3,p,.more) {grid-column:2}
.bpcv2 .g6 .card h3 {font-size:15px; margin:0 0 5px}
.bpcv2 .g6 .card p {font-size:12px}
.bpcv2 .story-steps {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; border-top:1px solid var(--v2-line); padding-top:24px}
.bpcv2 .story-step .num {display:grid; place-items:center; width:32px; height:32px; border-radius:50%; margin-bottom:18px; font-size:13px; font-weight:750; color:var(--v2-blue); background:var(--v2-card)}
.bpcv2 .story-step h3 {font-size:18px; line-height:1.25; margin:0 0 12px; letter-spacing:-.025em}
.bpcv2 .story-step p {font-size:14px; color:var(--v2-text2); margin:0; line-height:1.65}

/* Existing before/after interaction is preserved, including keyboard controls. */
.bpcv2 .ba {position:relative; max-width:880px; margin:0 auto; aspect-ratio:16/9; border-radius:var(--v2-r); overflow:hidden; user-select:none; touch-action:none; cursor:ew-resize; border:1px solid var(--v2-line)}
.bpcv2 .ba .layer {position:absolute; inset:0; display:grid; place-items:center; color:#fff; font-weight:700; font-size:1.1rem; overflow:hidden}
.bpcv2 .ba .after {background:var(--v2-fill)}
.bpcv2 .ba .before {background:#38383a; clip-path:inset(0 calc(100% - var(--v2-pos,52%)) 0 0)}
.bpcv2 .ba .ba-image {position:absolute; inset:0; width:100%; height:100%; object-fit:cover}
.bpcv2 .ba .ba-state {position:relative; z-index:2; display:inline-flex; align-items:center; gap:7px; padding:7px 12px; border-radius:10px; background:#000b; color:white}
.bpcv2 .ba .crack {position:absolute; inset:0; width:100%; height:100%; opacity:.55; z-index:1}
.bpcv2 .ba .tagx {position:absolute; top:14px; padding:6px 13px; border-radius:9px; font-size:13px; font-weight:700; background:#000b; color:#fff}
.bpcv2 .ba .tl {left:14px}.bpcv2 .ba .tr {right:14px}
.bpcv2 .ba .handle {position:absolute; top:0; bottom:0; left:var(--v2-pos,52%); width:3px; background:#fff; transform:translateX(-50%); z-index:5}
.bpcv2 .ba .knob {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:46px; height:46px; border:1px solid #636366; border-radius:50%; background:#fff; color:#1d1d1f; display:grid; place-items:center; font-size:21px}
.bpcv2 .band {border-radius:var(--v2-r); padding:36px; background:linear-gradient(130deg,var(--v2-soft),var(--v2-card)); border:1px solid var(--v2-line); display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap}
.bpcv2 .band h2 {font-size:clamp(25px,3vw,34px); line-height:1.15; letter-spacing:-.035em; margin:0}
.bpcv2 .band p {color:var(--v2-text2); margin:12px 0; max-width:600px}
.bpcv2 .band-button {background:var(--v2-fill); color:var(--v2-fill-text)}
.bpcv2 .pop {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px 22px}
.bpcv2 .pop a {display:flex; gap:12px; align-items:center; min-height:58px; border-bottom:1px solid var(--v2-line); color:var(--v2-text); text-decoration:none; font-weight:650; font-size:14px}
.bpcv2 .pop .em {display:grid; place-items:center; width:30px; height:30px; color:var(--v2-blue); font-size:24px}
.bpcv2 .faq {max-width:880px}
.bpcv2 .q {background:var(--v2-card); border:1px solid var(--v2-line); border-radius:var(--v2-r-sm); margin-bottom:10px}
.bpcv2 .q>button {width:100%; min-height:58px; text-align:left; background:none; border:0; border-radius:inherit; padding:16px 20px; font-size:16px; line-height:1.45; font-weight:650; color:var(--v2-text); cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:12px}
.bpcv2 .q .a[hidden] {display:none}
.bpcv2 .q .a p {padding:0 20px 20px; color:var(--v2-text2); margin:0; font-size:15px}
.bpcv2 .q .plus {transition:transform .16s; color:var(--v2-blue); font-size:24px; line-height:1}
.bpcv2 .q.open .plus {transform:rotate(135deg)}
.bpcv2 .final .box {border-radius:var(--v2-r); padding:32px; background:linear-gradient(125deg,var(--v2-soft),var(--v2-card)); border:1px solid var(--v2-line)}
.bpcv2 .final h2 {font-size:clamp(25px,3vw,34px); line-height:1.2; letter-spacing:-.03em; margin:0}
.bpcv2 .final p {color:var(--v2-text2); font-size:16px; line-height:1.6; margin:14px 0 22px; max-width:700px}
.bpcv2 .section-actions {margin-top:22px}
.bpcv2 .review-date {margin-top:14px; font-size:13px; color:var(--v2-text2)}
.bpcv2 .review-source {display:inline-flex; min-height:44px; align-items:center; margin-top:10px; font-size:13px; color:var(--v2-blue); font-weight:650}
.bpcv2 .review-fallback {grid-column:1/-1}
@media (max-width:1100px) {.bpcv2 .home-float-device {opacity:.16}.bpcv2 .g4 {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px) {.bpcv2 .home-device-scene,.bpcv2 .home-motion {display:none}.bpcv2 .home-hero {padding-top:22px}.bpcv2 .g6,.bpcv2 .g3 {grid-template-columns:repeat(2,minmax(0,1fr))}.bpcv2 .home-booking.bpc-guided-page {padding:18px}.bpcv2 .stats {grid-template-columns:repeat(2,minmax(0,1fr))}.bpcv2 .story-steps {gap:20px}}
@media (max-width:600px) {
  .bpcv2 .wrap {padding-inline:16px}.bpcv2>section {padding-block:28px}
  .bpcv2 .home-hero {padding:16px 0 22px}.bpcv2 .home-intro {text-align:center; margin-bottom:12px}
  .bpcv2 .home-intro h1 {font-size:clamp(30px,8.7vw,34px); line-height:1.08; margin:8px 0}
  .bpcv2 .home-intro .lead {font-size:15px; line-height:1.55}.bpcv2 .home-intro .eyebrow {font-size:10px; line-height:1.6}
  .bpcv2 .home-booking.bpc-guided-page {padding:12px; border-radius:16px}
  .bpcv2 .home-booking .bpc-booking-progress {gap:8px; margin-bottom:10px; padding-bottom:10px}
  .bpcv2 .home-booking .bpc-booking-progress li {display:grid; grid-template-columns:20px minmax(0,1fr); align-items:center; flex:1; max-width:none; gap:5px; font-size:11px; line-height:1.3}
  .bpcv2 .home-booking .bpc-booking-progress li>span {width:20px; height:20px; font-size:11px}
  .bpcv2 .home-booking .bpc-stage-heading h2 {font-size:18px; margin-bottom:4px}.bpcv2 .home-booking .bpc-stage-heading p {font-size:12px; line-height:1.5}
  .bpcv2 .home-guide-information {margin:8px auto}
  .bpcv2 .home-guide-information>summary {text-align:left; font-size:13px}.bpcv2 .home-hero-support {text-align:left; margin-top:8px}
  .bpcv2 .home-hero-support .chips {margin-block:8px}
  .bpcv2 .home-hero-support :where(.chips,.cta-row) {justify-content:flex-start}
  .bpcv2 .home-configured-photo img {height:120px}
  .bpcv2 .home-offer {padding:18px; gap:12px}.bpcv2 .home-offer h2 {font-size:22px}.bpcv2 .home-offer-icon {width:36px; height:36px; flex-basis:36px; font-size:22px}
  .bpcv2 .sec-head {margin-bottom:20px}.bpcv2 .sec-head p {font-size:15px}
  .bpcv2 .g6 {gap:9px}.bpcv2 .g6 .card {padding:12px; grid-template-columns:32px minmax(0,1fr); gap:8px}
  .bpcv2 .g6 .card .ic {width:32px; height:32px}.bpcv2 .g6 .card h3 {font-size:14px}
  .bpcv2 .g6 .card :where(p,.more) {grid-column:1/-1}.bpcv2 .g6 .card .more {margin-top:0}
  .bpcv2 .g4,.bpcv2 .g3 {grid-template-columns:minmax(0,1fr)}
  .bpcv2 .g4 .card {display:grid; grid-template-columns:36px minmax(0,1fr); gap:4px 14px; padding:18px}
  .bpcv2 .g4 .ic {grid-row:1/3; width:36px; height:36px; margin:0}.bpcv2 .g4 .card p {grid-column:2}
  .bpcv2 .story-steps {grid-template-columns:minmax(0,1fr); gap:24px}
  .bpcv2 .story-step {display:grid; grid-template-columns:32px minmax(0,1fr); gap:0 14px}
  .bpcv2 .story-step .num {grid-row:1/3; margin:0}.bpcv2 .story-step p {grid-column:2}
  .bpcv2 .band,.bpcv2 .final .box {padding:22px 18px}.bpcv2 .pop {grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 14px}
  .bpcv2 .q>button {padding:15px 16px}.bpcv2 .q .a p {padding:0 16px 18px}
  .bpcv2 .ba .tagx {font-size:11px; padding:5px 8px; top:9px}.bpcv2 .ba .tl {left:9px}.bpcv2 .ba .tr {right:9px}
}
@media (hover:hover) and (pointer:fine) {.bpcv2 a.card:hover {transform:translateY(-2px); border-color:var(--v2-blue)}}
@media (prefers-reduced-motion:reduce) {.bpcv2 .home-float-device,.bpcv2 .mtrack {animation:none; transform:none}.bpcv2 :where(a,button,.plus) {transition:none}.bpcv2 .home-motion {display:none}}
@media (forced-colors:active) {.bpcv2 .home-device-scene {display:none}.bpcv2 .home-hero,.bpcv2 .band,.bpcv2 .final .box {background:Canvas}.bpcv2 .btn {border-color:ButtonText}.bpcv2 .ba .layer,.bpcv2 .ba .knob {border:1px solid CanvasText}.bpcv2 .ba .tagx,.bpcv2 .ba .ba-state {background:Canvas; color:CanvasText}}