/* wgbv v2.0.0: WeGuide bento visuals. Built by build.py from src/; do not edit. Visuals: consent, education, engagement, analytics, nudge, app-features, appointment-reminder, automations, brand-theme, build, completion, compliance, compliance-platform, connect, dashboard-breakdown, dashboard-menu, data-export, data-merge, device-connect, distribution, engagement-settings, faq-editor, field-map, form-builder, gp-access, identity, integration-flow, invite-push, messaging, model-search, multilingual, one-platform, reminders, reminders-care, screening, security, self-enrol, sleep-billing, sleep-distance, sleep-gaps, sleep-kit, sleep-metro, sleep-referral, sleep-report, sleep-specialist, sleep-wait, store-listing, study-groups, substudy, survey, televisit, translate, voice-chat, voice-flow, wearable, wearable-setup.
   Comments stripped: the documented sources, and the source of every string, are in src/ and components/ (weguide-bento). */
@property --wgbv-p { syntax: '<length>'; inherits: true; initial-value: 1px; }

.wgbv-embed, .w-embed:has(> .wgbv-visual) { display: contents; }
.wgbv-embed::before, .wgbv-embed::after, .w-embed:has(> .wgbv-visual)::before, .w-embed:has(> .wgbv-visual)::after { content: none; display: none; }

.wgbv-visual :where(h1,h2,h3,h4,h5,h6,p,ul,ol,li,a,img,figure,figcaption,strong,small,em,b,i,span,label,svg) { all: revert; }

.wgbv-visual {
  --wgbv-ar: 412 / 192;
  position: relative; display: block; box-sizing: border-box; width: 100%; aspect-ratio: var(--wgbv-ar); margin: 0; padding: 0;
  container-type: size; pointer-events: none; overflow: visible;
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif; font-size: 16px; font-weight: 400; line-height: 1.4;
  letter-spacing: normal; text-align: left; text-transform: none; color: #111827; -webkit-font-smoothing: antialiased;
}

@supports selector(:has(*)) {
  :is(.wgcp-card-wide, .wgcp-card-small):has(.wgbv-visual) { display: flex; flex-direction: column; row-gap: 24px; container: wgbv-card / inline-size; }
  @media (min-width: 992px) { :is(.wgcp-card-wide, .wgcp-card-small):has(.wgbv-visual) { row-gap: 20px; } }
  :is(.wgcp-card-wide, .wgcp-card-small) .wgbv-visual {
    --wgbv-cx: 0; --wgbv-cy: 0; --wgbv-cw: var(--wgbv-w); --wgbv-ch: var(--wgbv-h); --wgbv-ax: .5; --wgbv-ay: 1;
    position: relative; inset: auto; flex: none; align-self: center; width: 100cqw; max-width: none; height: auto; max-height: none;
    aspect-ratio: var(--wgbv-cw) / var(--wgbv-ch); margin: auto 0 0; }
  :is(.wgcp-card-wide, .wgcp-card-small) .wgbv-visual .wgbv-stage { inset: auto; margin: 0;
    --wgbv-p: min(calc(100cqw / var(--wgbv-cw)), calc(100cqh / var(--wgbv-ch)), var(--wgbv-pmax, 100px));
    left: calc((100cqw - var(--wgbv-p) * var(--wgbv-cw)) * var(--wgbv-ax) - var(--wgbv-p) * var(--wgbv-cx));
    top: calc((100cqh - var(--wgbv-p) * var(--wgbv-ch)) * var(--wgbv-ay) - var(--wgbv-p) * var(--wgbv-cy));
    width: calc(var(--wgbv-p) * var(--wgbv-w)); height: calc(var(--wgbv-p) * var(--wgbv-h)); }

  :is(.wgcp-card-wide, .wgcp-card-small) .wgbv-visual[data-wgbv="consent"] { --wgbv-cy: 6; --wgbv-cw: 514; --wgbv-ch: 357; --wgbv-pmax: .84px;
    --wgbv-vw: min(100cqw + 48px, 340px); width: var(--wgbv-vw); flex: 1 0 0; aspect-ratio: auto; min-height: calc(var(--wgbv-vw) * 357 / 514); margin-bottom: -24px; }
  :is(.wgcp-card-wide, .wgcp-card-small) .wgbv-visual[data-wgbv="education"] { --wgbv-h: 346; --wgbv-cy: 50; --wgbv-cw: 477; --wgbv-ch: 296; --wgbv-pmax: .88px;
    --wgbv-vw: min(100cqw + 24px, 400px); width: var(--wgbv-vw); flex: 1 0 0; aspect-ratio: auto; min-height: calc(var(--wgbv-vw) * 296 / 477); margin-bottom: -24px; }
  :is(.wgcp-card-wide, .wgcp-card-small) .wgbv-visual[data-wgbv="education"] .wgbv-portal .wgbv-l-body { margin-top: calc(var(--wgbv-p) * 20); }
  :is(.wgcp-card-wide, .wgcp-card-small) .wgbv-visual[data-wgbv="education"] .wgbv-phone-flat { top: calc(var(--wgbv-p) * 61.7); }
  :is(.wgcp-card-wide, .wgcp-card-small) .wgbv-visual[data-wgbv="engagement"] { --wgbv-cx: 12; --wgbv-cy: 8; --wgbv-cw: 388.5; --wgbv-ch: 163; --wgbv-pmax: .9px; width: min(100cqw, 350px); }
  :is(.wgcp-card-wide, .wgcp-card-small) .wgbv-visual[data-wgbv="engagement"] .wgbv-types { width: calc(var(--wgbv-p) * 258.5); }
  :is(.wgcp-card-wide, .wgcp-card-small) .wgbv-visual[data-wgbv="engagement"] .wgbv-cta { left: calc(var(--wgbv-p) * 12); }
  :is(.wgcp-card-wide, .wgcp-card-small) .wgbv-visual[data-wgbv="analytics"] { --wgbv-h: 390; --wgbv-cx: 30; --wgbv-cw: 559; --wgbv-ch: 390; --wgbv-ay: .5; --wgbv-pmax: .49px;
    --wgbv-vw: min(100cqw, 335px); --wgbv-vh: min(calc(var(--wgbv-vw) * 390 / 559), calc(var(--wgbv-pmax) * 390)); width: var(--wgbv-vw); flex: 1 0 0; aspect-ratio: auto;
    min-height: var(--wgbv-vh); max-height: var(--wgbv-vh); border-radius: 12px; background: #233190; }
  :is(.wgcp-card-wide, .wgcp-card-small) .wgbv-visual[data-wgbv="analytics"] .wgbv-stage { left: 0; width: 100cqw; }
  :is(.wgcp-card-wide, .wgcp-card-small) .wgbv-visual[data-wgbv="analytics"] .wgbv-panel { background: none; }
  :is(.wgcp-card-wide, .wgcp-card-small) .wgbv-visual[data-wgbv="analytics"] .wgbv-dash { left: calc(var(--wgbv-p) * 30); right: calc(var(--wgbv-p) * 30); width: auto; height: calc(var(--wgbv-p) * 330); }
  :is(.wgcp-card-wide, .wgcp-card-small) .wgbv-visual[data-wgbv="analytics"] .wgbv-kpi { left: calc(var(--wgbv-p) * 45); right: calc(var(--wgbv-p) * 45); width: auto; padding-top: calc(var(--wgbv-p) * 19); }
  :is(.wgcp-card-wide, .wgcp-card-small) .wgbv-visual[data-wgbv="analytics"] .wgbv-kpi-label { font-size: calc(var(--wgbv-p) * 19); }
  :is(.wgcp-card-wide, .wgcp-card-small) .wgbv-visual[data-wgbv="analytics"] .wgbv-kpi-label .wgbv-i { width: calc(var(--wgbv-p) * 20); height: calc(var(--wgbv-p) * 20); }
  :is(.wgcp-card-wide, .wgcp-card-small) .wgbv-visual[data-wgbv="analytics"] .wgbv-num { font-size: calc(var(--wgbv-p) * 32); }
  :is(.wgcp-card-wide, .wgcp-card-small) .wgbv-visual[data-wgbv="wearable"] { --wgbv-cx: 4; --wgbv-cy: 5; --wgbv-cw: 392; --wgbv-ch: 221; --wgbv-pmax: .7px; width: min(100cqw, 274px); }
  @media (min-width: 992px) {
    :is(.wgcp-card-wide, .wgcp-card-small) .wgbv-visual[data-wgbv="consent"] { --wgbv-vw: calc(60cqw + 36px); align-self: flex-end; --wgbv-ax: 1;
      min-height: calc(var(--wgbv-vw) * 357 / 514 * .85); margin-right: -30px; margin-bottom: -30px; }
    :is(.wgcp-card-wide, .wgcp-card-small) .wgbv-visual[data-wgbv="education"] { --wgbv-vw: min(80cqw, 360px); min-height: calc(var(--wgbv-vw) * 296 / 477 * .85); margin-bottom: -30px; }
    .wgcp-card-small .wgbv-visual[data-wgbv="education"] { --wgbv-vw: 100cqw; }
    .wgcp-card-small .wgbv-visual[data-wgbv="engagement"] { width: 100cqw; }
    .wgcp-card-wide .wgbv-visual[data-wgbv="engagement"] { --wgbv-pmax: 1px; width: min(100cqw, 388.5px); }
    :is(.wgcp-card-wide, .wgcp-card-small) .wgbv-visual[data-wgbv="analytics"] { --wgbv-vw: 100cqw; --wgbv-pmax: .46px; min-height: min(150px, var(--wgbv-vh)); }
    .wgcp-card-wide:has(.wgcp-card-copy-wide) .wgbv-visual[data-wgbv="analytics"] { --wgbv-vw: calc(60cqw + 6px); align-self: flex-end; }
    :is(.wgcp-card-wide, .wgcp-card-small) .wgbv-visual[data-wgbv="wearable"] { --wgbv-pmax: .66px; width: min(100cqw, 259px); }
  }
}

.point img + :is(.w-embed, .wgbv-embed) > .wgbv-visual { display: none; }
@supports (anchor-name: --wgbv-slot) {
  .point img:has(+ :is(.w-embed, .wgbv-embed) > .wgbv-visual) { anchor-name: --wgbv-slot; visibility: hidden; }
  .point img + :is(.w-embed, .wgbv-embed) > .wgbv-visual {
    display: block; position: absolute; position-anchor: --wgbv-slot; position-visibility: always; right: auto; bottom: auto;
    top: calc(anchor(top) + var(--wgbv-dt, 0px)); left: calc(anchor(left) + var(--wgbv-dl, 0px));
    width: var(--wgbv-aw, calc(anchor-size(width) + var(--wgbv-dw, 0px))); height: var(--wgbv-ah, calc(anchor-size(height) + var(--wgbv-dh, 0px)));
    max-width: none; max-height: none; margin: 0; aspect-ratio: auto; z-index: -1;
    clip-path: inset(var(--wgbv-ct, -100vmax) var(--wgbv-cr, -100vmax) var(--wgbv-cb, -100vmax) var(--wgbv-cl, -100vmax) round var(--wgbv-crad, 0px)); }
  @media (min-width: 1920px) { .point img.image-110.h.s + :is(.w-embed, .wgbv-embed) > .wgbv-visual, .point img.image-143.h.s + :is(.w-embed, .wgbv-embed) > .wgbv-visual { z-index: 0; } }
  @media (min-width: 992px) and (max-width: 1279px) {
    .point:has(> img + :is(.w-embed, .wgbv-embed) > .wgbv-visual) { display: flex; flex-direction: column-reverse; justify-content: flex-end;
      row-gap: 20px; height: auto; min-height: 318px; }
    .point:has(> img + :is(.w-embed, .wgbv-embed) > .wgbv-visual) .uui-text-size-medium { width: auto; }
    .point > img:has(+ :is(.w-embed, .wgbv-embed) > .wgbv-visual) { position: static; inset: auto; order: -1; flex: 1 0 150px; align-self: stretch;
      width: 100%; min-width: 0; max-width: 100%; height: auto; min-height: 0; aspect-ratio: auto; margin: 0; padding: 0; }
    .point:not(._3x) > img:has(+ :is(.w-embed, .wgbv-embed) > .wgbv-visual) { flex-basis: 170px; }
    .w-layout-grid:has(> .point > img + :is(.w-embed, .wgbv-embed) > .wgbv-visual) > .point:not(:has(> img + :is(.w-embed, .wgbv-embed) > .wgbv-visual)) { min-height: 100%; }
  }
  @media (max-width: 767px) {
    :is(:has(> .w-layout-grid > .point .wgbv-visual), :has(> * > .w-layout-grid > .point .wgbv-visual), :has(> * > * > .w-layout-grid > .point .wgbv-visual),
      :has(> * > * > * > .w-layout-grid > .point .wgbv-visual)) { min-width: 0; max-width: 100%; }
    .w-layout-grid:has(> .point .wgbv-visual) { grid-template-columns: minmax(0, 1fr); }
    .w-layout-grid:has(> .point .wgbv-visual) > .point { min-width: 0; }
    .point:has(> img + :is(.w-embed, .wgbv-embed) > .wgbv-visual) { min-height: min-content; }
    .point > img:has(+ :is(.w-embed, .wgbv-embed) > .wgbv-visual) { position: static; inset: auto; flex: 1 0 auto; min-height: 150px; }
    .point > img.image-44.h.s.es:has(+ :is(.w-embed, .wgbv-embed) > .wgbv-visual) { height: auto; }
  }
  @media (min-width: 480px) and (max-width: 767px) {
    .point > img:has(+ :is(.w-embed, .wgbv-embed) > .wgbv-visual:not([data-wgbv="identity"])) { max-height: 360px; }
  }
  @media (max-width: 479px) {
    .point:has(> img.lining + * + img + :is(.w-embed, .wgbv-embed) > .wgbv-visual) { flex-direction: column; }
    .point:has(> img.lining + * + img + :is(.w-embed, .wgbv-embed) > .wgbv-visual) > :not(.lining) { order: -1; }
  }
  @media (min-width: 1440px) and (max-width: 1919px) {
    .container-default:has(> * > .cards-4 > .w-layout-grid > .point .wgbv-visual) { width: 100%; }
    .cards-4:has(> .w-layout-grid > .point .wgbv-visual) { width: 100%; max-width: 100%; }
  }
}
.screening-card > :is(.w-embed, .wgbv-embed) > .wgbv-visual { width: 100%; max-width: 100%; aspect-ratio: 620 / 363; border-radius: 10px; overflow: hidden; }
@media (min-width: 1920px) { .screening-card > :is(.w-embed, .wgbv-embed) > .wgbv-visual { width: 620px; } }
.wgbv-visual[data-wgbv-fit="contain"] { position: absolute; inset: 0; width: auto; height: auto; aspect-ratio: auto; }

:is(.platform_section-wrap .image_wrap-right, .platform_content-box .image-wrap) > img + :is(.w-embed, .wgbv-embed) > .wgbv-visual { display: none; }
@supports selector(:has(*)) {
  :is(.platform_section-wrap .image_wrap-right, .platform_content-box .image-wrap):has(> img + :is(.w-embed, .wgbv-embed) > .wgbv-visual) > img { visibility: hidden; }
  :is(.platform_section-wrap .image_wrap-right, .platform_content-box .image-wrap) > img + :is(.w-embed, .wgbv-embed) > .wgbv-visual {
    display: block; position: absolute; inset: 0; z-index: 1; width: auto; height: auto; max-width: none; max-height: none; aspect-ratio: auto; margin: 0; }
}
:is(.platform_section-wrap .image_wrap-right, .platform_content-box .image-wrap) .wgbv-visual .wgbv-stage { inset: auto; margin: 0;
  --wgbv-p: min(calc(100cqw * var(--wgbv-fill, 1) / var(--wgbv-cw, var(--wgbv-w))), calc(100cqh / var(--wgbv-ch, var(--wgbv-h))), var(--wgbv-pmax, 100px));
  left: calc((100cqw - var(--wgbv-p) * var(--wgbv-cw, var(--wgbv-w))) * var(--wgbv-ax, .5) - var(--wgbv-p) * var(--wgbv-cx, 0));
  top: calc(max(0px, (100cqh - var(--wgbv-p) * var(--wgbv-ch, var(--wgbv-h))) * var(--wgbv-ay, .5)) - var(--wgbv-p) * var(--wgbv-cy, 0)); }

:is(.support_right-imgbox, .support_faq-imgwrap, .tab-div) > img + :is(.w-embed, .wgbv-embed) > .wgbv-visual,
.layout13_image + :is(.w-embed, .wgbv-embed) > .wgbv-visual { display: none; }
@supports selector(:has(*)) {
  .support_right-imgbox:has(> img + :is(.w-embed, .wgbv-embed) > .wgbv-visual) { position: relative; }
  .support_right-imgbox > img:has(+ :is(.w-embed, .wgbv-embed) > .wgbv-visual[data-wgbv-gate]) { visibility: hidden; }
  .support_right-imgbox > img + :is(.w-embed, .wgbv-embed) > .wgbv-visual[data-wgbv-gate="open"],
  :is(.support_faq-imgwrap, .tab-div) > img + :is(.w-embed, .wgbv-embed) > .wgbv-visual {
    display: block; position: absolute; inset: 0; z-index: 7; width: auto; height: auto; max-width: none; max-height: none; aspect-ratio: auto; margin: 0; }
  .support_faq-imgwrap:has(> img + :is(.w-embed, .wgbv-embed) > .wgbv-visual) { position: relative; aspect-ratio: 1; height: auto; }
  .support_faq-imgwrap > img:has(+ :is(.w-embed, .wgbv-embed) > .wgbv-visual) { position: absolute; inset: 0; width: 100%; height: 100%; min-height: 0; max-height: none; visibility: hidden; }
  .tab-div > img:has(+ :is(.w-embed, .wgbv-embed) > .wgbv-visual) { visibility: hidden; }
  @media (max-width: 479px) { .support_faq-imgwrap:has(> img + :is(.w-embed, .wgbv-embed) > .wgbv-visual) { aspect-ratio: 4 / 3; } }
}
@supports (anchor-name: --wgbv-l13) {
  :has(> img.layout13_image + :is(.w-embed, .wgbv-embed) > .wgbv-visual) { position: relative; }
  img.layout13_image:has(+ :is(.w-embed, .wgbv-embed) > .wgbv-visual) { anchor-name: --wgbv-l13; visibility: hidden; }
  .layout13_image + :is(.w-embed, .wgbv-embed) > .wgbv-visual {
    display: block; position: absolute; position-anchor: --wgbv-l13; position-visibility: always; top: anchor(top); left: anchor(left); right: auto; bottom: auto;
    width: var(--wgbv-aw, anchor-size(width)); height: var(--wgbv-ah, anchor-size(height)); max-width: none; max-height: none; margin: 0; aspect-ratio: auto; }
}
.wgbv-visual:is(.support_right-imgbox *, .support_faq-imgwrap *, .tab-div *, .layout13_image + * > *) .wgbv-stage { inset: auto; margin: 0;
  --wgbv-p: min(calc(100cqw * var(--wgbv-fill, 1) / var(--wgbv-cw, var(--wgbv-w))), calc(100cqh / var(--wgbv-ch, var(--wgbv-h))), var(--wgbv-pmax, 100px));
  left: calc((100cqw - var(--wgbv-p) * var(--wgbv-cw, var(--wgbv-w))) * var(--wgbv-ax, .5) - var(--wgbv-p) * var(--wgbv-cx, 0));
  top: calc(max(0px, (100cqh - var(--wgbv-p) * var(--wgbv-ch, var(--wgbv-h))) * var(--wgbv-ay, .5)) - var(--wgbv-p) * var(--wgbv-cy, 0)); }

:is(.hero-image-wrapper, .hero-image-wrapper > .div-block-85, .patient-registries_hero-header_image-wrapper) > img + :is(.w-embed, .wgbv-embed) > .wgbv-visual { display: none; }
@supports (anchor-name: --wgbv-hero) and selector(:has(*)) {
  :is(.hero-image-wrapper, .hero-image-wrapper > .div-block-85, .patient-registries_hero-header_image-wrapper):has(> img + :is(.w-embed, .wgbv-embed) > .wgbv-visual) { position: relative; }
  :is(.hero-image-wrapper, .hero-image-wrapper > .div-block-85, .patient-registries_hero-header_image-wrapper) > img:has(+ :is(.w-embed, .wgbv-embed) > .wgbv-visual) { anchor-name: --wgbv-hero; }
  :is(.hero-image-wrapper, .hero-image-wrapper > .div-block-85, .patient-registries_hero-header_image-wrapper) > img:has(+ :is(.w-embed, .wgbv-embed) > .wgbv-visual[data-wgbv-live]) { visibility: hidden; transition: visibility 0s .2s; }
  :is(.hero-image-wrapper, .hero-image-wrapper > .div-block-85, .patient-registries_hero-header_image-wrapper) > img + :is(.w-embed, .wgbv-embed) > .wgbv-visual {
    display: block; position: absolute; position-anchor: --wgbv-hero; position-visibility: always; top: anchor(top); left: anchor(left); right: auto; bottom: auto;
    width: var(--wgbv-aw, anchor-size(width)); height: var(--wgbv-ah, anchor-size(height)); max-width: none; max-height: none; margin: 0; aspect-ratio: auto;
    visibility: hidden; opacity: 0; transition: opacity .2s ease-out; }
  :is(.hero-image-wrapper, .hero-image-wrapper > .div-block-85, .patient-registries_hero-header_image-wrapper) > img + :is(.w-embed, .wgbv-embed) > .wgbv-visual[data-wgbv-live] { visibility: visible; opacity: 1; }
}
.wgbv-visual:is(.hero-image-wrapper > img + * > *, .hero-image-wrapper > .div-block-85 > img + * > *, .patient-registries_hero-header_image-wrapper > img + * > *) .wgbv-stage { inset: auto; margin: 0;
  --wgbv-p: min(calc(100cqw * var(--wgbv-fill, 1) / var(--wgbv-cw, var(--wgbv-w))), calc(100cqh / var(--wgbv-ch, var(--wgbv-h))), var(--wgbv-pmax, 100px));
  left: calc((100cqw - var(--wgbv-p) * var(--wgbv-cw, var(--wgbv-w))) * var(--wgbv-ax, .5) - var(--wgbv-p) * var(--wgbv-cx, 0));
  top: calc(max(0px, (100cqh - var(--wgbv-p) * var(--wgbv-ch, var(--wgbv-h))) * var(--wgbv-ay, .5)) - var(--wgbv-p) * var(--wgbv-cy, 0)); }

.wgbv-visual * { box-sizing: border-box; margin: 0; }
.wgbv-visual .wgbv-stage { position: absolute; inset: 0; margin: auto;
  --wgbv-p: min(calc(100cqw / var(--wgbv-w)), calc(100cqh / var(--wgbv-h))); width: calc(var(--wgbv-p) * var(--wgbv-w)); height: calc(var(--wgbv-p) * var(--wgbv-h)); }
:is(.point, .screening-card) .wgbv-visual .wgbv-stage { inset: auto; margin: 0;
  --wgbv-p: min(calc(100cqw * var(--wgbv-fill, 1) / var(--wgbv-cw, var(--wgbv-w))), calc(100cqh / var(--wgbv-ch, var(--wgbv-h)) / var(--wgbv-vis, 1)), var(--wgbv-pmax, 100px));
  left: calc((100cqw - var(--wgbv-p) * var(--wgbv-cw, var(--wgbv-w))) * var(--wgbv-ax, .5) - var(--wgbv-p) * var(--wgbv-cx, 0));
  top: calc(max(0px, (100cqh - var(--wgbv-p) * var(--wgbv-ch, var(--wgbv-h))) * var(--wgbv-ay, .5)) - var(--wgbv-p) * var(--wgbv-cy, 0)); }
.screening-card .wgbv-visual .wgbv-stage > .wgbv-bg,
.screening-card .wgbv-visual .wgbv-stage > .wgbv-panel::before { inset: calc((100cqh - var(--wgbv-p) * var(--wgbv-h)) / -2) calc((100cqw - var(--wgbv-p) * var(--wgbv-w)) / -2); }
.screening-card .wgbv-visual .wgbv-stage > .wgbv-panel::before { content: ''; position: absolute; border-radius: inherit; background: inherit; }
:is(.point, .screening-card) .wgbv-visual[data-wgbv="analytics"] .wgbv-num { font-size: calc(var(--wgbv-p) * 26); }
:is(.point, .screening-card) .wgbv-visual[data-wgbv="analytics"] .wgbv-dash { top: calc(var(--wgbv-p) * 22); height: calc(var(--wgbv-p) * 324); }
.screening-card .wgbv-visual[data-wgbv="analytics"] .wgbv-stage { left: 0; width: 100cqw; }
.screening-card .wgbv-visual[data-wgbv="analytics"] .wgbv-dash { left: calc(var(--wgbv-p) * 30); right: calc(var(--wgbv-p) * 30); width: auto; }
.screening-card .wgbv-visual[data-wgbv="analytics"] .wgbv-kpi { left: calc(var(--wgbv-p) * 45); right: calc(var(--wgbv-p) * 45); width: auto; }
.screening-card .wgbv-visual[data-wgbv="consent"] .wgbv-stage { -webkit-mask-image: linear-gradient(#000 82%, transparent); mask-image: linear-gradient(#000 82%, transparent); }
.point .wgbv-visual[data-wgbv="consent"] { --wgbv-bleed: 1; --wgbv-vis: .97; --wgbv-ay: 1; --wgbv-cx: 47; --wgbv-cw: 430; --wgbv-fill: 1; }
@container (max-height: 199.98px) {
  .point .wgbv-visual[data-wgbv="consent"] .wgbv-stage { --wgbv-ch: 316; --wgbv-vis: 1; }
  .point .wgbv-visual[data-wgbv="consent"] .wgbv-help { display: none; }
}
@container (max-height: 159.98px) {
  .point .wgbv-visual[data-wgbv="consent"] .wgbv-stage { --wgbv-cy: 80; --wgbv-ch: 236; clip-path: inset(calc(var(--wgbv-p) * 80) 0 0 0);
    -webkit-mask-image: linear-gradient(transparent calc(var(--wgbv-p) * 80), #000 calc(var(--wgbv-p) * 100));
    mask-image: linear-gradient(transparent calc(var(--wgbv-p) * 80), #000 calc(var(--wgbv-p) * 100)); }
}
.point .wgbv-visual[data-wgbv="consent"] .wgbv-help { font-size: calc(var(--wgbv-p) * 15); line-height: calc(var(--wgbv-p) * 21); }
.point .wgbv-visual[data-wgbv="security"] { --wgbv-bleed: 1; --wgbv-vis: .6; --wgbv-ay: 1; --wgbv-fill: .8; }
.point .wgbv-visual[data-wgbv="security"] .wgbv-stage { --wgbv-vis: 1; }
@container (max-height: 279.98px) { .point .wgbv-visual[data-wgbv="security"] .wgbv-stage { --wgbv-ch: 432; } }
@container (max-height: 199.98px) { .point .wgbv-visual[data-wgbv="security"] .wgbv-stage { --wgbv-ch: 360; } }
.point .wgbv-visual[data-wgbv="survey"] { --wgbv-bleed: 1; --wgbv-vis: .8; --wgbv-ay: 1; }
.point .wgbv-visual[data-wgbv="identity"] { --wgbv-bleed: 1; --wgbv-ay: 1; }
@container (max-width: 299px) and (aspect-ratio >= 1.1) {
  .point .wgbv-visual[data-wgbv="engagement"] .wgbv-stage { --wgbv-w: 362; }
  .point .wgbv-visual[data-wgbv="engagement"] .wgbv-sig { width: calc(var(--wgbv-p) * 150); }
  .point .wgbv-visual[data-wgbv="engagement"] .wgbv-ink-tile { left: calc(var(--wgbv-p) * 23); }
  .point .wgbv-visual[data-wgbv="engagement"] :is(.wgbv-types, .wgbv-checkin) { left: calc(var(--wgbv-p) * 170); width: calc(var(--wgbv-p) * 180); }
  .point .wgbv-visual[data-wgbv="engagement"] .wgbv-cta { width: calc(var(--wgbv-p) * 150); }
}
.point .wgbv-visual[data-wgbv="analytics"] .wgbv-stage { --wgbv-w: 560; --wgbv-h: 352; }
.point .wgbv-visual[data-wgbv="analytics"] .wgbv-dash { left: calc(var(--wgbv-p) * 30); right: calc(var(--wgbv-p) * 30); top: calc(var(--wgbv-p) * 15); width: auto; }
.point .wgbv-visual[data-wgbv="analytics"] .wgbv-kpi-1 { top: calc(var(--wgbv-p) * 105); }
.point .wgbv-visual[data-wgbv="analytics"] .wgbv-kpi-2 { top: calc(var(--wgbv-p) * 211.5); }
.point .wgbv-visual[data-wgbv="analytics"] .wgbv-kpi { left: calc(var(--wgbv-p) * 45); right: calc(var(--wgbv-p) * 45); width: auto; }
@container (max-width: 299px) {
  :is(.point, .screening-card) .wgbv-visual[data-wgbv="analytics"] .wgbv-stage { --wgbv-w: 480; --wgbv-h: 352; }
  :is(.point, .screening-card) .wgbv-visual[data-wgbv="analytics"] .wgbv-dash { left: calc(var(--wgbv-p) * 15); right: calc(var(--wgbv-p) * 15); top: calc(var(--wgbv-p) * 15); }
  :is(.point, .screening-card) .wgbv-visual[data-wgbv="analytics"] .wgbv-kpi { left: calc(var(--wgbv-p) * 30); right: calc(var(--wgbv-p) * 30); }
  :is(.point, .screening-card) .wgbv-visual[data-wgbv="analytics"] .wgbv-kpi-1 { top: calc(var(--wgbv-p) * 105); }
  :is(.point, .screening-card) .wgbv-visual[data-wgbv="analytics"] .wgbv-kpi-2 { top: calc(var(--wgbv-p) * 211.5); }
  :is(.point, .screening-card) .wgbv-visual[data-wgbv="analytics"] .wgbv-kpi-label { font-size: max(7.2px, calc(var(--wgbv-p) * 16)); }
}
@container (max-width: 299px) {
  .screening-card .wgbv-visual[data-wgbv="consent"] .wgbv-stage { --wgbv-cx: 47; --wgbv-cw: 430; --wgbv-ch: 320; --wgbv-ay: 0;
    -webkit-mask-image: linear-gradient(#000 70%, transparent 88%); mask-image: linear-gradient(#000 70%, transparent 88%); }
}
@container (aspect-ratio >= 1.45) and (min-width: 300px) {
  .point .wgbv-visual[data-wgbv="connect"] .wgbv-stage { --wgbv-w: 560; --wgbv-h: 290; }
  .point .wgbv-visual[data-wgbv="connect"] .wgbv-lines { inset: auto; left: calc(var(--wgbv-p) * -30); top: calc(var(--wgbv-p) * -36); width: calc(var(--wgbv-p) * 620); height: calc(var(--wgbv-p) * 363);
    clip-path: inset(calc(var(--wgbv-p) * 36) calc(var(--wgbv-p) * 30) calc(var(--wgbv-p) * 37) calc(var(--wgbv-p) * 30)); }
  .point .wgbv-visual[data-wgbv="connect"] .wgbv-pill { left: calc(var(--wgbv-p) * 13.7); }
  .point .wgbv-visual[data-wgbv="connect"] .wgbv-pill-1 { top: calc(var(--wgbv-p) * 23.9); }
  .point .wgbv-visual[data-wgbv="connect"] .wgbv-pill-2 { top: calc(var(--wgbv-p) * 87.9); }
  .point .wgbv-visual[data-wgbv="connect"] .wgbv-pill-3 { top: calc(var(--wgbv-p) * 151.9); }
  .point .wgbv-visual[data-wgbv="connect"] .wgbv-pill-4 { top: calc(var(--wgbv-p) * 215.9); }
  .point .wgbv-visual[data-wgbv="connect"] .wgbv-engine { left: calc(var(--wgbv-p) * 211.7); top: calc(var(--wgbv-p) * 113); }
  .point .wgbv-visual[data-wgbv="connect"] .wgbv-window { left: calc(var(--wgbv-p) * 429.5); top: calc(var(--wgbv-p) * 87.1); }
}
@container (aspect-ratio < 1.45) or (max-width: 299px) {
  .point .wgbv-visual[data-wgbv="connect"] .wgbv-stage { --wgbv-w: 447; --wgbv-h: 300; overflow: clip; }
  .point .wgbv-visual[data-wgbv="connect"] .wgbv-lines { inset: auto; left: calc(var(--wgbv-p) * -30); top: calc(var(--wgbv-p) * -44); width: calc(var(--wgbv-p) * 620); height: calc(var(--wgbv-p) * 363);
    clip-path: inset(calc(var(--wgbv-p) * 44) calc(var(--wgbv-p) * 187) calc(var(--wgbv-p) * 19) calc(var(--wgbv-p) * 30)); }
  .point .wgbv-visual[data-wgbv="connect"] .wgbv-pill { left: calc(var(--wgbv-p) * 13.7); }
  .point .wgbv-visual[data-wgbv="connect"] .wgbv-pill-1 { top: calc(var(--wgbv-p) * 15.9); }
  .point .wgbv-visual[data-wgbv="connect"] .wgbv-pill-2 { top: calc(var(--wgbv-p) * 79.9); }
  .point .wgbv-visual[data-wgbv="connect"] .wgbv-pill-3 { top: calc(var(--wgbv-p) * 143.9); }
  .point .wgbv-visual[data-wgbv="connect"] .wgbv-pill-4 { top: calc(var(--wgbv-p) * 207.9); }
  .point .wgbv-visual[data-wgbv="connect"] .wgbv-engine { left: calc(var(--wgbv-p) * 211.7); top: calc(var(--wgbv-p) * 105); }
  .point .wgbv-visual[data-wgbv="connect"] .wgbv-engine::after { content: ''; position: absolute; left: 50%; top: 100%; height: calc(var(--wgbv-p) * 13.2); border-left: calc(var(--wgbv-p) * 1.44) dashed #8000CF; }
  .point .wgbv-visual[data-wgbv="connect"] .wgbv-window { left: calc(var(--wgbv-p) * 249.4); top: calc(var(--wgbv-p) * 174); }
}
@container (max-width: 339px) and (aspect-ratio >= 1.45) {
  .screening-card .wgbv-visual[data-wgbv="connect"] .wgbv-stage { --wgbv-w: 560; --wgbv-h: 290; }
  .screening-card .wgbv-visual[data-wgbv="connect"] .wgbv-lines { inset: auto; left: calc(var(--wgbv-p) * -30); top: calc(var(--wgbv-p) * -36); width: calc(var(--wgbv-p) * 620); height: calc(var(--wgbv-p) * 363);
    clip-path: inset(calc(var(--wgbv-p) * 36) calc(var(--wgbv-p) * 30) calc(var(--wgbv-p) * 37) calc(var(--wgbv-p) * 30)); }
  .screening-card .wgbv-visual[data-wgbv="connect"] .wgbv-pill { left: calc(var(--wgbv-p) * 13.7); }
  .screening-card .wgbv-visual[data-wgbv="connect"] .wgbv-pill-1 { top: calc(var(--wgbv-p) * 23.9); }
  .screening-card .wgbv-visual[data-wgbv="connect"] .wgbv-pill-2 { top: calc(var(--wgbv-p) * 87.9); }
  .screening-card .wgbv-visual[data-wgbv="connect"] .wgbv-pill-3 { top: calc(var(--wgbv-p) * 151.9); }
  .screening-card .wgbv-visual[data-wgbv="connect"] .wgbv-pill-4 { top: calc(var(--wgbv-p) * 215.9); }
  .screening-card .wgbv-visual[data-wgbv="connect"] .wgbv-engine { left: calc(var(--wgbv-p) * 211.7); top: calc(var(--wgbv-p) * 113); }
  .screening-card .wgbv-visual[data-wgbv="connect"] .wgbv-window { left: calc(var(--wgbv-p) * 429.5); top: calc(var(--wgbv-p) * 87.1); }
}
.point .wgbv-visual[data-wgbv="wearable"] .wgbv-stage { --wgbv-h: 212; }
.point .wgbv-visual[data-wgbv="wearable"] .wgbv-sync { top: calc(var(--wgbv-p) * 3); height: calc(var(--wgbv-p) * 206); }
.point .wgbv-visual[data-wgbv="wearable"] .wgbv-in { height: calc(var(--wgbv-p) * 62); }
.point .wgbv-visual[data-wgbv="wearable"] .wgbv-in:nth-child(2) { top: calc(var(--wgbv-p) * 3); }
.point .wgbv-visual[data-wgbv="wearable"] .wgbv-in:nth-child(3) { top: calc(var(--wgbv-p) * 75); }
.point .wgbv-visual[data-wgbv="wearable"] .wgbv-in:nth-child(4) { top: calc(var(--wgbv-p) * 147); }
@container (max-width: 339px) {
  .point .wgbv-visual[data-wgbv="wearable"] .wgbv-msg { display: none; }
  .point .wgbv-visual[data-wgbv="wearable"] .wgbv-watch { top: calc(var(--wgbv-p) * 40); }
  .point .wgbv-visual[data-wgbv="wearable"] .wgbv-h, .point .wgbv-visual[data-wgbv="wearable"] .wgbv-busy { top: calc(var(--wgbv-p) * 156); }
  .point .wgbv-visual[data-wgbv="wearable"] .wgbv-stage { --wgbv-w: 371; }
  .point .wgbv-visual[data-wgbv="wearable"] .wgbv-sync { width: calc(var(--wgbv-p) * 150); }
  .point .wgbv-visual[data-wgbv="wearable"] .wgbv-watch { left: calc(var(--wgbv-p) * 25); }
  .point .wgbv-visual[data-wgbv="wearable"] .wgbv-in { left: calc(var(--wgbv-p) * 162); width: calc(var(--wgbv-p) * 205); }
}

.wgbv-visual .wgbv-i { display: inline-block; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.wgbv-visual .wgbv-i.wgbv-fill { fill: currentColor; stroke: none; }
.wgbv-visual .wgbv-ink { position: absolute; overflow: visible; }
.wgbv-visual .wgbv-ink path { fill: none; stroke: #111827; stroke-linecap: round; stroke-linejoin: round; }
.wgbv-visual img { display: block; max-width: none; border: 0; }
.wgbv-visual .wgbv-b { font-weight: 600; }

.wgbv-visual .wgbv-ripple { position: absolute; width: calc(var(--wgbv-p) * 30); height: calc(var(--wgbv-p) * 30); margin: calc(var(--wgbv-p) * -15) 0 0 calc(var(--wgbv-p) * -15); border-radius: 50%; background: rgba(93, 67, 226, .22); opacity: 0; z-index: 4; }
.wgbv-visual .wgbv-touch { position: absolute; left: 0; top: 0; width: calc(var(--wgbv-p) * 22); height: calc(var(--wgbv-p) * 22); margin: calc(var(--wgbv-p) * -11) 0 0 calc(var(--wgbv-p) * -11); border-radius: 50%; background: rgba(103, 65, 217, .18); opacity: 0; z-index: 4; }

.wgbv-visual .wgbv-island { position: absolute; left: 50%; top: calc(var(--wgbv-p) * 11); width: calc(var(--wgbv-p) * 120); height: calc(var(--wgbv-p) * 35); margin-left: calc(var(--wgbv-p) * -60); border-radius: calc(var(--wgbv-p) * 20); background: #0b0b0c; }
.wgbv-visual .wgbv-status { position: absolute; left: 0; right: 0; top: 0; height: calc(var(--wgbv-p) * 54); display: flex; align-items: center; justify-content: space-between; padding: calc(var(--wgbv-p) * 4) calc(var(--wgbv-p) * 26) 0 calc(var(--wgbv-p) * 36); color: #111827; }
.wgbv-visual .wgbv-time { font-size: calc(var(--wgbv-p) * 15.5); font-weight: 600; letter-spacing: -.01em; }
.wgbv-visual .wgbv-sys { display: flex; align-items: center; gap: calc(var(--wgbv-p) * 5); }
.wgbv-visual .wgbv-sys svg { display: block; fill: currentColor; }
.wgbv-visual .wgbv-signal { width: calc(var(--wgbv-p) * 17); height: calc(var(--wgbv-p) * 11); }
.wgbv-visual .wgbv-wifi { width: calc(var(--wgbv-p) * 15.5); height: calc(var(--wgbv-p) * 11); }
.wgbv-visual .wgbv-battery { position: relative; display: block; width: calc(var(--wgbv-p) * 24); height: calc(var(--wgbv-p) * 11.5); margin-left: calc(var(--wgbv-p) * 2); border: calc(var(--wgbv-p) * 1) solid rgba(17, 24, 39, .4); border-radius: calc(var(--wgbv-p) * 3.5); }
.wgbv-visual .wgbv-battery i { position: absolute; inset: calc(var(--wgbv-p) * 1.5); border-radius: calc(var(--wgbv-p) * 2); background: #111827; }
.wgbv-visual .wgbv-battery::after { content: ''; position: absolute; right: calc(var(--wgbv-p) * -3.5); top: calc(var(--wgbv-p) * 3); width: calc(var(--wgbv-p) * 1.5); height: calc(var(--wgbv-p) * 4); border-radius: 0 calc(var(--wgbv-p) * 1) calc(var(--wgbv-p) * 1) 0; background: rgba(17, 24, 39, .4); }
.wgbv-visual .wgbv-crumbs { display: flex; align-items: center; gap: calc(var(--wgbv-p) * 7); height: calc(var(--wgbv-p) * 43); padding-right: calc(var(--wgbv-p) * 12); border-bottom: calc(var(--wgbv-p) * 1) solid #E5E7EB; font-size: calc(var(--wgbv-p) * 11.5); color: #6B7280; white-space: nowrap; }
.wgbv-visual .wgbv-mark { display: grid; place-items: center; width: calc(var(--wgbv-p) * 43); height: 100%; margin-right: calc(var(--wgbv-p) * 14); border-right: calc(var(--wgbv-p) * 1) solid #E5E7EB; }
.wgbv-visual .wgbv-mark img { width: calc(var(--wgbv-p) * 23); height: auto; }
.wgbv-visual .wgbv-sep { color: #D1D5DB; }
.wgbv-visual .wgbv-current { color: #374151; }
.wgbv-visual .wgbv-row { position: absolute; left: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 373); height: calc(var(--wgbv-p) * 64.7); display: flex; align-items: flex-start; gap: calc(var(--wgbv-p) * 11); padding: calc(var(--wgbv-p) * 10.6) calc(var(--wgbv-p) * 10.6) 0; border: calc(var(--wgbv-p) * .9) solid #4F46E5; border-radius: calc(var(--wgbv-p) * 7); background: #fff; }
.wgbv-visual .wgbv-iconbox { display: grid; place-items: center; width: calc(var(--wgbv-p) * 28); height: calc(var(--wgbv-p) * 28); flex: none; border-radius: calc(var(--wgbv-p) * 7); background: #F3F4F6; }
.wgbv-visual .wgbv-iconbox img { width: calc(var(--wgbv-p) * 15.75); height: calc(var(--wgbv-p) * 15.75); }
.wgbv-visual .wgbv-row-main { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.wgbv-visual .wgbv-row-title { margin-top: calc(var(--wgbv-p) * 1); font-size: calc(var(--wgbv-p) * 14.5); line-height: 1.35; color: #111827; }
.wgbv-visual .wgbv-row-detail { margin-top: calc(var(--wgbv-p) * 4); font-size: calc(var(--wgbv-p) * 10.6); color: #374151; white-space: nowrap; }
.wgbv-visual .wgbv-onoff { --on: 1; position: relative; display: inline-grid; place-items: center; width: calc(var(--wgbv-p) * 41.2); height: calc(var(--wgbv-p) * 21.5); flex: none; border-radius: calc(var(--wgbv-p) * 11);
  font-size: calc(var(--wgbv-p) * 10.6); font-weight: 500; letter-spacing: .04em; background: color-mix(in srgb, #EFEEFF calc(var(--on) * 100%), #F4F4F5); }
.wgbv-visual .wgbv-onoff > span { grid-area: 1 / 1; }
.wgbv-visual .wgbv-on-t { color: #4F46E5; opacity: var(--on); }
.wgbv-visual .wgbv-off-t { color: #6B7280; opacity: calc(1 - var(--on)); }
.wgbv-visual .wgbv-add { position: absolute; z-index: 1; display: flex; align-items: center; justify-content: center; gap: calc(var(--wgbv-p) * 15); width: calc(var(--wgbv-p) * 176.5); height: calc(var(--wgbv-p) * 37.9); border-radius: calc(var(--wgbv-p) * 5.3); background: #4F46E5; color: #fff; font-size: calc(var(--wgbv-p) * 13.4); font-weight: 500; white-space: nowrap; }
.wgbv-visual .wgbv-add .wgbv-i { width: calc(var(--wgbv-p) * 15); height: calc(var(--wgbv-p) * 15); stroke-width: 2; }

/* ---- visuals/consent.css ---- */
.wgbv-visual[data-wgbv="consent"] { --wgbv-ar: 1192 / 840; --wgbv-w: 514; --wgbv-h: 363; }
.wgbv-visual[data-wgbv="consent"] .wgbv-stage { overflow: hidden; }
.wgbv-visual .wgbv-phone { position: absolute; left: calc(var(--wgbv-p) * 53); top: calc(var(--wgbv-p) * 16); width: calc(var(--wgbv-p) * 418); height: calc(var(--wgbv-p) * 440); padding: calc(var(--wgbv-p) * 19); border-radius: calc(var(--wgbv-p) * 64);
  background: #111214; box-shadow: inset 0 0 0 calc(var(--wgbv-p) * 2.5) #5c5d61, inset 0 0 0 calc(var(--wgbv-p) * 4) #2a2b2e, 0 calc(var(--wgbv-p) * 12) calc(var(--wgbv-p) * 32) rgba(32, 33, 63, .12); }
.wgbv-visual .wgbv-btn { position: absolute; width: calc(var(--wgbv-p) * 3); border-radius: calc(var(--wgbv-p) * 2) 0 0 calc(var(--wgbv-p) * 2); background: #3a3b3f; }
.wgbv-visual .wgbv-btn-1 { left: calc(var(--wgbv-p) * -2.5); top: calc(var(--wgbv-p) * 112); height: calc(var(--wgbv-p) * 28); }
.wgbv-visual .wgbv-btn-2 { left: calc(var(--wgbv-p) * -2.5); top: calc(var(--wgbv-p) * 158); height: calc(var(--wgbv-p) * 52); }
.wgbv-visual .wgbv-btn-3 { right: calc(var(--wgbv-p) * -2.5); left: auto; top: calc(var(--wgbv-p) * 175); height: calc(var(--wgbv-p) * 80); border-radius: 0 calc(var(--wgbv-p) * 2) calc(var(--wgbv-p) * 2) 0; }
.wgbv-visual .wgbv-screen { position: relative; height: 100%; overflow: hidden; border-radius: calc(var(--wgbv-p) * 46); background: #fff; }
.wgbv-visual .wgbv-nav { position: absolute; left: 0; right: 0; top: calc(var(--wgbv-p) * 45); height: calc(var(--wgbv-p) * 47); display: flex; align-items: center; justify-content: center; border-bottom: calc(var(--wgbv-p) * 1) solid #CBD5E1; }
.wgbv-visual .wgbv-back { position: absolute; left: calc(var(--wgbv-p) * 16); display: flex; align-items: center; gap: calc(var(--wgbv-p) * 2); font-size: calc(var(--wgbv-p) * 17); color: #6741D9; }
.wgbv-visual .wgbv-back .wgbv-i { width: calc(var(--wgbv-p) * 22); height: calc(var(--wgbv-p) * 22); stroke-width: 2.4; }
.wgbv-visual .wgbv-title { font-size: calc(var(--wgbv-p) * 16.5); font-weight: 600; color: #1E293B; letter-spacing: -.01em; }
.wgbv-visual .wgbv-sign-q { position: absolute; left: calc(var(--wgbv-p) * 18); right: calc(var(--wgbv-p) * 18); top: calc(var(--wgbv-p) * 112); }
.wgbv-visual .wgbv-h { font-size: calc(var(--wgbv-p) * 17.5); font-weight: 700; line-height: 1.35; letter-spacing: -.015em; color: #2C2D73; }
.wgbv-visual .wgbv-help { margin-top: calc(var(--wgbv-p) * 5); font-size: calc(var(--wgbv-p) * 14); line-height: calc(var(--wgbv-p) * 20); color: #475569; }
.wgbv-visual .wgbv-pad { position: relative; height: calc(var(--wgbv-p) * 170); margin-top: calc(var(--wgbv-p) * 10); border: calc(var(--wgbv-p) * 1) solid #CBD5E1; border-radius: calc(var(--wgbv-p) * 9); background: #fff; }
.wgbv-visual .wgbv-pad .wgbv-line { position: absolute; left: calc(var(--wgbv-p) * 50); width: calc(var(--wgbv-p) * 236); top: calc(var(--wgbv-p) * 117); border-bottom: calc(var(--wgbv-p) * 1.3) dashed #64748B; }
.wgbv-visual .wgbv-ink-consent { left: calc(var(--wgbv-p) * 48); top: calc(var(--wgbv-p) * 30); width: calc(var(--wgbv-p) * 227); height: calc(var(--wgbv-p) * 117); }
.wgbv-visual .wgbv-ink-consent path { stroke-width: 12; }
@container (max-width: 140px) {
  .wgbv-visual[data-wgbv="consent"] .wgbv-help { display: none; }
}

@media (min-width: 480px) and (max-width: 991px) {
  @container (aspect-ratio < 1.4) and (min-height: 200px) {
    .wgbv-visual[data-wgbv="consent"]:is(.point *) .wgbv-stage { top: calc(var(--wgbv-p) * -8); height: calc(100cqh + var(--wgbv-p) * 8); }
    .wgbv-visual[data-wgbv="consent"]:is(.point *) .wgbv-phone { height: calc(100cqh + var(--wgbv-p) * 22); }
    .wgbv-visual[data-wgbv="consent"]:is(.point *) .wgbv-pad { height: calc(var(--wgbv-p) * 170 + max(0px, 100cqh - var(--wgbv-p) * 408)); }
  }
}

@media (max-width: 479px) {
  @container ((min-height: 200px) and (aspect-ratio < 1.165)) or ((min-height: 160px) and (max-height: 199.98px) and (aspect-ratio < 1.32)) {
    .wgbv-visual[data-wgbv="consent"]:is(.point *) .wgbv-stage { top: calc(var(--wgbv-p) * -8); height: calc(100cqh + var(--wgbv-p) * 8); }
    .wgbv-visual[data-wgbv="consent"]:is(.point *) .wgbv-phone { height: calc(100cqh + var(--wgbv-p) * 22); }
  }
  @container (min-height: 200px) and (aspect-ratio < 1.1) {
    .wgbv-visual[data-wgbv="consent"]:is(.point *) .wgbv-pad { height: calc(100cqh - var(--wgbv-p) * 239.6); }
  }
  @container (min-height: 200px) and (aspect-ratio >= 1.1) and (aspect-ratio < 1.165) {
    .wgbv-visual[data-wgbv="consent"]:is(.point *) .wgbv-pad { height: calc(100cqh - var(--wgbv-p) * 207.6); }
  }
  @container (min-height: 160px) and (max-height: 199.98px) and (aspect-ratio < 1.2) {
    .wgbv-visual[data-wgbv="consent"]:is(.point *) .wgbv-pad { height: calc(100cqh - var(--wgbv-p) * 192.6); }
  }
  @container (min-height: 160px) and (max-height: 199.98px) and (aspect-ratio >= 1.2) and (aspect-ratio < 1.32) {
    .wgbv-visual[data-wgbv="consent"]:is(.point *) .wgbv-pad { height: calc(100cqh - var(--wgbv-p) * 160.6); }
  }
}

@container (aspect-ratio < 1.3) {
  .wgbv-visual[data-wgbv="consent"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-stage { --wgbv-cx: 41; --wgbv-cw: 442; --wgbv-cy: 8; --wgbv-ch: 442; --wgbv-ay: 0; height: calc(100cqh + var(--wgbv-p) * 8); }
  .wgbv-visual[data-wgbv="consent"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-phone { height: calc(100cqh + var(--wgbv-p) * 22); }
  .wgbv-visual[data-wgbv="consent"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-pad { height: calc(var(--wgbv-p) * 204); }
  .wgbv-visual[data-wgbv="consent"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-pad .wgbv-line { top: calc(var(--wgbv-p) * 134); }
  .wgbv-visual[data-wgbv="consent"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-ink-consent { top: calc(var(--wgbv-p) * 47); }
}
.wgbv-visual[data-wgbv="consent"]:is(.platform_content-box .image-wrap *) { overflow: hidden; }
@container (aspect-ratio >= 1.5) {
  .wgbv-visual[data-wgbv="consent"]:is(.platform_content-box .image-wrap *) .wgbv-stage { --wgbv-cx: 45; --wgbv-cw: 434; --wgbv-cy: 80; --wgbv-ch: 240; --wgbv-ay: 0;
    height: calc(100cqh + var(--wgbv-p) * 80); }
  .wgbv-visual[data-wgbv="consent"]:is(.platform_content-box .image-wrap *) .wgbv-help { display: none; }
}

.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] { --wgbv-ar: 1968 / 1920; --wgbv-w: 500; --wgbv-h: 488; }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-phone { left: calc(var(--wgbv-p) * 32); top: calc(var(--wgbv-p) * 20); width: calc(var(--wgbv-p) * 262); height: calc(var(--wgbv-p) * 520); padding: 0;
  border: calc(var(--wgbv-p) * 1.6) solid #1F2430; border-radius: calc(var(--wgbv-p) * 38); background: #fff; box-shadow: 0 calc(var(--wgbv-p) * 14) calc(var(--wgbv-p) * 34) rgba(32, 33, 63, .12); }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-screen { border-radius: calc(var(--wgbv-p) * 36); }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-status { height: calc(var(--wgbv-p) * 34); padding: calc(var(--wgbv-p) * 2) calc(var(--wgbv-p) * 20) 0 calc(var(--wgbv-p) * 28); }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-time { font-size: calc(var(--wgbv-p) * 11.5); }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-battery { width: calc(var(--wgbv-p) * 19); height: calc(var(--wgbv-p) * 9); border-width: calc(var(--wgbv-p) * .8); border-radius: calc(var(--wgbv-p) * 3); }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-battery i { inset: calc(var(--wgbv-p) * 1.2); border-radius: calc(var(--wgbv-p) * 1.5); }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-island { top: calc(var(--wgbv-p) * 8); width: calc(var(--wgbv-p) * 74); height: calc(var(--wgbv-p) * 20); margin-left: calc(var(--wgbv-p) * -37); border-radius: calc(var(--wgbv-p) * 10); }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-nav { top: calc(var(--wgbv-p) * 36); height: calc(var(--wgbv-p) * 36); border-bottom-color: #E5E7EB; }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-back { left: calc(var(--wgbv-p) * 10); font-size: calc(var(--wgbv-p) * 12.5); }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-back .wgbv-i { width: calc(var(--wgbv-p) * 16); height: calc(var(--wgbv-p) * 16); }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-title { font-size: calc(var(--wgbv-p) * 12.5); }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-form { position: absolute; left: calc(var(--wgbv-p) * 14); right: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 86); display: flex; flex-direction: column; }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-q { display: block; font-size: calc(var(--wgbv-p) * 11.5); font-weight: 600; line-height: 1.32; letter-spacing: -.005em; color: #2C2D73; }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-q i { font-style: normal; color: #E11D48; }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-f { display: flex; align-items: center; justify-content: space-between; height: calc(var(--wgbv-p) * 30); margin: calc(var(--wgbv-p) * 6) 0 calc(var(--wgbv-p) * 11); padding: 0 calc(var(--wgbv-p) * 10);
  border: calc(var(--wgbv-p) * .9) solid #D1D5DB; border-radius: calc(var(--wgbv-p) * 7); font-size: calc(var(--wgbv-p) * 10.8); color: #6B7280; white-space: nowrap; }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-f .wgbv-i { width: calc(var(--wgbv-p) * 14); height: calc(var(--wgbv-p) * 14); stroke-width: 1.8; }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-sk { display: block; width: calc(var(--wgbv-p) * 64); height: calc(var(--wgbv-p) * 7); border-radius: calc(var(--wgbv-p) * 4); background: #E5E7EB; }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-sign-q { position: relative; left: auto; right: auto; top: auto; }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-h { font-size: calc(var(--wgbv-p) * 11.5); line-height: 1.32; letter-spacing: -.005em; }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-help { margin-top: calc(var(--wgbv-p) * 3); font-size: calc(var(--wgbv-p) * 9.8); line-height: calc(var(--wgbv-p) * 13.2); }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-pad { height: calc(var(--wgbv-p) * 120); margin-top: calc(var(--wgbv-p) * 7); border-radius: calc(var(--wgbv-p) * 8); }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-pad .wgbv-line { left: calc(var(--wgbv-p) * 40); width: calc(var(--wgbv-p) * 154); top: calc(var(--wgbv-p) * 90); border-bottom-width: calc(var(--wgbv-p) * 1); }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-ink-consent { left: calc(var(--wgbv-p) * 40); top: calc(var(--wgbv-p) * 14); width: calc(var(--wgbv-p) * 150); height: calc(var(--wgbv-p) * 77); }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-cta { position: absolute; left: 50%; top: 50%; display: flex; align-items: center; gap: calc(var(--wgbv-p) * 4); padding: calc(var(--wgbv-p) * 6) calc(var(--wgbv-p) * 10) calc(var(--wgbv-p) * 6) calc(var(--wgbv-p) * 14);
  border-radius: calc(var(--wgbv-p) * 8); background: #EFEDFC; font-size: calc(var(--wgbv-p) * 10.8); font-weight: 500; color: #5B47D6; white-space: nowrap; transform: translate(-50%, -50%); opacity: 0; }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-cta .wgbv-i, .wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-btns .wgbv-i { width: calc(var(--wgbv-p) * 13); height: calc(var(--wgbv-p) * 13); stroke-width: 2.2; }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-btns { position: absolute; left: calc(var(--wgbv-p) * 12); right: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 430); display: flex; gap: calc(var(--wgbv-p) * 10); }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-bk, .wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-nx { display: flex; flex: 1; align-items: center; justify-content: center; gap: calc(var(--wgbv-p) * 4); height: calc(var(--wgbv-p) * 32);
  border-radius: calc(var(--wgbv-p) * 9); font-size: calc(var(--wgbv-p) * 11); font-weight: 500; white-space: nowrap; }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-bk { background: #EFEDFC; color: #5B47D6; }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-nx { background: #6741D9; color: #fff; }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-card { position: absolute; display: grid; grid-template-columns: 1fr auto; align-items: center; column-gap: calc(var(--wgbv-p) * 10); row-gap: calc(var(--wgbv-p) * 3);
  padding: calc(var(--wgbv-p) * 10) calc(var(--wgbv-p) * 12); border: calc(var(--wgbv-p) * .9) solid #EEF0F3; border-radius: calc(var(--wgbv-p) * 10); background: #fff;
  box-shadow: 0 calc(var(--wgbv-p) * 1) calc(var(--wgbv-p) * 2) rgba(16, 24, 40, .04), 0 calc(var(--wgbv-p) * 8) calc(var(--wgbv-p) * 22) rgba(16, 24, 40, .10); }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-c1 { left: calc(var(--wgbv-p) * 236); top: calc(var(--wgbv-p) * 56); width: calc(var(--wgbv-p) * 214); }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-c2 { left: calc(var(--wgbv-p) * 240); top: calc(var(--wgbv-p) * 340); width: calc(var(--wgbv-p) * 222); }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-t { grid-column: 1; font-size: calc(var(--wgbv-p) * 11.5); font-weight: 600; line-height: 1.25; color: #111827; white-space: nowrap; }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-d { grid-column: 1; font-size: calc(var(--wgbv-p) * 9.8); line-height: 1.35; color: #6B7280; }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-sw { --on: 1; position: relative; display: block; grid-column: 2; grid-row: 1 / span 2; width: calc(var(--wgbv-p) * 30); height: calc(var(--wgbv-p) * 17); border-radius: calc(var(--wgbv-p) * 9);
  background: color-mix(in srgb, #5B4BDB calc(var(--on) * 100%), #E5E7EB); }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-sw i { position: absolute; left: calc(var(--wgbv-p) * 2); top: calc(var(--wgbv-p) * 2); width: calc(var(--wgbv-p) * 13); height: calc(var(--wgbv-p) * 13); border-radius: 50%; background: #fff;
  box-shadow: 0 calc(var(--wgbv-p) * .5) calc(var(--wgbv-p) * 1.5) rgba(16, 24, 40, .2); transform: translateX(calc(var(--wgbv-p) * 13 * var(--on))); }
@container (width < 375px) {
  .wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-q2 { display: none; }
  .wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-q, .wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-h { font-size: calc(var(--wgbv-p) * 13); }
  .wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-f { height: calc(var(--wgbv-p) * 32); }
  .wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-help { font-size: calc(var(--wgbv-p) * 12); line-height: calc(var(--wgbv-p) * 15.6); }
  .wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-t { font-size: calc(var(--wgbv-p) * 13); }
  .wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-d { font-size: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-cta, .wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-bk, .wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-nx { font-size: calc(var(--wgbv-p) * 12); }
}

/* ---- visuals/education.css ---- */
.wgbv-visual[data-wgbv="education"] { --wgbv-ar: 1 / 1; --wgbv-w: 477; --wgbv-h: 477; }
.wgbv-visual[data-wgbv="education"] .wgbv-stage { overflow: hidden; }
.wgbv-visual .wgbv-portal { position: absolute; left: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 67); width: calc(var(--wgbv-p) * 300); height: calc(var(--wgbv-p) * 347); overflow: hidden; border: calc(var(--wgbv-p) * 1) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 19); background: #fff; }
.wgbv-visual .wgbv-portal::after { content: ''; position: absolute; top: 0; bottom: 0; right: 0; width: calc(var(--wgbv-p) * 90); background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff 85%); }
.wgbv-visual .wgbv-portal-main { padding: calc(var(--wgbv-p) * 14) calc(var(--wgbv-p) * 16) 0; }
.wgbv-visual .wgbv-wl-title { font-size: calc(var(--wgbv-p) * 12.5); font-weight: 600; color: #111827; }
.wgbv-visual .wgbv-tabs { display: flex; gap: calc(var(--wgbv-p) * 11); margin-top: calc(var(--wgbv-p) * 6); font-size: calc(var(--wgbv-p) * 9.5); font-weight: 500; color: #6B7280; }
.wgbv-visual .wgbv-tab.wgbv-on { color: #4F46E5; }
.wgbv-visual .wgbv-letter .wgbv-photo { width: 100%; object-fit: cover; object-position: 50% 30%; }
.wgbv-visual .wgbv-portal .wgbv-letter { margin-top: calc(var(--wgbv-p) * 8); }
.wgbv-visual .wgbv-portal .wgbv-photo { width: calc(var(--wgbv-p) * 266); height: calc(var(--wgbv-p) * 107); border-radius: calc(var(--wgbv-p) * 5.4); }
.wgbv-visual .wgbv-portal .wgbv-l-h { margin-top: calc(var(--wgbv-p) * 16); font-size: calc(var(--wgbv-p) * 16.5); font-weight: 500; line-height: 1.25; letter-spacing: -.01em; color: #111827; white-space: nowrap; }
.wgbv-visual .wgbv-portal .wgbv-l-lead { margin-top: calc(var(--wgbv-p) * 6); font-size: calc(var(--wgbv-p) * 10.5); color: #111827; }
.wgbv-visual .wgbv-portal .wgbv-l-body { width: calc(var(--wgbv-p) * 218); margin-top: calc(var(--wgbv-p) * 8); font-size: calc(var(--wgbv-p) * 9.3); line-height: calc(var(--wgbv-p) * 14.5); color: #6B7280; }
.wgbv-visual .wgbv-phone-flat { position: absolute; left: calc(var(--wgbv-p) * 238.8); top: calc(var(--wgbv-p) * 55.7); width: calc(var(--wgbv-p) * 227.2); height: calc(var(--wgbv-p) * 538.7); overflow: hidden; border: calc(var(--wgbv-p) * 1.2) solid #000; border-radius: calc(var(--wgbv-p) * 19.4); background: #fff; box-shadow: calc(var(--wgbv-p) * -10) calc(var(--wgbv-p) * 14) calc(var(--wgbv-p) * 34) rgba(32, 33, 63, .08); }
.wgbv-visual .wgbv-phone-flat .wgbv-island { top: calc(var(--wgbv-p) * 8.4); width: calc(var(--wgbv-p) * 69.7); height: calc(var(--wgbv-p) * 10.9); margin-left: calc(var(--wgbv-p) * -34.85); border-radius: calc(var(--wgbv-p) * 6); background: #1D272F; }
.wgbv-visual .wgbv-status-flat { height: calc(var(--wgbv-p) * 27); padding: 0 calc(var(--wgbv-p) * 12) 0 calc(var(--wgbv-p) * 20); color: #1D272F; }
.wgbv-visual .wgbv-status-flat .wgbv-time { font-size: calc(var(--wgbv-p) * 8.5); }
.wgbv-visual .wgbv-status-flat .wgbv-sys { gap: calc(var(--wgbv-p) * 3); }
.wgbv-visual .wgbv-status-flat .wgbv-signal { width: calc(var(--wgbv-p) * 9); height: calc(var(--wgbv-p) * 6); }
.wgbv-visual .wgbv-status-flat .wgbv-wifi { width: calc(var(--wgbv-p) * 8.5); height: calc(var(--wgbv-p) * 6); }
.wgbv-visual .wgbv-status-flat .wgbv-battery { width: calc(var(--wgbv-p) * 13); height: calc(var(--wgbv-p) * 6.2); margin-left: calc(var(--wgbv-p) * 1); border-width: calc(var(--wgbv-p) * .6); border-radius: calc(var(--wgbv-p) * 1.5); }
.wgbv-visual .wgbv-status-flat .wgbv-battery i { inset: calc(var(--wgbv-p) * .8); border-radius: calc(var(--wgbv-p) * 1); }
.wgbv-visual .wgbv-status-flat .wgbv-battery::after { right: calc(var(--wgbv-p) * -2); top: calc(var(--wgbv-p) * 1.6); width: calc(var(--wgbv-p) * 1); height: calc(var(--wgbv-p) * 2.2); }
.wgbv-visual .wgbv-ar { position: absolute; left: 0; right: 0; top: calc(var(--wgbv-p) * 27); }
.wgbv-visual .wgbv-ar-nav { position: relative; display: flex; align-items: center; justify-content: space-between; height: calc(var(--wgbv-p) * 26.3); padding: 0 calc(var(--wgbv-p) * 9); border-bottom: calc(var(--wgbv-p) * 1) solid #E5E7EB; font-size: calc(var(--wgbv-p) * 9.5); white-space: nowrap; }
.wgbv-visual .wgbv-ar-back { display: flex; align-items: center; gap: calc(var(--wgbv-p) * 1); color: #6741D9; }
.wgbv-visual .wgbv-ar-back .wgbv-i { width: calc(var(--wgbv-p) * 12); height: calc(var(--wgbv-p) * 12); stroke-width: 2.4; }
.wgbv-visual .wgbv-ar-title { position: absolute; left: 50%; transform: translateX(-50%); color: #1E293B; }
.wgbv-visual .wgbv-lsw { display: flex; direction: ltr; align-items: center; gap: calc(var(--wgbv-p) * 4); color: #475569; }
.wgbv-visual .wgbv-lsw .wgbv-i { width: calc(var(--wgbv-p) * 13); height: calc(var(--wgbv-p) * 13); }
.wgbv-visual .wgbv-lsw i { display: block; width: 0; height: 0; margin-inline-start: calc(var(--wgbv-p) * 3); border-inline: calc(var(--wgbv-p) * 3) solid transparent; border-top: calc(var(--wgbv-p) * 4) solid #7C8FA8; }
.wgbv-visual .wgbv-ar .wgbv-letter { padding: calc(var(--wgbv-p) * 9.6) calc(var(--wgbv-p) * 9.6) 0; text-align: right; }
.wgbv-visual .wgbv-ar .wgbv-photo { height: calc(var(--wgbv-p) * 97); border-radius: calc(var(--wgbv-p) * 4.85); }
.wgbv-visual .wgbv-ar .wgbv-l-h { margin-top: calc(var(--wgbv-p) * 14); font-size: calc(var(--wgbv-p) * 15.5); line-height: 1.4; color: #111827; }
.wgbv-visual .wgbv-ar .wgbv-l-lead { margin-top: calc(var(--wgbv-p) * 5); font-size: calc(var(--wgbv-p) * 11); color: #111827; }
.wgbv-visual .wgbv-ar .wgbv-l-body { margin-top: calc(var(--wgbv-p) * 10); font-size: calc(var(--wgbv-p) * 10.6); line-height: calc(var(--wgbv-p) * 17.5); color: #5F5F5F; }

@container (aspect-ratio < 1.6) {
  .wgbv-visual[data-wgbv="education"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-stage { --wgbv-cx: 2; --wgbv-cw: 472; --wgbv-cy: 50; --wgbv-ch: 352; --wgbv-ay: 0; height: calc(100cqh + var(--wgbv-p) * 50); }
}
@container (aspect-ratio < 1.15) {
  .wgbv-visual[data-wgbv="education"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-stage { --wgbv-ch: 427; }
}
.wgbv-visual[data-wgbv="education"]:is(.platform_content-box .image-wrap *) { overflow: hidden; }
@container (aspect-ratio >= 1.6) {
  .wgbv-visual[data-wgbv="education"]:is(.platform_content-box .image-wrap *) .wgbv-stage { --wgbv-cx: 2; --wgbv-cw: 472; --wgbv-cy: 108; --wgbv-ch: 234; --wgbv-ay: 0;
    height: calc(100cqh + var(--wgbv-p) * 108); }
}
@container (aspect-ratio >= 2.3) {
  .wgbv-visual[data-wgbv="education"]:is(.platform_content-box .image-wrap *) .wgbv-stage { --wgbv-cy: 106; --wgbv-ch: 175;
    height: calc(100cqh + var(--wgbv-p) * 106); }
  .wgbv-visual[data-wgbv="education"]:is(.platform_content-box .image-wrap *) .wgbv-photo { height: calc(var(--wgbv-p) * 40); }
  .wgbv-visual[data-wgbv="education"]:is(.platform_content-box .image-wrap *) .wgbv-portal .wgbv-l-body { display: none; }
}
@container (aspect-ratio >= 1.6) and (max-width: 299.98px) {
  .wgbv-visual[data-wgbv="education"]:is(.platform_content-box .image-wrap *) .wgbv-tabs { font-size: calc(var(--wgbv-p) * 11); }
  .wgbv-visual[data-wgbv="education"]:is(.platform_content-box .image-wrap *) .wgbv-wl-title { font-size: calc(var(--wgbv-p) * 13); }
  .wgbv-visual[data-wgbv="education"]:is(.platform_content-box .image-wrap *) .wgbv-l-lead { font-size: calc(var(--wgbv-p) * 12.5); }
  .wgbv-visual[data-wgbv="education"]:is(.platform_content-box .image-wrap *) .wgbv-ar .wgbv-l-body { display: none; }
}

.wgbv-visual[data-wgbv="education"]:is(.hero-image-wrapper *) .wgbv-stage { --wgbv-cx: 2; --wgbv-cw: 472; --wgbv-cy: 50; --wgbv-ch: 352; --wgbv-ay: 0;
  height: calc(100cqh + var(--wgbv-p) * 50); clip-path: inset(calc(var(--wgbv-p) * 50) 0 0 0); }
.wgbv-visual[data-wgbv="education"]:is(.hero-image-wrapper *) .wgbv-portal { height: calc(var(--wgbv-p) * 560); }
@container (aspect-ratio < 1.18) {
  .wgbv-visual[data-wgbv="education"]:is(.hero-image-wrapper *) .wgbv-stage { --wgbv-ch: 427; }
}
@container (width < 375px) {
  .wgbv-visual[data-wgbv="education"]:is(.hero-image-wrapper *) .wgbv-crumbs { font-size: calc(var(--wgbv-p) * 13); }
  .wgbv-visual[data-wgbv="education"]:is(.hero-image-wrapper *) .wgbv-wl-title { font-size: calc(var(--wgbv-p) * 14.5); }
  .wgbv-visual[data-wgbv="education"]:is(.hero-image-wrapper *) .wgbv-tabs { font-size: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="education"]:is(.hero-image-wrapper *) .wgbv-l-lead { font-size: calc(var(--wgbv-p) * 13); }
  .wgbv-visual[data-wgbv="education"]:is(.hero-image-wrapper *) .wgbv-l-body { display: none; }
  .wgbv-visual[data-wgbv="education"]:is(.hero-image-wrapper *) .wgbv-ar-nav { font-size: calc(var(--wgbv-p) * 12); }
}

/* ---- visuals/engagement.css ---- */
.wgbv-visual[data-wgbv="engagement"] { --wgbv-ar: 412 / 192; --wgbv-w: 412; --wgbv-h: 192; }
.wgbv-visual .wgbv-tile { position: absolute; background: #fff; }
.wgbv-visual .wgbv-sig { left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 8); width: calc(var(--wgbv-p) * 124); height: calc(var(--wgbv-p) * 78.3); border: calc(var(--wgbv-p) * .5) solid #CBD5E1; border-radius: calc(var(--wgbv-p) * 4); }
.wgbv-visual .wgbv-sig .wgbv-line { position: absolute; left: calc(var(--wgbv-p) * 8); right: calc(var(--wgbv-p) * 8); top: calc(var(--wgbv-p) * 55.5); border-bottom: calc(var(--wgbv-p) * .6) dashed #64748B; }
.wgbv-visual .wgbv-ink-tile { left: calc(var(--wgbv-p) * 7.5); top: calc(var(--wgbv-p) * 12); width: calc(var(--wgbv-p) * 104); height: calc(var(--wgbv-p) * 53.5); }
.wgbv-visual .wgbv-ink-tile path { stroke-width: 14; stroke: #374151; }
.wgbv-visual .wgbv-types { left: calc(var(--wgbv-p) * 142); top: calc(var(--wgbv-p) * 8); width: calc(var(--wgbv-p) * 214); height: calc(var(--wgbv-p) * 77); padding-top: calc(var(--wgbv-p) * 3.8); border-radius: calc(var(--wgbv-p) * 5.7); box-shadow: 0 calc(var(--wgbv-p) * .5) calc(var(--wgbv-p) * 2) rgba(16, 24, 40, .10), 0 calc(var(--wgbv-p) * 3) calc(var(--wgbv-p) * 9) rgba(16, 24, 40, .07); }
.wgbv-visual .wgbv-type { --on: 0; display: flex; align-items: center; gap: calc(var(--wgbv-p) * 8); height: calc(var(--wgbv-p) * 35.2); padding-left: calc(var(--wgbv-p) * 17); font-size: calc(var(--wgbv-p) * 12); color: #374151; white-space: nowrap; background: color-mix(in srgb, #F3F0FF calc(var(--on) * 100%), #fff); }
.wgbv-visual .wgbv-type.wgbv-checked { --on: 1; color: #111827; }
.wgbv-visual .wgbv-box { position: relative; display: block; width: calc(var(--wgbv-p) * 14); height: calc(var(--wgbv-p) * 14); flex: none; border-radius: calc(var(--wgbv-p) * 3); border: calc(var(--wgbv-p) * 1) solid color-mix(in srgb, #6741D9 calc(var(--on) * 100%), #9CA3AF); background: color-mix(in srgb, #6741D9 calc(var(--on) * 100%), #fff); }
.wgbv-visual .wgbv-box i { position: absolute; left: calc(var(--wgbv-p) * 4.2); top: calc(var(--wgbv-p) * 1.4); width: calc(var(--wgbv-p) * 4); height: calc(var(--wgbv-p) * 7.6); border: solid #fff; border-width: 0 calc(var(--wgbv-p) * 1.7) calc(var(--wgbv-p) * 1.7) 0; transform: rotate(45deg) scale(var(--on)); }
.wgbv-visual .wgbv-cta { left: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 115); display: flex; align-items: center; gap: calc(var(--wgbv-p) * 12); width: calc(var(--wgbv-p) * 176.5); height: calc(var(--wgbv-p) * 37.9); padding-left: calc(var(--wgbv-p) * 16); border-radius: calc(var(--wgbv-p) * 5.3); background: #4F46E5; color: #fff; font-size: calc(var(--wgbv-p) * 13.2); font-weight: 500; white-space: nowrap; box-shadow: 0 calc(var(--wgbv-p) * 2) calc(var(--wgbv-p) * 6) rgba(79, 70, 229, .16); }
.wgbv-visual .wgbv-cta .wgbv-i { width: calc(var(--wgbv-p) * 16); height: calc(var(--wgbv-p) * 16); }
.wgbv-visual .wgbv-checkin { left: calc(var(--wgbv-p) * 215.5); top: calc(var(--wgbv-p) * 94); width: calc(var(--wgbv-p) * 185); height: calc(var(--wgbv-p) * 77); display: flex; align-items: center; justify-content: space-between; padding: 0 calc(var(--wgbv-p) * 10.5) 0 calc(var(--wgbv-p) * 11.5); border: calc(var(--wgbv-p) * 1) solid #D9D9D9; border-radius: calc(var(--wgbv-p) * 5.7); box-shadow: 0 calc(var(--wgbv-p) * 1) calc(var(--wgbv-p) * 4) rgba(16, 24, 40, .06); }
.wgbv-visual .wgbv-c-info { display: flex; flex-direction: column; gap: calc(var(--wgbv-p) * 5); }
.wgbv-visual .wgbv-c-text { font-size: calc(var(--wgbv-p) * 11.6); font-weight: 500; color: #111827; white-space: nowrap; }
.wgbv-visual .wgbv-start { display: flex; align-items: center; gap: calc(var(--wgbv-p) * 3); font-size: calc(var(--wgbv-p) * 11.6); color: #6741D9; }
.wgbv-visual .wgbv-start .wgbv-i { width: calc(var(--wgbv-p) * 11); height: calc(var(--wgbv-p) * 11); }
.wgbv-visual .wgbv-c-icon { display: grid; place-items: center; width: calc(var(--wgbv-p) * 39); height: calc(var(--wgbv-p) * 39); flex: none; border-radius: calc(var(--wgbv-p) * 12); background: #F3F0FF; color: #6741D9; }
.wgbv-visual .wgbv-c-icon .wgbv-i { width: calc(var(--wgbv-p) * 20); height: calc(var(--wgbv-p) * 20); stroke-width: 1.8; }
.wgbv-visual[data-wgbv="engagement"] .wgbv-types { width: calc(var(--wgbv-p) * 258.5); }
.wgbv-visual[data-wgbv="engagement"] .wgbv-cta { left: calc(var(--wgbv-p) * 12); }
@container (aspect-ratio < 1.1) {
  .wgbv-visual[data-wgbv="engagement"] .wgbv-stage { --wgbv-w: 240; --wgbv-h: 326; }
  .wgbv-visual[data-wgbv="engagement"] .wgbv-types { left: calc(var(--wgbv-p) * 13); top: calc(var(--wgbv-p) * 8); width: calc(var(--wgbv-p) * 214); }
  .wgbv-visual[data-wgbv="engagement"] .wgbv-sig { left: calc(var(--wgbv-p) * 13); top: calc(var(--wgbv-p) * 97); width: calc(var(--wgbv-p) * 214); }
  .wgbv-visual[data-wgbv="engagement"] .wgbv-ink-tile { left: calc(var(--wgbv-p) * 55); }
  .wgbv-visual[data-wgbv="engagement"] .wgbv-cta { left: calc(var(--wgbv-p) * 13); top: calc(var(--wgbv-p) * 187); width: calc(var(--wgbv-p) * 214); }
  .wgbv-visual[data-wgbv="engagement"] .wgbv-checkin { left: calc(var(--wgbv-p) * 13); top: calc(var(--wgbv-p) * 237); width: calc(var(--wgbv-p) * 214); }
}
@media (max-width: 479px) {
  @container (aspect-ratio >= 1.45) and (aspect-ratio < 2) {
    .point .wgbv-visual[data-wgbv="engagement"] .wgbv-stage { --wgbv-w: 362; --wgbv-h: 200; }
    .point .wgbv-visual[data-wgbv="engagement"] .wgbv-sig { left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 6); width: calc(var(--wgbv-p) * 150); height: calc(var(--wgbv-p) * 88); }
    .point .wgbv-visual[data-wgbv="engagement"] .wgbv-sig .wgbv-line { top: calc(var(--wgbv-p) * 60.4); }
    .point .wgbv-visual[data-wgbv="engagement"] .wgbv-ink-tile { left: calc(var(--wgbv-p) * 23); top: calc(var(--wgbv-p) * 16.9); }
    .point .wgbv-visual[data-wgbv="engagement"] .wgbv-types { left: calc(var(--wgbv-p) * 170); top: calc(var(--wgbv-p) * 6); width: calc(var(--wgbv-p) * 180); height: calc(var(--wgbv-p) * 88); }
    .point .wgbv-visual[data-wgbv="engagement"] .wgbv-type { height: calc(var(--wgbv-p) * 40); }
    .point .wgbv-visual[data-wgbv="engagement"] .wgbv-cta { left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 128); width: calc(var(--wgbv-p) * 150); height: calc(var(--wgbv-p) * 44); }
    .point .wgbv-visual[data-wgbv="engagement"] .wgbv-checkin { left: calc(var(--wgbv-p) * 170); top: calc(var(--wgbv-p) * 106); width: calc(var(--wgbv-p) * 180); height: calc(var(--wgbv-p) * 88); }
  }
  @container (aspect-ratio >= 1.1) and (aspect-ratio < 1.45) {
    .point .wgbv-visual[data-wgbv="engagement"] .wgbv-stage { --wgbv-w: 362; --wgbv-h: 270; }
    .point .wgbv-visual[data-wgbv="engagement"] .wgbv-types { left: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 20); width: calc(var(--wgbv-p) * 342); height: calc(var(--wgbv-p) * 88); }
    .point .wgbv-visual[data-wgbv="engagement"] .wgbv-type { height: calc(var(--wgbv-p) * 40); }
    .point .wgbv-visual[data-wgbv="engagement"] .wgbv-sig { left: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 120); width: calc(var(--wgbv-p) * 150); height: calc(var(--wgbv-p) * 90); }
    .point .wgbv-visual[data-wgbv="engagement"] .wgbv-sig .wgbv-line { top: calc(var(--wgbv-p) * 61.4); }
    .point .wgbv-visual[data-wgbv="engagement"] .wgbv-ink-tile { left: calc(var(--wgbv-p) * 23); top: calc(var(--wgbv-p) * 17.9); }
    .point .wgbv-visual[data-wgbv="engagement"] .wgbv-checkin { left: calc(var(--wgbv-p) * 172); top: calc(var(--wgbv-p) * 120); width: calc(var(--wgbv-p) * 180); height: calc(var(--wgbv-p) * 90); }
    .point .wgbv-visual[data-wgbv="engagement"] .wgbv-cta { left: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 222); width: calc(var(--wgbv-p) * 342); height: calc(var(--wgbv-p) * 44); justify-content: center; padding-left: 0; }
  }
}
@media (min-width: 480px) and (max-width: 991px) {
  @container (aspect-ratio > 2.06) and (max-height: 266.6px) {
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-stage { --wgbv-cy: 6; --wgbv-ch: 168; }
  }
  @container (aspect-ratio >= 1.1) and (((min-width: 300px) and (aspect-ratio <= 2.06)) or (aspect-ratio <= 1.81) or (min-height: 266.7px)) {
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-stage { --wgbv-w: 362; --wgbv-h: 200; }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-sig { left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 6); width: calc(var(--wgbv-p) * 150); height: calc(var(--wgbv-p) * 88); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-sig .wgbv-line { top: calc(var(--wgbv-p) * 60.4); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-ink-tile { left: calc(var(--wgbv-p) * 23); top: calc(var(--wgbv-p) * 16.9); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-types { left: calc(var(--wgbv-p) * 170); top: calc(var(--wgbv-p) * 6); width: calc(var(--wgbv-p) * 180); height: calc(var(--wgbv-p) * 88); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-type { height: calc(var(--wgbv-p) * 40); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-cta { left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 128); width: calc(var(--wgbv-p) * 150); height: calc(var(--wgbv-p) * 44); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-checkin { left: calc(var(--wgbv-p) * 170); top: calc(var(--wgbv-p) * 106); width: calc(var(--wgbv-p) * 180); height: calc(var(--wgbv-p) * 88); }
  }
  @container (aspect-ratio >= 1.1) and (((min-width: 300px) and (aspect-ratio <= 1.873)) or (aspect-ratio <= 1.645) or (min-height: 293.3px)) {
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-stage { --wgbv-w: 362; --wgbv-h: 220; }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-sig { left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 6); width: calc(var(--wgbv-p) * 150); height: calc(var(--wgbv-p) * 96); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-sig .wgbv-line { top: calc(var(--wgbv-p) * 66.4); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-ink-tile { left: calc(var(--wgbv-p) * 23); top: calc(var(--wgbv-p) * 19.9); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-types { left: calc(var(--wgbv-p) * 170); top: calc(var(--wgbv-p) * 6); width: calc(var(--wgbv-p) * 180); height: calc(var(--wgbv-p) * 96); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-type { height: calc(var(--wgbv-p) * 44); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-cta { left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 140); width: calc(var(--wgbv-p) * 150); height: calc(var(--wgbv-p) * 48); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-checkin { left: calc(var(--wgbv-p) * 170); top: calc(var(--wgbv-p) * 118); width: calc(var(--wgbv-p) * 180); height: calc(var(--wgbv-p) * 96); }
  }
  @container (aspect-ratio >= 1.1) and (((min-width: 300px) and (aspect-ratio <= 1.746)) or (aspect-ratio <= 1.534) or (min-height: 314.7px)) {
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-stage { --wgbv-w: 362; --wgbv-h: 236; }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-sig { left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 6); width: calc(var(--wgbv-p) * 150); height: calc(var(--wgbv-p) * 104); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-sig .wgbv-line { top: calc(var(--wgbv-p) * 72.4); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-ink-tile { left: calc(var(--wgbv-p) * 23); top: calc(var(--wgbv-p) * 22.9); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-types { left: calc(var(--wgbv-p) * 170); top: calc(var(--wgbv-p) * 6); width: calc(var(--wgbv-p) * 180); height: calc(var(--wgbv-p) * 104); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-type { height: calc(var(--wgbv-p) * 48); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-cta { left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 150); width: calc(var(--wgbv-p) * 150); height: calc(var(--wgbv-p) * 52); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-checkin { left: calc(var(--wgbv-p) * 170); top: calc(var(--wgbv-p) * 126); width: calc(var(--wgbv-p) * 180); height: calc(var(--wgbv-p) * 104); }
  }
  @container (aspect-ratio >= 1.1) and (((min-width: 300px) and (aspect-ratio <= 1.585)) or (aspect-ratio <= 1.392) or (min-height: 346.7px)) {
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-stage { --wgbv-w: 362; --wgbv-h: 260; }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-sig { left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 6); width: calc(var(--wgbv-p) * 150); height: calc(var(--wgbv-p) * 116); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-sig .wgbv-line { top: calc(var(--wgbv-p) * 80.4); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-ink-tile { left: calc(var(--wgbv-p) * 23); top: calc(var(--wgbv-p) * 26.9); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-types { left: calc(var(--wgbv-p) * 170); top: calc(var(--wgbv-p) * 6); width: calc(var(--wgbv-p) * 180); height: calc(var(--wgbv-p) * 116); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-type { height: calc(var(--wgbv-p) * 54); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-cta { left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 162); width: calc(var(--wgbv-p) * 150); height: calc(var(--wgbv-p) * 58); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-checkin { left: calc(var(--wgbv-p) * 170); top: calc(var(--wgbv-p) * 138); width: calc(var(--wgbv-p) * 180); height: calc(var(--wgbv-p) * 116); }
  }
  @container (aspect-ratio >= 1.1) and (((min-width: 300px) and (aspect-ratio <= 1.526)) or (aspect-ratio <= 1.341) or (min-height: 360.0px)) {
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-stage { --wgbv-w: 362; --wgbv-h: 270; }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-types { left: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 6); width: calc(var(--wgbv-p) * 342); height: calc(var(--wgbv-p) * 88); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-type { height: calc(var(--wgbv-p) * 40); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-sig { left: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 112); width: calc(var(--wgbv-p) * 150); height: calc(var(--wgbv-p) * 90); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-sig .wgbv-line { top: calc(var(--wgbv-p) * 61.4); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-ink-tile { left: calc(var(--wgbv-p) * 23); top: calc(var(--wgbv-p) * 17.9); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-checkin { left: calc(var(--wgbv-p) * 172); top: calc(var(--wgbv-p) * 112); width: calc(var(--wgbv-p) * 180); height: calc(var(--wgbv-p) * 90); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-cta { left: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 220); width: calc(var(--wgbv-p) * 342); height: calc(var(--wgbv-p) * 44); justify-content: center; padding-left: 0; }
  }
  @container (aspect-ratio >= 1.1) and (((min-width: 300px) and (aspect-ratio <= 1.421)) or (aspect-ratio <= 1.248) or (min-height: 386.7px)) {
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-stage { --wgbv-w: 362; --wgbv-h: 290; }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-types { left: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 6); width: calc(var(--wgbv-p) * 342); height: calc(var(--wgbv-p) * 96); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-type { height: calc(var(--wgbv-p) * 44); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-sig { left: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 118); width: calc(var(--wgbv-p) * 150); height: calc(var(--wgbv-p) * 100); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-sig .wgbv-line { top: calc(var(--wgbv-p) * 66.4); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-ink-tile { left: calc(var(--wgbv-p) * 23); top: calc(var(--wgbv-p) * 20.9); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-checkin { left: calc(var(--wgbv-p) * 172); top: calc(var(--wgbv-p) * 118); width: calc(var(--wgbv-p) * 180); height: calc(var(--wgbv-p) * 100); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-cta { left: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 234); width: calc(var(--wgbv-p) * 342); height: calc(var(--wgbv-p) * 50); justify-content: center; padding-left: 0; }
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  @container (aspect-ratio >= 1.1) and (min-height: 351.25px) and (max-height: 362.4px) {
    .wgbv-visual[data-wgbv="engagement"]:is(.wga-hub-wins *) .wgbv-stage { --wgbv-w: 362; --wgbv-h: 281; }
    .wgbv-visual[data-wgbv="engagement"]:is(.wga-hub-wins *) .wgbv-types { left: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 6); width: calc(var(--wgbv-p) * 342); height: calc(var(--wgbv-p) * 92); }
    .wgbv-visual[data-wgbv="engagement"]:is(.wga-hub-wins *) .wgbv-type { height: calc(var(--wgbv-p) * 42); }
    .wgbv-visual[data-wgbv="engagement"]:is(.wga-hub-wins *) .wgbv-sig { left: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 116); width: calc(var(--wgbv-p) * 150); height: calc(var(--wgbv-p) * 96); }
    .wgbv-visual[data-wgbv="engagement"]:is(.wga-hub-wins *) .wgbv-sig .wgbv-line { top: calc(var(--wgbv-p) * 64.4); }
    .wgbv-visual[data-wgbv="engagement"]:is(.wga-hub-wins *) .wgbv-ink-tile { left: calc(var(--wgbv-p) * 23); top: calc(var(--wgbv-p) * 19.7); }
    .wgbv-visual[data-wgbv="engagement"]:is(.wga-hub-wins *) .wgbv-checkin { left: calc(var(--wgbv-p) * 172); top: calc(var(--wgbv-p) * 116); width: calc(var(--wgbv-p) * 180); height: calc(var(--wgbv-p) * 96); }
    .wgbv-visual[data-wgbv="engagement"]:is(.wga-hub-wins *) .wgbv-cta { left: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 230); width: calc(var(--wgbv-p) * 342); height: calc(var(--wgbv-p) * 48); justify-content: center; padding-left: 0; }
  }
}
@media (max-width: 479px) {
  @container (min-width: 362px) and (aspect-ratio >= 1.1) and (aspect-ratio <= 1.2148) {
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-stage { --wgbv-w: 362; --wgbv-h: 298; }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-types { left: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 6); width: calc(var(--wgbv-p) * 342); height: calc(var(--wgbv-p) * 99); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-type { height: calc(var(--wgbv-p) * 45.5); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-sig { left: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 121); width: calc(var(--wgbv-p) * 150); height: calc(var(--wgbv-p) * 103); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-sig .wgbv-line { top: calc(var(--wgbv-p) * 67.9); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-ink-tile { left: calc(var(--wgbv-p) * 23); top: calc(var(--wgbv-p) * 21.8); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-checkin { left: calc(var(--wgbv-p) * 172); top: calc(var(--wgbv-p) * 121); width: calc(var(--wgbv-p) * 180); height: calc(var(--wgbv-p) * 103); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-cta { left: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 240); width: calc(var(--wgbv-p) * 342); height: calc(var(--wgbv-p) * 52); justify-content: center; padding-left: 0; }
  }
  @container (min-width: 362px) and (aspect-ratio >= 1.1) and (aspect-ratio <= 1.1715) {
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-stage { --wgbv-w: 362; --wgbv-h: 309; }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-types { left: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 6); width: calc(var(--wgbv-p) * 342); height: calc(var(--wgbv-p) * 103); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-type { height: calc(var(--wgbv-p) * 47.5); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-sig { left: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 126); width: calc(var(--wgbv-p) * 150); height: calc(var(--wgbv-p) * 107); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-sig .wgbv-line { top: calc(var(--wgbv-p) * 69.9); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-ink-tile { left: calc(var(--wgbv-p) * 23); top: calc(var(--wgbv-p) * 23); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-checkin { left: calc(var(--wgbv-p) * 172); top: calc(var(--wgbv-p) * 126); width: calc(var(--wgbv-p) * 180); height: calc(var(--wgbv-p) * 107); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-cta { left: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 250); width: calc(var(--wgbv-p) * 342); height: calc(var(--wgbv-p) * 53); justify-content: center; padding-left: 0; }
  }
  @container (min-width: 362px) and (aspect-ratio >= 1.1) and (aspect-ratio <= 1.131) {
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-stage { --wgbv-w: 362; --wgbv-h: 320; }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-types { left: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 6); width: calc(var(--wgbv-p) * 342); height: calc(var(--wgbv-p) * 106); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-type { height: calc(var(--wgbv-p) * 49); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-sig { left: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 130); width: calc(var(--wgbv-p) * 150); height: calc(var(--wgbv-p) * 111); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-sig .wgbv-line { top: calc(var(--wgbv-p) * 71.9); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-ink-tile { left: calc(var(--wgbv-p) * 23); top: calc(var(--wgbv-p) * 24.2); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-checkin { left: calc(var(--wgbv-p) * 172); top: calc(var(--wgbv-p) * 130); width: calc(var(--wgbv-p) * 180); height: calc(var(--wgbv-p) * 111); }
    .wgbv-visual[data-wgbv="engagement"]:is(.point *) .wgbv-cta { left: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 259); width: calc(var(--wgbv-p) * 342); height: calc(var(--wgbv-p) * 55); justify-content: center; padding-left: 0; }
  }
}

.wgbv-visual[data-wgbv="engagement"]:is(.support_right-imgbox *) { --wgbv-fill: .96; }
.wgbv-visual[data-wgbv="engagement"]:is(.support_right-imgbox *) .wgbv-stage { --wgbv-w: 300; --wgbv-h: 362; }
.wgbv-visual[data-wgbv="engagement"]:is(.support_right-imgbox *) .wgbv-types { left: calc(var(--wgbv-p) * 13); top: calc(var(--wgbv-p) * 8); width: calc(var(--wgbv-p) * 274); height: calc(var(--wgbv-p) * 88); }
.wgbv-visual[data-wgbv="engagement"]:is(.support_right-imgbox *) .wgbv-type { height: calc(var(--wgbv-p) * 40); }
.wgbv-visual[data-wgbv="engagement"]:is(.support_right-imgbox *) .wgbv-sig { left: calc(var(--wgbv-p) * 13); top: calc(var(--wgbv-p) * 108); width: calc(var(--wgbv-p) * 274); height: calc(var(--wgbv-p) * 100); }
.wgbv-visual[data-wgbv="engagement"]:is(.support_right-imgbox *) .wgbv-sig .wgbv-line { top: calc(var(--wgbv-p) * 72); }
.wgbv-visual[data-wgbv="engagement"]:is(.support_right-imgbox *) .wgbv-ink-tile { left: calc(var(--wgbv-p) * 67); top: calc(var(--wgbv-p) * 14); width: calc(var(--wgbv-p) * 140); height: calc(var(--wgbv-p) * 72); }
.wgbv-visual[data-wgbv="engagement"]:is(.support_right-imgbox *) .wgbv-cta { left: calc(var(--wgbv-p) * 13); top: calc(var(--wgbv-p) * 220); width: calc(var(--wgbv-p) * 274); height: calc(var(--wgbv-p) * 44); justify-content: center; padding-left: 0; }
.wgbv-visual[data-wgbv="engagement"]:is(.support_right-imgbox *) .wgbv-checkin { left: calc(var(--wgbv-p) * 13); top: calc(var(--wgbv-p) * 276); width: calc(var(--wgbv-p) * 274); height: calc(var(--wgbv-p) * 80); }
@container (aspect-ratio >= 1.18) {
  .wgbv-visual[data-wgbv="engagement"]:is(.tab-div *) .wgbv-stage { --wgbv-w: 362; --wgbv-h: 270; }
  .wgbv-visual[data-wgbv="engagement"]:is(.tab-div *) .wgbv-types { left: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 6); width: calc(var(--wgbv-p) * 342); height: calc(var(--wgbv-p) * 88); }
  .wgbv-visual[data-wgbv="engagement"]:is(.tab-div *) .wgbv-type { height: calc(var(--wgbv-p) * 40); }
  .wgbv-visual[data-wgbv="engagement"]:is(.tab-div *) .wgbv-sig { left: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 112); width: calc(var(--wgbv-p) * 150); height: calc(var(--wgbv-p) * 90); }
  .wgbv-visual[data-wgbv="engagement"]:is(.tab-div *) .wgbv-sig .wgbv-line { top: calc(var(--wgbv-p) * 61.4); }
  .wgbv-visual[data-wgbv="engagement"]:is(.tab-div *) .wgbv-ink-tile { left: calc(var(--wgbv-p) * 23); top: calc(var(--wgbv-p) * 17.9); }
  .wgbv-visual[data-wgbv="engagement"]:is(.tab-div *) .wgbv-checkin { left: calc(var(--wgbv-p) * 172); top: calc(var(--wgbv-p) * 112); width: calc(var(--wgbv-p) * 180); height: calc(var(--wgbv-p) * 90); }
  .wgbv-visual[data-wgbv="engagement"]:is(.tab-div *) .wgbv-cta { left: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 220); width: calc(var(--wgbv-p) * 342); height: calc(var(--wgbv-p) * 44); justify-content: center; padding-left: 0; }
}
@container (aspect-ratio >= 1.05) and (aspect-ratio < 1.18) {
  .wgbv-visual[data-wgbv="engagement"]:is(.tab-div *) .wgbv-stage { --wgbv-w: 362; --wgbv-h: 290; }
  .wgbv-visual[data-wgbv="engagement"]:is(.tab-div *) .wgbv-types { left: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 6); width: calc(var(--wgbv-p) * 342); height: calc(var(--wgbv-p) * 96); }
  .wgbv-visual[data-wgbv="engagement"]:is(.tab-div *) .wgbv-type { height: calc(var(--wgbv-p) * 44); }
  .wgbv-visual[data-wgbv="engagement"]:is(.tab-div *) .wgbv-sig { left: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 118); width: calc(var(--wgbv-p) * 150); height: calc(var(--wgbv-p) * 100); }
  .wgbv-visual[data-wgbv="engagement"]:is(.tab-div *) .wgbv-sig .wgbv-line { top: calc(var(--wgbv-p) * 66.4); }
  .wgbv-visual[data-wgbv="engagement"]:is(.tab-div *) .wgbv-ink-tile { left: calc(var(--wgbv-p) * 23); top: calc(var(--wgbv-p) * 20.9); }
  .wgbv-visual[data-wgbv="engagement"]:is(.tab-div *) .wgbv-checkin { left: calc(var(--wgbv-p) * 172); top: calc(var(--wgbv-p) * 118); width: calc(var(--wgbv-p) * 180); height: calc(var(--wgbv-p) * 100); }
  .wgbv-visual[data-wgbv="engagement"]:is(.tab-div *) .wgbv-cta { left: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 234); width: calc(var(--wgbv-p) * 342); height: calc(var(--wgbv-p) * 50); justify-content: center; padding-left: 0; }
}

/* ---- visuals/analytics.css ---- */
.wgbv-visual[data-wgbv="analytics"] { --wgbv-ar: 620 / 363; --wgbv-w: 620; --wgbv-h: 363; }
.wgbv-visual .wgbv-panel { position: absolute; inset: 0; border-radius: calc(var(--wgbv-p) * 20); background: #233190; }
.wgbv-visual .wgbv-dash { position: absolute; left: calc(var(--wgbv-p) * 60); top: calc(var(--wgbv-p) * 30); width: calc(var(--wgbv-p) * 499); height: calc(var(--wgbv-p) * 259); padding: calc(var(--wgbv-p) * 15) calc(var(--wgbv-p) * 15) 0; border: calc(var(--wgbv-p) * .9) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 18.6); background: #fff; }
.wgbv-visual .wgbv-dash .wgbv-crumbs { height: calc(var(--wgbv-p) * 59.6); gap: calc(var(--wgbv-p) * 9); border: calc(var(--wgbv-p) * .9) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 18) calc(var(--wgbv-p) * 18) 0 0; font-size: calc(var(--wgbv-p) * 14.5); }
.wgbv-visual .wgbv-dash .wgbv-mark { width: calc(var(--wgbv-p) * 59.6); margin-right: calc(var(--wgbv-p) * 32); }
.wgbv-visual .wgbv-dash .wgbv-mark img { width: calc(var(--wgbv-p) * 32.6); }
.wgbv-visual .wgbv-kpi { position: absolute; left: calc(var(--wgbv-p) * 75); width: calc(var(--wgbv-p) * 469.3); height: calc(var(--wgbv-p) * 114.5); padding: calc(var(--wgbv-p) * 21) 0 0 calc(var(--wgbv-p) * 30); border: calc(var(--wgbv-p) * .9) solid #CBD5E1; border-radius: calc(var(--wgbv-p) * 7.5); background: #fff; }
.wgbv-visual .wgbv-kpi-1 { top: calc(var(--wgbv-p) * 112); }
.wgbv-visual .wgbv-kpi-2 { top: calc(var(--wgbv-p) * 218.5); box-shadow: 0 calc(var(--wgbv-p) * -6) calc(var(--wgbv-p) * 14) rgba(16, 24, 40, .05); }
.wgbv-visual .wgbv-kpi-label { display: flex; align-items: center; gap: calc(var(--wgbv-p) * 9); font-size: calc(var(--wgbv-p) * 14.5); color: #4C4C4C; }
.wgbv-visual .wgbv-kpi-label .wgbv-i { width: calc(var(--wgbv-p) * 18); height: calc(var(--wgbv-p) * 18); stroke-width: 1.6; }
.wgbv-visual .wgbv-kpi-row { display: flex; align-items: center; gap: calc(var(--wgbv-p) * 16); margin-top: calc(var(--wgbv-p) * 8); }
.wgbv-visual .wgbv-num { display: block; min-width: calc(var(--wgbv-p) * 76); font-size: calc(var(--wgbv-p) * 39); font-weight: 700; line-height: 1.15; letter-spacing: -.02em; color: #0A0C10; font-variant-numeric: tabular-nums; }
@media (max-width: 479px) {
  @container (aspect-ratio < 1.1) {
    .point .wgbv-visual[data-wgbv="analytics"] .wgbv-stage { --wgbv-w: 400; --wgbv-h: 500; }
    .point .wgbv-visual[data-wgbv="analytics"] .wgbv-dash { left: calc(var(--wgbv-p) * 15); right: calc(var(--wgbv-p) * 15); top: calc(var(--wgbv-p) * 15); height: calc(var(--wgbv-p) * 470); }
    .point .wgbv-visual[data-wgbv="analytics"] .wgbv-kpi { left: calc(var(--wgbv-p) * 30); right: calc(var(--wgbv-p) * 30); height: calc(var(--wgbv-p) * 175.5); display: flex; flex-direction: column;
      padding: calc(var(--wgbv-p) * 22) calc(var(--wgbv-p) * 22) calc(var(--wgbv-p) * 20) calc(var(--wgbv-p) * 24); }
    .point .wgbv-visual[data-wgbv="analytics"] .wgbv-kpi-1 { top: calc(var(--wgbv-p) * 105); }
    .point .wgbv-visual[data-wgbv="analytics"] .wgbv-kpi-2 { top: calc(var(--wgbv-p) * 294.5); }
    .point .wgbv-visual[data-wgbv="analytics"] .wgbv-kpi-label { flex: 1; flex-direction: column; align-items: flex-start; justify-content: space-between; font-size: calc(var(--wgbv-p) * 14.5); }
    .point .wgbv-visual[data-wgbv="analytics"] .wgbv-kpi-label .wgbv-i { width: calc(var(--wgbv-p) * 44); height: calc(var(--wgbv-p) * 44); padding: calc(var(--wgbv-p) * 11); border-radius: calc(var(--wgbv-p) * 10); background: #EEF0FA; color: #233190; }
    .point .wgbv-visual[data-wgbv="analytics"] .wgbv-kpi-row { margin-top: calc(var(--wgbv-p) * 4); }
    .point .wgbv-visual[data-wgbv="analytics"] .wgbv-num { font-size: calc(var(--wgbv-p) * 20); }
  }
}
@media (min-width: 480px) and (max-width: 991px) {
  .wgbv-visual[data-wgbv="analytics"]:is(.point *) .wgbv-panel { inset: calc((var(--wgbv-p) * var(--wgbv-h) - 100cqh) / 2) calc((var(--wgbv-p) * var(--wgbv-w) - 100cqw) / 2); }
  .wgbv-visual[data-wgbv="analytics"]:is(.point *) .wgbv-dash { right: auto; width: calc(var(--wgbv-p) * 500); }
  .wgbv-visual[data-wgbv="analytics"]:is(.point *) .wgbv-kpi { right: auto; width: calc(var(--wgbv-p) * 470); }
  .wgbv-visual[data-wgbv="analytics"]:is(.point *) .wgbv-panel > * { translate: calc((100cqw - var(--wgbv-p) * var(--wgbv-w)) / 2) calc((100cqh - var(--wgbv-p) * var(--wgbv-h)) / 2); }
}
@media (min-width: 480px) and (max-width: 767px) {
  .wgbv-visual[data-wgbv="analytics"]:is(.point *) .wgbv-num { font-size: calc(var(--wgbv-p) * 20); }
}
@media (max-width: 479px) {
  @container (min-width: 362px) and (aspect-ratio < 1.1) {
    .wgbv-visual[data-wgbv="analytics"]:is(.point *) .wgbv-panel { inset: calc((var(--wgbv-p) * var(--wgbv-h) - 100cqh) / 2) calc((var(--wgbv-p) * var(--wgbv-w) - 100cqw) / 2); }
    .wgbv-visual[data-wgbv="analytics"]:is(.point *) .wgbv-dash { right: auto; width: calc(var(--wgbv-p) * 370); }
    .wgbv-visual[data-wgbv="analytics"]:is(.point *) .wgbv-kpi { right: auto; width: calc(var(--wgbv-p) * 340); }
    .wgbv-visual[data-wgbv="analytics"]:is(.point *) .wgbv-panel > * { translate: calc((100cqw - var(--wgbv-p) * var(--wgbv-w)) / 2) calc((100cqh - var(--wgbv-p) * var(--wgbv-h)) / 2); }
  }
}

.wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-panel,
.wgbv-visual[data-wgbv="analytics"]:is(.platform_content-box .image-wrap *) .wgbv-panel { inset: calc((var(--wgbv-p) * var(--wgbv-h) - 100cqh) / 2) calc((var(--wgbv-p) * var(--wgbv-w) - 100cqw) / 2); border-radius: 0; }
.wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-panel > *,
.wgbv-visual[data-wgbv="analytics"]:is(.platform_content-box .image-wrap *) .wgbv-panel > * { translate: calc((100cqw - var(--wgbv-p) * var(--wgbv-w)) / 2) calc((100cqh - var(--wgbv-p) * var(--wgbv-h)) / 2); }
.wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-num,
.wgbv-visual[data-wgbv="analytics"]:is(.platform_content-box .image-wrap *) .wgbv-num { font-size: calc(var(--wgbv-p) * 22); }
.wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-kpi,
.wgbv-visual[data-wgbv="analytics"]:is(.platform_content-box .image-wrap *) .wgbv-kpi { display: flex; flex-direction: column; }
.wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-kpi-label,
.wgbv-visual[data-wgbv="analytics"]:is(.platform_content-box .image-wrap *) .wgbv-kpi-label { flex: 1; flex-direction: column; align-items: flex-start; justify-content: space-between; }
.wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-kpi-label .wgbv-i,
.wgbv-visual[data-wgbv="analytics"]:is(.platform_content-box .image-wrap *) .wgbv-kpi-label .wgbv-i { border-radius: calc(var(--wgbv-p) * 8); background: #EEF0FA; color: #233190; }
@container (aspect-ratio < 1.2) {
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-stage { --wgbv-w: 400; --wgbv-h: 400; }
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-dash { left: calc(var(--wgbv-p) * 15); top: calc(var(--wgbv-p) * 15); width: calc(var(--wgbv-p) * 370); height: calc(var(--wgbv-p) * 370); }
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-kpi { left: calc(var(--wgbv-p) * 30); width: calc(var(--wgbv-p) * 340); height: calc(var(--wgbv-p) * 132); padding: calc(var(--wgbv-p) * 20) calc(var(--wgbv-p) * 22) calc(var(--wgbv-p) * 18) calc(var(--wgbv-p) * 24); }
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-kpi-1 { top: calc(var(--wgbv-p) * 97); }
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-kpi-2 { top: calc(var(--wgbv-p) * 239); }
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-kpi-label .wgbv-i { width: calc(var(--wgbv-p) * 40); height: calc(var(--wgbv-p) * 40); padding: calc(var(--wgbv-p) * 10); border-radius: calc(var(--wgbv-p) * 10); }
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-kpi-row { margin-top: calc(var(--wgbv-p) * 4); }
}
@container (aspect-ratio >= 1.2) {
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-stage,
.wgbv-visual[data-wgbv="analytics"]:is(.platform_content-box .image-wrap *) .wgbv-stage { --wgbv-w: 440; --wgbv-h: 220; }
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-dash,
.wgbv-visual[data-wgbv="analytics"]:is(.platform_content-box .image-wrap *) .wgbv-dash { left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 12); width: calc(var(--wgbv-p) * 416); height: calc(var(--wgbv-p) * 196); padding: calc(var(--wgbv-p) * 10) calc(var(--wgbv-p) * 10) 0; border-radius: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-dash .wgbv-crumbs,
.wgbv-visual[data-wgbv="analytics"]:is(.platform_content-box .image-wrap *) .wgbv-dash .wgbv-crumbs { height: calc(var(--wgbv-p) * 40); gap: calc(var(--wgbv-p) * 7); border-radius: calc(var(--wgbv-p) * 12) calc(var(--wgbv-p) * 12) 0 0; font-size: calc(var(--wgbv-p) * 12.5); }
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-dash .wgbv-mark,
.wgbv-visual[data-wgbv="analytics"]:is(.platform_content-box .image-wrap *) .wgbv-dash .wgbv-mark { width: calc(var(--wgbv-p) * 40); margin-right: calc(var(--wgbv-p) * 16); }
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-dash .wgbv-mark img,
.wgbv-visual[data-wgbv="analytics"]:is(.platform_content-box .image-wrap *) .wgbv-dash .wgbv-mark img { width: calc(var(--wgbv-p) * 22); }
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-kpi,
.wgbv-visual[data-wgbv="analytics"]:is(.platform_content-box .image-wrap *) .wgbv-kpi { top: calc(var(--wgbv-p) * 66); width: calc(var(--wgbv-p) * 190); height: calc(var(--wgbv-p) * 132); padding: calc(var(--wgbv-p) * 14) calc(var(--wgbv-p) * 16) calc(var(--wgbv-p) * 12); border-radius: calc(var(--wgbv-p) * 8); }
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-kpi-1,
.wgbv-visual[data-wgbv="analytics"]:is(.platform_content-box .image-wrap *) .wgbv-kpi-1 { left: calc(var(--wgbv-p) * 24); }
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-kpi-2,
.wgbv-visual[data-wgbv="analytics"]:is(.platform_content-box .image-wrap *) .wgbv-kpi-2 { left: calc(var(--wgbv-p) * 226); top: calc(var(--wgbv-p) * 66); box-shadow: none; }
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-kpi-label,
.wgbv-visual[data-wgbv="analytics"]:is(.platform_content-box .image-wrap *) .wgbv-kpi-label { gap: calc(var(--wgbv-p) * 6); font-size: calc(var(--wgbv-p) * 13); line-height: 1.3; }
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-kpi-label .wgbv-i,
.wgbv-visual[data-wgbv="analytics"]:is(.platform_content-box .image-wrap *) .wgbv-kpi-label .wgbv-i { width: calc(var(--wgbv-p) * 28); height: calc(var(--wgbv-p) * 28); padding: calc(var(--wgbv-p) * 6); }
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-kpi-row,
.wgbv-visual[data-wgbv="analytics"]:is(.platform_content-box .image-wrap *) .wgbv-kpi-row { margin-top: calc(var(--wgbv-p) * 4); }
}
@container (aspect-ratio > 2.4) {
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-stage,
.wgbv-visual[data-wgbv="analytics"]:is(.platform_content-box .image-wrap *) .wgbv-stage { --wgbv-w: 492; --wgbv-h: 170; }
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-dash,
.wgbv-visual[data-wgbv="analytics"]:is(.platform_content-box .image-wrap *) .wgbv-dash { width: calc(var(--wgbv-p) * 468); height: calc(var(--wgbv-p) * 146); }
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-kpi,
.wgbv-visual[data-wgbv="analytics"]:is(.platform_content-box .image-wrap *) .wgbv-kpi { display: block; top: calc(var(--wgbv-p) * 60); width: calc(var(--wgbv-p) * 216); height: calc(var(--wgbv-p) * 86); padding: calc(var(--wgbv-p) * 12) calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-kpi-1,
.wgbv-visual[data-wgbv="analytics"]:is(.platform_content-box .image-wrap *) .wgbv-kpi-1 { left: calc(var(--wgbv-p) * 24); }
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-kpi-2,
.wgbv-visual[data-wgbv="analytics"]:is(.platform_content-box .image-wrap *) .wgbv-kpi-2 { left: calc(var(--wgbv-p) * 252); top: calc(var(--wgbv-p) * 60); }
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-kpi-label,
.wgbv-visual[data-wgbv="analytics"]:is(.platform_content-box .image-wrap *) .wgbv-kpi-label { flex-direction: row; align-items: center; justify-content: flex-start; gap: calc(var(--wgbv-p) * 7); font-size: calc(var(--wgbv-p) * 12.5); white-space: nowrap; }
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-kpi-label .wgbv-i,
.wgbv-visual[data-wgbv="analytics"]:is(.platform_content-box .image-wrap *) .wgbv-kpi-label .wgbv-i { width: calc(var(--wgbv-p) * 20); height: calc(var(--wgbv-p) * 20); padding: calc(var(--wgbv-p) * 3); border-radius: calc(var(--wgbv-p) * 5); }
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-kpi-row,
.wgbv-visual[data-wgbv="analytics"]:is(.platform_content-box .image-wrap *) .wgbv-kpi-row { margin-top: calc(var(--wgbv-p) * 8); }
}

.wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-panel { inset: calc((var(--wgbv-p) * var(--wgbv-h) - 100cqh) / 2) calc((var(--wgbv-p) * var(--wgbv-w) - 100cqw) / 2); border-radius: 0; }
.wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-panel > * { translate: calc((100cqw - var(--wgbv-p) * var(--wgbv-w)) / 2) calc((100cqh - var(--wgbv-p) * var(--wgbv-h)) / 2); }
.wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-num { font-size: calc(var(--wgbv-p) * 22); }
.wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-kpi { display: flex; flex-direction: column; }
.wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-kpi-label { flex: 1; flex-direction: column; align-items: flex-start; justify-content: space-between; }
.wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-kpi-label .wgbv-i { border-radius: calc(var(--wgbv-p) * 8); background: #EEF0FA; color: #233190; }
@container (aspect-ratio < 1.2) {
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-stage { --wgbv-w: 400; --wgbv-h: 400; }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-dash { left: calc(var(--wgbv-p) * 15); top: calc(var(--wgbv-p) * 15); width: calc(var(--wgbv-p) * 370); height: calc(var(--wgbv-p) * 370); }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-kpi { left: calc(var(--wgbv-p) * 30); width: calc(var(--wgbv-p) * 340); height: calc(var(--wgbv-p) * 132); padding: calc(var(--wgbv-p) * 20) calc(var(--wgbv-p) * 22) calc(var(--wgbv-p) * 18) calc(var(--wgbv-p) * 24); }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-kpi-1 { top: calc(var(--wgbv-p) * 97); }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-kpi-2 { top: calc(var(--wgbv-p) * 239); }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-kpi-label .wgbv-i { width: calc(var(--wgbv-p) * 40); height: calc(var(--wgbv-p) * 40); padding: calc(var(--wgbv-p) * 10); border-radius: calc(var(--wgbv-p) * 10); }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-kpi-row { margin-top: calc(var(--wgbv-p) * 4); }
}
@container (aspect-ratio >= 1.2) {
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-stage { --wgbv-w: 440; --wgbv-h: 220; }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-dash { left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 12); width: calc(var(--wgbv-p) * 416); height: calc(var(--wgbv-p) * 196); padding: calc(var(--wgbv-p) * 10) calc(var(--wgbv-p) * 10) 0; border-radius: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-dash .wgbv-crumbs { height: calc(var(--wgbv-p) * 40); gap: calc(var(--wgbv-p) * 7); border-radius: calc(var(--wgbv-p) * 12) calc(var(--wgbv-p) * 12) 0 0; font-size: calc(var(--wgbv-p) * 12.5); }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-dash .wgbv-mark { width: calc(var(--wgbv-p) * 40); margin-right: calc(var(--wgbv-p) * 16); }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-dash .wgbv-mark img { width: calc(var(--wgbv-p) * 22); }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-kpi { top: calc(var(--wgbv-p) * 66); width: calc(var(--wgbv-p) * 190); height: calc(var(--wgbv-p) * 132); padding: calc(var(--wgbv-p) * 14) calc(var(--wgbv-p) * 16) calc(var(--wgbv-p) * 12); border-radius: calc(var(--wgbv-p) * 8); }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-kpi-1 { left: calc(var(--wgbv-p) * 24); }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-kpi-2 { left: calc(var(--wgbv-p) * 226); top: calc(var(--wgbv-p) * 66); box-shadow: none; }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-kpi-label { gap: calc(var(--wgbv-p) * 6); font-size: calc(var(--wgbv-p) * 13); line-height: 1.3; }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-kpi-label .wgbv-i { width: calc(var(--wgbv-p) * 28); height: calc(var(--wgbv-p) * 28); padding: calc(var(--wgbv-p) * 6); }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-kpi-row { margin-top: calc(var(--wgbv-p) * 4); }
}
@container (aspect-ratio > 2.4) {
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-stage { --wgbv-w: 492; --wgbv-h: 170; }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-dash { width: calc(var(--wgbv-p) * 468); height: calc(var(--wgbv-p) * 146); }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-kpi { display: block; top: calc(var(--wgbv-p) * 60); width: calc(var(--wgbv-p) * 216); height: calc(var(--wgbv-p) * 86); padding: calc(var(--wgbv-p) * 12) calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-kpi-1 { left: calc(var(--wgbv-p) * 24); }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-kpi-2 { left: calc(var(--wgbv-p) * 252); top: calc(var(--wgbv-p) * 60); }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-kpi-label { flex-direction: row; align-items: center; justify-content: flex-start; gap: calc(var(--wgbv-p) * 7); font-size: calc(var(--wgbv-p) * 12.5); white-space: nowrap; }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-kpi-label .wgbv-i { width: calc(var(--wgbv-p) * 20); height: calc(var(--wgbv-p) * 20); padding: calc(var(--wgbv-p) * 3); border-radius: calc(var(--wgbv-p) * 5); }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-kpi-row { margin-top: calc(var(--wgbv-p) * 8); }
}
.wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-panel { border-radius: calc(100cqw * .033); }
@container (aspect-ratio < .95) {
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-stage { --wgbv-w: 460; --wgbv-h: 560; }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-dash { left: calc(var(--wgbv-p) * 15); top: calc(var(--wgbv-p) * 15); width: calc(var(--wgbv-p) * 430); height: calc(var(--wgbv-p) * 530); }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-kpi { left: calc(var(--wgbv-p) * 34); width: calc(var(--wgbv-p) * 392); height: calc(var(--wgbv-p) * 186); padding: calc(var(--wgbv-p) * 26) calc(var(--wgbv-p) * 26) calc(var(--wgbv-p) * 24) calc(var(--wgbv-p) * 28); }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-kpi-1 { top: calc(var(--wgbv-p) * 104); }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-kpi-2 { top: calc(var(--wgbv-p) * 320); }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-kpi-label .wgbv-i { width: calc(var(--wgbv-p) * 48); height: calc(var(--wgbv-p) * 48); padding: calc(var(--wgbv-p) * 12); border-radius: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-kpi-row { margin-top: calc(var(--wgbv-p) * 6); }
}

.wgbv-visual[data-wgbv="analytics"]:is(.hero-image-wrapper *) .wgbv-stage { --wgbv-w: 540; --wgbv-h: 477; }
.wgbv-visual[data-wgbv="analytics"]:is(.hero-image-wrapper *) .wgbv-panel { inset: calc((var(--wgbv-p) * var(--wgbv-h) - 100cqh) / 2) calc((var(--wgbv-p) * var(--wgbv-w) - 100cqw) / 2); border-radius: 16px; }
.wgbv-visual[data-wgbv="analytics"]:is(.hero-image-wrapper *) .wgbv-panel > * { translate: calc((100cqw - var(--wgbv-p) * var(--wgbv-w)) / 2) calc((100cqh - var(--wgbv-p) * var(--wgbv-h)) / 2); }
.wgbv-visual[data-wgbv="analytics"]:is(.hero-image-wrapper *) .wgbv-num { font-size: calc(var(--wgbv-p) * 22); }
.wgbv-visual[data-wgbv="analytics"]:is(.hero-image-wrapper *) .wgbv-dash { left: calc(var(--wgbv-p) * 20); top: calc(var(--wgbv-p) * 20); width: calc(var(--wgbv-p) * 500); height: calc(var(--wgbv-p) * 437); }
.wgbv-visual[data-wgbv="analytics"]:is(.hero-image-wrapper *) .wgbv-kpi { left: calc(var(--wgbv-p) * 40); width: calc(var(--wgbv-p) * 460); height: calc(var(--wgbv-p) * 158); display: flex; flex-direction: column; padding: calc(var(--wgbv-p) * 26) calc(var(--wgbv-p) * 26) calc(var(--wgbv-p) * 24) calc(var(--wgbv-p) * 28); }
.wgbv-visual[data-wgbv="analytics"]:is(.hero-image-wrapper *) .wgbv-kpi-1 { top: calc(var(--wgbv-p) * 110); }
.wgbv-visual[data-wgbv="analytics"]:is(.hero-image-wrapper *) .wgbv-kpi-2 { top: calc(var(--wgbv-p) * 284); }
.wgbv-visual[data-wgbv="analytics"]:is(.hero-image-wrapper *) .wgbv-kpi-label { flex: 1; flex-direction: column; align-items: flex-start; justify-content: space-between; }
.wgbv-visual[data-wgbv="analytics"]:is(.hero-image-wrapper *) .wgbv-kpi-label .wgbv-i { width: calc(var(--wgbv-p) * 48); height: calc(var(--wgbv-p) * 48); padding: calc(var(--wgbv-p) * 12); border-radius: calc(var(--wgbv-p) * 12); background: #EEF0FA; color: #233190; }
.wgbv-visual[data-wgbv="analytics"]:is(.hero-image-wrapper *) .wgbv-kpi-row { margin-top: calc(var(--wgbv-p) * 6); }

/* ---- visuals/app-features.css ---- */
.wgbv-visual[data-wgbv="app-features"] { --wgbv-ar: 2464 / 2996; --wgbv-w: 360; --wgbv-h: 440; }
.wgbv-visual[data-wgbv="app-features"]:is(.tab-div *) { --wgbv-ax: 0; }
.wgbv-visual[data-wgbv="app-features"] .wgbv-stage { overflow: hidden; border-radius: calc(var(--wgbv-p) * 20); }
.wgbv-visual[data-wgbv="app-features"] .wgbv-af-bg { position: absolute; inset: 0; border-radius: inherit; background: #4F46E5; }
.wgbv-visual[data-wgbv="app-features"] .wgbv-af-win { position: absolute; left: calc(var(--wgbv-p) * 26); top: calc(var(--wgbv-p) * 22); width: calc(var(--wgbv-p) * 308); height: calc(var(--wgbv-p) * 440); display: flex; flex-direction: column; overflow: hidden;
  border-radius: calc(var(--wgbv-p) * 18) calc(var(--wgbv-p) * 18) 0 0; background: #fff; box-shadow: 0 calc(var(--wgbv-p) * 10) calc(var(--wgbv-p) * 30) rgba(20, 16, 90, .25); }
.wgbv-visual[data-wgbv="app-features"] .wgbv-af-win > * { flex: none; }
.wgbv-visual[data-wgbv="app-features"] .wgbv-crumbs { height: calc(var(--wgbv-p) * 40); gap: calc(var(--wgbv-p) * 6); padding-right: calc(var(--wgbv-p) * 12); font-size: calc(var(--wgbv-p) * 12.5); }
.wgbv-visual[data-wgbv="app-features"] .wgbv-mark { width: calc(var(--wgbv-p) * 46); margin-right: calc(var(--wgbv-p) * 10); }
.wgbv-visual[data-wgbv="app-features"] .wgbv-mark img { width: calc(var(--wgbv-p) * 20); }
.wgbv-visual[data-wgbv="app-features"] .wgbv-af-head { display: flex; flex-direction: column; align-items: flex-start; padding: calc(var(--wgbv-p) * 12) calc(var(--wgbv-p) * 16); border-bottom: calc(var(--wgbv-p) * 1) solid #E5E7EB; }
.wgbv-visual[data-wgbv="app-features"] .wgbv-af-h { font-size: calc(var(--wgbv-p) * 16); font-weight: 700; line-height: 1.2; letter-spacing: -.015em; color: #2C2D73; white-space: nowrap; }
.wgbv-visual[data-wgbv="app-features"] .wgbv-add { position: relative; width: auto; height: calc(var(--wgbv-p) * 28); margin-top: calc(var(--wgbv-p) * 10); padding: 0 calc(var(--wgbv-p) * 12); gap: calc(var(--wgbv-p) * 8); border-radius: calc(var(--wgbv-p) * 6); font-size: calc(var(--wgbv-p) * 12); }
.wgbv-visual[data-wgbv="app-features"] .wgbv-add .wgbv-i { width: calc(var(--wgbv-p) * 12); height: calc(var(--wgbv-p) * 12); }
.wgbv-visual[data-wgbv="app-features"] .wgbv-af-list { display: flex; flex-direction: column; gap: calc(var(--wgbv-p) * 7); padding: calc(var(--wgbv-p) * 10) calc(var(--wgbv-p) * 12) 0 calc(var(--wgbv-p) * 8); }
.wgbv-visual[data-wgbv="app-features"] .wgbv-af-row { display: flex; align-items: center; gap: calc(var(--wgbv-p) * 5); }
.wgbv-visual[data-wgbv="app-features"] .wgbv-af-grip { display: block; flex: none; width: calc(var(--wgbv-p) * 8); height: calc(var(--wgbv-p) * 12); background: radial-gradient(circle, #9CA3AF calc(var(--wgbv-p) * 1), transparent calc(var(--wgbv-p) * 1.2)) 0 0 / calc(var(--wgbv-p) * 4) calc(var(--wgbv-p) * 4); }
.wgbv-visual[data-wgbv="app-features"] .wgbv-af-card { display: grid; grid-template-columns: calc(var(--wgbv-p) * 24) minmax(0, 1fr) auto; align-items: center; column-gap: calc(var(--wgbv-p) * 9); row-gap: calc(var(--wgbv-p) * 2); flex: 1; min-width: 0; padding: calc(var(--wgbv-p) * 8) calc(var(--wgbv-p) * 9);
  border: calc(var(--wgbv-p) * 1) solid #4F46E5; border-radius: calc(var(--wgbv-p) * 8); background: #fff; }
.wgbv-visual[data-wgbv="app-features"] .wgbv-iconbox { grid-row: 1 / 3; align-self: start; width: calc(var(--wgbv-p) * 24); height: calc(var(--wgbv-p) * 24); border-radius: calc(var(--wgbv-p) * 6); color: #6B7280; }
.wgbv-visual[data-wgbv="app-features"] .wgbv-iconbox .wgbv-i { width: calc(var(--wgbv-p) * 14); height: calc(var(--wgbv-p) * 14); stroke-width: 1.8; }
.wgbv-visual[data-wgbv="app-features"] .wgbv-af-t { font-size: calc(var(--wgbv-p) * 12.5); font-weight: 500; line-height: 1.3; color: #111827; white-space: nowrap; }
.wgbv-visual[data-wgbv="app-features"] .wgbv-onoff { width: calc(var(--wgbv-p) * 34); height: calc(var(--wgbv-p) * 18); border-radius: calc(var(--wgbv-p) * 9); font-size: calc(var(--wgbv-p) * 9.5); }
.wgbv-visual[data-wgbv="app-features"] .wgbv-af-d { grid-column: 2 / 4; font-size: calc(var(--wgbv-p) * 10.5); line-height: 1.35; color: #4B5563; }
.wgbv-visual[data-wgbv="app-features"]:is(.support_right-imgbox *) .wgbv-stage { left: 0; top: 0; width: 100%; height: 100%; display: flex; padding: calc(var(--wgbv-p) * 22) 0; border-radius: 16px; }
.wgbv-visual[data-wgbv="app-features"]:is(.support_right-imgbox *) .wgbv-af-win { position: relative; left: auto; top: auto; width: min(82%, calc(var(--wgbv-p) * 330)); height: auto; margin: auto; padding-bottom: calc(var(--wgbv-p) * 10); border-radius: calc(var(--wgbv-p) * 18); }
@container (width >= 520px) and (height >= 600px) {
  .wgbv-visual[data-wgbv="app-features"]:is(.support_right-imgbox *) .wgbv-af-win { width: min(82%, calc(var(--wgbv-p) * 420)); padding-bottom: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="app-features"]:is(.support_right-imgbox *) .wgbv-crumbs { height: calc(var(--wgbv-p) * 48); }
  .wgbv-visual[data-wgbv="app-features"]:is(.support_right-imgbox *) .wgbv-af-head { padding: calc(var(--wgbv-p) * 18) calc(var(--wgbv-p) * 20); }
  .wgbv-visual[data-wgbv="app-features"]:is(.support_right-imgbox *) .wgbv-af-list { gap: calc(var(--wgbv-p) * 12); padding: calc(var(--wgbv-p) * 14) calc(var(--wgbv-p) * 16) 0 calc(var(--wgbv-p) * 10); }
  .wgbv-visual[data-wgbv="app-features"]:is(.support_right-imgbox *) .wgbv-af-card { padding: calc(var(--wgbv-p) * 12) calc(var(--wgbv-p) * 14); }
}
.wgbv-visual[data-wgbv="app-features"]:is(.support_faq-imgwrap *) .wgbv-stage { --wgbv-w: 260; --wgbv-h: 200; left: 0; top: 0; width: 100%; height: 100%; display: flex; padding: calc(var(--wgbv-p) * 10); border-radius: 16px; }
.wgbv-visual[data-wgbv="app-features"]:is(.support_faq-imgwrap *) .wgbv-af-win { position: relative; left: auto; top: auto; width: 100%; height: auto; margin: auto; padding: calc(var(--wgbv-p) * 10); border-radius: calc(var(--wgbv-p) * 12); }
.wgbv-visual[data-wgbv="app-features"]:is(.support_faq-imgwrap *) .wgbv-crumbs { display: none; }
.wgbv-visual[data-wgbv="app-features"]:is(.support_faq-imgwrap *) .wgbv-add { display: none; }
.wgbv-visual[data-wgbv="app-features"]:is(.support_faq-imgwrap *) .wgbv-af-grip { display: none; }
.wgbv-visual[data-wgbv="app-features"]:is(.support_faq-imgwrap *) .wgbv-af-d { display: none; }
.wgbv-visual[data-wgbv="app-features"]:is(.support_faq-imgwrap *) .wgbv-af-head { padding: 0 0 calc(var(--wgbv-p) * 8); border: 0; }
.wgbv-visual[data-wgbv="app-features"]:is(.support_faq-imgwrap *) .wgbv-af-h { font-size: calc(var(--wgbv-p) * 13); }
.wgbv-visual[data-wgbv="app-features"]:is(.support_faq-imgwrap *) .wgbv-af-list { gap: calc(var(--wgbv-p) * 5); padding: 0; }
.wgbv-visual[data-wgbv="app-features"]:is(.support_faq-imgwrap *) .wgbv-af-card { grid-template-columns: calc(var(--wgbv-p) * 18) minmax(0, 1fr) auto; column-gap: calc(var(--wgbv-p) * 7); padding: calc(var(--wgbv-p) * 5) calc(var(--wgbv-p) * 7); border-radius: calc(var(--wgbv-p) * 6); }
.wgbv-visual[data-wgbv="app-features"]:is(.support_faq-imgwrap *) .wgbv-iconbox { grid-row: auto; width: calc(var(--wgbv-p) * 18); height: calc(var(--wgbv-p) * 18); border-radius: calc(var(--wgbv-p) * 5); }
.wgbv-visual[data-wgbv="app-features"]:is(.support_faq-imgwrap *) .wgbv-iconbox .wgbv-i { width: calc(var(--wgbv-p) * 11); height: calc(var(--wgbv-p) * 11); }
.wgbv-visual[data-wgbv="app-features"]:is(.support_faq-imgwrap *) .wgbv-af-t { font-size: calc(var(--wgbv-p) * 11.5); }
.wgbv-visual[data-wgbv="app-features"]:is(.support_faq-imgwrap *) .wgbv-onoff { width: calc(var(--wgbv-p) * 30); height: calc(var(--wgbv-p) * 16); border-radius: calc(var(--wgbv-p) * 8); font-size: calc(var(--wgbv-p) * 8.5); }
@container (width < 200px) {
  .wgbv-visual[data-wgbv="app-features"]:is(.support_faq-imgwrap *) .wgbv-stage { --wgbv-w: 200; }
  .wgbv-visual[data-wgbv="app-features"]:is(.support_faq-imgwrap *) .wgbv-af-win { padding: calc(var(--wgbv-p) * 8); }
  .wgbv-visual[data-wgbv="app-features"]:is(.support_faq-imgwrap *) .wgbv-af-head { display: none; }
  .wgbv-visual[data-wgbv="app-features"]:is(.support_faq-imgwrap *) .wgbv-iconbox { display: none; }
  .wgbv-visual[data-wgbv="app-features"]:is(.support_faq-imgwrap *) .wgbv-af-card { grid-template-columns: minmax(0, 1fr) auto; }
  .wgbv-visual[data-wgbv="app-features"]:is(.support_faq-imgwrap *) .wgbv-af-t { line-height: 1.2; white-space: normal; }
}

/* ---- visuals/appointment-reminder.css ---- */
.wgbv-visual[data-wgbv="appointment-reminder"] { --wgbv-ar: 1439 / 503; --wgbv-w: 466; --wgbv-h: 163; }
.wgbv-visual[data-wgbv="appointment-reminder"] .wgbv-apt-card { position: absolute; left: calc(var(--wgbv-p) * 134); top: calc(var(--wgbv-p) * 23); width: calc(var(--wgbv-p) * 314); height: calc(var(--wgbv-p) * 126); border: calc(var(--wgbv-p) * 1) solid #E2E8F0; border-radius: calc(var(--wgbv-p) * 16); background: #fff; box-shadow: 0 calc(var(--wgbv-p) * 8) calc(var(--wgbv-p) * 22) rgba(17, 24, 39, .08); color: #1E293B; }
.wgbv-visual[data-wgbv="appointment-reminder"] .wgbv-apt-x { position: absolute; right: calc(var(--wgbv-p) * 11); top: calc(var(--wgbv-p) * 10); width: calc(var(--wgbv-p) * 19); height: calc(var(--wgbv-p) * 19); color: #6741D9; stroke-width: 1.8; }
.wgbv-visual[data-wgbv="appointment-reminder"] .wgbv-apt-title { position: absolute; left: calc(var(--wgbv-p) * 18); top: calc(var(--wgbv-p) * 50); font-size: calc(var(--wgbv-p) * 15.5); font-weight: 600; line-height: calc(var(--wgbv-p) * 19); letter-spacing: -.01em; white-space: nowrap; }
.wgbv-visual[data-wgbv="appointment-reminder"] .wgbv-apt-meta { position: absolute; left: calc(var(--wgbv-p) * 18); top: calc(var(--wgbv-p) * 73); font-size: calc(var(--wgbv-p) * 12.5); line-height: calc(var(--wgbv-p) * 17); white-space: nowrap; }
.wgbv-visual[data-wgbv="appointment-reminder"] .wgbv-apt-meta + .wgbv-apt-meta { top: calc(var(--wgbv-p) * 91); }
.wgbv-visual[data-wgbv="appointment-reminder"] .wgbv-apt-ok { --pr: 0; position: absolute; right: calc(var(--wgbv-p) * 16); top: calc(var(--wgbv-p) * 64); display: grid; place-items: center; width: calc(var(--wgbv-p) * 86); height: calc(var(--wgbv-p) * 40); border-radius: calc(var(--wgbv-p) * 13);
  background: color-mix(in srgb, #E5DBFF calc(var(--pr) * 100%), #F3F0FF); color: #6741D9; font-size: calc(var(--wgbv-p) * 14.5); font-weight: 500; }
.wgbv-visual[data-wgbv="appointment-reminder"] .wgbv-apt-note { position: absolute; left: calc(var(--wgbv-p) * 18); top: calc(var(--wgbv-p) * 6); width: calc(var(--wgbv-p) * 254); display: flex; align-items: center; gap: calc(var(--wgbv-p) * 9); padding: calc(var(--wgbv-p) * 10) calc(var(--wgbv-p) * 12) calc(var(--wgbv-p) * 10) calc(var(--wgbv-p) * 10);
  border-radius: calc(var(--wgbv-p) * 17); background: rgba(250, 250, 252, .9); -webkit-backdrop-filter: blur(calc(var(--wgbv-p) * 14)) saturate(1.8); backdrop-filter: blur(calc(var(--wgbv-p) * 14)) saturate(1.8);
  box-shadow: 0 calc(var(--wgbv-p) * 1) calc(var(--wgbv-p) * 2) rgba(0, 0, 0, .06), 0 calc(var(--wgbv-p) * 10) calc(var(--wgbv-p) * 26) rgba(0, 0, 0, .13); color: #000; }
.wgbv-visual[data-wgbv="appointment-reminder"] .wgbv-apt-icon { display: grid; place-items: center; flex: none; width: calc(var(--wgbv-p) * 32); height: calc(var(--wgbv-p) * 32); border-radius: calc(var(--wgbv-p) * 7.5); background: #6741D9; color: #fff; }
.wgbv-visual[data-wgbv="appointment-reminder"] .wgbv-apt-icon .wgbv-i { width: calc(var(--wgbv-p) * 19); height: calc(var(--wgbv-p) * 19); stroke-width: 1.9; }
.wgbv-visual[data-wgbv="appointment-reminder"] .wgbv-apt-txt { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.wgbv-visual[data-wgbv="appointment-reminder"] .wgbv-apt-row { display: flex; align-items: baseline; gap: calc(var(--wgbv-p) * 6); }
.wgbv-visual[data-wgbv="appointment-reminder"] .wgbv-apt-nt { flex: 1; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: calc(var(--wgbv-p) * 13); font-weight: 600; line-height: calc(var(--wgbv-p) * 17); letter-spacing: -.01em; }
.wgbv-visual[data-wgbv="appointment-reminder"] .wgbv-apt-now { flex: none; font-size: calc(var(--wgbv-p) * 11.5); line-height: calc(var(--wgbv-p) * 15); color: rgba(60, 60, 67, .6); }
.wgbv-visual[data-wgbv="appointment-reminder"] .wgbv-apt-body { font-size: calc(var(--wgbv-p) * 13); line-height: calc(var(--wgbv-p) * 17); letter-spacing: -.01em; white-space: nowrap; }
@container (max-width: 299px) {
  .wgbv-visual[data-wgbv="appointment-reminder"] .wgbv-stage { --wgbv-w: 330; --wgbv-h: 194; }
  .wgbv-visual[data-wgbv="appointment-reminder"] .wgbv-apt-note { left: calc(var(--wgbv-p) * 8); }
  .wgbv-visual[data-wgbv="appointment-reminder"] .wgbv-apt-card { left: calc(var(--wgbv-p) * 8); top: calc(var(--wgbv-p) * 62); }
}
@media (max-width: 479px) {
  @container (min-width: 300px) and (aspect-ratio < 2.4) {
    .wgbv-visual[data-wgbv="appointment-reminder"]:is(.point *) .wgbv-stage { --wgbv-w: 400; --wgbv-h: 194; }
    .wgbv-visual[data-wgbv="appointment-reminder"]:is(.point *) .wgbv-apt-note { left: calc(var(--wgbv-p) * 8); }
    .wgbv-visual[data-wgbv="appointment-reminder"]:is(.point *) .wgbv-apt-card { left: calc(var(--wgbv-p) * 78); top: calc(var(--wgbv-p) * 62); }
  }
}
@media (min-width: 480px) and (max-width: 991px) {
  .wgbv-visual[data-wgbv="appointment-reminder"]:is(.point *) .wgbv-stage { --wgbv-cy: 4; --wgbv-ch: 152; }
  @container (min-width: 300px) and ((aspect-ratio <= 2.03) or (min-height: 261px)) {
    .wgbv-visual[data-wgbv="appointment-reminder"]:is(.point *) .wgbv-stage { --wgbv-w: 330; --wgbv-h: 230; --wgbv-cy: 0; --wgbv-ch: 230; }
    .wgbv-visual[data-wgbv="appointment-reminder"]:is(.point *) .wgbv-apt-note { left: calc(var(--wgbv-p) * 8); }
    .wgbv-visual[data-wgbv="appointment-reminder"]:is(.point *) .wgbv-apt-card { left: calc(var(--wgbv-p) * 8); top: calc(var(--wgbv-p) * 70); height: calc(var(--wgbv-p) * 150); }
    .wgbv-visual[data-wgbv="appointment-reminder"]:is(.point *) .wgbv-apt-title { top: calc(var(--wgbv-p) * 58); }
    .wgbv-visual[data-wgbv="appointment-reminder"]:is(.point *) .wgbv-apt-meta { top: calc(var(--wgbv-p) * 84); }
    .wgbv-visual[data-wgbv="appointment-reminder"]:is(.point *) .wgbv-apt-meta + .wgbv-apt-meta { top: calc(var(--wgbv-p) * 104); }
    .wgbv-visual[data-wgbv="appointment-reminder"]:is(.point *) .wgbv-apt-ok { top: calc(var(--wgbv-p) * 76); }
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  @container (min-width: 300px) and (aspect-ratio > 2.03) and (aspect-ratio <= 2.7) and (max-height: 260.9px) {
    .wgbv-visual[data-wgbv="appointment-reminder"]:is(.point *) .wgbv-stage { --wgbv-h: 178; --wgbv-cx: 14; --wgbv-cw: 438; --wgbv-cy: 4; --wgbv-ch: 170; }
    .wgbv-visual[data-wgbv="appointment-reminder"]:is(.point *) .wgbv-apt-card { top: calc(var(--wgbv-p) * 46); }
  }
}
@media (max-width: 479px) {
  @container (min-width: 362px) and (aspect-ratio >= 2.4) and (aspect-ratio <= 2.7) and (max-height: 260.9px) {
    .wgbv-visual[data-wgbv="appointment-reminder"]:is(.point *) .wgbv-stage { --wgbv-h: 178; --wgbv-cx: 14; --wgbv-cw: 438; --wgbv-cy: 4; --wgbv-ch: 170; }
    .wgbv-visual[data-wgbv="appointment-reminder"]:is(.point *) .wgbv-apt-card { top: calc(var(--wgbv-p) * 46); }
  }
}

/* ---- visuals/automations.css ---- */
.wgbv-visual[data-wgbv="automations"] { --wgbv-ar: 360 / 226; --wgbv-w: 360; --wgbv-h: 226; }
.wgbv-visual[data-wgbv="automations"] .wgbv-au-panel { position: absolute; left: calc(var(--wgbv-p) * 8); top: calc(var(--wgbv-p) * 6); width: calc(var(--wgbv-p) * 344); height: calc(var(--wgbv-p) * 212);
  border: calc(var(--wgbv-p) * .9) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 14); background: #fff;
  box-shadow: 0 calc(var(--wgbv-p) * 1) calc(var(--wgbv-p) * 2) rgba(16, 24, 40, .04), 0 calc(var(--wgbv-p) * 8) calc(var(--wgbv-p) * 18) rgba(16, 24, 40, .07); }
.wgbv-visual[data-wgbv="automations"] .wgbv-au-title { position: absolute; left: calc(var(--wgbv-p) * 16); top: calc(var(--wgbv-p) * 14); font-size: calc(var(--wgbv-p) * 15.5); font-weight: 700; line-height: 1.2; letter-spacing: -.01em; color: #111827; white-space: nowrap; }
.wgbv-visual[data-wgbv="automations"] .wgbv-au-count { position: absolute; left: calc(var(--wgbv-p) * 16); top: calc(var(--wgbv-p) * 36); font-size: calc(var(--wgbv-p) * 10.5); line-height: 1.2; color: #6B7280; white-space: nowrap; }
.wgbv-visual[data-wgbv="automations"] .wgbv-add { right: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 15); width: auto; height: calc(var(--wgbv-p) * 28); gap: calc(var(--wgbv-p) * 5); padding: 0 calc(var(--wgbv-p) * 11) 0 calc(var(--wgbv-p) * 9); border-radius: calc(var(--wgbv-p) * 6); font-size: calc(var(--wgbv-p) * 11); }
.wgbv-visual[data-wgbv="automations"] .wgbv-add .wgbv-i { width: calc(var(--wgbv-p) * 12); height: calc(var(--wgbv-p) * 12); }
.wgbv-visual[data-wgbv="automations"] .wgbv-au-rule { position: absolute; left: 0; right: 0; top: calc(var(--wgbv-p) * 58); border-top: calc(var(--wgbv-p) * .9) solid #E5E7EB; }
.wgbv-visual[data-wgbv="automations"] .wgbv-row { left: calc(var(--wgbv-p) * 13); width: calc(var(--wgbv-p) * 316); height: calc(var(--wgbv-p) * 42); align-items: center; gap: calc(var(--wgbv-p) * 10); padding: 0 calc(var(--wgbv-p) * 10);
  border-color: #E5E7EB; border-radius: calc(var(--wgbv-p) * 9); box-shadow: 0 calc(var(--wgbv-p) * 1) calc(var(--wgbv-p) * 2) rgba(16, 24, 40, .04); }
.wgbv-visual[data-wgbv="automations"] .wgbv-au-r1 { top: calc(var(--wgbv-p) * 68); }
.wgbv-visual[data-wgbv="automations"] .wgbv-au-r2 { top: calc(var(--wgbv-p) * 116); }
.wgbv-visual[data-wgbv="automations"] .wgbv-au-r3 { top: calc(var(--wgbv-p) * 164); }
.wgbv-visual[data-wgbv="automations"] .wgbv-iconbox { width: calc(var(--wgbv-p) * 26); height: calc(var(--wgbv-p) * 26); border-radius: calc(var(--wgbv-p) * 7); color: #6B7280; }
.wgbv-visual[data-wgbv="automations"] .wgbv-iconbox .wgbv-i { width: calc(var(--wgbv-p) * 15); height: calc(var(--wgbv-p) * 15); stroke-width: 1.8; }
.wgbv-visual[data-wgbv="automations"] .wgbv-row-title { margin-top: 0; font-size: calc(var(--wgbv-p) * 12); font-weight: 500; line-height: 1.25; white-space: nowrap; }
.wgbv-visual[data-wgbv="automations"] .wgbv-row-detail { margin-top: calc(var(--wgbv-p) * 2); font-size: calc(var(--wgbv-p) * 10); color: #6B7280; }
.wgbv-visual[data-wgbv="automations"] .wgbv-onoff { width: calc(var(--wgbv-p) * 36); height: calc(var(--wgbv-p) * 19); font-size: calc(var(--wgbv-p) * 9.5); }
@container (max-width: 299px) or (max-height: 159px) {
  .wgbv-visual[data-wgbv="automations"] .wgbv-stage { --wgbv-w: 300; --wgbv-h: 176; }
  .wgbv-visual[data-wgbv="automations"] .wgbv-au-panel { left: calc(var(--wgbv-p) * 6); top: calc(var(--wgbv-p) * 5); width: calc(var(--wgbv-p) * 288); height: calc(var(--wgbv-p) * 164); border-radius: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="automations"] .wgbv-au-title { left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 13); font-size: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="automations"] .wgbv-au-count { display: none; }
  .wgbv-visual[data-wgbv="automations"] .wgbv-add { right: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 10); height: calc(var(--wgbv-p) * 25); padding: 0 calc(var(--wgbv-p) * 8) 0 calc(var(--wgbv-p) * 7); font-size: calc(var(--wgbv-p) * 10); }
  .wgbv-visual[data-wgbv="automations"] .wgbv-add .wgbv-i { width: calc(var(--wgbv-p) * 10); height: calc(var(--wgbv-p) * 10); }
  .wgbv-visual[data-wgbv="automations"] .wgbv-au-rule { top: calc(var(--wgbv-p) * 43); }
  .wgbv-visual[data-wgbv="automations"] .wgbv-row { left: calc(var(--wgbv-p) * 10); width: calc(var(--wgbv-p) * 266); height: calc(var(--wgbv-p) * 32); gap: calc(var(--wgbv-p) * 7); padding: 0 calc(var(--wgbv-p) * 7); border-radius: calc(var(--wgbv-p) * 7); }
  .wgbv-visual[data-wgbv="automations"] .wgbv-au-r1 { top: calc(var(--wgbv-p) * 52); }
  .wgbv-visual[data-wgbv="automations"] .wgbv-au-r2 { top: calc(var(--wgbv-p) * 89); }
  .wgbv-visual[data-wgbv="automations"] .wgbv-au-r3 { top: calc(var(--wgbv-p) * 126); }
  .wgbv-visual[data-wgbv="automations"] .wgbv-iconbox { width: calc(var(--wgbv-p) * 20); height: calc(var(--wgbv-p) * 20); border-radius: calc(var(--wgbv-p) * 5); }
  .wgbv-visual[data-wgbv="automations"] .wgbv-iconbox .wgbv-i { width: calc(var(--wgbv-p) * 12); height: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="automations"] .wgbv-row-title { font-size: calc(var(--wgbv-p) * 11.5); }
  .wgbv-visual[data-wgbv="automations"] .wgbv-row-detail { display: none; }
  .wgbv-visual[data-wgbv="automations"] .wgbv-onoff { width: calc(var(--wgbv-p) * 31); height: calc(var(--wgbv-p) * 17); font-size: calc(var(--wgbv-p) * 8.5); }
}
.wgbv-visual[data-wgbv="automations"] .wgbv-au-r4, .wgbv-visual[data-wgbv="automations"] .wgbv-au-r5, .wgbv-visual[data-wgbv="automations"] .wgbv-au-r6 { display: none; }
@media (max-width: 479px) {
  @container (min-width: 300px) and (aspect-ratio < 0.97) {
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-stage { --wgbv-h: 370; }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-panel { height: calc(var(--wgbv-p) * 356); }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-count { display: none; }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-r4 { display: flex; top: calc(var(--wgbv-p) * 212); }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-r5 { display: flex; top: calc(var(--wgbv-p) * 260); }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-r6 { display: flex; top: calc(var(--wgbv-p) * 308); }
  }
  @container (max-width: 299px) and (aspect-ratio < 0.93) {
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-stage { --wgbv-h: 320; }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-panel { height: calc(var(--wgbv-p) * 311); }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-row { height: calc(var(--wgbv-p) * 38); }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-row-detail { display: block; }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-r2 { top: calc(var(--wgbv-p) * 95); }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-r3 { top: calc(var(--wgbv-p) * 138); }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-r4 { display: flex; top: calc(var(--wgbv-p) * 181); }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-r5 { display: flex; top: calc(var(--wgbv-p) * 224); }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-r6 { display: flex; top: calc(var(--wgbv-p) * 267); }
  }
}
@media (min-width: 480px) and (max-width: 991px) {
  @container (min-width: 300px) and ((aspect-ratio <= 1.44) or (min-height: 283.9px)) {
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-stage { --wgbv-h: 250; }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-panel { height: calc(var(--wgbv-p) * 236); }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-row { height: calc(var(--wgbv-p) * 48); }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-r1 { top: calc(var(--wgbv-p) * 70); }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-r2 { top: calc(var(--wgbv-p) * 126); }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-r3 { top: calc(var(--wgbv-p) * 182); }
  }
  @container (min-width: 300px) and ((aspect-ratio <= 1.314) or (min-height: 311.1px)) {
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-stage { --wgbv-h: 274; }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-row { height: calc(var(--wgbv-p) * 42); }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-r1 { top: calc(var(--wgbv-p) * 68); }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-r2 { top: calc(var(--wgbv-p) * 116); }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-r3 { top: calc(var(--wgbv-p) * 164); }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-panel { height: calc(var(--wgbv-p) * 260); }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-count { display: none; }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-r4 { display: flex; top: calc(var(--wgbv-p) * 212); }
  }
  @container (min-width: 300px) and ((aspect-ratio <= 1.118) or (min-height: 365.6px)) {
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-stage { --wgbv-h: 322; }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-panel { height: calc(var(--wgbv-p) * 308); }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-count { display: none; }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-r4 { display: flex; top: calc(var(--wgbv-p) * 212); }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-r5 { display: flex; top: calc(var(--wgbv-p) * 260); }
  }
  @container (min-width: 300px) and ((aspect-ratio <= 1.047) or (min-height: 390.6px)) {
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-stage { --wgbv-h: 344; }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-panel { height: calc(var(--wgbv-p) * 330); }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-count { display: none; }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-r2 { display: flex; top: calc(var(--wgbv-p) * 122); }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-r3 { display: flex; top: calc(var(--wgbv-p) * 176); }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-r4 { display: flex; top: calc(var(--wgbv-p) * 230); }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-r5 { display: flex; top: calc(var(--wgbv-p) * 284); }
  }
  @container (min-width: 300px) and ((aspect-ratio <= 0.973) or (min-height: 420.1px)) {
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-stage { --wgbv-h: 370; }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-panel { height: calc(var(--wgbv-p) * 356); }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-count { display: none; }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-r2 { top: calc(var(--wgbv-p) * 116); }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-r3 { top: calc(var(--wgbv-p) * 164); }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-r4 { display: flex; top: calc(var(--wgbv-p) * 212); }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-r5 { display: flex; top: calc(var(--wgbv-p) * 260); }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-r6 { display: flex; top: calc(var(--wgbv-p) * 308); }
  }
}
@media (max-width: 479px) {
  @container (min-width: 300px) and (min-height: 396.4px) {
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-stage { --wgbv-h: 399; }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-panel { height: calc(var(--wgbv-p) * 385); }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-count { display: none; }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-row { height: calc(var(--wgbv-p) * 46); }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-r1 { top: calc(var(--wgbv-p) * 68); }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-r2 { top: calc(var(--wgbv-p) * 121); }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-r3 { top: calc(var(--wgbv-p) * 174); }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-r4 { display: flex; top: calc(var(--wgbv-p) * 227); }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-r5 { display: flex; top: calc(var(--wgbv-p) * 280); }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-r6 { display: flex; top: calc(var(--wgbv-p) * 333); }
  }
  @container (min-width: 300px) and (min-height: 412.3px) {
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-stage { --wgbv-h: 415; }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-panel { height: calc(var(--wgbv-p) * 401); }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-count { display: none; }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-row { height: calc(var(--wgbv-p) * 47); }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-r1 { top: calc(var(--wgbv-p) * 68); }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-r2 { top: calc(var(--wgbv-p) * 124); }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-r3 { top: calc(var(--wgbv-p) * 180); }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-r4 { display: flex; top: calc(var(--wgbv-p) * 236); }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-r5 { display: flex; top: calc(var(--wgbv-p) * 292); }
    .wgbv-visual[data-wgbv="automations"]:is(.point *) .wgbv-au-r6 { display: flex; top: calc(var(--wgbv-p) * 348); }
  }
}

@container (aspect-ratio < 1.1) {
  .wgbv-visual[data-wgbv="automations"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-stage { --wgbv-h: 370; }
  .wgbv-visual[data-wgbv="automations"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-au-panel { height: calc(var(--wgbv-p) * 356); }
  .wgbv-visual[data-wgbv="automations"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-au-count { display: none; }
  .wgbv-visual[data-wgbv="automations"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-au-r4 { display: flex; top: calc(var(--wgbv-p) * 212); }
  .wgbv-visual[data-wgbv="automations"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-au-r5 { display: flex; top: calc(var(--wgbv-p) * 260); }
  .wgbv-visual[data-wgbv="automations"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-au-r6 { display: flex; top: calc(var(--wgbv-p) * 308); }
}

/* ---- visuals/brand-theme.css ---- */
.wgbv-visual[data-wgbv="brand-theme"] { --wgbv-ar: 400 / 236; --wgbv-w: 400; --wgbv-h: 236; --wgbv-bleed: 1; --wgbv-vis: .9; --wgbv-ay: 1; }
.wgbv-visual[data-wgbv="brand-theme"] .wgbv-stage { overflow: hidden; }
.wgbv-visual[data-wgbv="brand-theme"] .wgbv-bt-phone { position: absolute; left: calc(var(--wgbv-p) * 202); top: calc(var(--wgbv-p) * 14); width: calc(var(--wgbv-p) * 180); height: calc(var(--wgbv-p) * 300); overflow: hidden;
  border: calc(var(--wgbv-p) * 1.4) solid #1F2937; border-radius: calc(var(--wgbv-p) * 22); background: #fff; box-shadow: calc(var(--wgbv-p) * -8) calc(var(--wgbv-p) * 12) calc(var(--wgbv-p) * 30) rgba(32, 33, 63, .10); }
.wgbv-visual[data-wgbv="brand-theme"] .wgbv-island { top: calc(var(--wgbv-p) * 6); width: calc(var(--wgbv-p) * 46); height: calc(var(--wgbv-p) * 13); margin-left: calc(var(--wgbv-p) * -23); border-radius: calc(var(--wgbv-p) * 7); }
.wgbv-visual[data-wgbv="brand-theme"] .wgbv-status { height: calc(var(--wgbv-p) * 25); padding: 0 calc(var(--wgbv-p) * 12) 0 calc(var(--wgbv-p) * 16); }
.wgbv-visual[data-wgbv="brand-theme"] .wgbv-bt-tint { position: absolute; left: 0; right: 0; top: 0; height: calc(var(--wgbv-p) * 100); }
.wgbv-visual[data-wgbv="brand-theme"] .wgbv-bt-tint.wgbv-bt-c0 { background: linear-gradient(rgba(103, 65, 217, .16), rgba(103, 65, 217, 0)); opacity: 0; }
.wgbv-visual[data-wgbv="brand-theme"] .wgbv-bt-tint.wgbv-bt-c1 { background: linear-gradient(rgba(15, 118, 110, .2), rgba(15, 118, 110, 0)); }
.wgbv-visual[data-wgbv="brand-theme"] .wgbv-bt-wg { position: absolute; left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 30); display: grid; place-items: center; width: calc(var(--wgbv-p) * 22); height: calc(var(--wgbv-p) * 22); opacity: 0; }
.wgbv-visual[data-wgbv="brand-theme"] .wgbv-bt-wg img { width: calc(var(--wgbv-p) * 18); height: auto; }
.wgbv-visual[data-wgbv="brand-theme"] .wgbv-bt-hi { position: absolute; left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 58); font-size: calc(var(--wgbv-p) * 13); font-weight: 700; line-height: 1.2; letter-spacing: -.01em; color: #2C2D73; white-space: nowrap; }
.wgbv-visual[data-wgbv="brand-theme"] .wgbv-bt-pic { position: absolute; left: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 80); display: grid; place-items: center; width: calc(var(--wgbv-p) * 158); height: calc(var(--wgbv-p) * 66); overflow: hidden; border-radius: calc(var(--wgbv-p) * 9); background: #EEF0F4; color: #A3AAB8; }
.wgbv-visual[data-wgbv="brand-theme"] .wgbv-bt-pic .wgbv-i { width: calc(var(--wgbv-p) * 20); height: calc(var(--wgbv-p) * 20); stroke-width: 1.6; }
.wgbv-visual[data-wgbv="brand-theme"] .wgbv-bt-pic img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 35%; }
.wgbv-visual[data-wgbv="brand-theme"] .wgbv-bt-cap { position: absolute; left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 152); font-size: calc(var(--wgbv-p) * 10.5); font-weight: 600; line-height: 1.2; color: #111827; white-space: nowrap; }
.wgbv-visual[data-wgbv="brand-theme"] .wgbv-bt-task { position: absolute; left: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 172); display: flex; align-items: center; gap: calc(var(--wgbv-p) * 5); width: calc(var(--wgbv-p) * 158); height: calc(var(--wgbv-p) * 34); padding: 0 calc(var(--wgbv-p) * 6); border: calc(var(--wgbv-p) * .8) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 9); background: #fff; }
.wgbv-visual[data-wgbv="brand-theme"] .wgbv-bt-tc { display: grid; place-items: center; flex: none; width: calc(var(--wgbv-p) * 19); height: calc(var(--wgbv-p) * 19); border-radius: calc(var(--wgbv-p) * 5); background: #EFF6FF; color: #3B82F6; }
.wgbv-visual[data-wgbv="brand-theme"] .wgbv-bt-tc .wgbv-i { width: calc(var(--wgbv-p) * 12); height: calc(var(--wgbv-p) * 12); }
.wgbv-visual[data-wgbv="brand-theme"] .wgbv-bt-tt { flex: 1; min-width: 0; font-size: calc(var(--wgbv-p) * 10.5); font-weight: 500; line-height: 1.2; color: #334155; white-space: nowrap; }
.wgbv-visual[data-wgbv="brand-theme"] .wgbv-bt-go { position: relative; display: grid; place-items: center; flex: none; width: calc(var(--wgbv-p) * 30); height: calc(var(--wgbv-p) * 16); border-radius: calc(var(--wgbv-p) * 8); font-size: calc(var(--wgbv-p) * 8); font-weight: 600; line-height: 1; color: #fff; }
.wgbv-visual[data-wgbv="brand-theme"] .wgbv-bt-go i { position: absolute; inset: 0; border-radius: inherit; }
.wgbv-visual[data-wgbv="brand-theme"] .wgbv-bt-go .wgbv-bt-c0 { background: #6741D9; }
.wgbv-visual[data-wgbv="brand-theme"] .wgbv-bt-go .wgbv-bt-c1 { background: #0F766E; }
.wgbv-visual[data-wgbv="brand-theme"] .wgbv-bt-go span { position: relative; }
.wgbv-visual[data-wgbv="brand-theme"] .wgbv-bt-skel { top: calc(var(--wgbv-p) * 214); }
.wgbv-visual[data-wgbv="brand-theme"] .wgbv-bt-skel .wgbv-bt-tc { background: #F3F4F6; }
.wgbv-visual[data-wgbv="brand-theme"] .wgbv-bt-skel i { width: calc(var(--wgbv-p) * 64); height: calc(var(--wgbv-p) * 7); border-radius: calc(var(--wgbv-p) * 4); background: #EEF0F3; }
.wgbv-visual[data-wgbv="brand-theme"] .wgbv-bt-kit { position: absolute; left: calc(var(--wgbv-p) * 42); top: calc(var(--wgbv-p) * 52); width: calc(var(--wgbv-p) * 128); height: calc(var(--wgbv-p) * 138);
  border: calc(var(--wgbv-p) * .9) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 14); background: #fff;
  box-shadow: 0 calc(var(--wgbv-p) * 1) calc(var(--wgbv-p) * 2) rgba(16, 24, 40, .04), 0 calc(var(--wgbv-p) * 10) calc(var(--wgbv-p) * 24) rgba(16, 24, 40, .09); }
.wgbv-visual[data-wgbv="brand-theme"] .wgbv-bt-lb { position: absolute; font-size: calc(var(--wgbv-p) * 11); font-weight: 600; line-height: 1.2; color: #6B7280; white-space: nowrap; }
.wgbv-visual[data-wgbv="brand-theme"] .wgbv-bt-l1 { left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 11); }
.wgbv-visual[data-wgbv="brand-theme"] .wgbv-bt-l2 { left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 66); }
.wgbv-visual[data-wgbv="brand-theme"] .wgbv-bt-l3 { left: calc(var(--wgbv-p) * 68); top: calc(var(--wgbv-p) * 66); }
.wgbv-visual[data-wgbv="brand-theme"] .wgbv-bt-sw { position: absolute; top: calc(var(--wgbv-p) * 30); width: calc(var(--wgbv-p) * 24); height: calc(var(--wgbv-p) * 24); border-radius: 50%; }
.wgbv-visual[data-wgbv="brand-theme"] .wgbv-bt-sw1 { left: calc(var(--wgbv-p) * 12); background: #0F766E; }
.wgbv-visual[data-wgbv="brand-theme"] .wgbv-bt-sw2 { left: calc(var(--wgbv-p) * 42); background: #5EC4B6; }
.wgbv-visual[data-wgbv="brand-theme"] .wgbv-bt-sw3 { left: calc(var(--wgbv-p) * 72); background: #F4B740; }
.wgbv-visual[data-wgbv="brand-theme"] .wgbv-bt-ring { position: absolute; left: calc(var(--wgbv-p) * 8.5); top: calc(var(--wgbv-p) * 26.5); width: calc(var(--wgbv-p) * 31); height: calc(var(--wgbv-p) * 31); border: calc(var(--wgbv-p) * 1.6) solid #0F766E; border-radius: 50%; }
.wgbv-visual[data-wgbv="brand-theme"] .wgbv-bt-lt , .wgbv-visual[data-wgbv="brand-theme"] .wgbv-bt-it { position: absolute; top: calc(var(--wgbv-p) * 84); display: grid; place-items: center; width: calc(var(--wgbv-p) * 48); height: calc(var(--wgbv-p) * 40); overflow: hidden; border-radius: calc(var(--wgbv-p) * 8); }
.wgbv-visual[data-wgbv="brand-theme"] .wgbv-bt-lt { left: calc(var(--wgbv-p) * 12); border: calc(var(--wgbv-p) * .9) solid #E5E7EB; color: #0F766E; }
.wgbv-visual[data-wgbv="brand-theme"] .wgbv-bt-lt .wgbv-i { width: calc(var(--wgbv-p) * 24); height: calc(var(--wgbv-p) * 24); }
.wgbv-visual[data-wgbv="brand-theme"] .wgbv-bt-it { left: calc(var(--wgbv-p) * 68); }
.wgbv-visual[data-wgbv="brand-theme"] .wgbv-bt-it img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 35%; }
.wgbv-visual[data-wgbv="brand-theme"] .wgbv-bt-logo { position: absolute; left: calc(var(--wgbv-p) * 214); top: calc(var(--wgbv-p) * 44); display: grid; place-items: center; width: calc(var(--wgbv-p) * 22); height: calc(var(--wgbv-p) * 22); color: #0F766E; }
.wgbv-visual[data-wgbv="brand-theme"] .wgbv-bt-logo .wgbv-i { width: calc(var(--wgbv-p) * 21); height: calc(var(--wgbv-p) * 21); }
@container (aspect-ratio < 1.4) {
  .wgbv-visual[data-wgbv="brand-theme"] .wgbv-stage { --wgbv-w: 310; --wgbv-h: 280; }
  .wgbv-visual[data-wgbv="brand-theme"] .wgbv-bt-phone { left: calc(var(--wgbv-p) * 128); }
  .wgbv-visual[data-wgbv="brand-theme"] .wgbv-bt-kit { left: calc(var(--wgbv-p) * 8); top: calc(var(--wgbv-p) * 84); }
  .wgbv-visual[data-wgbv="brand-theme"] .wgbv-bt-logo { left: calc(var(--wgbv-p) * 140); }
}

@media (min-width: 480px) and (max-width: 991px) {
  .wgbv-visual[data-wgbv="brand-theme"]:is(.point *) .wgbv-stage { top: calc(var(--wgbv-p) * -8); height: calc(100cqh + var(--wgbv-p) * 8); }
  .wgbv-visual[data-wgbv="brand-theme"]:is(.point *) .wgbv-bt-phone { height: calc(100cqh + var(--wgbv-p) * 24); }
  @container (aspect-ratio < 1.4) {
    .wgbv-visual[data-wgbv="brand-theme"]:is(.point *) .wgbv-bt-pic { height: calc(var(--wgbv-p) * 66 + max(0px, 100cqh - var(--wgbv-p) * 262) * .8); }
    .wgbv-visual[data-wgbv="brand-theme"]:is(.point *) .wgbv-bt-cap { top: calc(var(--wgbv-p) * 152 + max(0px, 100cqh - var(--wgbv-p) * 262) * .8); }
    .wgbv-visual[data-wgbv="brand-theme"]:is(.point *) .wgbv-bt-task { top: calc(var(--wgbv-p) * 172 + max(0px, 100cqh - var(--wgbv-p) * 262) * .8); }
    .wgbv-visual[data-wgbv="brand-theme"]:is(.point *) .wgbv-bt-skel { top: calc(var(--wgbv-p) * 214 + max(0px, 100cqh - var(--wgbv-p) * 262) * .8); }
    .wgbv-visual[data-wgbv="brand-theme"]:is(.point *) .wgbv-bt-kit { top: calc(var(--wgbv-p) * 84 + max(0px, 100cqh - var(--wgbv-p) * 262) * .4); }
  }
}
@media (max-width: 479px) {
  @container (min-width: 362px) and (aspect-ratio >= 1.4) and (aspect-ratio < 1.587) {
    .wgbv-visual[data-wgbv="brand-theme"]:is(.point *) .wgbv-stage { --wgbv-w: 310; --wgbv-h: 280; }
    .wgbv-visual[data-wgbv="brand-theme"]:is(.point *) .wgbv-bt-phone { left: calc(var(--wgbv-p) * 128); }
    .wgbv-visual[data-wgbv="brand-theme"]:is(.point *) .wgbv-bt-kit { left: calc(var(--wgbv-p) * 8); top: calc(var(--wgbv-p) * 84); }
    .wgbv-visual[data-wgbv="brand-theme"]:is(.point *) .wgbv-bt-logo { left: calc(var(--wgbv-p) * 140); }
  }
}

.wgbv-visual[data-wgbv="brand-theme"]:is(.support_right-imgbox *) { --wgbv-fill: .96; }
.wgbv-visual[data-wgbv="brand-theme"]:is(.support_right-imgbox *) .wgbv-stage { --wgbv-w: 310; --wgbv-h: 364; --wgbv-ay: .5; overflow: visible; }
.wgbv-visual[data-wgbv="brand-theme"]:is(.support_right-imgbox *) .wgbv-bt-phone { left: calc(var(--wgbv-p) * 128); top: calc(var(--wgbv-p) * 14); height: calc(var(--wgbv-p) * 336); }
.wgbv-visual[data-wgbv="brand-theme"]:is(.support_right-imgbox *) .wgbv-bt-phone::after { content: ''; position: absolute; left: 50%; bottom: calc(var(--wgbv-p) * 7); width: calc(var(--wgbv-p) * 56); height: calc(var(--wgbv-p) * 4); margin-left: calc(var(--wgbv-p) * -28); border-radius: calc(var(--wgbv-p) * 2); background: #1F2937; }
.wgbv-visual[data-wgbv="brand-theme"]:is(.support_right-imgbox *) .wgbv-bt-pic { height: calc(var(--wgbv-p) * 104); }
.wgbv-visual[data-wgbv="brand-theme"]:is(.support_right-imgbox *) .wgbv-bt-cap { top: calc(var(--wgbv-p) * 190); }
.wgbv-visual[data-wgbv="brand-theme"]:is(.support_right-imgbox *) .wgbv-bt-task { top: calc(var(--wgbv-p) * 210); }
.wgbv-visual[data-wgbv="brand-theme"]:is(.support_right-imgbox *) .wgbv-bt-skel { top: calc(var(--wgbv-p) * 252); box-shadow: 0 calc(var(--wgbv-p) * 42) 0 calc(var(--wgbv-p) * -.8) #fff, 0 calc(var(--wgbv-p) * 42) 0 0 #E5E7EB; }
.wgbv-visual[data-wgbv="brand-theme"]:is(.support_right-imgbox *) .wgbv-bt-skel .wgbv-bt-tc { box-shadow: 0 calc(var(--wgbv-p) * 42) 0 #F3F4F6; }
.wgbv-visual[data-wgbv="brand-theme"]:is(.support_right-imgbox *) .wgbv-bt-skel i { box-shadow: 0 calc(var(--wgbv-p) * 42) 0 #EEF0F3; }
.wgbv-visual[data-wgbv="brand-theme"]:is(.support_right-imgbox *) .wgbv-bt-kit { left: calc(var(--wgbv-p) * 8); top: calc(var(--wgbv-p) * 150); }
.wgbv-visual[data-wgbv="brand-theme"]:is(.support_right-imgbox *) .wgbv-bt-logo { left: calc(var(--wgbv-p) * 140); }
@container (aspect-ratio < 1.15) and (max-width: 199.98px) {
  .wgbv-visual[data-wgbv="brand-theme"]:is(.support_faq-imgwrap *) .wgbv-stage { --wgbv-w: 150; --wgbv-h: 160; --wgbv-ay: .5; overflow: visible; }
  .wgbv-visual[data-wgbv="brand-theme"]:is(.support_faq-imgwrap *) .wgbv-bt-phone { display: none; }
  .wgbv-visual[data-wgbv="brand-theme"]:is(.support_faq-imgwrap *) .wgbv-bt-logo { display: none; }
  .wgbv-visual[data-wgbv="brand-theme"]:is(.support_faq-imgwrap *) .wgbv-bt-kit { left: calc(var(--wgbv-p) * 11); top: calc(var(--wgbv-p) * 8); }
}
@container (aspect-ratio >= 1.15) {
  .wgbv-visual[data-wgbv="brand-theme"]:is(.support_faq-imgwrap *) .wgbv-stage { --wgbv-ch: 250; --wgbv-ay: 0; height: 100cqh; }
}

.wgbv-visual[data-wgbv="brand-theme"]:is(.hero-image-wrapper *) { border-radius: 4.8% / 5.55%; background: #F1F1F1; }
.wgbv-visual[data-wgbv="brand-theme"]:is(.hero-image-wrapper *) .wgbv-stage { --wgbv-w: 410; --wgbv-h: 355; --wgbv-ay: 1; }
.wgbv-visual[data-wgbv="brand-theme"]:is(.hero-image-wrapper *) .wgbv-bt-phone { left: calc(var(--wgbv-p) * 176); top: calc(var(--wgbv-p) * 26); height: calc(var(--wgbv-p) * 360); }
.wgbv-visual[data-wgbv="brand-theme"]:is(.hero-image-wrapper *) .wgbv-bt-pic { height: calc(var(--wgbv-p) * 104); }
.wgbv-visual[data-wgbv="brand-theme"]:is(.hero-image-wrapper *) .wgbv-bt-cap { top: calc(var(--wgbv-p) * 190); }
.wgbv-visual[data-wgbv="brand-theme"]:is(.hero-image-wrapper *) .wgbv-bt-task { top: calc(var(--wgbv-p) * 210); }
.wgbv-visual[data-wgbv="brand-theme"]:is(.hero-image-wrapper *) .wgbv-bt-skel { top: calc(var(--wgbv-p) * 252); box-shadow: 0 calc(var(--wgbv-p) * 42) 0 calc(var(--wgbv-p) * -.8) #fff, 0 calc(var(--wgbv-p) * 42) 0 0 #E5E7EB; }
.wgbv-visual[data-wgbv="brand-theme"]:is(.hero-image-wrapper *) .wgbv-bt-skel .wgbv-bt-tc { box-shadow: 0 calc(var(--wgbv-p) * 42) 0 #F3F4F6; }
.wgbv-visual[data-wgbv="brand-theme"]:is(.hero-image-wrapper *) .wgbv-bt-skel i { box-shadow: 0 calc(var(--wgbv-p) * 42) 0 #EEF0F3; }
.wgbv-visual[data-wgbv="brand-theme"]:is(.hero-image-wrapper *) .wgbv-bt-kit { left: calc(var(--wgbv-p) * 60); top: calc(var(--wgbv-p) * 128); }
.wgbv-visual[data-wgbv="brand-theme"]:is(.hero-image-wrapper *) .wgbv-bt-logo { left: calc(var(--wgbv-p) * 188); top: calc(var(--wgbv-p) * 56); }

/* ---- visuals/build.css ---- */
.wgbv-visual[data-wgbv="build"] { --wgbv-ar: 620 / 363; --wgbv-w: 620; --wgbv-h: 363; }
.wgbv-visual[data-wgbv="build"] .wgbv-bg { position: absolute; inset: 0; border-radius: calc(var(--wgbv-p) * 20); background: #F9BC50; }
.wgbv-visual[data-wgbv="build"] .wgbv-pb { position: absolute; left: calc(var(--wgbv-p) * 72.4); top: calc(var(--wgbv-p) * 20); width: calc(var(--wgbv-p) * 472.2); height: calc(var(--wgbv-p) * 323); border: calc(var(--wgbv-p) * .9) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 16.9); background: #fff; }
.wgbv-visual[data-wgbv="build"] .wgbv-pb-title { position: absolute; left: calc(var(--wgbv-p) * 21); top: calc(var(--wgbv-p) * 21); font-size: calc(var(--wgbv-p) * 22); font-weight: 700; line-height: 1.2; letter-spacing: -.01em; color: #111827; }
.wgbv-visual[data-wgbv="build"] .wgbv-pb-count { position: absolute; left: calc(var(--wgbv-p) * 21); top: calc(var(--wgbv-p) * 52.5); font-size: calc(var(--wgbv-p) * 12.5); color: #6B7280; }
.wgbv-visual[data-wgbv="build"] .wgbv-pb-rule { position: absolute; left: calc(var(--wgbv-p) * 20.6); right: calc(var(--wgbv-p) * 20.6); top: calc(var(--wgbv-p) * 79); border-top: calc(var(--wgbv-p) * .9) solid #E5E7EB; }
.wgbv-visual[data-wgbv="build"] .wgbv-add { left: calc(var(--wgbv-p) * 347.5); top: calc(var(--wgbv-p) * 51.4); }
.wgbv-visual[data-wgbv="build"] .wgbv-row { left: calc(var(--wgbv-p) * 114.4); width: calc(var(--wgbv-p) * 409.7); }
.wgbv-visual[data-wgbv="build"] .wgbv-row-1 { top: calc(var(--wgbv-p) * 111.4); }
.wgbv-visual[data-wgbv="build"] .wgbv-row-2 { top: calc(var(--wgbv-p) * 185); }
.wgbv-visual[data-wgbv="build"] .wgbv-row-3 { top: calc(var(--wgbv-p) * 257.6); }
.wgbv-visual[data-wgbv="build"] .wgbv-iconbox { color: #6B7280; }
.wgbv-visual[data-wgbv="build"] .wgbv-iconbox .wgbv-i { width: calc(var(--wgbv-p) * 17); height: calc(var(--wgbv-p) * 17); stroke-width: 1.8; }
.wgbv-visual[data-wgbv="build"] .wgbv-row-detail { font-size: calc(var(--wgbv-p) * 11.4); }
.wgbv-visual[data-wgbv="build"] .wgbv-grip { position: absolute; left: calc(var(--wgbv-p) * 94.6); width: calc(var(--wgbv-p) * 11.2); height: calc(var(--wgbv-p) * 14.4); background: radial-gradient(circle, #9CA3AF calc(var(--wgbv-p) * 1.15), transparent calc(var(--wgbv-p) * 1.35)) 0 0 / calc(var(--wgbv-p) * 5.6) calc(var(--wgbv-p) * 4.8); }
.wgbv-visual[data-wgbv="build"] .wgbv-grip-1 { top: calc(var(--wgbv-p) * 136.2); }
.wgbv-visual[data-wgbv="build"] .wgbv-grip-2 { top: calc(var(--wgbv-p) * 209.8); }
.wgbv-visual[data-wgbv="build"] .wgbv-grip-3 { top: calc(var(--wgbv-p) * 282.4); }
@container (aspect-ratio < 1.53) {
  .wgbv-visual[data-wgbv="build"] .wgbv-stage { --wgbv-w: 470; --wgbv-h: 342; }
  .wgbv-visual[data-wgbv="build"] .wgbv-pb { left: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 10); width: calc(var(--wgbv-p) * 450); height: calc(var(--wgbv-p) * 322); }
  .wgbv-visual[data-wgbv="build"] .wgbv-add { left: calc(var(--wgbv-p) * 262.9); top: calc(var(--wgbv-p) * 41.4); }
  .wgbv-visual[data-wgbv="build"] .wgbv-row { left: calc(var(--wgbv-p) * 36); }
  .wgbv-visual[data-wgbv="build"] .wgbv-row-1 { top: calc(var(--wgbv-p) * 101.4); }
  .wgbv-visual[data-wgbv="build"] .wgbv-row-2 { top: calc(var(--wgbv-p) * 175); }
  .wgbv-visual[data-wgbv="build"] .wgbv-row-3 { top: calc(var(--wgbv-p) * 248.6); }
  .wgbv-visual[data-wgbv="build"] .wgbv-grip { left: calc(var(--wgbv-p) * 19); }
  .wgbv-visual[data-wgbv="build"] .wgbv-grip-1 { top: calc(var(--wgbv-p) * 126.2); }
  .wgbv-visual[data-wgbv="build"] .wgbv-grip-2 { top: calc(var(--wgbv-p) * 199.8); }
  .wgbv-visual[data-wgbv="build"] .wgbv-grip-3 { top: calc(var(--wgbv-p) * 273.4); }
}
@container (max-height: 269px) or (max-width: 379px) {
  .wgbv-visual[data-wgbv="build"] .wgbv-stage { --wgbv-w: 300; --wgbv-h: 163; }
  .wgbv-visual[data-wgbv="build"] .wgbv-bg { border-radius: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="build"] .wgbv-pb { left: calc(var(--wgbv-p) * 8); top: calc(var(--wgbv-p) * 8); width: calc(var(--wgbv-p) * 284); height: calc(var(--wgbv-p) * 147); border-radius: calc(var(--wgbv-p) * 11); }
  .wgbv-visual[data-wgbv="build"] .wgbv-pb-title { left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 10); font-size: calc(var(--wgbv-p) * 15); }
  .wgbv-visual[data-wgbv="build"] .wgbv-pb-count { display: none; }
  .wgbv-visual[data-wgbv="build"] .wgbv-pb-rule { left: calc(var(--wgbv-p) * 12); right: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 38); }
  .wgbv-visual[data-wgbv="build"] .wgbv-add { left: calc(var(--wgbv-p) * 174); top: calc(var(--wgbv-p) * 14); width: calc(var(--wgbv-p) * 108); height: calc(var(--wgbv-p) * 24); gap: calc(var(--wgbv-p) * 5); border-radius: calc(var(--wgbv-p) * 4); font-size: calc(var(--wgbv-p) * 9.5); }
  .wgbv-visual[data-wgbv="build"] .wgbv-add .wgbv-i { width: calc(var(--wgbv-p) * 10); height: calc(var(--wgbv-p) * 10); }
  .wgbv-visual[data-wgbv="build"] .wgbv-row { left: calc(var(--wgbv-p) * 26); width: calc(var(--wgbv-p) * 256); height: calc(var(--wgbv-p) * 30); align-items: center; gap: calc(var(--wgbv-p) * 8); padding: 0 calc(var(--wgbv-p) * 7); border-radius: calc(var(--wgbv-p) * 5); }
  .wgbv-visual[data-wgbv="build"] .wgbv-row-1 { top: calc(var(--wgbv-p) * 50); }
  .wgbv-visual[data-wgbv="build"] .wgbv-row-2 { top: calc(var(--wgbv-p) * 84); }
  .wgbv-visual[data-wgbv="build"] .wgbv-row-3 { top: calc(var(--wgbv-p) * 118); }
  .wgbv-visual[data-wgbv="build"] .wgbv-iconbox { width: calc(var(--wgbv-p) * 19); height: calc(var(--wgbv-p) * 19); border-radius: calc(var(--wgbv-p) * 5); }
  .wgbv-visual[data-wgbv="build"] .wgbv-iconbox .wgbv-i { width: calc(var(--wgbv-p) * 12); height: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="build"] .wgbv-row-title { margin-top: 0; font-size: calc(var(--wgbv-p) * 11); line-height: 1.2; white-space: nowrap; }
  .wgbv-visual[data-wgbv="build"] .wgbv-row-detail { display: none; }
  .wgbv-visual[data-wgbv="build"] .wgbv-onoff { width: calc(var(--wgbv-p) * 30); height: calc(var(--wgbv-p) * 16); font-size: calc(var(--wgbv-p) * 8.5); }
  .wgbv-visual[data-wgbv="build"] .wgbv-grip { left: calc(var(--wgbv-p) * 12); width: calc(var(--wgbv-p) * 8.4); height: calc(var(--wgbv-p) * 10.8); background-size: calc(var(--wgbv-p) * 4.2) calc(var(--wgbv-p) * 3.6); }
  .wgbv-visual[data-wgbv="build"] .wgbv-grip-1 { top: calc(var(--wgbv-p) * 59.6); }
  .wgbv-visual[data-wgbv="build"] .wgbv-grip-2 { top: calc(var(--wgbv-p) * 93.6); }
  .wgbv-visual[data-wgbv="build"] .wgbv-grip-3 { top: calc(var(--wgbv-p) * 127.6); }
}

@media (min-width: 480px) and (max-width: 991px) {
  @container ((max-height: 269px) or (max-width: 379px)) and ((aspect-ratio <= 1.579) or (min-height: 222.9px)) {
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-stage { --wgbv-h: 190; }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-pb { height: calc(var(--wgbv-p) * 174); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-pb-rule { top: calc(var(--wgbv-p) * 40); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row { height: calc(var(--wgbv-p) * 36); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-1 { top: calc(var(--wgbv-p) * 52); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-grip-1 { top: calc(var(--wgbv-p) * 64.6); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-2 { top: calc(var(--wgbv-p) * 95); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-grip-2 { top: calc(var(--wgbv-p) * 107.6); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-3 { top: calc(var(--wgbv-p) * 138); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-grip-3 { top: calc(var(--wgbv-p) * 150.6); }
  }
  @container ((max-height: 269px) or (max-width: 379px)) and ((aspect-ratio <= 1.500) or (min-height: 234.7px)) {
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-stage { --wgbv-h: 200; }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-pb { height: calc(var(--wgbv-p) * 184); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-pb-rule { top: calc(var(--wgbv-p) * 40); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row { height: calc(var(--wgbv-p) * 38); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-1 { top: calc(var(--wgbv-p) * 52); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-grip-1 { top: calc(var(--wgbv-p) * 65.6); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-2 { top: calc(var(--wgbv-p) * 99); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-grip-2 { top: calc(var(--wgbv-p) * 112.6); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-3 { top: calc(var(--wgbv-p) * 146); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-grip-3 { top: calc(var(--wgbv-p) * 159.6); }
  }
  @container ((max-height: 269px) or (max-width: 379px)) and ((aspect-ratio <= 1.395) or (min-height: 252.3px)) {
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-stage { --wgbv-h: 215; }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-pb { height: calc(var(--wgbv-p) * 199); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-pb-rule { top: calc(var(--wgbv-p) * 52); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-pb-count { display: block; left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 31); font-size: calc(var(--wgbv-p) * 10.5); line-height: 1.2; }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-add { top: calc(var(--wgbv-p) * 15); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row { height: calc(var(--wgbv-p) * 40); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-1 { top: calc(var(--wgbv-p) * 64); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-grip-1 { top: calc(var(--wgbv-p) * 78.6); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-2 { top: calc(var(--wgbv-p) * 111.5); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-grip-2 { top: calc(var(--wgbv-p) * 126.1); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-3 { top: calc(var(--wgbv-p) * 159); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-grip-3 { top: calc(var(--wgbv-p) * 173.6); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-iconbox { width: calc(var(--wgbv-p) * 22); height: calc(var(--wgbv-p) * 22); border-radius: calc(var(--wgbv-p) * 6); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-iconbox .wgbv-i { width: calc(var(--wgbv-p) * 14); height: calc(var(--wgbv-p) * 14); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-title { font-size: calc(var(--wgbv-p) * 12); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-onoff { width: calc(var(--wgbv-p) * 34); height: calc(var(--wgbv-p) * 18); font-size: calc(var(--wgbv-p) * 9.5); }
  }
  @container ((max-height: 269px) or (max-width: 379px)) and ((aspect-ratio <= 1.304) or (min-height: 269.9px)) {
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-stage { --wgbv-h: 230; }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-pb { height: calc(var(--wgbv-p) * 214); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-pb-rule { top: calc(var(--wgbv-p) * 54); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-pb-count { display: block; left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 31); font-size: calc(var(--wgbv-p) * 10.5); line-height: 1.2; }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-add { top: calc(var(--wgbv-p) * 15); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row { height: calc(var(--wgbv-p) * 44); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-1 { top: calc(var(--wgbv-p) * 66); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-grip-1 { top: calc(var(--wgbv-p) * 82.6); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-2 { top: calc(var(--wgbv-p) * 118); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-grip-2 { top: calc(var(--wgbv-p) * 134.6); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-3 { top: calc(var(--wgbv-p) * 170); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-grip-3 { top: calc(var(--wgbv-p) * 186.6); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-iconbox { width: calc(var(--wgbv-p) * 22); height: calc(var(--wgbv-p) * 22); border-radius: calc(var(--wgbv-p) * 6); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-iconbox .wgbv-i { width: calc(var(--wgbv-p) * 14); height: calc(var(--wgbv-p) * 14); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-title { font-size: calc(var(--wgbv-p) * 12); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-onoff { width: calc(var(--wgbv-p) * 34); height: calc(var(--wgbv-p) * 18); font-size: calc(var(--wgbv-p) * 9.5); }
  }
  @container ((max-height: 269px) or (max-width: 379px)) and ((aspect-ratio <= 1.200) or (min-height: 293.3px)) {
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-stage { --wgbv-h: 250; }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-pb { height: calc(var(--wgbv-p) * 234); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-pb-rule { top: calc(var(--wgbv-p) * 56); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-pb-count { display: block; left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 31); font-size: calc(var(--wgbv-p) * 10.5); line-height: 1.2; }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-add { top: calc(var(--wgbv-p) * 15); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row { height: calc(var(--wgbv-p) * 48); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-1 { top: calc(var(--wgbv-p) * 70); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-grip-1 { top: calc(var(--wgbv-p) * 88.6); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-2 { top: calc(var(--wgbv-p) * 128); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-grip-2 { top: calc(var(--wgbv-p) * 146.6); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-3 { top: calc(var(--wgbv-p) * 186); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-grip-3 { top: calc(var(--wgbv-p) * 204.6); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-iconbox { width: calc(var(--wgbv-p) * 22); height: calc(var(--wgbv-p) * 22); border-radius: calc(var(--wgbv-p) * 6); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-iconbox .wgbv-i { width: calc(var(--wgbv-p) * 14); height: calc(var(--wgbv-p) * 14); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-title { font-size: calc(var(--wgbv-p) * 12); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-onoff { width: calc(var(--wgbv-p) * 34); height: calc(var(--wgbv-p) * 18); font-size: calc(var(--wgbv-p) * 9.5); }
  }
  @container (min-width: 380px) and (min-height: 300px) and (aspect-ratio >= 1.53) {
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-pb-title { font-size: calc(var(--wgbv-p) * 18); }
  }
}
@media (max-width: 479px) {
  @container ((max-height: 269px) or (max-width: 379px)) and (min-height: 195.1px) {
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-stage { --wgbv-h: 190; }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-pb { height: calc(var(--wgbv-p) * 174); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-pb-rule { top: calc(var(--wgbv-p) * 40); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row { height: calc(var(--wgbv-p) * 36); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-1 { top: calc(var(--wgbv-p) * 52); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-grip-1 { top: calc(var(--wgbv-p) * 64.6); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-2 { top: calc(var(--wgbv-p) * 95); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-grip-2 { top: calc(var(--wgbv-p) * 107.6); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-3 { top: calc(var(--wgbv-p) * 138); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-grip-3 { top: calc(var(--wgbv-p) * 150.6); }
  }
  @container ((max-height: 269px) or (max-width: 379px)) and (min-height: 205.3px) {
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-stage { --wgbv-h: 200; }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-pb { height: calc(var(--wgbv-p) * 184); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-pb-rule { top: calc(var(--wgbv-p) * 40); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row { height: calc(var(--wgbv-p) * 38); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-1 { top: calc(var(--wgbv-p) * 52); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-grip-1 { top: calc(var(--wgbv-p) * 65.6); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-2 { top: calc(var(--wgbv-p) * 99); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-grip-2 { top: calc(var(--wgbv-p) * 112.6); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-3 { top: calc(var(--wgbv-p) * 146); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-grip-3 { top: calc(var(--wgbv-p) * 159.6); }
  }
  @container ((max-height: 269px) or (max-width: 379px)) and (min-height: 220.7px) {
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-stage { --wgbv-h: 215; }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-pb { height: calc(var(--wgbv-p) * 199); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-pb-rule { top: calc(var(--wgbv-p) * 52); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-pb-count { display: block; left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 31); font-size: calc(var(--wgbv-p) * 10.5); line-height: 1.2; }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-add { top: calc(var(--wgbv-p) * 15); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row { height: calc(var(--wgbv-p) * 40); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-1 { top: calc(var(--wgbv-p) * 64); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-grip-1 { top: calc(var(--wgbv-p) * 78.6); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-2 { top: calc(var(--wgbv-p) * 111.5); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-grip-2 { top: calc(var(--wgbv-p) * 126.1); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-3 { top: calc(var(--wgbv-p) * 159); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-grip-3 { top: calc(var(--wgbv-p) * 173.6); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-iconbox { width: calc(var(--wgbv-p) * 22); height: calc(var(--wgbv-p) * 22); border-radius: calc(var(--wgbv-p) * 6); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-iconbox .wgbv-i { width: calc(var(--wgbv-p) * 14); height: calc(var(--wgbv-p) * 14); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-title { font-size: calc(var(--wgbv-p) * 12); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-onoff { width: calc(var(--wgbv-p) * 34); height: calc(var(--wgbv-p) * 18); font-size: calc(var(--wgbv-p) * 9.5); }
  }
}

.wgbv-visual[data-wgbv="build"][data-wgbv-copy="wellness"] .wgbv-row-3 .wgbv-onoff { --on: 0; }
.wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-bg,
.wgbv-visual[data-wgbv="build"]:is(.platform_content-box .image-wrap *) .wgbv-bg { inset: auto; width: 100cqw; height: 100cqh; border-radius: 0;
  left: calc(var(--wgbv-p) * var(--wgbv-cx, 0) - (100cqw - var(--wgbv-p) * var(--wgbv-cw, var(--wgbv-w))) * var(--wgbv-ax, .5));
  top: calc(var(--wgbv-p) * var(--wgbv-cy, 0) - max(0px, (100cqh - var(--wgbv-p) * var(--wgbv-ch, var(--wgbv-h))) * var(--wgbv-ay, .5))); }
@container (min-width: 380px) and (min-height: 270px) and (aspect-ratio < 1.2) {
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-stage { --wgbv-w: 470; --wgbv-h: 410; --wgbv-fill: .96; }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-pb { left: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 10); width: calc(var(--wgbv-p) * 450); height: calc(var(--wgbv-p) * 390); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-pb-rule { top: calc(var(--wgbv-p) * 130); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-add { left: calc(var(--wgbv-p) * 31); top: calc(var(--wgbv-p) * 82); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-row { left: calc(var(--wgbv-p) * 36); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-row-1 { top: calc(var(--wgbv-p) * 160); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-row-2 { top: calc(var(--wgbv-p) * 236); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-row-3 { top: calc(var(--wgbv-p) * 312); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-grip { left: calc(var(--wgbv-p) * 19); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-grip-1 { top: calc(var(--wgbv-p) * 184.8); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-grip-2 { top: calc(var(--wgbv-p) * 260.8); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-grip-3 { top: calc(var(--wgbv-p) * 336.8); }
}
@container ((max-height: 269px) or (max-width: 379px)) and (aspect-ratio < 1.6) {
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-stage { --wgbv-h: 190; }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-pb { height: calc(var(--wgbv-p) * 174); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-pb-rule { top: calc(var(--wgbv-p) * 40); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-row { height: calc(var(--wgbv-p) * 36); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-row-1 { top: calc(var(--wgbv-p) * 52); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-grip-1 { top: calc(var(--wgbv-p) * 64.6); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-row-2 { top: calc(var(--wgbv-p) * 95); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-grip-2 { top: calc(var(--wgbv-p) * 107.6); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-row-3 { top: calc(var(--wgbv-p) * 138); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-grip-3 { top: calc(var(--wgbv-p) * 150.6); }
}
@container ((max-height: 269px) or (max-width: 379px)) and (aspect-ratio < 1.2) {
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-stage { --wgbv-h: 250; }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-pb { height: calc(var(--wgbv-p) * 234); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-pb-rule { top: calc(var(--wgbv-p) * 56); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-pb-count { display: block; left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 31); font-size: calc(var(--wgbv-p) * 10.5); line-height: 1.2; }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-add { top: calc(var(--wgbv-p) * 15); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-row { height: calc(var(--wgbv-p) * 48); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-row-1 { top: calc(var(--wgbv-p) * 70); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-grip-1 { top: calc(var(--wgbv-p) * 88.6); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-row-2 { top: calc(var(--wgbv-p) * 128); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-grip-2 { top: calc(var(--wgbv-p) * 146.6); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-row-3 { top: calc(var(--wgbv-p) * 186); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-grip-3 { top: calc(var(--wgbv-p) * 204.6); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-iconbox { width: calc(var(--wgbv-p) * 22); height: calc(var(--wgbv-p) * 22); border-radius: calc(var(--wgbv-p) * 6); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-iconbox .wgbv-i { width: calc(var(--wgbv-p) * 14); height: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-row-title { font-size: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-onoff { width: calc(var(--wgbv-p) * 34); height: calc(var(--wgbv-p) * 18); font-size: calc(var(--wgbv-p) * 9.5); }
}
@container (aspect-ratio > 2.4) {
  .wgbv-visual[data-wgbv="build"]:is(.platform_content-box .image-wrap *) .wgbv-stage { --wgbv-w: 420; --wgbv-h: 147; }
  .wgbv-visual[data-wgbv="build"]:is(.platform_content-box .image-wrap *) .wgbv-pb { width: calc(var(--wgbv-p) * 404); height: calc(var(--wgbv-p) * 131); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_content-box .image-wrap *) .wgbv-pb-title { top: calc(var(--wgbv-p) * 13); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_content-box .image-wrap *) .wgbv-pb-count { display: block; left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 35); font-size: calc(var(--wgbv-p) * 10.5); line-height: 1.2; }
  .wgbv-visual[data-wgbv="build"]:is(.platform_content-box .image-wrap *) .wgbv-pb-rule { display: none; }
  .wgbv-visual[data-wgbv="build"]:is(.platform_content-box .image-wrap *) .wgbv-add { left: calc(var(--wgbv-p) * 20); top: calc(var(--wgbv-p) * 64); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_content-box .image-wrap *) .wgbv-row { left: calc(var(--wgbv-p) * 156); width: calc(var(--wgbv-p) * 248); height: calc(var(--wgbv-p) * 33); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_content-box .image-wrap *) .wgbv-row-1 { top: calc(var(--wgbv-p) * 18); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_content-box .image-wrap *) .wgbv-row-2 { top: calc(var(--wgbv-p) * 57); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_content-box .image-wrap *) .wgbv-row-3 { top: calc(var(--wgbv-p) * 96); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_content-box .image-wrap *) .wgbv-grip { left: calc(var(--wgbv-p) * 142); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_content-box .image-wrap *) .wgbv-grip-1 { top: calc(var(--wgbv-p) * 29.1); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_content-box .image-wrap *) .wgbv-grip-2 { top: calc(var(--wgbv-p) * 68.1); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_content-box .image-wrap *) .wgbv-grip-3 { top: calc(var(--wgbv-p) * 107.1); }
}

@container (min-width: 380px) and (min-height: 270px) {
  .wgbv-visual[data-wgbv="build"]:is(.support_right-imgbox *) .wgbv-pb-title { font-size: calc(var(--wgbv-p) * 19); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-pb-title { font-size: calc(var(--wgbv-p) * 20); }
}
.wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-bg { inset: auto; width: 100cqw; height: 100cqh; border-radius: 0; left: calc(var(--wgbv-p) * var(--wgbv-cx, 0) - (100cqw - var(--wgbv-p) * var(--wgbv-cw, var(--wgbv-w))) * var(--wgbv-ax, .5)); top: calc(var(--wgbv-p) * var(--wgbv-cy, 0) - max(0px, (100cqh - var(--wgbv-p) * var(--wgbv-ch, var(--wgbv-h))) * var(--wgbv-ay, .5))); }
@container (min-width: 380px) and (min-height: 270px) and (aspect-ratio < 1.3) {
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-stage { --wgbv-w: 470; --wgbv-h: 410; --wgbv-fill: .96; }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-pb { left: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 10); width: calc(var(--wgbv-p) * 450); height: calc(var(--wgbv-p) * 390); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-pb-rule { top: calc(var(--wgbv-p) * 130); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-add { left: calc(var(--wgbv-p) * 31); top: calc(var(--wgbv-p) * 82); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-row { left: calc(var(--wgbv-p) * 36); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-row-1 { top: calc(var(--wgbv-p) * 160); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-row-2 { top: calc(var(--wgbv-p) * 236); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-row-3 { top: calc(var(--wgbv-p) * 312); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-grip { left: calc(var(--wgbv-p) * 19); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-grip-1 { top: calc(var(--wgbv-p) * 184.8); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-grip-2 { top: calc(var(--wgbv-p) * 260.8); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-grip-3 { top: calc(var(--wgbv-p) * 336.8); }
}
@container ((max-height: 269px) or (max-width: 379px)) and (aspect-ratio < 1.6) {
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-stage { --wgbv-h: 190; }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-pb { height: calc(var(--wgbv-p) * 174); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-pb-rule { top: calc(var(--wgbv-p) * 40); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-row { height: calc(var(--wgbv-p) * 36); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-row-1 { top: calc(var(--wgbv-p) * 52); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-grip-1 { top: calc(var(--wgbv-p) * 64.6); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-row-2 { top: calc(var(--wgbv-p) * 95); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-grip-2 { top: calc(var(--wgbv-p) * 107.6); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-row-3 { top: calc(var(--wgbv-p) * 138); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-grip-3 { top: calc(var(--wgbv-p) * 150.6); }
}
@container ((max-height: 269px) or (max-width: 379px)) and (aspect-ratio < 1.2) {
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-stage { --wgbv-h: 250; }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-pb { height: calc(var(--wgbv-p) * 234); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-pb-rule { top: calc(var(--wgbv-p) * 56); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-pb-count { display: block; left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 31); font-size: calc(var(--wgbv-p) * 10.5); line-height: 1.2; }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-add { top: calc(var(--wgbv-p) * 15); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-row { height: calc(var(--wgbv-p) * 48); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-row-1 { top: calc(var(--wgbv-p) * 70); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-grip-1 { top: calc(var(--wgbv-p) * 88.6); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-row-2 { top: calc(var(--wgbv-p) * 128); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-grip-2 { top: calc(var(--wgbv-p) * 146.6); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-row-3 { top: calc(var(--wgbv-p) * 186); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-grip-3 { top: calc(var(--wgbv-p) * 204.6); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-iconbox { width: calc(var(--wgbv-p) * 22); height: calc(var(--wgbv-p) * 22); border-radius: calc(var(--wgbv-p) * 6); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-iconbox .wgbv-i { width: calc(var(--wgbv-p) * 14); height: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-row-title { font-size: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-onoff { width: calc(var(--wgbv-p) * 34); height: calc(var(--wgbv-p) * 18); font-size: calc(var(--wgbv-p) * 9.5); }
}
.wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-bg { border-radius: calc(100cqw * .033); }
@container (max-width: 199px) {
  .wgbv-visual[data-wgbv="build"]:is(.support_faq-imgwrap *) .wgbv-stage { --wgbv-w: 190; --wgbv-h: 190; }
  .wgbv-visual[data-wgbv="build"]:is(.support_faq-imgwrap *) .wgbv-pb { left: calc(var(--wgbv-p) * 4); top: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 182); height: calc(var(--wgbv-p) * 182); border-radius: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="build"]:is(.support_faq-imgwrap *) .wgbv-pb-title { left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 12); font-size: calc(var(--wgbv-p) * 15); }
  .wgbv-visual[data-wgbv="build"]:is(.support_faq-imgwrap *) .wgbv-pb-count { display: none; }
  .wgbv-visual[data-wgbv="build"]:is(.support_faq-imgwrap *) .wgbv-pb-rule { display: none; }
  .wgbv-visual[data-wgbv="build"]:is(.support_faq-imgwrap *) .wgbv-grip { display: none; }
  .wgbv-visual[data-wgbv="build"]:is(.support_faq-imgwrap *) .wgbv-row-3 { display: none; }
  .wgbv-visual[data-wgbv="build"]:is(.support_faq-imgwrap *) .wgbv-add { left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 40); width: calc(var(--wgbv-p) * 166); height: calc(var(--wgbv-p) * 30); gap: calc(var(--wgbv-p) * 8); font-size: calc(var(--wgbv-p) * 11.5); }
  .wgbv-visual[data-wgbv="build"]:is(.support_faq-imgwrap *) .wgbv-add .wgbv-i { width: calc(var(--wgbv-p) * 12); height: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="build"]:is(.support_faq-imgwrap *) .wgbv-row { left: calc(var(--wgbv-p) * 12); width: calc(var(--wgbv-p) * 166); height: calc(var(--wgbv-p) * 40); align-items: center; gap: calc(var(--wgbv-p) * 7); padding: 0 calc(var(--wgbv-p) * 8); }
  .wgbv-visual[data-wgbv="build"]:is(.support_faq-imgwrap *) .wgbv-row-1 { top: calc(var(--wgbv-p) * 82); }
  .wgbv-visual[data-wgbv="build"]:is(.support_faq-imgwrap *) .wgbv-row-2 { top: calc(var(--wgbv-p) * 128); }
  .wgbv-visual[data-wgbv="build"]:is(.support_faq-imgwrap *) .wgbv-iconbox { display: none; }
  .wgbv-visual[data-wgbv="build"]:is(.support_faq-imgwrap *) .wgbv-row-detail { display: none; }
  .wgbv-visual[data-wgbv="build"]:is(.support_faq-imgwrap *) .wgbv-row-title { margin-top: 0; font-size: calc(var(--wgbv-p) * 12.5); white-space: nowrap; }
  .wgbv-visual[data-wgbv="build"]:is(.support_faq-imgwrap *) .wgbv-onoff { width: calc(var(--wgbv-p) * 28); height: calc(var(--wgbv-p) * 17); font-size: calc(var(--wgbv-p) * 9); }
}

.wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-bg { inset: auto; width: 100cqw; height: 100cqh; border-radius: 16px; left: calc(var(--wgbv-p) * var(--wgbv-cx, 0) - (100cqw - var(--wgbv-p) * var(--wgbv-cw, var(--wgbv-w))) * var(--wgbv-ax, .5)); top: calc(var(--wgbv-p) * var(--wgbv-cy, 0) - max(0px, (100cqh - var(--wgbv-p) * var(--wgbv-ch, var(--wgbv-h))) * var(--wgbv-ay, .5))); }
@container (width >= 380px) {
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-pb-title { font-size: calc(var(--wgbv-p) * 18); top: calc(var(--wgbv-p) * 24); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-stage { --wgbv-w: 470; --wgbv-h: 410; --wgbv-fill: .96; }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-pb { left: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 10); width: calc(var(--wgbv-p) * 450); height: calc(var(--wgbv-p) * 390); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-pb-rule { top: calc(var(--wgbv-p) * 130); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-add { left: calc(var(--wgbv-p) * 31); top: calc(var(--wgbv-p) * 82); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-row { left: calc(var(--wgbv-p) * 36); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-row-1 { top: calc(var(--wgbv-p) * 160); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-row-2 { top: calc(var(--wgbv-p) * 236); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-row-3 { top: calc(var(--wgbv-p) * 312); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-grip { left: calc(var(--wgbv-p) * 19); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-grip-1 { top: calc(var(--wgbv-p) * 184.8); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-grip-2 { top: calc(var(--wgbv-p) * 260.8); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-grip-3 { top: calc(var(--wgbv-p) * 336.8); }
}
@container (width < 380px) {
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-stage { --wgbv-h: 190; }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-pb { height: calc(var(--wgbv-p) * 174); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-pb-rule { top: calc(var(--wgbv-p) * 40); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-row { height: calc(var(--wgbv-p) * 36); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-row-1 { top: calc(var(--wgbv-p) * 52); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-grip-1 { top: calc(var(--wgbv-p) * 64.6); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-row-2 { top: calc(var(--wgbv-p) * 95); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-grip-2 { top: calc(var(--wgbv-p) * 107.6); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-row-3 { top: calc(var(--wgbv-p) * 138); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-grip-3 { top: calc(var(--wgbv-p) * 150.6); }
}
@container (width < 380px) {
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-stage { --wgbv-h: 250; }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-pb { height: calc(var(--wgbv-p) * 234); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-pb-rule { top: calc(var(--wgbv-p) * 56); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-pb-count { display: block; left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 31); font-size: calc(var(--wgbv-p) * 10.5); line-height: 1.2; }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-add { top: calc(var(--wgbv-p) * 15); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-row { height: calc(var(--wgbv-p) * 48); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-row-1 { top: calc(var(--wgbv-p) * 70); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-grip-1 { top: calc(var(--wgbv-p) * 88.6); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-row-2 { top: calc(var(--wgbv-p) * 128); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-grip-2 { top: calc(var(--wgbv-p) * 146.6); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-row-3 { top: calc(var(--wgbv-p) * 186); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-grip-3 { top: calc(var(--wgbv-p) * 204.6); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-iconbox { width: calc(var(--wgbv-p) * 22); height: calc(var(--wgbv-p) * 22); border-radius: calc(var(--wgbv-p) * 6); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-iconbox .wgbv-i { width: calc(var(--wgbv-p) * 14); height: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-row-title { font-size: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-onoff { width: calc(var(--wgbv-p) * 34); height: calc(var(--wgbv-p) * 18); font-size: calc(var(--wgbv-p) * 9.5); }
}

/* ---- visuals/completion.css ---- */
.wgbv-visual[data-wgbv="completion"] { --wgbv-ar: 1 / 1; --wgbv-w: 360; --wgbv-h: 360; }
.wgbv-visual[data-wgbv="completion"] .wgbv-stage { overflow: hidden; }
.wgbv-visual[data-wgbv="completion"] .wgbv-cm-ph { position: absolute; left: calc(var(--wgbv-p) * 20); top: calc(var(--wgbv-p) * 12); width: calc(var(--wgbv-p) * 320); height: calc(var(--wgbv-p) * 420);
  padding: calc(var(--wgbv-p) * 9); border-radius: calc(var(--wgbv-p) * 46); background: #111214;
  box-shadow: inset 0 0 0 calc(var(--wgbv-p) * 2) #5c5d61, inset 0 0 0 calc(var(--wgbv-p) * 3.5) #2a2b2e, 0 calc(var(--wgbv-p) * 10) calc(var(--wgbv-p) * 28) rgba(32, 33, 63, .12); }
.wgbv-visual[data-wgbv="completion"] .wgbv-cm-scr { position: relative; height: 100%; overflow: hidden; border-radius: calc(var(--wgbv-p) * 37); background: #fff; }
.wgbv-visual[data-wgbv="completion"] .wgbv-status { height: calc(var(--wgbv-p) * 34); padding: calc(var(--wgbv-p) * 2) calc(var(--wgbv-p) * 22) 0 calc(var(--wgbv-p) * 30); }
.wgbv-visual[data-wgbv="completion"] .wgbv-time { font-size: calc(var(--wgbv-p) * 12); }
.wgbv-visual[data-wgbv="completion"] .wgbv-sys { gap: calc(var(--wgbv-p) * 4); }
.wgbv-visual[data-wgbv="completion"] .wgbv-signal { width: calc(var(--wgbv-p) * 14); height: calc(var(--wgbv-p) * 9); }
.wgbv-visual[data-wgbv="completion"] .wgbv-wifi { width: calc(var(--wgbv-p) * 13); height: calc(var(--wgbv-p) * 9); }
.wgbv-visual[data-wgbv="completion"] .wgbv-battery { width: calc(var(--wgbv-p) * 20); height: calc(var(--wgbv-p) * 9.5); border-width: calc(var(--wgbv-p) * .8); border-radius: calc(var(--wgbv-p) * 3); }
.wgbv-visual[data-wgbv="completion"] .wgbv-battery i { inset: calc(var(--wgbv-p) * 1.2); border-radius: calc(var(--wgbv-p) * 1.6); }
.wgbv-visual[data-wgbv="completion"] .wgbv-island { top: calc(var(--wgbv-p) * 7); width: calc(var(--wgbv-p) * 76); height: calc(var(--wgbv-p) * 21); margin-left: calc(var(--wgbv-p) * -38); border-radius: calc(var(--wgbv-p) * 11); }
.wgbv-visual[data-wgbv="completion"] .wgbv-cm-bar { position: absolute; left: 0; right: 0; top: calc(var(--wgbv-p) * 34); height: calc(var(--wgbv-p) * 34); display: flex; align-items: center; justify-content: center; border-bottom: calc(var(--wgbv-p) * 1) solid #CBD5E1; }
.wgbv-visual[data-wgbv="completion"] .wgbv-cm-back { position: absolute; left: calc(var(--wgbv-p) * 9); display: flex; align-items: center; gap: calc(var(--wgbv-p) * 1); font-size: calc(var(--wgbv-p) * 13); color: #6741D9; }
.wgbv-visual[data-wgbv="completion"] .wgbv-cm-back .wgbv-i { width: calc(var(--wgbv-p) * 17); height: calc(var(--wgbv-p) * 17); stroke-width: 2.4; }
.wgbv-visual[data-wgbv="completion"] .wgbv-cm-ttl { font-size: calc(var(--wgbv-p) * 12.5); font-weight: 600; letter-spacing: -.01em; color: #1E293B; white-space: nowrap; }
.wgbv-visual[data-wgbv="completion"] .wgbv-cm-burst { position: absolute; left: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 76); width: calc(var(--wgbv-p) * 282); height: calc(var(--wgbv-p) * 116); }
.wgbv-visual[data-wgbv="completion"] .wgbv-cm-pop { position: absolute; left: 50%; top: 50%; width: calc(var(--wgbv-p) * 84); height: calc(var(--wgbv-p) * 84); margin: calc(var(--wgbv-p) * -42) 0 0 calc(var(--wgbv-p) * -42); overflow: visible; }
.wgbv-visual[data-wgbv="completion"] .wgbv-cm-pop [class^="wgbv-cm-s"] { fill: none; stroke-linecap: round; stroke-width: 2.8; }
.wgbv-visual[data-wgbv="completion"] .wgbv-cm-s1 { stroke: #FBBF24; stroke-width: 3.4; }
.wgbv-visual[data-wgbv="completion"] .wgbv-cm-s2 { stroke: #F59E0B; }
.wgbv-visual[data-wgbv="completion"] .wgbv-cm-s3 { stroke: #60A5FA; }
.wgbv-visual[data-wgbv="completion"] .wgbv-cm-s4 { stroke: #C084FC; }
.wgbv-visual[data-wgbv="completion"] .wgbv-cm-c { position: absolute; display: block; width: calc(var(--wgbv-p) * 7); height: calc(var(--wgbv-p) * 9); margin: calc(var(--wgbv-p) * -4.5) 0 0 calc(var(--wgbv-p) * -3.5); border-radius: calc(var(--wgbv-p) * 1.5); background: #FB7F61; }
.wgbv-visual[data-wgbv="completion"] .wgbv-cm-c:nth-of-type(1) { left: 6%; top: 6%; background: #F472B6; border-radius: 50% 10% 50% 10%; width: calc(var(--wgbv-p) * 10); rotate: -30deg; }
.wgbv-visual[data-wgbv="completion"] .wgbv-cm-c:nth-of-type(2) { left: 30%; top: 12%; rotate: -8deg; }
.wgbv-visual[data-wgbv="completion"] .wgbv-cm-c:nth-of-type(3) { left: 58%; top: 0%; width: calc(var(--wgbv-p) * 12); height: calc(var(--wgbv-p) * 5); background: #4263EB; }
.wgbv-visual[data-wgbv="completion"] .wgbv-cm-c:nth-of-type(4) { left: 86%; top: 12%; width: calc(var(--wgbv-p) * 12); height: calc(var(--wgbv-p) * 6); border-radius: 60% 10% 60% 10%; rotate: -20deg; }
.wgbv-visual[data-wgbv="completion"] .wgbv-cm-c:nth-of-type(5) { left: 22%; top: 34%; width: calc(var(--wgbv-p) * 8); height: calc(var(--wgbv-p) * 6); background: #4263EB; rotate: 25deg; }
.wgbv-visual[data-wgbv="completion"] .wgbv-cm-c:nth-of-type(6) { left: 3%; top: 48%; background: #16A34A; rotate: 4deg; }
.wgbv-visual[data-wgbv="completion"] .wgbv-cm-c:nth-of-type(7) { left: 72%; top: 24%; width: calc(var(--wgbv-p) * 8); height: calc(var(--wgbv-p) * 11); border-radius: 50% 10% 50% 10%; rotate: 20deg; }
.wgbv-visual[data-wgbv="completion"] .wgbv-cm-c:nth-of-type(8) { left: 82%; top: 54%; width: calc(var(--wgbv-p) * 5); background: #4263EB; rotate: 8deg; }
.wgbv-visual[data-wgbv="completion"] .wgbv-cm-c:nth-of-type(9) { left: 96%; top: 66%; width: calc(var(--wgbv-p) * 11); height: calc(var(--wgbv-p) * 7); border-radius: 60% 10% 60% 10%; rotate: 30deg; }
.wgbv-visual[data-wgbv="completion"] .wgbv-cm-c:nth-of-type(10) { left: 5%; top: 86%; width: calc(var(--wgbv-p) * 12); height: calc(var(--wgbv-p) * 6); border-radius: 60% 10% 60% 10%; rotate: -12deg; }
.wgbv-visual[data-wgbv="completion"] .wgbv-cm-c:nth-of-type(11) { left: 27%; top: 74%; width: calc(var(--wgbv-p) * 6); background: #16A34A; rotate: -4deg; }
.wgbv-visual[data-wgbv="completion"] .wgbv-cm-c:nth-of-type(12) { left: 88%; top: 94%; width: calc(var(--wgbv-p) * 9); height: calc(var(--wgbv-p) * 7); background: #4263EB; border-radius: 50% 10% 50% 10%; rotate: -35deg; }
.wgbv-visual[data-wgbv="completion"] .wgbv-cm-c:nth-of-type(13) { left: 16%; top: 100%; width: calc(var(--wgbv-p) * 5); height: calc(var(--wgbv-p) * 8); background: #D97706; rotate: -6deg; }
.wgbv-visual[data-wgbv="completion"] .wgbv-cm-c:nth-of-type(14) { left: 70%; top: 96%; width: calc(var(--wgbv-p) * 6); height: calc(var(--wgbv-p) * 6); background: #D97706; rotate: 40deg; }
.wgbv-visual[data-wgbv="completion"] .wgbv-cm-msg { position: absolute; left: calc(var(--wgbv-p) * 12); right: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 200); display: flex; flex-direction: column; align-items: center; text-align: center; color: #2C2D73; }
.wgbv-visual[data-wgbv="completion"] .wgbv-cm-hi { font-size: calc(var(--wgbv-p) * 18); font-weight: 700; line-height: 1.2; letter-spacing: -.015em; }
.wgbv-visual[data-wgbv="completion"] .wgbv-cm-sub { margin-top: calc(var(--wgbv-p) * 6); font-size: calc(var(--wgbv-p) * 13.5); font-weight: 600; line-height: 1.3; letter-spacing: -.01em; text-wrap: balance; }
.wgbv-visual[data-wgbv="completion"] .wgbv-cm-next { display: flex; align-items: center; justify-content: center; gap: calc(var(--wgbv-p) * 7); width: 100%; height: calc(var(--wgbv-p) * 36); margin-top: calc(var(--wgbv-p) * 22);
  border-radius: calc(var(--wgbv-p) * 8); background: #4F46E5; color: #fff; font-size: calc(var(--wgbv-p) * 13.5); font-weight: 500; }
.wgbv-visual[data-wgbv="completion"] .wgbv-cm-next .wgbv-i { width: calc(var(--wgbv-p) * 16); height: calc(var(--wgbv-p) * 16); stroke-width: 2.2; }

@container (aspect-ratio >= 1.45) {
  .wgbv-visual[data-wgbv="completion"] .wgbv-stage { --wgbv-w: 400; --wgbv-h: 200; }
  .wgbv-visual[data-wgbv="completion"] .wgbv-cm-ph { left: calc(var(--wgbv-p) * 6); top: calc(var(--wgbv-p) * 6); width: calc(var(--wgbv-p) * 388); height: calc(var(--wgbv-p) * 188); padding: 0;
    border-radius: calc(var(--wgbv-p) * 16); background: #fff; box-shadow: 0 0 0 calc(var(--wgbv-p) * 1) #E2E8F0, 0 calc(var(--wgbv-p) * 6) calc(var(--wgbv-p) * 16) rgba(32, 33, 63, .08); }
  .wgbv-visual[data-wgbv="completion"] .wgbv-cm-scr { border-radius: calc(var(--wgbv-p) * 16); }
  .wgbv-visual[data-wgbv="completion"] .wgbv-status, .wgbv-visual[data-wgbv="completion"] .wgbv-island { display: none; }
  .wgbv-visual[data-wgbv="completion"] .wgbv-cm-bar { top: 0; height: calc(var(--wgbv-p) * 38); }
  .wgbv-visual[data-wgbv="completion"] .wgbv-cm-burst { left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 50); width: calc(var(--wgbv-p) * 140); height: calc(var(--wgbv-p) * 124); }
  .wgbv-visual[data-wgbv="completion"] .wgbv-cm-pop { width: calc(var(--wgbv-p) * 76); height: calc(var(--wgbv-p) * 76); margin: calc(var(--wgbv-p) * -38) 0 0 calc(var(--wgbv-p) * -38); }
  .wgbv-visual[data-wgbv="completion"] .wgbv-cm-msg { left: calc(var(--wgbv-p) * 164); right: calc(var(--wgbv-p) * 16); top: calc(var(--wgbv-p) * 62); }
  .wgbv-visual[data-wgbv="completion"] .wgbv-cm-next { width: calc(var(--wgbv-p) * 176); margin-top: calc(var(--wgbv-p) * 18); }
}
.wgbv-visual[data-wgbv="completion"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-stage { --wgbv-ay: 1; }

/* ---- visuals/compliance.css ---- */
.wgbv-visual[data-wgbv="compliance"] { --wgbv-ar: 420 / 300; --wgbv-w: 420; --wgbv-h: 300; }
.wgbv-visual[data-wgbv="compliance"] .wgbv-bg { position: absolute; inset: calc(var(--wgbv-p) * 1.5) 0 0; border-radius: calc(var(--wgbv-p) * 20); background: #E6EAFB; }
.wgbv-visual[data-wgbv="compliance"] .wgbv-cp-lines { position: absolute; left: calc(var(--wgbv-p) * 112); top: calc(var(--wgbv-p) * 40); width: calc(var(--wgbv-p) * 64); height: calc(var(--wgbv-p) * 190); overflow: visible; }
.wgbv-visual[data-wgbv="compliance"] .wgbv-cp-lw { display: none; left: calc(var(--wgbv-p) * 154); top: calc(var(--wgbv-p) * 26); width: calc(var(--wgbv-p) * 136); height: calc(var(--wgbv-p) * 160); }
.wgbv-visual[data-wgbv="compliance"] .wgbv-cp-lines path { fill: none; stroke: #8B9CF7; stroke-width: 1.8; stroke-linejoin: round; }
.wgbv-visual[data-wgbv="compliance"] .wgbv-cp-node { position: absolute; left: calc(var(--wgbv-p) * 20); top: calc(var(--wgbv-p) * 89); display: grid; place-items: center; width: calc(var(--wgbv-p) * 92); height: calc(var(--wgbv-p) * 92);
  border: calc(var(--wgbv-p) * 1.4) solid #93C5FD; border-radius: calc(var(--wgbv-p) * 16); background: #F5F9FF; color: #2563EB; box-shadow: 0 calc(var(--wgbv-p) * 8) calc(var(--wgbv-p) * 20) rgba(37, 99, 235, .12); }
.wgbv-visual[data-wgbv="compliance"] .wgbv-cp-node .wgbv-i { width: calc(var(--wgbv-p) * 46); height: calc(var(--wgbv-p) * 46); stroke-width: 1.4; }
.wgbv-visual[data-wgbv="compliance"] .wgbv-cp-name { position: absolute; left: calc(var(--wgbv-p) * 20); top: calc(var(--wgbv-p) * 189); width: calc(var(--wgbv-p) * 92); text-align: center; font-size: calc(var(--wgbv-p) * 13); font-weight: 700; line-height: 1.2; color: #2C2D73; }
.wgbv-visual[data-wgbv="compliance"] .wgbv-cp-row { position: absolute; left: calc(var(--wgbv-p) * 176); display: flex; align-items: center; justify-content: space-between; gap: calc(var(--wgbv-p) * 8); width: calc(var(--wgbv-p) * 226); height: calc(var(--wgbv-p) * 38); padding: 0 calc(var(--wgbv-p) * 8) 0 calc(var(--wgbv-p) * 14);
  border: calc(var(--wgbv-p) * .9) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 10); background: #fff; font-size: calc(var(--wgbv-p) * 12.5); font-weight: 600; color: #1E293B; white-space: nowrap;
  box-shadow: 0 calc(var(--wgbv-p) * 1) calc(var(--wgbv-p) * 2) rgba(16, 24, 40, .04), 0 calc(var(--wgbv-p) * 4) calc(var(--wgbv-p) * 10) rgba(16, 24, 40, .05); }
.wgbv-visual[data-wgbv="compliance"] .wgbv-cp-r1 { top: calc(var(--wgbv-p) * 22); }
.wgbv-visual[data-wgbv="compliance"] .wgbv-cp-r2 { top: calc(var(--wgbv-p) * 69); }
.wgbv-visual[data-wgbv="compliance"] .wgbv-cp-r3 { top: calc(var(--wgbv-p) * 116); }
.wgbv-visual[data-wgbv="compliance"] .wgbv-cp-r4 { top: calc(var(--wgbv-p) * 163); }
.wgbv-visual[data-wgbv="compliance"] .wgbv-cp-r5 { top: calc(var(--wgbv-p) * 210); }
.wgbv-visual[data-wgbv="compliance"] .wgbv-cp-ck { display: grid; place-items: center; flex: none; width: calc(var(--wgbv-p) * 22); height: calc(var(--wgbv-p) * 22); border-radius: calc(var(--wgbv-p) * 6); background: #16A34A; color: #fff; }
.wgbv-visual[data-wgbv="compliance"] .wgbv-cp-ck .wgbv-i { width: calc(var(--wgbv-p) * 15); height: calc(var(--wgbv-p) * 15); stroke-width: 3; }
.wgbv-visual[data-wgbv="compliance"] .wgbv-cp-chip { position: absolute; left: calc(var(--wgbv-p) * 176); top: calc(var(--wgbv-p) * 258); display: flex; align-items: center; justify-content: center; gap: calc(var(--wgbv-p) * 6); width: calc(var(--wgbv-p) * 226); height: calc(var(--wgbv-p) * 30);
  border-radius: calc(var(--wgbv-p) * 15); background: #fff; color: #4338CA; box-shadow: 0 calc(var(--wgbv-p) * 1) calc(var(--wgbv-p) * 2) rgba(16, 24, 40, .05); font-size: calc(var(--wgbv-p) * 11.5); font-weight: 600; white-space: nowrap; }
.wgbv-visual[data-wgbv="compliance"] .wgbv-cp-chip .wgbv-i { width: calc(var(--wgbv-p) * 14); height: calc(var(--wgbv-p) * 14); }
@container (max-width: 299px) {
  .wgbv-visual[data-wgbv="compliance"] .wgbv-stage { --wgbv-w: 310; --wgbv-h: 262; }
  .wgbv-visual[data-wgbv="compliance"] .wgbv-cp-lines { display: none; }
  .wgbv-visual[data-wgbv="compliance"] .wgbv-cp-node { left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 10); width: calc(var(--wgbv-p) * 56); height: calc(var(--wgbv-p) * 56); border-radius: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="compliance"] .wgbv-cp-node .wgbv-i { width: calc(var(--wgbv-p) * 30); height: calc(var(--wgbv-p) * 30); }
  .wgbv-visual[data-wgbv="compliance"] .wgbv-cp-name { left: calc(var(--wgbv-p) * 80); top: calc(var(--wgbv-p) * 29); width: auto; font-size: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="compliance"] .wgbv-cp-row { left: calc(var(--wgbv-p) * 12); width: calc(var(--wgbv-p) * 140); height: calc(var(--wgbv-p) * 36); padding: 0 calc(var(--wgbv-p) * 7) 0 calc(var(--wgbv-p) * 10); font-size: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="compliance"] .wgbv-cp-r1 { top: calc(var(--wgbv-p) * 78); width: calc(var(--wgbv-p) * 286); }
  .wgbv-visual[data-wgbv="compliance"] .wgbv-cp-r2 ,   .wgbv-visual[data-wgbv="compliance"] .wgbv-cp-r3 { top: calc(var(--wgbv-p) * 122); }
  .wgbv-visual[data-wgbv="compliance"] .wgbv-cp-r4 ,   .wgbv-visual[data-wgbv="compliance"] .wgbv-cp-r5 { top: calc(var(--wgbv-p) * 166); }
  .wgbv-visual[data-wgbv="compliance"] .wgbv-cp-r3 ,   .wgbv-visual[data-wgbv="compliance"] .wgbv-cp-r5 { left: calc(var(--wgbv-p) * 158); }
  .wgbv-visual[data-wgbv="compliance"] .wgbv-cp-ck { width: calc(var(--wgbv-p) * 19); height: calc(var(--wgbv-p) * 19); border-radius: calc(var(--wgbv-p) * 5); }
  .wgbv-visual[data-wgbv="compliance"] .wgbv-cp-ck .wgbv-i { width: calc(var(--wgbv-p) * 13); height: calc(var(--wgbv-p) * 13); }
  .wgbv-visual[data-wgbv="compliance"] .wgbv-cp-chip { left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 214); width: calc(var(--wgbv-p) * 286); height: calc(var(--wgbv-p) * 34); border-radius: calc(var(--wgbv-p) * 17); font-size: calc(var(--wgbv-p) * 12); }
}
@container (min-width: 300px) and (aspect-ratio >= 1.8) {
  .wgbv-visual[data-wgbv="compliance"] .wgbv-stage { --wgbv-w: 520; --wgbv-h: 212; }
  .wgbv-visual[data-wgbv="compliance"] .wgbv-cp-lines { display: none; }
  .wgbv-visual[data-wgbv="compliance"] .wgbv-cp-lw { display: block; }
  .wgbv-visual[data-wgbv="compliance"] .wgbv-cp-node { left: calc(var(--wgbv-p) * 66); top: calc(var(--wgbv-p) * 62); width: calc(var(--wgbv-p) * 88); height: calc(var(--wgbv-p) * 88); }
  .wgbv-visual[data-wgbv="compliance"] .wgbv-cp-name { left: calc(var(--wgbv-p) * 66); top: calc(var(--wgbv-p) * 156); width: calc(var(--wgbv-p) * 88); }
  .wgbv-visual[data-wgbv="compliance"] .wgbv-cp-row { left: calc(var(--wgbv-p) * 290); width: calc(var(--wgbv-p) * 214); height: calc(var(--wgbv-p) * 32); }
  .wgbv-visual[data-wgbv="compliance"] .wgbv-cp-r1 { top: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="compliance"] .wgbv-cp-r2 { top: calc(var(--wgbv-p) * 51); }
  .wgbv-visual[data-wgbv="compliance"] .wgbv-cp-r3 { top: calc(var(--wgbv-p) * 90); }
  .wgbv-visual[data-wgbv="compliance"] .wgbv-cp-r4 { top: calc(var(--wgbv-p) * 129); }
  .wgbv-visual[data-wgbv="compliance"] .wgbv-cp-r5 { top: calc(var(--wgbv-p) * 168); }
  .wgbv-visual[data-wgbv="compliance"] .wgbv-cp-ck { width: calc(var(--wgbv-p) * 20); height: calc(var(--wgbv-p) * 20); }
  .wgbv-visual[data-wgbv="compliance"] .wgbv-cp-chip { left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 180); width: calc(var(--wgbv-p) * 196); }
}

@media (min-width: 480px) and (max-width: 991px) {
  @container (min-width: 300px) and (aspect-ratio >= 1.8) and ((aspect-ratio <= 2.189) or (min-height: 301.4px)) {
    .wgbv-visual[data-wgbv="compliance"]:is(.point *) .wgbv-stage { --wgbv-h: 237.5; }
    .wgbv-visual[data-wgbv="compliance"]:is(.point *) .wgbv-cp-node { top: calc(var(--wgbv-p) * 74.75); }
    .wgbv-visual[data-wgbv="compliance"]:is(.point *) .wgbv-cp-name { top: calc(var(--wgbv-p) * 168.75); }
    .wgbv-visual[data-wgbv="compliance"]:is(.point *) .wgbv-cp-row { height: calc(var(--wgbv-p) * 34); }
    .wgbv-visual[data-wgbv="compliance"]:is(.point *) .wgbv-cp-r1 { top: calc(var(--wgbv-p) * 10); }
    .wgbv-visual[data-wgbv="compliance"]:is(.point *) .wgbv-cp-r2 { top: calc(var(--wgbv-p) * 55.875); }
    .wgbv-visual[data-wgbv="compliance"]:is(.point *) .wgbv-cp-r3 { top: calc(var(--wgbv-p) * 101.75); }
    .wgbv-visual[data-wgbv="compliance"]:is(.point *) .wgbv-cp-r4 { top: calc(var(--wgbv-p) * 147.625); }
    .wgbv-visual[data-wgbv="compliance"]:is(.point *) .wgbv-cp-r5 { top: calc(var(--wgbv-p) * 193.5); }
    .wgbv-visual[data-wgbv="compliance"]:is(.point *) .wgbv-cp-chip { top: calc(var(--wgbv-p) * 197.5); }
    .wgbv-visual[data-wgbv="compliance"]:is(.point *) .wgbv-cp-lw { transform-origin: 0 calc(var(--wgbv-p) * 80); transform: translateY(calc(var(--wgbv-p) * 12.75)) scale(1, 1.1763); }
    .wgbv-visual[data-wgbv="compliance"]:is(.point *) .wgbv-cp-lw path { stroke-width: 1.530; }
  }
  @container (min-width: 300px) and (aspect-ratio >= 1.8) and ((aspect-ratio <= 2.097) or (min-height: 314.8px)) {
    .wgbv-visual[data-wgbv="compliance"]:is(.point *) .wgbv-stage { --wgbv-h: 248; }
    .wgbv-visual[data-wgbv="compliance"]:is(.point *) .wgbv-cp-node { top: calc(var(--wgbv-p) * 80); }
    .wgbv-visual[data-wgbv="compliance"]:is(.point *) .wgbv-cp-name { top: calc(var(--wgbv-p) * 174); }
    .wgbv-visual[data-wgbv="compliance"]:is(.point *) .wgbv-cp-row { height: calc(var(--wgbv-p) * 36); }
    .wgbv-visual[data-wgbv="compliance"]:is(.point *) .wgbv-cp-r1 { top: calc(var(--wgbv-p) * 10); }
    .wgbv-visual[data-wgbv="compliance"]:is(.point *) .wgbv-cp-r2 { top: calc(var(--wgbv-p) * 58); }
    .wgbv-visual[data-wgbv="compliance"]:is(.point *) .wgbv-cp-r3 { top: calc(var(--wgbv-p) * 106); }
    .wgbv-visual[data-wgbv="compliance"]:is(.point *) .wgbv-cp-r4 { top: calc(var(--wgbv-p) * 154); }
    .wgbv-visual[data-wgbv="compliance"]:is(.point *) .wgbv-cp-r5 { top: calc(var(--wgbv-p) * 202); }
    .wgbv-visual[data-wgbv="compliance"]:is(.point *) .wgbv-cp-chip { top: calc(var(--wgbv-p) * 208); }
    .wgbv-visual[data-wgbv="compliance"]:is(.point *) .wgbv-cp-lw { transform-origin: 0 calc(var(--wgbv-p) * 80); transform: translateY(calc(var(--wgbv-p) * 18)) scale(1, 1.2308); }
    .wgbv-visual[data-wgbv="compliance"]:is(.point *) .wgbv-cp-lw path { stroke-width: 1.462; }
  }
  @container (min-width: 300px) and (aspect-ratio >= 1.8) and ((aspect-ratio <= 1.926)) {
    .wgbv-visual[data-wgbv="compliance"]:is(.point *) .wgbv-stage { --wgbv-h: 270; }
    .wgbv-visual[data-wgbv="compliance"]:is(.point *) .wgbv-cp-node { top: calc(var(--wgbv-p) * 91); }
    .wgbv-visual[data-wgbv="compliance"]:is(.point *) .wgbv-cp-name { top: calc(var(--wgbv-p) * 185); }
    .wgbv-visual[data-wgbv="compliance"]:is(.point *) .wgbv-cp-row { height: calc(var(--wgbv-p) * 38); }
    .wgbv-visual[data-wgbv="compliance"]:is(.point *) .wgbv-cp-r1 { top: calc(var(--wgbv-p) * 10); }
    .wgbv-visual[data-wgbv="compliance"]:is(.point *) .wgbv-cp-r2 { top: calc(var(--wgbv-p) * 63); }
    .wgbv-visual[data-wgbv="compliance"]:is(.point *) .wgbv-cp-r3 { top: calc(var(--wgbv-p) * 116); }
    .wgbv-visual[data-wgbv="compliance"]:is(.point *) .wgbv-cp-r4 { top: calc(var(--wgbv-p) * 169); }
    .wgbv-visual[data-wgbv="compliance"]:is(.point *) .wgbv-cp-r5 { top: calc(var(--wgbv-p) * 222); }
    .wgbv-visual[data-wgbv="compliance"]:is(.point *) .wgbv-cp-chip { top: calc(var(--wgbv-p) * 230); }
    .wgbv-visual[data-wgbv="compliance"]:is(.point *) .wgbv-cp-lw { transform-origin: 0 calc(var(--wgbv-p) * 80); transform: translateY(calc(var(--wgbv-p) * 29)) scale(1, 1.3590); }
    .wgbv-visual[data-wgbv="compliance"]:is(.point *) .wgbv-cp-lw path { stroke-width: 1.325; }
  }
}

/* ---- visuals/compliance-platform.css ---- */
.wgbv-visual[data-wgbv="compliance-platform"] { --wgbv-ar: 620 / 363; --wgbv-w: 620; --wgbv-h: 363; }
.wgbv-visual[data-wgbv="compliance-platform"][data-wgbv] { width: 100%; max-width: 100%; aspect-ratio: 644 / 404; }
.wgbv-visual[data-wgbv="compliance-platform"] .wgbv-bg { position: absolute; inset: 0; border-radius: calc(var(--wgbv-p) * 20); background: #E4E8FB; }
.wgbv-visual[data-wgbv="compliance-platform"] .wgbv-cq-lines { position: absolute; left: calc(var(--wgbv-p) * 326); top: calc(var(--wgbv-p) * 90); width: calc(var(--wgbv-p) * 84); height: calc(var(--wgbv-p) * 182); overflow: visible; }
.wgbv-visual[data-wgbv="compliance-platform"] .wgbv-cq-n { display: none; left: calc(var(--wgbv-p) * 248); top: calc(var(--wgbv-p) * 53); width: calc(var(--wgbv-p) * 52); height: calc(var(--wgbv-p) * 140); }
.wgbv-visual[data-wgbv="compliance-platform"] .wgbv-cq-lines path { fill: none; stroke: #8B9CF7; stroke-width: 1.8; stroke-linejoin: round; }
.wgbv-visual[data-wgbv="compliance-platform"] .wgbv-cq-role { position: absolute; left: calc(var(--wgbv-p) * 34); top: calc(var(--wgbv-p) * 34); width: calc(var(--wgbv-p) * 292); height: calc(var(--wgbv-p) * 295);
  border-radius: calc(var(--wgbv-p) * 16); background: #fff; box-shadow: 0 calc(var(--wgbv-p) * 1) calc(var(--wgbv-p) * 2) rgba(16, 24, 40, .05), 0 calc(var(--wgbv-p) * 12) calc(var(--wgbv-p) * 28) rgba(46, 42, 128, .12); }
.wgbv-visual[data-wgbv="compliance-platform"] .wgbv-cq-tile { position: absolute; left: calc(var(--wgbv-p) * 18); top: calc(var(--wgbv-p) * 18); display: grid; place-items: center; width: calc(var(--wgbv-p) * 32); height: calc(var(--wgbv-p) * 32); border-radius: calc(var(--wgbv-p) * 8); background: #F0EEFE; color: #6741D9; }
.wgbv-visual[data-wgbv="compliance-platform"] .wgbv-cq-tile .wgbv-i { width: calc(var(--wgbv-p) * 18); height: calc(var(--wgbv-p) * 18); stroke-width: 1.8; }
.wgbv-visual[data-wgbv="compliance-platform"] .wgbv-cq-title { position: absolute; left: calc(var(--wgbv-p) * 60); top: calc(var(--wgbv-p) * 24); font-size: calc(var(--wgbv-p) * 16.5); font-weight: 700; line-height: 1.2; letter-spacing: -.01em; color: #111827; white-space: nowrap; }
.wgbv-visual[data-wgbv="compliance-platform"] .wgbv-cq-lb { position: absolute; left: calc(var(--wgbv-p) * 18); font-size: calc(var(--wgbv-p) * 12); font-weight: 600; line-height: 1.2; color: #6B7280; white-space: nowrap; }
.wgbv-visual[data-wgbv="compliance-platform"] .wgbv-cq-lb1 { top: calc(var(--wgbv-p) * 66); }
.wgbv-visual[data-wgbv="compliance-platform"] .wgbv-cq-lb2 { top: calc(var(--wgbv-p) * 136); }
.wgbv-visual[data-wgbv="compliance-platform"] .wgbv-cq-name { position: absolute; left: calc(var(--wgbv-p) * 18); top: calc(var(--wgbv-p) * 84); display: flex; align-items: center; width: calc(var(--wgbv-p) * 256); height: calc(var(--wgbv-p) * 36); padding: 0 calc(var(--wgbv-p) * 12);
  border: calc(var(--wgbv-p) * .9) solid #D1D5DB; border-radius: calc(var(--wgbv-p) * 8); font-size: calc(var(--wgbv-p) * 13.5); color: #111827; white-space: nowrap; }
.wgbv-visual[data-wgbv="compliance-platform"] .wgbv-cq-perm { position: absolute; left: calc(var(--wgbv-p) * 18); display: flex; align-items: center; gap: calc(var(--wgbv-p) * 10); width: calc(var(--wgbv-p) * 256); height: calc(var(--wgbv-p) * 36); padding: 0 calc(var(--wgbv-p) * 10);
  border: calc(var(--wgbv-p) * .9) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 8); background: #FAFAFF; font-size: calc(var(--wgbv-p) * 13.5); font-weight: 500; color: #1E293B; white-space: nowrap; }
.wgbv-visual[data-wgbv="compliance-platform"] .wgbv-cq-q1 { top: calc(var(--wgbv-p) * 156); }
.wgbv-visual[data-wgbv="compliance-platform"] .wgbv-cq-q2 { top: calc(var(--wgbv-p) * 200); }
.wgbv-visual[data-wgbv="compliance-platform"] .wgbv-cq-q3 { top: calc(var(--wgbv-p) * 244); }
.wgbv-visual[data-wgbv="compliance-platform"] .wgbv-cq-box { position: relative; display: grid; place-items: center; flex: none; width: calc(var(--wgbv-p) * 18); height: calc(var(--wgbv-p) * 18); border: calc(var(--wgbv-p) * 1.2) solid #C4C9D4; border-radius: calc(var(--wgbv-p) * 4.5); background: #fff; color: #fff; }
.wgbv-visual[data-wgbv="compliance-platform"] .wgbv-cq-box i { position: absolute; inset: calc(var(--wgbv-p) * -1.2); border-radius: inherit; background: #6741D9; }
.wgbv-visual[data-wgbv="compliance-platform"] .wgbv-cq-box .wgbv-i { position: relative; width: calc(var(--wgbv-p) * 13); height: calc(var(--wgbv-p) * 13); stroke-width: 3; }
.wgbv-visual[data-wgbv="compliance-platform"] .wgbv-cq-b { position: absolute; left: calc(var(--wgbv-p) * 410); display: flex; align-items: center; justify-content: space-between; width: calc(var(--wgbv-p) * 170); height: calc(var(--wgbv-p) * 58); padding: 0 calc(var(--wgbv-p) * 14) 0 calc(var(--wgbv-p) * 20);
  border-radius: calc(var(--wgbv-p) * 12); background: #fff; font-size: calc(var(--wgbv-p) * 20); font-weight: 800; letter-spacing: .03em; color: #1E293B;
  box-shadow: 0 calc(var(--wgbv-p) * 1) calc(var(--wgbv-p) * 2) rgba(16, 24, 40, .05), 0 calc(var(--wgbv-p) * 8) calc(var(--wgbv-p) * 20) rgba(46, 42, 128, .10); }
.wgbv-visual[data-wgbv="compliance-platform"] .wgbv-cq-b1 { top: calc(var(--wgbv-p) * 63); }
.wgbv-visual[data-wgbv="compliance-platform"] .wgbv-cq-b2 { top: calc(var(--wgbv-p) * 152); }
.wgbv-visual[data-wgbv="compliance-platform"] .wgbv-cq-b3 { top: calc(var(--wgbv-p) * 241); }
.wgbv-visual[data-wgbv="compliance-platform"] .wgbv-cq-ck { display: grid; place-items: center; width: calc(var(--wgbv-p) * 28); height: calc(var(--wgbv-p) * 28); border-radius: calc(var(--wgbv-p) * 7); background: #16A34A; color: #fff; }
.wgbv-visual[data-wgbv="compliance-platform"] .wgbv-cq-ck .wgbv-i { width: calc(var(--wgbv-p) * 18); height: calc(var(--wgbv-p) * 18); stroke-width: 3; }
@container (max-width: 400px) {
  .wgbv-visual[data-wgbv="compliance-platform"] .wgbv-stage { --wgbv-w: 420; --wgbv-h: 246; }
  .wgbv-visual[data-wgbv="compliance-platform"] .wgbv-cq-lines { display: none; }
  .wgbv-visual[data-wgbv="compliance-platform"] .wgbv-cq-n { display: block; }
  .wgbv-visual[data-wgbv="compliance-platform"] .wgbv-cq-role { left: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 22); width: calc(var(--wgbv-p) * 234); height: calc(var(--wgbv-p) * 202); }
  .wgbv-visual[data-wgbv="compliance-platform"] .wgbv-cq-tile { left: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="compliance-platform"] .wgbv-cq-title { left: calc(var(--wgbv-p) * 54); top: calc(var(--wgbv-p) * 20); font-size: calc(var(--wgbv-p) * 15.5); }
  .wgbv-visual[data-wgbv="compliance-platform"] .wgbv-cq-lb1 ,   .wgbv-visual[data-wgbv="compliance-platform"] .wgbv-cq-name { display: none; }
  .wgbv-visual[data-wgbv="compliance-platform"] .wgbv-cq-lb2 { left: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 60); }
  .wgbv-visual[data-wgbv="compliance-platform"] .wgbv-cq-perm { left: calc(var(--wgbv-p) * 12); width: calc(var(--wgbv-p) * 210); height: calc(var(--wgbv-p) * 34); gap: calc(var(--wgbv-p) * 8); padding: 0 calc(var(--wgbv-p) * 8); font-size: calc(var(--wgbv-p) * 12.5); }
  .wgbv-visual[data-wgbv="compliance-platform"] .wgbv-cq-q1 { top: calc(var(--wgbv-p) * 80); }
  .wgbv-visual[data-wgbv="compliance-platform"] .wgbv-cq-q2 { top: calc(var(--wgbv-p) * 120); }
  .wgbv-visual[data-wgbv="compliance-platform"] .wgbv-cq-q3 { top: calc(var(--wgbv-p) * 160); }
  .wgbv-visual[data-wgbv="compliance-platform"] .wgbv-cq-b { left: calc(var(--wgbv-p) * 300); width: calc(var(--wgbv-p) * 106); height: calc(var(--wgbv-p) * 50); padding: 0 calc(var(--wgbv-p) * 10) 0 calc(var(--wgbv-p) * 14); font-size: calc(var(--wgbv-p) * 17); }
  .wgbv-visual[data-wgbv="compliance-platform"] .wgbv-cq-b1 { top: calc(var(--wgbv-p) * 30); }
  .wgbv-visual[data-wgbv="compliance-platform"] .wgbv-cq-b2 { top: calc(var(--wgbv-p) * 98); }
  .wgbv-visual[data-wgbv="compliance-platform"] .wgbv-cq-b3 { top: calc(var(--wgbv-p) * 166); }
  .wgbv-visual[data-wgbv="compliance-platform"] .wgbv-cq-ck { width: calc(var(--wgbv-p) * 24); height: calc(var(--wgbv-p) * 24); }
}

/* ---- visuals/connect.css ---- */
.wgbv-visual[data-wgbv="connect"] { --wgbv-ar: 620 / 363; --wgbv-w: 620; --wgbv-h: 363; }
.wgbv-visual[data-wgbv="connect"] .wgbv-bg { position: absolute; inset: 0; border-radius: calc(var(--wgbv-p) * 20); background: #FAC465; }
.wgbv-visual[data-wgbv="connect"] .wgbv-lines { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.wgbv-visual[data-wgbv="connect"] .wgbv-lines path { fill: none; stroke: #8000CF; stroke-width: 1.44; stroke-dasharray: 7.68 3.84; }
.wgbv-visual[data-wgbv="connect"] .wgbv-pill { position: absolute; left: calc(var(--wgbv-p) * 43.7); display: flex; align-items: center; gap: calc(var(--wgbv-p) * 8); width: calc(var(--wgbv-p) * 168); height: calc(var(--wgbv-p) * 42); padding-left: calc(var(--wgbv-p) * 19.5); border-radius: calc(var(--wgbv-p) * 21); background: #FFEED1; font-size: calc(var(--wgbv-p) * 14); font-weight: 700; color: #111; white-space: nowrap; }
.wgbv-visual[data-wgbv="connect"] .wgbv-pill-1 { top: calc(var(--wgbv-p) * 59.9); }
.wgbv-visual[data-wgbv="connect"] .wgbv-pill-2 { top: calc(var(--wgbv-p) * 123.9); }
.wgbv-visual[data-wgbv="connect"] .wgbv-pill-3 { top: calc(var(--wgbv-p) * 187.9); }
.wgbv-visual[data-wgbv="connect"] .wgbv-pill-4 { top: calc(var(--wgbv-p) * 251.9); }
.wgbv-visual[data-wgbv="connect"] .wgbv-pill-icon { display: grid; place-items: center; width: calc(var(--wgbv-p) * 23); height: calc(var(--wgbv-p) * 23); flex: none; border-radius: calc(var(--wgbv-p) * 4.8); background: #7B2BA6; color: #fff; }
.wgbv-visual[data-wgbv="connect"] .wgbv-pill-1 .wgbv-pill-icon { background: #8201D0; }
.wgbv-visual[data-wgbv="connect"] .wgbv-pill-icon .wgbv-i { width: calc(var(--wgbv-p) * 15); height: calc(var(--wgbv-p) * 15); }
.wgbv-visual[data-wgbv="connect"] .wgbv-engine { position: absolute; left: calc(var(--wgbv-p) * 241.7); top: calc(var(--wgbv-p) * 149); display: flex; align-items: center; gap: calc(var(--wgbv-p) * 12); width: calc(var(--wgbv-p) * 191.5); height: calc(var(--wgbv-p) * 55.8); padding-left: calc(var(--wgbv-p) * 16); border-radius: calc(var(--wgbv-p) * 7.4); background: #7B2BA6; color: #fff; font-size: calc(var(--wgbv-p) * 15); font-weight: 600; white-space: nowrap; box-shadow: calc(var(--wgbv-p) * 2.8) calc(var(--wgbv-p) * 3.7) 0 rgba(123, 43, 166, .5); }
.wgbv-visual[data-wgbv="connect"] .wgbv-engine .wgbv-i { width: calc(var(--wgbv-p) * 17); height: calc(var(--wgbv-p) * 17); }
.wgbv-visual[data-wgbv="connect"] .wgbv-window { position: absolute; left: calc(var(--wgbv-p) * 459.5); top: calc(var(--wgbv-p) * 123.1); width: calc(var(--wgbv-p) * 116.1); height: calc(var(--wgbv-p) * 116.1); overflow: hidden; border-radius: calc(var(--wgbv-p) * 10.9); background: #fff; box-shadow: 0 calc(var(--wgbv-p) * 6) calc(var(--wgbv-p) * 18) rgba(32, 33, 63, .10); }
.wgbv-visual[data-wgbv="connect"] .wgbv-bar { display: flex; align-items: center; gap: calc(var(--wgbv-p) * 2.6); height: calc(var(--wgbv-p) * 14.3); padding-left: calc(var(--wgbv-p) * 7); background: #F5F6F8; }
.wgbv-visual[data-wgbv="connect"] .wgbv-bar i { width: calc(var(--wgbv-p) * 3.6); height: calc(var(--wgbv-p) * 3.6); border-radius: 50%; background: #DC3D4C; }
.wgbv-visual[data-wgbv="connect"] .wgbv-bar i:nth-child(2) { background: #F9B33A; }
.wgbv-visual[data-wgbv="connect"] .wgbv-bar i:nth-child(3) { background: #4EC771; }
.wgbv-visual[data-wgbv="connect"] .wgbv-window img { position: absolute; left: calc(var(--wgbv-p) * 34.5); top: calc(var(--wgbv-p) * 36.3); width: calc(var(--wgbv-p) * 47.2); height: auto; }
@container (aspect-ratio < 1.45) {
  .wgbv-visual[data-wgbv="connect"] .wgbv-stage { --wgbv-w: 477; --wgbv-h: 379; overflow: clip; }
  .wgbv-visual[data-wgbv="connect"] .wgbv-lines { inset: auto; left: 0; top: calc(var(--wgbv-p) * -16); width: calc(var(--wgbv-p) * 620); height: calc(var(--wgbv-p) * 363); clip-path: inset(0 calc(var(--wgbv-p) * 187) 0 0); }
  .wgbv-visual[data-wgbv="connect"] .wgbv-pill-1 { top: calc(var(--wgbv-p) * 43.9); }
  .wgbv-visual[data-wgbv="connect"] .wgbv-pill-2 { top: calc(var(--wgbv-p) * 107.9); }
  .wgbv-visual[data-wgbv="connect"] .wgbv-pill-3 { top: calc(var(--wgbv-p) * 171.9); }
  .wgbv-visual[data-wgbv="connect"] .wgbv-pill-4 { top: calc(var(--wgbv-p) * 235.9); }
  .wgbv-visual[data-wgbv="connect"] .wgbv-engine { top: calc(var(--wgbv-p) * 133); }
  .wgbv-visual[data-wgbv="connect"] .wgbv-engine::after { content: ''; position: absolute; left: 50%; top: 100%; height: calc(var(--wgbv-p) * 30); border-left: calc(var(--wgbv-p) * 1.44) dashed #8000CF; }
  .wgbv-visual[data-wgbv="connect"] .wgbv-window { left: calc(var(--wgbv-p) * 279.4); top: calc(var(--wgbv-p) * 219); }
}

.wgbv-visual[data-wgbv="connect"][data-wgbv-layout="single"] .wgbv-lines,
.wgbv-visual[data-wgbv="connect"][data-wgbv-layout="single"] .wgbv-pill ~ .wgbv-pill { display: none; }
.wgbv-visual[data-wgbv="connect"][data-wgbv-layout="single"] .wgbv-stage { --wgbv-w: 360; --wgbv-h: 360; overflow: visible; }
.wgbv-visual[data-wgbv="connect"][data-wgbv-layout="single"] .wgbv-pill { left: calc(var(--wgbv-p) * 60); top: calc(var(--wgbv-p) * 22); width: calc(var(--wgbv-p) * 240); justify-content: center; padding: 0 calc(var(--wgbv-p) * 16); }
.wgbv-visual[data-wgbv="connect"][data-wgbv-layout="single"] .wgbv-pill::after { content: ''; position: absolute; left: 50%; top: 100%; height: calc(var(--wgbv-p) * 54); border-left: calc(var(--wgbv-p) * 1.44) dashed #8000CF;
  clip-path: inset(0 0 calc((1 - var(--wgbv-l1, 1)) * 100%) 0); }
.wgbv-visual[data-wgbv="connect"][data-wgbv-layout="single"] .wgbv-engine { left: calc(var(--wgbv-p) * 84.25); top: calc(var(--wgbv-p) * 118); }
.wgbv-visual[data-wgbv="connect"][data-wgbv-layout="single"] .wgbv-engine::after { content: ''; position: absolute; left: 50%; top: 100%; width: 0; height: calc(var(--wgbv-p) * 48.2); border: 0; border-left: calc(var(--wgbv-p) * 1.44) dashed #8000CF;
  clip-path: inset(0 0 calc((1 - var(--wgbv-l2, 1)) * 100%) 0); }
.wgbv-visual[data-wgbv="connect"][data-wgbv-layout="single"] .wgbv-window { left: calc(var(--wgbv-p) * 121.95); top: calc(var(--wgbv-p) * 222); }
@container (aspect-ratio >= 1.38) {
  .wgbv-visual[data-wgbv="connect"][data-wgbv-layout="single"] .wgbv-stage { --wgbv-w: 420; --wgbv-h: 220; }
  .wgbv-visual[data-wgbv="connect"][data-wgbv-layout="single"] .wgbv-pill { left: calc(var(--wgbv-p) * 17.5); top: calc(var(--wgbv-p) * 26); }
  .wgbv-visual[data-wgbv="connect"][data-wgbv-layout="single"] .wgbv-engine { left: calc(var(--wgbv-p) * 41.75); top: calc(var(--wgbv-p) * 122); }
  .wgbv-visual[data-wgbv="connect"][data-wgbv-layout="single"] .wgbv-engine::after { left: 100%; top: 50%; width: calc(var(--wgbv-p) * 50.75); height: 0; border-left: 0; border-top: calc(var(--wgbv-p) * 1.44) dashed #8000CF;
    clip-path: inset(0 calc((1 - var(--wgbv-l2, 1)) * 100%) 0 0); }
  .wgbv-visual[data-wgbv="connect"][data-wgbv-layout="single"] .wgbv-window { left: calc(var(--wgbv-p) * 284); top: calc(var(--wgbv-p) * 92); }
}
.wgbv-visual[data-wgbv="connect"]:is(.platform_section-wrap .image_wrap-right *),
.wgbv-visual[data-wgbv="connect"]:is(.platform_content-box .image-wrap *) { background: #FAC465; }
@container (aspect-ratio < 1.45) {
  .wgbv-visual[data-wgbv="connect"]:not([data-wgbv-layout]):is(.platform_section-wrap .image_wrap-right *) .wgbv-stage { --wgbv-w: 421; --wgbv-h: 323; }
  .wgbv-visual[data-wgbv="connect"]:not([data-wgbv-layout]):is(.platform_section-wrap .image_wrap-right *) .wgbv-lines { left: calc(var(--wgbv-p) * -28); top: calc(var(--wgbv-p) * -44); }
  .wgbv-visual[data-wgbv="connect"]:not([data-wgbv-layout]):is(.platform_section-wrap .image_wrap-right *) .wgbv-pill-1 { left: calc(var(--wgbv-p) * 15.7); top: calc(var(--wgbv-p) * 15.9); }
  .wgbv-visual[data-wgbv="connect"]:not([data-wgbv-layout]):is(.platform_section-wrap .image_wrap-right *) .wgbv-pill-2 { left: calc(var(--wgbv-p) * 15.7); top: calc(var(--wgbv-p) * 79.9); }
  .wgbv-visual[data-wgbv="connect"]:not([data-wgbv-layout]):is(.platform_section-wrap .image_wrap-right *) .wgbv-pill-3 { left: calc(var(--wgbv-p) * 15.7); top: calc(var(--wgbv-p) * 143.9); }
  .wgbv-visual[data-wgbv="connect"]:not([data-wgbv-layout]):is(.platform_section-wrap .image_wrap-right *) .wgbv-pill-4 { left: calc(var(--wgbv-p) * 15.7); top: calc(var(--wgbv-p) * 207.9); }
  .wgbv-visual[data-wgbv="connect"]:not([data-wgbv-layout]):is(.platform_section-wrap .image_wrap-right *) .wgbv-engine { left: calc(var(--wgbv-p) * 213.7); top: calc(var(--wgbv-p) * 105); }
  .wgbv-visual[data-wgbv="connect"]:not([data-wgbv-layout]):is(.platform_section-wrap .image_wrap-right *) .wgbv-window { left: calc(var(--wgbv-p) * 251.4); top: calc(var(--wgbv-p) * 191); }
}
@container (aspect-ratio >= 1.6) {
  .wgbv-visual[data-wgbv="connect"]:not([data-wgbv-layout]):is(.platform_content-box .image-wrap *) .wgbv-stage { --wgbv-w: 560; --wgbv-h: 265; overflow: clip; }
  .wgbv-visual[data-wgbv="connect"]:not([data-wgbv-layout]):is(.platform_content-box .image-wrap *) .wgbv-lines { inset: auto; left: calc(var(--wgbv-p) * -30); top: calc(var(--wgbv-p) * -45); width: calc(var(--wgbv-p) * 620); height: calc(var(--wgbv-p) * 363); }
  .wgbv-visual[data-wgbv="connect"]:not([data-wgbv-layout]):is(.platform_content-box .image-wrap *) .wgbv-pill { left: calc(var(--wgbv-p) * 13.7); }
  .wgbv-visual[data-wgbv="connect"]:not([data-wgbv-layout]):is(.platform_content-box .image-wrap *) .wgbv-pill-1 { top: calc(var(--wgbv-p) * 14.9); }
  .wgbv-visual[data-wgbv="connect"]:not([data-wgbv-layout]):is(.platform_content-box .image-wrap *) .wgbv-pill-2 { top: calc(var(--wgbv-p) * 78.9); }
  .wgbv-visual[data-wgbv="connect"]:not([data-wgbv-layout]):is(.platform_content-box .image-wrap *) .wgbv-pill-3 { top: calc(var(--wgbv-p) * 142.9); }
  .wgbv-visual[data-wgbv="connect"]:not([data-wgbv-layout]):is(.platform_content-box .image-wrap *) .wgbv-pill-4 { top: calc(var(--wgbv-p) * 206.9); }
  .wgbv-visual[data-wgbv="connect"]:not([data-wgbv-layout]):is(.platform_content-box .image-wrap *) .wgbv-engine { left: calc(var(--wgbv-p) * 211.7); top: calc(var(--wgbv-p) * 104); }
  .wgbv-visual[data-wgbv="connect"]:not([data-wgbv-layout]):is(.platform_content-box .image-wrap *) .wgbv-window { left: calc(var(--wgbv-p) * 429.5); top: calc(var(--wgbv-p) * 78.1); }
}

.wgbv-visual[data-wgbv="connect"]:is(.support_right-imgbox *) { background: #FAC465; }
@container (aspect-ratio >= 1.6) {
  .wgbv-visual[data-wgbv="connect"]:not([data-wgbv-layout]):is(.support_right-imgbox *) .wgbv-stage { --wgbv-w: 560; --wgbv-h: 265; overflow: clip; }
  .wgbv-visual[data-wgbv="connect"]:not([data-wgbv-layout]):is(.support_right-imgbox *) .wgbv-lines { inset: auto; left: calc(var(--wgbv-p) * -30); top: calc(var(--wgbv-p) * -45); width: calc(var(--wgbv-p) * 620); height: calc(var(--wgbv-p) * 363); }
  .wgbv-visual[data-wgbv="connect"]:not([data-wgbv-layout]):is(.support_right-imgbox *) .wgbv-pill { left: calc(var(--wgbv-p) * 13.7); }
  .wgbv-visual[data-wgbv="connect"]:not([data-wgbv-layout]):is(.support_right-imgbox *) .wgbv-pill-1 { top: calc(var(--wgbv-p) * 14.9); }
  .wgbv-visual[data-wgbv="connect"]:not([data-wgbv-layout]):is(.support_right-imgbox *) .wgbv-pill-2 { top: calc(var(--wgbv-p) * 78.9); }
  .wgbv-visual[data-wgbv="connect"]:not([data-wgbv-layout]):is(.support_right-imgbox *) .wgbv-pill-3 { top: calc(var(--wgbv-p) * 142.9); }
  .wgbv-visual[data-wgbv="connect"]:not([data-wgbv-layout]):is(.support_right-imgbox *) .wgbv-pill-4 { top: calc(var(--wgbv-p) * 206.9); }
  .wgbv-visual[data-wgbv="connect"]:not([data-wgbv-layout]):is(.support_right-imgbox *) .wgbv-engine { left: calc(var(--wgbv-p) * 211.7); top: calc(var(--wgbv-p) * 104); }
  .wgbv-visual[data-wgbv="connect"]:not([data-wgbv-layout]):is(.support_right-imgbox *) .wgbv-window { left: calc(var(--wgbv-p) * 429.5); top: calc(var(--wgbv-p) * 78.1); }
}
.wgbv-visual[data-wgbv="connect"]:is(.support_right-imgbox *) { border-radius: calc(100cqw * .033); }
.wgbv-visual[data-wgbv="connect"]:is(.support_faq-imgwrap *) { background: #FAC465; }
@container (aspect-ratio < 1.45) {
  .wgbv-visual[data-wgbv="connect"]:not([data-wgbv-layout]):is(.support_faq-imgwrap *) .wgbv-stage { --wgbv-w: 421; --wgbv-h: 323; }
  .wgbv-visual[data-wgbv="connect"]:not([data-wgbv-layout]):is(.support_faq-imgwrap *) .wgbv-lines { left: calc(var(--wgbv-p) * -28); top: calc(var(--wgbv-p) * -44); }
  .wgbv-visual[data-wgbv="connect"]:not([data-wgbv-layout]):is(.support_faq-imgwrap *) .wgbv-pill-1 { left: calc(var(--wgbv-p) * 15.7); top: calc(var(--wgbv-p) * 15.9); }
  .wgbv-visual[data-wgbv="connect"]:not([data-wgbv-layout]):is(.support_faq-imgwrap *) .wgbv-pill-2 { left: calc(var(--wgbv-p) * 15.7); top: calc(var(--wgbv-p) * 79.9); }
  .wgbv-visual[data-wgbv="connect"]:not([data-wgbv-layout]):is(.support_faq-imgwrap *) .wgbv-pill-3 { left: calc(var(--wgbv-p) * 15.7); top: calc(var(--wgbv-p) * 143.9); }
  .wgbv-visual[data-wgbv="connect"]:not([data-wgbv-layout]):is(.support_faq-imgwrap *) .wgbv-pill-4 { left: calc(var(--wgbv-p) * 15.7); top: calc(var(--wgbv-p) * 207.9); }
  .wgbv-visual[data-wgbv="connect"]:not([data-wgbv-layout]):is(.support_faq-imgwrap *) .wgbv-engine { left: calc(var(--wgbv-p) * 213.7); top: calc(var(--wgbv-p) * 105); }
  .wgbv-visual[data-wgbv="connect"]:not([data-wgbv-layout]):is(.support_faq-imgwrap *) .wgbv-window { left: calc(var(--wgbv-p) * 251.4); top: calc(var(--wgbv-p) * 191); }
}
.wgbv-visual[data-wgbv="connect"]:is(.support_faq-imgwrap *) { border-radius: calc(100cqw * .05); }
@container (max-width: 229px) {
  .wgbv-visual[data-wgbv="connect"]:not([data-wgbv-layout]):is(.support_faq-imgwrap *) .wgbv-stage { --wgbv-w: 200; --wgbv-h: 200; overflow: visible; }
  .wgbv-visual[data-wgbv="connect"]:not([data-wgbv-layout]):is(.support_faq-imgwrap *) .wgbv-lines { display: none; }
  .wgbv-visual[data-wgbv="connect"]:not([data-wgbv-layout]):is(.support_faq-imgwrap *) .wgbv-pill ~ .wgbv-pill { display: none; }
  .wgbv-visual[data-wgbv="connect"]:not([data-wgbv-layout]):is(.support_faq-imgwrap *) .wgbv-pill { left: calc(var(--wgbv-p) * 26); top: calc(var(--wgbv-p) * 10); width: calc(var(--wgbv-p) * 148); height: calc(var(--wgbv-p) * 36); justify-content: center; padding: 0 calc(var(--wgbv-p) * 12); font-size: calc(var(--wgbv-p) * 13); }
  .wgbv-visual[data-wgbv="connect"]:not([data-wgbv-layout]):is(.support_faq-imgwrap *) .wgbv-pill::after { content: ''; position: absolute; left: 50%; top: 100%; height: calc(var(--wgbv-p) * 22); border-left: calc(var(--wgbv-p) * 1.44) dashed #8000CF; }
  .wgbv-visual[data-wgbv="connect"]:not([data-wgbv-layout]):is(.support_faq-imgwrap *) .wgbv-engine { left: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 68); width: calc(var(--wgbv-p) * 172); height: calc(var(--wgbv-p) * 44); gap: calc(var(--wgbv-p) * 9); padding-left: calc(var(--wgbv-p) * 14); font-size: calc(var(--wgbv-p) * 13); }
  .wgbv-visual[data-wgbv="connect"]:not([data-wgbv-layout]):is(.support_faq-imgwrap *) .wgbv-engine::after { content: ''; position: absolute; left: 50%; top: 100%; width: 0; height: calc(var(--wgbv-p) * 24); border: 0; border-left: calc(var(--wgbv-p) * 1.44) dashed #8000CF; }
  .wgbv-visual[data-wgbv="connect"]:not([data-wgbv-layout]):is(.support_faq-imgwrap *) .wgbv-window { left: calc(var(--wgbv-p) * 67); top: calc(var(--wgbv-p) * 136); width: calc(var(--wgbv-p) * 66); height: calc(var(--wgbv-p) * 56); }
  .wgbv-visual[data-wgbv="connect"]:not([data-wgbv-layout]):is(.support_faq-imgwrap *) .wgbv-bar { height: calc(var(--wgbv-p) * 10); }
  .wgbv-visual[data-wgbv="connect"]:not([data-wgbv-layout]):is(.support_faq-imgwrap *) .wgbv-window img { left: calc(var(--wgbv-p) * 19); top: calc(var(--wgbv-p) * 17); width: calc(var(--wgbv-p) * 28); }
}

.wgbv-visual[data-wgbv="connect"]:is(.patient-registries_hero-header_image-wrapper *) { border-radius: 16px; background: #FAC465; }
.wgbv-visual[data-wgbv="connect"]:is(.patient-registries_hero-header_image-wrapper *) .wgbv-bg { display: none; }
@container (width >= 400px) {
  .wgbv-visual[data-wgbv="connect"]:is(.patient-registries_hero-header_image-wrapper *) .wgbv-stage { --wgbv-w: 780; --wgbv-h: 320; --wgbv-fill: .94; overflow: clip; }
  .wgbv-visual[data-wgbv="connect"]:is(.patient-registries_hero-header_image-wrapper *) .wgbv-lines { inset: auto; left: calc(var(--wgbv-p) * 20); top: calc(var(--wgbv-p) * -21.5); width: calc(var(--wgbv-p) * 620); height: calc(var(--wgbv-p) * 363); clip-path: inset(calc(var(--wgbv-p) * 21.5) 0 calc(var(--wgbv-p) * 21.5) 0); }
  .wgbv-visual[data-wgbv="connect"]:is(.patient-registries_hero-header_image-wrapper *) .wgbv-pill { left: calc(var(--wgbv-p) * 63.7); }
  .wgbv-visual[data-wgbv="connect"]:is(.patient-registries_hero-header_image-wrapper *) .wgbv-pill-1 { top: calc(var(--wgbv-p) * 38.4); }
  .wgbv-visual[data-wgbv="connect"]:is(.patient-registries_hero-header_image-wrapper *) .wgbv-pill-2 { top: calc(var(--wgbv-p) * 102.4); }
  .wgbv-visual[data-wgbv="connect"]:is(.patient-registries_hero-header_image-wrapper *) .wgbv-pill-3 { top: calc(var(--wgbv-p) * 166.4); }
  .wgbv-visual[data-wgbv="connect"]:is(.patient-registries_hero-header_image-wrapper *) .wgbv-pill-4 { top: calc(var(--wgbv-p) * 230.4); }
  .wgbv-visual[data-wgbv="connect"]:is(.patient-registries_hero-header_image-wrapper *) .wgbv-engine { left: calc(var(--wgbv-p) * 261.7); top: calc(var(--wgbv-p) * 127.5); }
  .wgbv-visual[data-wgbv="connect"]:is(.patient-registries_hero-header_image-wrapper *) .wgbv-engine::after { content: ''; position: absolute; left: calc(var(--wgbv-p) * 217.8); top: calc(var(--wgbv-p) * 13.28); width: calc(var(--wgbv-p) * 80.5); height: calc(var(--wgbv-p) * 29.34);
    background: linear-gradient(90deg, #8000CF 66.67%, transparent 0) 0 0 / calc(var(--wgbv-p) * 11.52) calc(var(--wgbv-p) * 1.44) repeat-x,
      linear-gradient(90deg, #8000CF 66.67%, transparent 0) 0 calc(var(--wgbv-p) * 9.3) / calc(var(--wgbv-p) * 11.52) calc(var(--wgbv-p) * 1.44) repeat-x,
      linear-gradient(90deg, #8000CF 66.67%, transparent 0) 0 calc(var(--wgbv-p) * 18.6) / calc(var(--wgbv-p) * 11.52) calc(var(--wgbv-p) * 1.44) repeat-x,
      linear-gradient(90deg, #8000CF 66.67%, transparent 0) 0 calc(var(--wgbv-p) * 27.9) / calc(var(--wgbv-p) * 11.52) calc(var(--wgbv-p) * 1.44) repeat-x;
    clip-path: inset(0 calc((1 - var(--wgbv-hw, 1)) * 100%) 0 0); }
  .wgbv-visual[data-wgbv="connect"]:is(.patient-registries_hero-header_image-wrapper *) .wgbv-window { left: calc(var(--wgbv-p) * 560); top: calc(var(--wgbv-p) * 80.4); width: calc(var(--wgbv-p) * 150); height: calc(var(--wgbv-p) * 150); border-radius: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="connect"]:is(.patient-registries_hero-header_image-wrapper *) .wgbv-bar { height: calc(var(--wgbv-p) * 18); gap: calc(var(--wgbv-p) * 3.4); padding-left: calc(var(--wgbv-p) * 9); }
  .wgbv-visual[data-wgbv="connect"]:is(.patient-registries_hero-header_image-wrapper *) .wgbv-bar i { width: calc(var(--wgbv-p) * 4.6); height: calc(var(--wgbv-p) * 4.6); }
  .wgbv-visual[data-wgbv="connect"]:is(.patient-registries_hero-header_image-wrapper *) .wgbv-window img { left: calc(var(--wgbv-p) * 44.5); top: calc(var(--wgbv-p) * 57); width: calc(var(--wgbv-p) * 61); }
}
@container (width < 400px) {
  .wgbv-visual[data-wgbv="connect"]:is(.patient-registries_hero-header_image-wrapper *) .wgbv-stage { --wgbv-w: 360; --wgbv-h: 622; --wgbv-fill: .94; overflow: clip; }
  .wgbv-visual[data-wgbv="connect"]:is(.patient-registries_hero-header_image-wrapper *) .wgbv-lines { display: none; }
  .wgbv-visual[data-wgbv="connect"]:is(.patient-registries_hero-header_image-wrapper *) .wgbv-pill { width: calc(var(--wgbv-p) * 158); padding-left: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="connect"]:is(.patient-registries_hero-header_image-wrapper *) .wgbv-pill-1, .wgbv-visual[data-wgbv="connect"]:is(.patient-registries_hero-header_image-wrapper *) .wgbv-pill-3 { left: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="connect"]:is(.patient-registries_hero-header_image-wrapper *) .wgbv-pill-2, .wgbv-visual[data-wgbv="connect"]:is(.patient-registries_hero-header_image-wrapper *) .wgbv-pill-4 { left: calc(var(--wgbv-p) * 190); }
  .wgbv-visual[data-wgbv="connect"]:is(.patient-registries_hero-header_image-wrapper *) .wgbv-pill-1, .wgbv-visual[data-wgbv="connect"]:is(.patient-registries_hero-header_image-wrapper *) .wgbv-pill-2 { top: calc(var(--wgbv-p) * 46); }
  .wgbv-visual[data-wgbv="connect"]:is(.patient-registries_hero-header_image-wrapper *) .wgbv-pill-3, .wgbv-visual[data-wgbv="connect"]:is(.patient-registries_hero-header_image-wrapper *) .wgbv-pill-4 { top: calc(var(--wgbv-p) * 116); }
  .wgbv-visual[data-wgbv="connect"]:is(.patient-registries_hero-header_image-wrapper *) .wgbv-pill::after { content: ''; position: absolute; top: 50%; width: calc(var(--wgbv-p) * 10); border-top: calc(var(--wgbv-p) * 1.44) dashed #8000CF; }
  .wgbv-visual[data-wgbv="connect"]:is(.patient-registries_hero-header_image-wrapper *) .wgbv-pill-1::after, .wgbv-visual[data-wgbv="connect"]:is(.patient-registries_hero-header_image-wrapper *) .wgbv-pill-3::after { left: 100%; }
  .wgbv-visual[data-wgbv="connect"]:is(.patient-registries_hero-header_image-wrapper *) .wgbv-pill-2::after, .wgbv-visual[data-wgbv="connect"]:is(.patient-registries_hero-header_image-wrapper *) .wgbv-pill-4::after { right: 100%; }
  .wgbv-visual[data-wgbv="connect"]:is(.patient-registries_hero-header_image-wrapper *) .wgbv-engine { left: calc(var(--wgbv-p) * 84.25); top: calc(var(--wgbv-p) * 236); }
  .wgbv-visual[data-wgbv="connect"]:is(.patient-registries_hero-header_image-wrapper *) .wgbv-pill-1::before { content: ''; position: absolute; left: calc(var(--wgbv-p) * 167.28); top: 50%; height: calc(var(--wgbv-p) * 169); border-left: calc(var(--wgbv-p) * 1.44) dashed #8000CF;
    clip-path: inset(0 0 calc((1 - var(--wgbv-hb, 1)) * 100%) 0); }
  .wgbv-visual[data-wgbv="connect"]:is(.patient-registries_hero-header_image-wrapper *) .wgbv-engine::after { content: ''; position: absolute; left: 50%; top: 100%; height: calc(var(--wgbv-p) * 48.2); margin-left: calc(var(--wgbv-p) * -0.72); border-left: calc(var(--wgbv-p) * 1.44) dashed #8000CF;
    clip-path: inset(0 0 calc((1 - var(--wgbv-hw, 1)) * 100%) 0); }
  .wgbv-visual[data-wgbv="connect"]:is(.patient-registries_hero-header_image-wrapper *) .wgbv-window { left: calc(var(--wgbv-p) * 65); top: calc(var(--wgbv-p) * 340); width: calc(var(--wgbv-p) * 230); height: calc(var(--wgbv-p) * 230); border-radius: calc(var(--wgbv-p) * 20); }
  .wgbv-visual[data-wgbv="connect"]:is(.patient-registries_hero-header_image-wrapper *) .wgbv-bar { height: calc(var(--wgbv-p) * 26); gap: calc(var(--wgbv-p) * 5); padding-left: calc(var(--wgbv-p) * 13); }
  .wgbv-visual[data-wgbv="connect"]:is(.patient-registries_hero-header_image-wrapper *) .wgbv-bar i { width: calc(var(--wgbv-p) * 6.6); height: calc(var(--wgbv-p) * 6.6); }
  .wgbv-visual[data-wgbv="connect"]:is(.patient-registries_hero-header_image-wrapper *) .wgbv-window img { left: calc(var(--wgbv-p) * 68); top: calc(var(--wgbv-p) * 86); width: calc(var(--wgbv-p) * 94); }
}

/* ---- visuals/dashboard-breakdown.css ---- */
.wgbv-visual[data-wgbv="dashboard-breakdown"] { --wgbv-ar: 1 / 1; --wgbv-w: 360; --wgbv-h: 360; }
.wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-card { position: absolute; left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 12); width: calc(var(--wgbv-p) * 336); height: calc(var(--wgbv-p) * 336);
  border: calc(var(--wgbv-p) * .9) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 22); background: #fff;
  box-shadow: 0 calc(var(--wgbv-p) * 1) calc(var(--wgbv-p) * 2) rgba(16, 24, 40, .04), 0 calc(var(--wgbv-p) * 8) calc(var(--wgbv-p) * 22) rgba(16, 24, 40, .06); }
.wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-crumbs { height: calc(var(--wgbv-p) * 52); gap: calc(var(--wgbv-p) * 8); font-size: calc(var(--wgbv-p) * 13); color: #6B7280; border-bottom-color: #E5E7EB; }
.wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-mark { width: calc(var(--wgbv-p) * 56); margin-right: calc(var(--wgbv-p) * 22); }
.wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-mark img { width: calc(var(--wgbv-p) * 27); }
.wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-sep { color: #D1D5DB; }
.wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-current { color: #374151; }
.wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-kpi { position: absolute; left: calc(var(--wgbv-p) * 22); right: calc(var(--wgbv-p) * 22); top: calc(var(--wgbv-p) * 70); height: calc(var(--wgbv-p) * 64); }
.wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-h { display: block; font-size: calc(var(--wgbv-p) * 13); line-height: 1.25; color: #4B5563; white-space: nowrap; }
.wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-kpi .wgbv-i { position: absolute; right: 0; top: 0; width: calc(var(--wgbv-p) * 17); height: calc(var(--wgbv-p) * 17); stroke-width: 1.8; color: #4B5563; }
.wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-total { display: block; margin-top: calc(var(--wgbv-p) * 5); font-size: calc(var(--wgbv-p) * 32); font-weight: 700; line-height: 1.15; letter-spacing: -.02em; color: #0A0C10; font-variant-numeric: tabular-nums; }
.wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-rows { position: absolute; left: calc(var(--wgbv-p) * 22); right: calc(var(--wgbv-p) * 22); top: calc(var(--wgbv-p) * 146); display: flex; flex-direction: column; gap: calc(var(--wgbv-p) * 20); }
.wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-row { display: grid; grid-template-columns: 1fr auto; align-items: center; row-gap: calc(var(--wgbv-p) * 7); }
.wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-lb { display: flex; align-items: center; gap: calc(var(--wgbv-p) * 9); font-size: calc(var(--wgbv-p) * 12.5); font-weight: 500; line-height: 1.3; color: #374151; white-space: nowrap; }
.wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-lb::before { content: ''; flex: none; width: calc(var(--wgbv-p) * 8); height: calc(var(--wgbv-p) * 8); border-radius: 50%; background: var(--wgbv-c); }
.wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-v { font-size: calc(var(--wgbv-p) * 11); line-height: 1.3; color: #6B7280; white-space: nowrap; font-variant-numeric: tabular-nums; }
.wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-bar { grid-column: 1 / -1; display: block; height: calc(var(--wgbv-p) * 6); border-radius: calc(var(--wgbv-p) * 3); background: #F0F0F0; overflow: hidden; }
.wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-bar i { display: block; width: var(--wgbv-s); height: 100%; border-radius: inherit; background: var(--wgbv-c); transform-origin: 0 50%; }
.wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-r1 { --wgbv-c: #3FAD69; --wgbv-s: 60.4%; }
.wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-r2 { --wgbv-c: #FFB45A; --wgbv-s: 17.6%; }
.wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-r3 { --wgbv-c: #3B6AC1; --wgbv-s: 14.7%; }
.wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-r4 { --wgbv-c: #B437AA; --wgbv-s: 7.3%; }
@container (aspect-ratio >= 1.41) {
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-stage { --wgbv-w: 400; --wgbv-h: 200; }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-card { left: calc(var(--wgbv-p) * 6); top: calc(var(--wgbv-p) * 6); width: calc(var(--wgbv-p) * 388); height: calc(var(--wgbv-p) * 188); border-radius: calc(var(--wgbv-p) * 16); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-crumbs { height: calc(var(--wgbv-p) * 36); font-size: calc(var(--wgbv-p) * 11.5); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-mark { width: calc(var(--wgbv-p) * 42); margin-right: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-mark img { width: calc(var(--wgbv-p) * 21); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-kpi { left: calc(var(--wgbv-p) * 16); right: auto; top: calc(var(--wgbv-p) * 52); width: calc(var(--wgbv-p) * 108); height: auto; }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-h { font-size: calc(var(--wgbv-p) * 11); white-space: normal; }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-kpi .wgbv-i { display: none; }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-total { position: absolute; left: 0; top: calc(var(--wgbv-p) * 30); margin: 0; font-size: calc(var(--wgbv-p) * 28); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-rows { left: calc(var(--wgbv-p) * 138); right: calc(var(--wgbv-p) * 16); top: calc(var(--wgbv-p) * 49); gap: calc(var(--wgbv-p) * 11); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-row { row-gap: calc(var(--wgbv-p) * 5); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-lb { gap: calc(var(--wgbv-p) * 7); font-size: calc(var(--wgbv-p) * 11.5); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-lb::before { width: calc(var(--wgbv-p) * 7); height: calc(var(--wgbv-p) * 7); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-v { font-size: calc(var(--wgbv-p) * 10.5); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-bar { height: calc(var(--wgbv-p) * 5); }
}
@container (aspect-ratio >= 1.41) and (aspect-ratio < 1.7) {
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-stage { --wgbv-h: 280; }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-card { height: calc(var(--wgbv-p) * 268); border-radius: calc(var(--wgbv-p) * 20); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-crumbs { height: calc(var(--wgbv-p) * 46); font-size: calc(var(--wgbv-p) * 12.5); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-mark { width: calc(var(--wgbv-p) * 50); margin-right: calc(var(--wgbv-p) * 18); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-mark img { width: calc(var(--wgbv-p) * 24); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-kpi { left: calc(var(--wgbv-p) * 20); top: calc(var(--wgbv-p) * 68); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-h { font-size: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-total { top: calc(var(--wgbv-p) * 24); font-size: calc(var(--wgbv-p) * 30); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-rows { left: calc(var(--wgbv-p) * 146); right: calc(var(--wgbv-p) * 20); top: calc(var(--wgbv-p) * 68); gap: calc(var(--wgbv-p) * 22); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-row { row-gap: calc(var(--wgbv-p) * 6); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-lb { font-size: calc(var(--wgbv-p) * 12.5); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-v { font-size: calc(var(--wgbv-p) * 11); }
}
@container (aspect-ratio >= 2.4) {
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-stage { --wgbv-h: 140; }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-card { left: calc(var(--wgbv-p) * 4); top: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 392); height: calc(var(--wgbv-p) * 132); border-radius: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-crumbs { display: none; }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-kpi { left: calc(var(--wgbv-p) * 18); top: calc(var(--wgbv-p) * 30); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-rows { left: calc(var(--wgbv-p) * 140); right: calc(var(--wgbv-p) * 16); top: calc(var(--wgbv-p) * 12); gap: calc(var(--wgbv-p) * 6.5); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-row { row-gap: calc(var(--wgbv-p) * 4); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-lb { font-size: calc(var(--wgbv-p) * 11); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-v { font-size: calc(var(--wgbv-p) * 10); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-bar { height: calc(var(--wgbv-p) * 4.5); }
}
.wgbv-visual[data-wgbv="dashboard-breakdown"]:is(.platform_section-wrap .image_wrap-right *) { --wgbv-fill: .96; }

/* ---- visuals/dashboard-menu.css ---- */
.wgbv-visual[data-wgbv="dashboard-menu"] { --wgbv-ar: 1 / 1; --wgbv-w: 360; --wgbv-h: 360; }
.wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-dmn-card { position: absolute; left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 12); width: calc(var(--wgbv-p) * 336); height: calc(var(--wgbv-p) * 336);
  border: calc(var(--wgbv-p) * .9) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 22); background: #fff;
  box-shadow: 0 calc(var(--wgbv-p) * 1) calc(var(--wgbv-p) * 2) rgba(16, 24, 40, .04), 0 calc(var(--wgbv-p) * 8) calc(var(--wgbv-p) * 22) rgba(16, 24, 40, .06); }
.wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-crumbs { height: calc(var(--wgbv-p) * 52); gap: calc(var(--wgbv-p) * 8); font-size: calc(var(--wgbv-p) * 13); color: #6B7280; }
.wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-mark { width: calc(var(--wgbv-p) * 56); margin-right: calc(var(--wgbv-p) * 22); }
.wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-mark img { width: calc(var(--wgbv-p) * 27); }
.wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-sep { color: #D1D5DB; }
.wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-current { color: #374151; }
.wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-dmn-card .wgbv-i { flex: none; width: calc(var(--wgbv-p) * 18); height: calc(var(--wgbv-p) * 18); stroke-width: 1.7; }
.wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-dmn-title { position: absolute; left: calc(var(--wgbv-p) * 20); top: calc(var(--wgbv-p) * 100); font-size: calc(var(--wgbv-p) * 14.5); font-weight: 700; line-height: 1.2; color: #111827; white-space: nowrap; }
.wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-dmn-share { position: absolute; left: calc(var(--wgbv-p) * 20); right: calc(var(--wgbv-p) * 20); top: calc(var(--wgbv-p) * 128); display: flex; align-items: center; gap: calc(var(--wgbv-p) * 10);
  height: calc(var(--wgbv-p) * 46); padding-left: calc(var(--wgbv-p) * 16); border: calc(var(--wgbv-p) * 1.2) solid #5850EC; border-color: color-mix(in srgb, #5850EC calc(var(--on, 1) * 100%), #E5E7EB);
  border-radius: calc(var(--wgbv-p) * 10); background: #fff; font-size: calc(var(--wgbv-p) * 13.5); line-height: 1.2; color: #4B5563; white-space: nowrap; }
.wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-dmn-share .wgbv-i { color: #374151; }
.wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-dmn-menu { position: absolute; left: calc(var(--wgbv-p) * 20); right: calc(var(--wgbv-p) * 20); top: calc(var(--wgbv-p) * 184); display: flex; flex-direction: column;
  border: calc(var(--wgbv-p) * .9) solid #CBD5E1; border-radius: calc(var(--wgbv-p) * 10); background: #fff; transform-origin: 50% 0;
  box-shadow: 0 calc(var(--wgbv-p) * 8) calc(var(--wgbv-p) * 20) rgba(16, 24, 40, .08); }
.wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-dmn-item { position: relative; display: flex; align-items: center; gap: calc(var(--wgbv-p) * 12); height: calc(var(--wgbv-p) * 52); padding-left: calc(var(--wgbv-p) * 16);
  border-top: calc(var(--wgbv-p) * .9) solid #CBD5E1; font-size: calc(var(--wgbv-p) * 13); line-height: 1.2; color: #4B5563; white-space: nowrap; }
.wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-dmn-item:first-child { border-top: 0; }
.wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-dmn-item .wgbv-i { color: #7C8DB5; }
.wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-dmn-tools { position: absolute; left: calc(var(--wgbv-p) * 20); right: calc(var(--wgbv-p) * 20); top: calc(var(--wgbv-p) * 66); display: flex; align-items: center; gap: calc(var(--wgbv-p) * 18); height: calc(var(--wgbv-p) * 36); color: #374151; }
.wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-dmn-tools .wgbv-i { width: calc(var(--wgbv-p) * 19); height: calc(var(--wgbv-p) * 19); stroke-width: 2; }
.wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-dmn-tools .wgbv-dmn-bold { stroke-width: 3; }
.wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-dmn-clock { display: grid; place-items: center; flex: none; width: calc(var(--wgbv-p) * 36); height: calc(var(--wgbv-p) * 36); border-radius: calc(var(--wgbv-p) * 8);
  background: #E5EDFF; background: color-mix(in srgb, #E5EDFF calc(var(--on, 1) * 100%), #fff); color: #5D6BF0; color: color-mix(in srgb, #5D6BF0 calc(var(--on, 1) * 100%), #6B7280); }
.wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-dmn-clock .wgbv-i { width: calc(var(--wgbv-p) * 21); height: calc(var(--wgbv-p) * 21); }
.wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-dmn-div { flex: none; width: calc(var(--wgbv-p) * 1.2); height: calc(var(--wgbv-p) * 24); margin-right: auto; background: #E5E7EB; }
.wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-dmn-chart { position: absolute; left: calc(var(--wgbv-p) * 20); right: calc(var(--wgbv-p) * 20); top: calc(var(--wgbv-p) * 124); bottom: calc(var(--wgbv-p) * 20); display: flex; align-items: flex-end; gap: calc(var(--wgbv-p) * 10);
  border-bottom: calc(var(--wgbv-p) * .9) solid #E5E7EB; }
.wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-dmn-chart i { flex: 1; height: 60%; border-radius: calc(var(--wgbv-p) * 4) calc(var(--wgbv-p) * 4) 0 0; background: #E0E7FF; transform-origin: 50% 100%; }
.wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-dmn-chart i:nth-child(even) { background: #C7D2FE; }
.wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-dmn-chart i:nth-child(8n+1) { height: 52%; }
.wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-dmn-chart i:nth-child(8n+2) { height: 70%; }
.wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-dmn-chart i:nth-child(8n+3) { height: 46%; }
.wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-dmn-chart i:nth-child(8n+4) { height: 84%; }
.wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-dmn-chart i:nth-child(8n+6) { height: 76%; }
.wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-dmn-chart i:nth-child(8n+7) { height: 56%; }
.wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-dmn-chart i:nth-child(8n) { height: 90%; }
.wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-dmn-list { right: auto; top: calc(var(--wgbv-p) * 112); width: calc(var(--wgbv-p) * 200); padding: calc(var(--wgbv-p) * 8) 0; }
.wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-dmn-head { display: block; padding: calc(var(--wgbv-p) * 4) calc(var(--wgbv-p) * 16) calc(var(--wgbv-p) * 6); font-size: calc(var(--wgbv-p) * 10); font-weight: 500; line-height: 1.2; letter-spacing: .04em; color: #6B7280; white-space: nowrap; }
.wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-dmn-list .wgbv-dmn-item { height: calc(var(--wgbv-p) * 25); padding-left: calc(var(--wgbv-p) * 40); border-top: 0; font-size: calc(var(--wgbv-p) * 12.5); color: #374151; }
.wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-dmn-list .wgbv-dmn-check { position: absolute; left: calc(var(--wgbv-p) * 13); top: 50%; width: calc(var(--wgbv-p) * 16); height: calc(var(--wgbv-p) * 16); margin-top: calc(var(--wgbv-p) * -8); stroke-width: 2.2; color: #64748B; }
.wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-dmn-sel { font-weight: 600; }
@container (aspect-ratio >= 1.41) {
  .wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-stage { --wgbv-w: 400; --wgbv-h: 200; }
  .wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-dmn-card { left: calc(var(--wgbv-p) * 6); top: calc(var(--wgbv-p) * 6); width: calc(var(--wgbv-p) * 388); height: calc(var(--wgbv-p) * 188); border-radius: calc(var(--wgbv-p) * 16); }
  .wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-crumbs { height: calc(var(--wgbv-p) * 36); font-size: calc(var(--wgbv-p) * 11.5); }
  .wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-mark { width: calc(var(--wgbv-p) * 42); margin-right: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-mark img { width: calc(var(--wgbv-p) * 21); }
  .wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-dmn-card .wgbv-i { width: calc(var(--wgbv-p) * 15); height: calc(var(--wgbv-p) * 15); }
  .wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-dmn-title { left: calc(var(--wgbv-p) * 16); top: calc(var(--wgbv-p) * 48); font-size: calc(var(--wgbv-p) * 13); }
  .wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-dmn-share { left: calc(var(--wgbv-p) * 16); right: calc(var(--wgbv-p) * 16); top: calc(var(--wgbv-p) * 72); height: calc(var(--wgbv-p) * 34); gap: calc(var(--wgbv-p) * 8); padding-left: calc(var(--wgbv-p) * 12); font-size: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-dmn-menu { left: calc(var(--wgbv-p) * 16); right: calc(var(--wgbv-p) * 16); top: calc(var(--wgbv-p) * 113); }
  .wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-dmn-item { height: calc(var(--wgbv-p) * 32); gap: calc(var(--wgbv-p) * 10); padding-left: calc(var(--wgbv-p) * 12); font-size: calc(var(--wgbv-p) * 11.5); }
  .wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-dmn-tools { left: auto; right: calc(var(--wgbv-p) * 16); top: calc(var(--wgbv-p) * 5); height: calc(var(--wgbv-p) * 26); gap: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-dmn-tools .wgbv-i { width: calc(var(--wgbv-p) * 15); height: calc(var(--wgbv-p) * 15); }
  .wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-dmn-clock { width: calc(var(--wgbv-p) * 26); height: calc(var(--wgbv-p) * 26); border-radius: calc(var(--wgbv-p) * 6); }
  .wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-dmn-clock .wgbv-i { width: calc(var(--wgbv-p) * 16); height: calc(var(--wgbv-p) * 16); }
  .wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-dmn-div { height: calc(var(--wgbv-p) * 18); margin-right: 0; }
  .wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-dmn-chart { left: calc(var(--wgbv-p) * 16); right: calc(var(--wgbv-p) * 16); top: calc(var(--wgbv-p) * 52); bottom: calc(var(--wgbv-p) * 12); gap: calc(var(--wgbv-p) * 8); }
  .wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-dmn-list { left: auto; right: calc(var(--wgbv-p) * 22); top: calc(var(--wgbv-p) * 40); width: calc(var(--wgbv-p) * 150); padding: calc(var(--wgbv-p) * 4) 0; }
  .wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-dmn-head { padding: calc(var(--wgbv-p) * 2) calc(var(--wgbv-p) * 12) calc(var(--wgbv-p) * 3); font-size: calc(var(--wgbv-p) * 9); }
  .wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-dmn-list .wgbv-dmn-item { height: calc(var(--wgbv-p) * 17); padding-left: calc(var(--wgbv-p) * 30); font-size: calc(var(--wgbv-p) * 10.5); }
  .wgbv-visual[data-wgbv="dashboard-menu"] .wgbv-dmn-list .wgbv-dmn-check { left: calc(var(--wgbv-p) * 10); width: calc(var(--wgbv-p) * 13); height: calc(var(--wgbv-p) * 13); margin-top: calc(var(--wgbv-p) * -6.5); }
}
.wgbv-visual[data-wgbv="dashboard-menu"]:is(.platform_section-wrap .image_wrap-right *) { --wgbv-fill: .96; }

/* ---- visuals/data-export.css ---- */
.wgbv-visual[data-wgbv="data-export"] { --wgbv-ar: 1 / 1; --wgbv-w: 360; --wgbv-h: 360; }
.wgbv-visual[data-wgbv="data-export"] .wgbv-stage { overflow: clip; }
.wgbv-visual[data-wgbv="data-export"] .wgbv-de-win { position: absolute; left: calc(var(--wgbv-p) * 12); right: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 16); bottom: calc(var(--wgbv-p) * -40);
  border-radius: calc(var(--wgbv-p) * 16); background: #fff;
  box-shadow: 0 calc(var(--wgbv-p) * 1) calc(var(--wgbv-p) * 2) rgba(16, 24, 40, .05), 0 calc(var(--wgbv-p) * 8) calc(var(--wgbv-p) * 22) rgba(16, 24, 40, .1); }
.wgbv-visual[data-wgbv="data-export"] .wgbv-de-bar { position: absolute; left: 0; right: 0; top: 0; display: flex; align-items: center; gap: calc(var(--wgbv-p) * 5);
  height: calc(var(--wgbv-p) * 24); padding-left: calc(var(--wgbv-p) * 14); border-radius: calc(var(--wgbv-p) * 16) calc(var(--wgbv-p) * 16) 0 0; background: #111827; }
.wgbv-visual[data-wgbv="data-export"] .wgbv-de-bar i { width: calc(var(--wgbv-p) * 8); height: calc(var(--wgbv-p) * 8); border-radius: 50%; background: #E02424; }
.wgbv-visual[data-wgbv="data-export"] .wgbv-de-bar i:nth-child(2) { background: #FACA15; }
.wgbv-visual[data-wgbv="data-export"] .wgbv-de-bar i:nth-child(3) { background: #0E9F6E; }
.wgbv-visual[data-wgbv="data-export"] .wgbv-de-title { position: absolute; left: calc(var(--wgbv-p) * 18); top: calc(var(--wgbv-p) * 44); font-size: calc(var(--wgbv-p) * 16); font-weight: 700; line-height: 1.2; letter-spacing: -.01em; color: #111827; white-space: nowrap; }
.wgbv-visual[data-wgbv="data-export"] .wgbv-de-btn { position: absolute; right: calc(var(--wgbv-p) * 18); top: calc(var(--wgbv-p) * 38); display: flex; align-items: center; gap: calc(var(--wgbv-p) * 6);
  height: calc(var(--wgbv-p) * 30); padding: 0 calc(var(--wgbv-p) * 10) 0 calc(var(--wgbv-p) * 12); border-radius: calc(var(--wgbv-p) * 6); background: #4F46E5;
  font-size: calc(var(--wgbv-p) * 11.5); font-weight: 600; color: #fff; white-space: nowrap; }
.wgbv-visual[data-wgbv="data-export"] .wgbv-de-btn .wgbv-i { width: calc(var(--wgbv-p) * 13); height: calc(var(--wgbv-p) * 13); stroke-width: 2.4; }
.wgbv-visual[data-wgbv="data-export"] .wgbv-de-btn::after { content: ''; position: absolute; right: calc(var(--wgbv-p) * -6); top: calc(var(--wgbv-p) * -6);
  width: calc(var(--wgbv-p) * 15); height: calc(var(--wgbv-p) * 15); border-radius: 50%; box-shadow: 0 0 0 calc(var(--wgbv-p) * 1.5) #fff;
  background: #0E9F6E url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center / 72% no-repeat;
  opacity: min(1, calc(var(--ok, 1) * 1.6)); transform: scale(calc(.3 + .7 * var(--ok, 1))); }
.wgbv-visual[data-wgbv="data-export"] .wgbv-de-table { position: absolute; left: calc(var(--wgbv-p) * 18); right: calc(var(--wgbv-p) * 18); top: calc(var(--wgbv-p) * 84); display: flex; flex-direction: column; }
.wgbv-visual[data-wgbv="data-export"] .wgbv-de-row { display: grid; grid-template-columns: 29% 26% 23% 22%; align-items: center; height: calc(var(--wgbv-p) * 37); padding: 0 calc(var(--wgbv-p) * 10);
  border-bottom: calc(var(--wgbv-p) * .9) solid #F1F1F1; font-size: calc(var(--wgbv-p) * 10.5); line-height: 1.2; color: #475569; white-space: nowrap; }
.wgbv-visual[data-wgbv="data-export"] .wgbv-de-head { height: calc(var(--wgbv-p) * 38); border: 0; border-radius: calc(var(--wgbv-p) * 8) calc(var(--wgbv-p) * 8) 0 0; background: #F4F4F4;
  font-size: calc(var(--wgbv-p) * 9.5); font-weight: 500; line-height: 1.2; }
.wgbv-visual[data-wgbv="data-export"] .wgbv-de-row i { display: block; width: 72%; height: calc(var(--wgbv-p) * 8); border-radius: calc(var(--wgbv-p) * 4); background: #E5E7EB; transform-origin: 0 50%; }
.wgbv-visual[data-wgbv="data-export"] .wgbv-de-row:nth-child(3n) i { width: 58%; }
.wgbv-visual[data-wgbv="data-export"] .wgbv-de-row:nth-child(3n+1) i { width: 84%; }
@container (aspect-ratio >= 1.41) {
  .wgbv-visual[data-wgbv="data-export"] .wgbv-stage { --wgbv-w: 360; --wgbv-h: 180; }
  .wgbv-visual[data-wgbv="data-export"] .wgbv-de-win { left: calc(var(--wgbv-p) * 8); right: calc(var(--wgbv-p) * 8); top: calc(var(--wgbv-p) * 8); border-radius: calc(var(--wgbv-p) * 13); }
  .wgbv-visual[data-wgbv="data-export"] .wgbv-de-bar { height: calc(var(--wgbv-p) * 18); padding-left: calc(var(--wgbv-p) * 11); gap: calc(var(--wgbv-p) * 4); border-radius: calc(var(--wgbv-p) * 13) calc(var(--wgbv-p) * 13) 0 0; }
  .wgbv-visual[data-wgbv="data-export"] .wgbv-de-bar i { width: calc(var(--wgbv-p) * 6.5); height: calc(var(--wgbv-p) * 6.5); }
  .wgbv-visual[data-wgbv="data-export"] .wgbv-de-title { left: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 28); font-size: calc(var(--wgbv-p) * 13.5); }
  .wgbv-visual[data-wgbv="data-export"] .wgbv-de-btn { right: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 25); height: calc(var(--wgbv-p) * 24); font-size: calc(var(--wgbv-p) * 10.5); }
  .wgbv-visual[data-wgbv="data-export"] .wgbv-de-btn .wgbv-i { width: calc(var(--wgbv-p) * 11); height: calc(var(--wgbv-p) * 11); }
  .wgbv-visual[data-wgbv="data-export"] .wgbv-de-table { left: calc(var(--wgbv-p) * 14); right: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 58); }
  .wgbv-visual[data-wgbv="data-export"] .wgbv-de-row { height: calc(var(--wgbv-p) * 27); padding: 0 calc(var(--wgbv-p) * 8); }
  .wgbv-visual[data-wgbv="data-export"] .wgbv-de-head { height: calc(var(--wgbv-p) * 30); font-size: calc(var(--wgbv-p) * 9); }
}
.wgbv-visual[data-wgbv="data-export"]:is(.platform_section-wrap .image_wrap-right *) { --wgbv-fill: .96; --wgbv-ay: 1; }

/* ---- visuals/data-merge.css ---- */
.wgbv-visual[data-wgbv="data-merge"] { --wgbv-ar: 440 / 236; --wgbv-w: 440; --wgbv-h: 236; }
.wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-lines { position: absolute; left: calc(var(--wgbv-p) * 186); top: calc(var(--wgbv-p) * 46); width: calc(var(--wgbv-p) * 46); height: calc(var(--wgbv-p) * 144); overflow: visible; }
.wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-q { display: none; left: calc(var(--wgbv-p) * 56); top: calc(var(--wgbv-p) * 94); width: calc(var(--wgbv-p) * 188); height: calc(var(--wgbv-p) * 32); }
.wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-lines path { fill: none; stroke-width: 2; stroke-linecap: round; }
.wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-lines path:nth-child(1) { stroke: #60A5FA; }
.wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-lines path:nth-child(2) { stroke: #34D399; }
.wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-lines path:nth-child(3) { stroke: #A78BFA; }
.wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-src { position: absolute; left: calc(var(--wgbv-p) * 10); display: flex; align-items: center; gap: calc(var(--wgbv-p) * 10); width: calc(var(--wgbv-p) * 176); height: calc(var(--wgbv-p) * 52); padding: 0 calc(var(--wgbv-p) * 10);
  border: calc(var(--wgbv-p) * .9) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 12); background: #fff; box-shadow: 0 calc(var(--wgbv-p) * 1) calc(var(--wgbv-p) * 2) rgba(16, 24, 40, .04), 0 calc(var(--wgbv-p) * 6) calc(var(--wgbv-p) * 14) rgba(16, 24, 40, .06); }
.wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-s1 { top: calc(var(--wgbv-p) * 22); --wgbv-c: #2563EB; --wgbv-t: #EFF6FF; }
.wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-s2 { top: calc(var(--wgbv-p) * 92); --wgbv-c: #059669; --wgbv-t: #ECFDF5; }
.wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-s3 { top: calc(var(--wgbv-p) * 162); --wgbv-c: #7C3AED; --wgbv-t: #F5F3FF; }
.wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-ic { display: grid; place-items: center; flex: none; width: calc(var(--wgbv-p) * 30); height: calc(var(--wgbv-p) * 30); border-radius: calc(var(--wgbv-p) * 8); background: var(--wgbv-t); color: var(--wgbv-c); }
.wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-ic .wgbv-i { width: calc(var(--wgbv-p) * 18); height: calc(var(--wgbv-p) * 18); stroke-width: 1.8; }
.wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-lb { font-size: calc(var(--wgbv-p) * 12.5); font-weight: 600; line-height: 1.22; color: #1E293B; }
.wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-panel { position: absolute; left: calc(var(--wgbv-p) * 232); top: calc(var(--wgbv-p) * 14); width: calc(var(--wgbv-p) * 198); height: calc(var(--wgbv-p) * 208);
  border: calc(var(--wgbv-p) * .9) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 14); background: #fff; box-shadow: 0 calc(var(--wgbv-p) * 1) calc(var(--wgbv-p) * 2) rgba(16, 24, 40, .04), 0 calc(var(--wgbv-p) * 10) calc(var(--wgbv-p) * 24) rgba(16, 24, 40, .08); }
.wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-title { position: absolute; left: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 14); font-size: calc(var(--wgbv-p) * 13.5); font-weight: 700; line-height: 1.2; color: #2C2D73; }
.wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-chip { position: absolute; right: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 12); padding: calc(var(--wgbv-p) * 3) calc(var(--wgbv-p) * 8); border-radius: calc(var(--wgbv-p) * 10); background: #EEF0FF; font-size: calc(var(--wgbv-p) * 10.5); font-weight: 600; line-height: 1.3; color: #4338CA; white-space: nowrap; }
.wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-head , .wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-row { position: absolute; left: calc(var(--wgbv-p) * 12); right: calc(var(--wgbv-p) * 12); display: grid; gap: calc(var(--wgbv-p) * 6); align-items: center; }
.wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-head { top: calc(var(--wgbv-p) * 42); grid-template-columns: 2fr 1fr 1fr; }
.wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-head > span { display: grid; place-items: center; height: calc(var(--wgbv-p) * 24); border-radius: calc(var(--wgbv-p) * 6); }
.wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-head .wgbv-i { width: calc(var(--wgbv-p) * 15); height: calc(var(--wgbv-p) * 15); stroke-width: 1.8; }
.wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-h1 { background: #EFF6FF; color: #2563EB; }
.wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-h2 { background: #ECFDF5; color: #059669; }
.wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-h3 { background: #F5F3FF; color: #7C3AED; }
.wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-row { height: calc(var(--wgbv-p) * 18); grid-template-columns: repeat(4, 1fr); border-bottom: calc(var(--wgbv-p) * .9) solid #F1F2F5; }
.wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-row:nth-of-type(1) { top: calc(var(--wgbv-p) * 74); }
.wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-row:nth-of-type(2) { top: calc(var(--wgbv-p) * 100); }
.wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-row:nth-of-type(3) { top: calc(var(--wgbv-p) * 126); }
.wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-row:nth-of-type(4) { top: calc(var(--wgbv-p) * 152); }
.wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-row:nth-of-type(5) { top: calc(var(--wgbv-p) * 178); border-bottom: 0; }
.wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-row i { display: block; width: 80%; height: calc(var(--wgbv-p) * 8); margin: 0 auto; border-radius: calc(var(--wgbv-p) * 4); }
.wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-row i:nth-child(-n+2) { background: #93C5FD; }
.wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-row i:nth-child(3) { background: #6EE7B7; }
.wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-row i:nth-child(4) { background: #C4B5FD; }
.wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-row:nth-of-type(odd) i:nth-child(2n) { width: 56%; }
.wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-row:nth-of-type(even) i:nth-child(2n+1) { width: 64%; }
.wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-row:nth-of-type(3n) i:nth-child(3) { width: 92%; }
@container (aspect-ratio < 1.3) {
  .wgbv-visual[data-wgbv="data-merge"] .wgbv-stage { --wgbv-w: 300; --wgbv-h: 290; }
  .wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-w { display: none; }
  .wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-q { display: block; }
  .wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-src { top: calc(var(--wgbv-p) * 10); flex-direction: column; justify-content: flex-start; gap: calc(var(--wgbv-p) * 6); width: calc(var(--wgbv-p) * 88); height: calc(var(--wgbv-p) * 86); padding: calc(var(--wgbv-p) * 9) calc(var(--wgbv-p) * 5) 0; text-align: center; }
  .wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-s1 { left: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-s2 { left: calc(var(--wgbv-p) * 106); }
  .wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-s3 { left: calc(var(--wgbv-p) * 198); }
  .wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-ic { width: calc(var(--wgbv-p) * 26); height: calc(var(--wgbv-p) * 26); }
  .wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-lb { font-size: calc(var(--wgbv-p) * 11); line-height: 1.2; }
  .wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-panel { left: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 124); width: calc(var(--wgbv-p) * 272); height: calc(var(--wgbv-p) * 156); }
  .wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-head { top: calc(var(--wgbv-p) * 40); }
  .wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-row { height: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-row:nth-of-type(1) { top: calc(var(--wgbv-p) * 70); }
  .wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-row:nth-of-type(2) { top: calc(var(--wgbv-p) * 86); }
  .wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-row:nth-of-type(3) { top: calc(var(--wgbv-p) * 102); }
  .wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-row:nth-of-type(4) { top: calc(var(--wgbv-p) * 118); }
  .wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-row:nth-of-type(5) { top: calc(var(--wgbv-p) * 134); }
  .wgbv-visual[data-wgbv="data-merge"] .wgbv-dm-row i { height: calc(var(--wgbv-p) * 7); }
}
@media (max-width: 479px) {
  @container (aspect-ratio >= 1.3) and (aspect-ratio < 1.6) {
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-stage { --wgbv-w: 400; --wgbv-h: 290; }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-w { display: none; }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-q { display: block; left: calc(var(--wgbv-p) * 73.3); top: calc(var(--wgbv-p) * 87.3); width: calc(var(--wgbv-p) * 250.7); height: calc(var(--wgbv-p) * 42.7); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-q path { stroke-width: 1.5; }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-src { top: calc(var(--wgbv-p) * 10); flex-direction: column; justify-content: flex-start; gap: calc(var(--wgbv-p) * 6); width: calc(var(--wgbv-p) * 116); height: calc(var(--wgbv-p) * 80); padding: calc(var(--wgbv-p) * 9) calc(var(--wgbv-p) * 5) 0; text-align: center; }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-s1 { left: calc(var(--wgbv-p) * 18); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-s2 { left: calc(var(--wgbv-p) * 142); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-s3 { left: calc(var(--wgbv-p) * 266); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-ic { width: calc(var(--wgbv-p) * 26); height: calc(var(--wgbv-p) * 26); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-lb { font-size: calc(var(--wgbv-p) * 11); line-height: 1.2; }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-panel { left: calc(var(--wgbv-p) * 18); top: calc(var(--wgbv-p) * 126); width: calc(var(--wgbv-p) * 364); height: calc(var(--wgbv-p) * 156); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-head { top: calc(var(--wgbv-p) * 40); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-row { height: calc(var(--wgbv-p) * 14); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-row:nth-of-type(1) { top: calc(var(--wgbv-p) * 70); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-row:nth-of-type(2) { top: calc(var(--wgbv-p) * 86); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-row:nth-of-type(3) { top: calc(var(--wgbv-p) * 102); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-row:nth-of-type(4) { top: calc(var(--wgbv-p) * 118); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-row:nth-of-type(5) { top: calc(var(--wgbv-p) * 134); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-row i { height: calc(var(--wgbv-p) * 7); }
  }
}

@media (min-width: 480px) and (max-width: 991px) {
  @container (aspect-ratio >= 1.3) and (aspect-ratio < 1.517) {
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-stage { --wgbv-w: 400; --wgbv-h: 290; }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-w { display: none; }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-q { display: block; left: calc(var(--wgbv-p) * 73.3); top: calc(var(--wgbv-p) * 87.3); width: calc(var(--wgbv-p) * 250.7); height: calc(var(--wgbv-p) * 42.7); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-q path { stroke-width: 1.5; }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-src { top: calc(var(--wgbv-p) * 10); flex-direction: column; justify-content: flex-start; gap: calc(var(--wgbv-p) * 6); width: calc(var(--wgbv-p) * 116); height: calc(var(--wgbv-p) * 80); padding: calc(var(--wgbv-p) * 9) calc(var(--wgbv-p) * 5) 0; text-align: center; }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-s1 { left: calc(var(--wgbv-p) * 18); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-s2 { left: calc(var(--wgbv-p) * 142); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-s3 { left: calc(var(--wgbv-p) * 266); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-ic { width: calc(var(--wgbv-p) * 26); height: calc(var(--wgbv-p) * 26); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-lb { font-size: calc(var(--wgbv-p) * 11); line-height: 1.2; }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-panel { left: calc(var(--wgbv-p) * 18); top: calc(var(--wgbv-p) * 126); width: calc(var(--wgbv-p) * 364); height: calc(var(--wgbv-p) * 156); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-head { top: calc(var(--wgbv-p) * 40); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-row { height: calc(var(--wgbv-p) * 14); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-row:nth-of-type(1) { top: calc(var(--wgbv-p) * 70); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-row:nth-of-type(2) { top: calc(var(--wgbv-p) * 86); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-row:nth-of-type(3) { top: calc(var(--wgbv-p) * 102); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-row:nth-of-type(4) { top: calc(var(--wgbv-p) * 118); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-row:nth-of-type(5) { top: calc(var(--wgbv-p) * 134); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-row i { height: calc(var(--wgbv-p) * 7); }
  }
  @container (aspect-ratio >= 1.517) and (aspect-ratio <= 1.7) {
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-stage { --wgbv-h: 264; }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-s2 { top: calc(var(--wgbv-p) * 106); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-s3 { top: calc(var(--wgbv-p) * 190); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-w { transform-origin: 0 0; transform: scale(1, 1.1944); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-w path { stroke-width: 1.675; }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-panel { height: calc(var(--wgbv-p) * 236); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-head { top: calc(var(--wgbv-p) * 44); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-row:nth-of-type(1) { top: calc(var(--wgbv-p) * 78); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-row:nth-of-type(2) { top: calc(var(--wgbv-p) * 110); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-row:nth-of-type(3) { top: calc(var(--wgbv-p) * 142); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-row:nth-of-type(4) { top: calc(var(--wgbv-p) * 174); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-row:nth-of-type(5) { top: calc(var(--wgbv-p) * 206); }
  }
  @container (aspect-ratio > 1.667) and (aspect-ratio <= 1.7) {
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-stage { --wgbv-h: 259; }
  }
  @container (aspect-ratio > 1.7) {
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-stage { --wgbv-cy: 8; --wgbv-ch: 220; }
  }
}
@media (max-width: 479px) {
  @container (min-width: 362px) and (aspect-ratio >= 1.6) and (aspect-ratio <= 1.6667) {
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-stage { --wgbv-h: 264; }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-s2 { top: calc(var(--wgbv-p) * 106); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-s3 { top: calc(var(--wgbv-p) * 190); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-w { transform-origin: 0 0; transform: scale(1, 1.1944); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-w path { stroke-width: 1.675; }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-panel { height: calc(var(--wgbv-p) * 236); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-head { top: calc(var(--wgbv-p) * 44); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-row:nth-of-type(1) { top: calc(var(--wgbv-p) * 78); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-row:nth-of-type(2) { top: calc(var(--wgbv-p) * 110); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-row:nth-of-type(3) { top: calc(var(--wgbv-p) * 142); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-row:nth-of-type(4) { top: calc(var(--wgbv-p) * 174); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-row:nth-of-type(5) { top: calc(var(--wgbv-p) * 206); }
  }
  @container (min-width: 362px) and (aspect-ratio > 1.6667) and (aspect-ratio <= 1.712) {
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-stage { --wgbv-h: 257; }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-s2 { top: calc(var(--wgbv-p) * 102.6); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-s3 { top: calc(var(--wgbv-p) * 183); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-w { transform-origin: 0 0; transform: scale(1, 1.148); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-w path { stroke-width: 1.742; }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-panel { height: calc(var(--wgbv-p) * 229); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-head { top: calc(var(--wgbv-p) * 43); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-row:nth-of-type(1) { top: calc(var(--wgbv-p) * 76); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-row:nth-of-type(2) { top: calc(var(--wgbv-p) * 107); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-row:nth-of-type(3) { top: calc(var(--wgbv-p) * 138); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-row:nth-of-type(4) { top: calc(var(--wgbv-p) * 169); }
    .wgbv-visual[data-wgbv="data-merge"]:is(.point *) .wgbv-dm-row:nth-of-type(5) { top: calc(var(--wgbv-p) * 200); }
  }
}

@container (max-width: 279px) and (aspect-ratio >= 1.25) {
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_faq-imgwrap *) .wgbv-stage { --wgbv-w: 300; --wgbv-h: 240; }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_faq-imgwrap *) .wgbv-dm-w { display: none; }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_faq-imgwrap *) .wgbv-dm-q { display: block; }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_faq-imgwrap *) .wgbv-dm-src { top: calc(var(--wgbv-p) * 8); flex-direction: column; justify-content: flex-start; gap: calc(var(--wgbv-p) * 6); width: calc(var(--wgbv-p) * 88); height: calc(var(--wgbv-p) * 88); padding: calc(var(--wgbv-p) * 8) calc(var(--wgbv-p) * 5) 0; text-align: center; }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_faq-imgwrap *) .wgbv-dm-s1 { left: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_faq-imgwrap *) .wgbv-dm-s2 { left: calc(var(--wgbv-p) * 106); }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_faq-imgwrap *) .wgbv-dm-s3 { left: calc(var(--wgbv-p) * 198); }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_faq-imgwrap *) .wgbv-dm-ic { width: calc(var(--wgbv-p) * 26); height: calc(var(--wgbv-p) * 26); }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_faq-imgwrap *) .wgbv-dm-lb { font-size: calc(var(--wgbv-p) * 12.5); line-height: 1.2; }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_faq-imgwrap *) .wgbv-dm-panel { left: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 124); width: calc(var(--wgbv-p) * 272); height: calc(var(--wgbv-p) * 110); }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_faq-imgwrap *) .wgbv-dm-head { top: calc(var(--wgbv-p) * 38); }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_faq-imgwrap *) .wgbv-dm-row { height: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_faq-imgwrap *) .wgbv-dm-row:nth-of-type(1) { top: calc(var(--wgbv-p) * 66); }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_faq-imgwrap *) .wgbv-dm-row:nth-of-type(2) { top: calc(var(--wgbv-p) * 80); }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_faq-imgwrap *) .wgbv-dm-row:nth-of-type(3) { top: calc(var(--wgbv-p) * 94); }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_faq-imgwrap *) .wgbv-dm-row:nth-of-type(4) { display: none; }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_faq-imgwrap *) .wgbv-dm-row:nth-of-type(5) { display: none; }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_faq-imgwrap *) .wgbv-dm-row i { height: calc(var(--wgbv-p) * 6); }
}
@container (max-width: 199px) {
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_faq-imgwrap *) .wgbv-stage { --wgbv-w: 190; --wgbv-h: 190; }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_faq-imgwrap *) .wgbv-dm-lines { display: none; }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_faq-imgwrap *) .wgbv-dm-src { left: calc(var(--wgbv-p) * 6); flex-direction: row; justify-content: center; gap: 0; width: calc(var(--wgbv-p) * 40); height: calc(var(--wgbv-p) * 40); padding: 0; border-radius: calc(var(--wgbv-p) * 10); }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_faq-imgwrap *) .wgbv-dm-s1 { top: calc(var(--wgbv-p) * 24); }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_faq-imgwrap *) .wgbv-dm-s2 { top: calc(var(--wgbv-p) * 75); }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_faq-imgwrap *) .wgbv-dm-s3 { top: calc(var(--wgbv-p) * 126); }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_faq-imgwrap *) .wgbv-dm-lb { display: none; }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_faq-imgwrap *) .wgbv-dm-ic { width: calc(var(--wgbv-p) * 28); height: calc(var(--wgbv-p) * 28); }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_faq-imgwrap *) .wgbv-dm-panel { left: calc(var(--wgbv-p) * 54); top: calc(var(--wgbv-p) * 6); width: calc(var(--wgbv-p) * 130); height: calc(var(--wgbv-p) * 178); }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_faq-imgwrap *) .wgbv-dm-title { left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 12); font-size: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_faq-imgwrap *) .wgbv-dm-chip { left: calc(var(--wgbv-p) * 11); right: auto; top: calc(var(--wgbv-p) * 34); font-size: calc(var(--wgbv-p) * 11.5); }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_faq-imgwrap *) .wgbv-dm-head { top: calc(var(--wgbv-p) * 64); }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_faq-imgwrap *) .wgbv-dm-row { height: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_faq-imgwrap *) .wgbv-dm-row:nth-of-type(1) { top: calc(var(--wgbv-p) * 96); }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_faq-imgwrap *) .wgbv-dm-row:nth-of-type(2) { top: calc(var(--wgbv-p) * 111); }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_faq-imgwrap *) .wgbv-dm-row:nth-of-type(3) { top: calc(var(--wgbv-p) * 126); }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_faq-imgwrap *) .wgbv-dm-row:nth-of-type(4) { display: grid; top: calc(var(--wgbv-p) * 141); }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_faq-imgwrap *) .wgbv-dm-row:nth-of-type(5) { display: grid; top: calc(var(--wgbv-p) * 156); }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_faq-imgwrap *) .wgbv-dm-row i { height: calc(var(--wgbv-p) * 7); }
}
@container (width < 460px) {
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_right-imgbox *) .wgbv-stage { --wgbv-w: 300; --wgbv-h: 290; }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_right-imgbox *) .wgbv-dm-w { display: none; }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_right-imgbox *) .wgbv-dm-q { display: block; }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_right-imgbox *) .wgbv-dm-src { top: calc(var(--wgbv-p) * 10); flex-direction: column; justify-content: flex-start; gap: calc(var(--wgbv-p) * 6); width: calc(var(--wgbv-p) * 88); height: calc(var(--wgbv-p) * 86); padding: calc(var(--wgbv-p) * 9) calc(var(--wgbv-p) * 5) 0; text-align: center; }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_right-imgbox *) .wgbv-dm-s1 { left: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_right-imgbox *) .wgbv-dm-s2 { left: calc(var(--wgbv-p) * 106); }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_right-imgbox *) .wgbv-dm-s3 { left: calc(var(--wgbv-p) * 198); }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_right-imgbox *) .wgbv-dm-ic { width: calc(var(--wgbv-p) * 26); height: calc(var(--wgbv-p) * 26); }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_right-imgbox *) .wgbv-dm-lb { font-size: calc(var(--wgbv-p) * 11); line-height: 1.2; }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_right-imgbox *) .wgbv-dm-panel { left: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 124); width: calc(var(--wgbv-p) * 272); height: calc(var(--wgbv-p) * 156); }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_right-imgbox *) .wgbv-dm-head { top: calc(var(--wgbv-p) * 40); }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_right-imgbox *) .wgbv-dm-row { height: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_right-imgbox *) .wgbv-dm-row:nth-of-type(1) { top: calc(var(--wgbv-p) * 70); }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_right-imgbox *) .wgbv-dm-row:nth-of-type(2) { top: calc(var(--wgbv-p) * 86); }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_right-imgbox *) .wgbv-dm-row:nth-of-type(3) { top: calc(var(--wgbv-p) * 102); }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_right-imgbox *) .wgbv-dm-row:nth-of-type(4) { top: calc(var(--wgbv-p) * 118); }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_right-imgbox *) .wgbv-dm-row:nth-of-type(5) { top: calc(var(--wgbv-p) * 134); }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_right-imgbox *) .wgbv-dm-row i { height: calc(var(--wgbv-p) * 7); }
}
@container (width >= 460px) {
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_right-imgbox *) .wgbv-stage { --wgbv-w: 440; --wgbv-h: 236; }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_right-imgbox *) .wgbv-dm-w { display: block; }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_right-imgbox *) .wgbv-dm-q { display: none; }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_right-imgbox *) .wgbv-dm-src { flex-direction: row; justify-content: normal; gap: calc(var(--wgbv-p) * 10); width: calc(var(--wgbv-p) * 176); height: calc(var(--wgbv-p) * 52); padding: 0 calc(var(--wgbv-p) * 10); text-align: inherit; }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_right-imgbox *) .wgbv-dm-s1 { left: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 22); }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_right-imgbox *) .wgbv-dm-s2 { left: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 92); }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_right-imgbox *) .wgbv-dm-s3 { left: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 162); }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_right-imgbox *) .wgbv-dm-ic { width: calc(var(--wgbv-p) * 30); height: calc(var(--wgbv-p) * 30); }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_right-imgbox *) .wgbv-dm-lb { font-size: calc(var(--wgbv-p) * 12.5); line-height: 1.22; }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_right-imgbox *) .wgbv-dm-panel { left: calc(var(--wgbv-p) * 232); top: calc(var(--wgbv-p) * 14); width: calc(var(--wgbv-p) * 198); height: calc(var(--wgbv-p) * 208); }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_right-imgbox *) .wgbv-dm-head { top: calc(var(--wgbv-p) * 42); }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_right-imgbox *) .wgbv-dm-row { height: calc(var(--wgbv-p) * 18); }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_right-imgbox *) .wgbv-dm-row:nth-of-type(1) { top: calc(var(--wgbv-p) * 74); }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_right-imgbox *) .wgbv-dm-row:nth-of-type(2) { top: calc(var(--wgbv-p) * 100); }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_right-imgbox *) .wgbv-dm-row:nth-of-type(3) { top: calc(var(--wgbv-p) * 126); }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_right-imgbox *) .wgbv-dm-row:nth-of-type(4) { top: calc(var(--wgbv-p) * 152); }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_right-imgbox *) .wgbv-dm-row:nth-of-type(5) { top: calc(var(--wgbv-p) * 178); }
  .wgbv-visual[data-wgbv="data-merge"]:is(.support_right-imgbox *) .wgbv-dm-row i { height: calc(var(--wgbv-p) * 8); }
}

/* ---- visuals/device-connect.css ---- */
.wgbv-visual[data-wgbv="device-connect"] { --wgbv-ar: 1 / 1; --wgbv-w: 360; --wgbv-h: 360; }
.wgbv-visual[data-wgbv="device-connect"] .wgbv-stage { overflow: hidden; }
.wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-ph { position: absolute; left: calc(var(--wgbv-p) * 20); top: calc(var(--wgbv-p) * 12); width: calc(var(--wgbv-p) * 320); height: calc(var(--wgbv-p) * 420); padding: calc(var(--wgbv-p) * 9); border-radius: calc(var(--wgbv-p) * 46); background: #111214;
  box-shadow: inset 0 0 0 calc(var(--wgbv-p) * 2) #5c5d61, inset 0 0 0 calc(var(--wgbv-p) * 3.5) #2a2b2e, 0 calc(var(--wgbv-p) * 10) calc(var(--wgbv-p) * 28) rgba(32, 33, 63, .12); }
.wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-scr { position: relative; height: 100%; overflow: hidden; border-radius: calc(var(--wgbv-p) * 37); background: #fff; color: #1E293B; }
.wgbv-visual[data-wgbv="device-connect"] .wgbv-status { height: calc(var(--wgbv-p) * 34); padding: calc(var(--wgbv-p) * 2) calc(var(--wgbv-p) * 22) 0 calc(var(--wgbv-p) * 30); }
.wgbv-visual[data-wgbv="device-connect"] .wgbv-time { font-size: calc(var(--wgbv-p) * 12); }
.wgbv-visual[data-wgbv="device-connect"] .wgbv-sys { gap: calc(var(--wgbv-p) * 4); }
.wgbv-visual[data-wgbv="device-connect"] .wgbv-signal { width: calc(var(--wgbv-p) * 14); height: calc(var(--wgbv-p) * 9); }
.wgbv-visual[data-wgbv="device-connect"] .wgbv-wifi { width: calc(var(--wgbv-p) * 13); height: calc(var(--wgbv-p) * 9); }
.wgbv-visual[data-wgbv="device-connect"] .wgbv-battery { width: calc(var(--wgbv-p) * 20); height: calc(var(--wgbv-p) * 9.5); border-width: calc(var(--wgbv-p) * .8); border-radius: calc(var(--wgbv-p) * 3); }
.wgbv-visual[data-wgbv="device-connect"] .wgbv-battery i { inset: calc(var(--wgbv-p) * 1.2); border-radius: calc(var(--wgbv-p) * 1.6); }
.wgbv-visual[data-wgbv="device-connect"] .wgbv-island { top: calc(var(--wgbv-p) * 7); width: calc(var(--wgbv-p) * 76); height: calc(var(--wgbv-p) * 21); margin-left: calc(var(--wgbv-p) * -38); border-radius: calc(var(--wgbv-p) * 11); }
.wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-brand { position: absolute; left: calc(var(--wgbv-p) * 16); top: calc(var(--wgbv-p) * 38); height: calc(var(--wgbv-p) * 20); display: flex; align-items: center; gap: calc(var(--wgbv-p) * 6); font-size: calc(var(--wgbv-p) * 15); font-weight: 700; letter-spacing: -.01em; color: #2C2D73; }
.wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-brand img { width: calc(var(--wgbv-p) * 17); height: calc(var(--wgbv-p) * 18.5); }
.wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-sync { position: absolute; left: 0; right: 0; top: calc(var(--wgbv-p) * 62); height: calc(var(--wgbv-p) * 24); display: flex; align-items: center; gap: calc(var(--wgbv-p) * 7); padding-left: calc(var(--wgbv-p) * 16); background: #F1F5F9; font-size: calc(var(--wgbv-p) * 12); color: #475569; }
.wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-sync .wgbv-i { width: calc(var(--wgbv-p) * 15); height: calc(var(--wgbv-p) * 15); padding: calc(var(--wgbv-p) * 2); border-radius: 50%; background: #16A34A; color: #fff; stroke-width: 3.2; }
.wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-body { position: absolute; inset: 0; }
.wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-hi { position: absolute; left: calc(var(--wgbv-p) * 16); top: calc(var(--wgbv-p) * 92); font-size: calc(var(--wgbv-p) * 17); font-weight: 700; line-height: 1.2; letter-spacing: -.015em; color: #2C2D73; white-space: nowrap; }
.wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-onb { position: absolute; left: 0; right: 0; top: calc(var(--wgbv-p) * 118); height: calc(var(--wgbv-p) * 104); background: #F8FAFC; }
.wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-oh { position: absolute; left: calc(var(--wgbv-p) * 16); top: calc(var(--wgbv-p) * 8); font-size: calc(var(--wgbv-p) * 13.5); font-weight: 700; letter-spacing: -.01em; color: #2C2D73; white-space: nowrap; }
.wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-card { position: absolute; top: calc(var(--wgbv-p) * 30); height: calc(var(--wgbv-p) * 66); border: calc(var(--wgbv-p) * 1.5) solid #1E293B; border-radius: calc(var(--wgbv-p) * 12); background: #fff; }
.wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-ah { border-color: #F43F5E; background: #FFF7F8; }
.wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-c1 { left: calc(var(--wgbv-p) * 16); width: calc(var(--wgbv-p) * 172); }
.wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-c2 { left: calc(var(--wgbv-p) * 198); width: calc(var(--wgbv-p) * 150); }
.wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-ct { position: absolute; left: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 7); width: calc(var(--wgbv-p) * 88); font-size: calc(var(--wgbv-p) * 12); font-weight: 500; line-height: 1.3; color: #1E293B; }
.wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-go { position: absolute; left: calc(var(--wgbv-p) * 10); bottom: calc(var(--wgbv-p) * 6); display: flex; align-items: center; gap: calc(var(--wgbv-p) * 3); font-size: calc(var(--wgbv-p) * 11.5); color: #6741D9; }
.wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-go .wgbv-i { width: calc(var(--wgbv-p) * 12); height: calc(var(--wgbv-p) * 12); stroke-width: 2.2; }
.wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-c1 .wgbv-dc-go { opacity: 0; }
.wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-ok { position: absolute; left: calc(var(--wgbv-p) * 10); bottom: calc(var(--wgbv-p) * 6); width: calc(var(--wgbv-p) * 15); height: calc(var(--wgbv-p) * 15); padding: calc(var(--wgbv-p) * 2); border-radius: 50%; background: #16A34A; color: #fff; stroke-width: 3.2; }
.wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-tile { position: absolute; right: calc(var(--wgbv-p) * 10); top: 50%; display: grid; place-items: center; width: calc(var(--wgbv-p) * 32); height: calc(var(--wgbv-p) * 32); margin-top: calc(var(--wgbv-p) * -16); border: calc(var(--wgbv-p) * 1) solid #E2E8F0; border-radius: calc(var(--wgbv-p) * 8); background: #fff; color: #F43F5E; }
.wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-tile .wgbv-i { width: calc(var(--wgbv-p) * 19); height: calc(var(--wgbv-p) * 19); }
.wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-gm .wgbv-dc-tile { color: #1E293B; }
.wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-day { position: absolute; left: calc(var(--wgbv-p) * 16); top: calc(var(--wgbv-p) * 230); font-size: calc(var(--wgbv-p) * 14.5); font-weight: 700; letter-spacing: -.01em; color: #2C2D73; white-space: nowrap; }
.wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-task { position: absolute; left: calc(var(--wgbv-p) * 16); right: calc(var(--wgbv-p) * 16); top: calc(var(--wgbv-p) * 254); height: calc(var(--wgbv-p) * 32); }
.wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-task + .wgbv-dc-task { top: calc(var(--wgbv-p) * 292); }
.wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-task + .wgbv-dc-task::before { content: ''; position: absolute; left: 0; right: 0; top: calc(var(--wgbv-p) * -3); border-top: calc(var(--wgbv-p) * 1) solid #E2E8F0; }
.wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-task::after { content: ''; position: absolute; right: 0; top: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 46); height: calc(var(--wgbv-p) * 24); border-radius: calc(var(--wgbv-p) * 12); background: #F3F0FF; }
.wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-doc { position: absolute; left: 0; top: calc(var(--wgbv-p) * 2); display: grid; place-items: center; width: calc(var(--wgbv-p) * 28); height: calc(var(--wgbv-p) * 28); border-radius: calc(var(--wgbv-p) * 8); background: #EFF6FF; }
.wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-doc i { display: block; width: calc(var(--wgbv-p) * 11); height: calc(var(--wgbv-p) * 14); border-radius: calc(var(--wgbv-p) * 2);
  background: linear-gradient(#fff, #fff) calc(var(--wgbv-p) * 3) calc(var(--wgbv-p) * 4) / calc(var(--wgbv-p) * 5) calc(var(--wgbv-p) * 1.6) no-repeat, linear-gradient(#fff, #fff) calc(var(--wgbv-p) * 3) calc(var(--wgbv-p) * 7) / calc(var(--wgbv-p) * 5) calc(var(--wgbv-p) * 1.6) no-repeat, linear-gradient(#fff, #fff) calc(var(--wgbv-p) * 3) calc(var(--wgbv-p) * 10) / calc(var(--wgbv-p) * 3.5) calc(var(--wgbv-p) * 1.6) no-repeat, #3B82F6; }
.wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-tt { position: absolute; left: calc(var(--wgbv-p) * 38); top: calc(var(--wgbv-p) * 1); font-size: calc(var(--wgbv-p) * 12); font-weight: 600; letter-spacing: -.01em; white-space: nowrap; }
.wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-exp { position: absolute; left: calc(var(--wgbv-p) * 38); top: calc(var(--wgbv-p) * 18); display: flex; align-items: center; gap: calc(var(--wgbv-p) * 3); font-size: calc(var(--wgbv-p) * 10.5); color: #64748B; white-space: nowrap; }
.wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-exp .wgbv-i { width: calc(var(--wgbv-p) * 11); height: calc(var(--wgbv-p) * 11); stroke-width: 2.2; }
.wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-pill { position: absolute; right: 0; top: calc(var(--wgbv-p) * 4); z-index: 1; display: grid; place-items: center; width: calc(var(--wgbv-p) * 46); height: calc(var(--wgbv-p) * 24); font-size: calc(var(--wgbv-p) * 11); font-weight: 600; color: #6741D9; }
.wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-lock { position: absolute; right: calc(var(--wgbv-p) * 15); top: calc(var(--wgbv-p) * 8); z-index: 1; width: calc(var(--wgbv-p) * 16); height: calc(var(--wgbv-p) * 16); color: #7C3AED; stroke-width: 2.2; opacity: 0; }

@container (aspect-ratio >= 1.2) {
  .wgbv-visual[data-wgbv="device-connect"] .wgbv-stage { --wgbv-w: 400; --wgbv-h: 200; }
  .wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-ph { left: calc(var(--wgbv-p) * 6); top: calc(var(--wgbv-p) * 6); width: calc(var(--wgbv-p) * 388); height: calc(var(--wgbv-p) * 188); padding: 0; border-radius: calc(var(--wgbv-p) * 16); background: #fff;
    box-shadow: 0 0 0 calc(var(--wgbv-p) * 1) #E2E8F0, 0 calc(var(--wgbv-p) * 6) calc(var(--wgbv-p) * 16) rgba(32, 33, 63, .08); }
  .wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-scr { border-radius: calc(var(--wgbv-p) * 16); }
  .wgbv-visual[data-wgbv="device-connect"] .wgbv-status, .wgbv-visual[data-wgbv="device-connect"] .wgbv-island, .wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-c2, .wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-doc { display: none; }
  .wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-brand { left: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 9); font-size: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-brand img { width: calc(var(--wgbv-p) * 16); height: calc(var(--wgbv-p) * 17.4); }
  .wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-sync { top: calc(var(--wgbv-p) * 36); height: calc(var(--wgbv-p) * 22); padding-left: calc(var(--wgbv-p) * 14); font-size: calc(var(--wgbv-p) * 11.5); }
  .wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-hi { left: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 66); font-size: calc(var(--wgbv-p) * 15); }
  .wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-onb { left: calc(var(--wgbv-p) * 8); right: auto; top: calc(var(--wgbv-p) * 92); width: calc(var(--wgbv-p) * 168); height: calc(var(--wgbv-p) * 90); border-radius: calc(var(--wgbv-p) * 10); }
  .wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-oh { left: calc(var(--wgbv-p) * 8); top: calc(var(--wgbv-p) * 6); font-size: calc(var(--wgbv-p) * 12.5); }
  .wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-card { top: calc(var(--wgbv-p) * 24); height: calc(var(--wgbv-p) * 60); }
  .wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-c1 { left: calc(var(--wgbv-p) * 8); width: calc(var(--wgbv-p) * 152); }
  .wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-ct { top: calc(var(--wgbv-p) * 5); font-size: calc(var(--wgbv-p) * 11.5); }
  .wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-go, .wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-ok { bottom: calc(var(--wgbv-p) * 5); }
  .wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-day { left: calc(var(--wgbv-p) * 190); top: calc(var(--wgbv-p) * 66); font-size: calc(var(--wgbv-p) * 13.5); }
  .wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-task { left: calc(var(--wgbv-p) * 190); right: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 94); height: calc(var(--wgbv-p) * 30); }
  .wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-task + .wgbv-dc-task { top: calc(var(--wgbv-p) * 136); }
  .wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-task + .wgbv-dc-task::before { top: calc(var(--wgbv-p) * -6); }
  .wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-tt, .wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-exp { left: 0; }
  .wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-tt { font-size: calc(var(--wgbv-p) * 11); }
  .wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-exp { top: calc(var(--wgbv-p) * 17); font-size: calc(var(--wgbv-p) * 10); }
  .wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-task::after, .wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-pill { top: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 42); height: calc(var(--wgbv-p) * 22); }
  .wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-pill { font-size: calc(var(--wgbv-p) * 10.5); }
  .wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-lock { right: calc(var(--wgbv-p) * 13); top: calc(var(--wgbv-p) * 7); }
}
@container (aspect-ratio >= 1.2) and (aspect-ratio < 1.45) {
  .wgbv-visual[data-wgbv="device-connect"] .wgbv-stage { --wgbv-h: 290; }
  .wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-ph { height: calc(var(--wgbv-p) * 278); }
  .wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-sync { height: calc(var(--wgbv-p) * 24); font-size: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-hi { display: none; }
  .wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-onb { left: 0; width: auto; right: 0; top: calc(var(--wgbv-p) * 68); height: calc(var(--wgbv-p) * 96); border-radius: 0; }
  .wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-oh { left: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 7); font-size: calc(var(--wgbv-p) * 13); }
  .wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-card { top: calc(var(--wgbv-p) * 28); height: calc(var(--wgbv-p) * 60); }
  .wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-c1 { left: calc(var(--wgbv-p) * 14); width: calc(var(--wgbv-p) * 176); }
  .wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-c2 { display: block; left: calc(var(--wgbv-p) * 198); width: calc(var(--wgbv-p) * 176); }
  .wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-day { left: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 174); font-size: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-task { left: calc(var(--wgbv-p) * 14); right: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 200); height: calc(var(--wgbv-p) * 30); }
  .wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-task + .wgbv-dc-task { top: calc(var(--wgbv-p) * 238); }
  .wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-task + .wgbv-dc-task::before { top: calc(var(--wgbv-p) * -4); }
  .wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-doc { display: grid; width: calc(var(--wgbv-p) * 26); height: calc(var(--wgbv-p) * 26); }
  .wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-tt, .wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-exp { left: calc(var(--wgbv-p) * 36); }
  .wgbv-visual[data-wgbv="device-connect"] .wgbv-dc-tt { font-size: calc(var(--wgbv-p) * 11.5); }
}
.wgbv-visual[data-wgbv="device-connect"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-stage { --wgbv-ay: 1; }
@container (aspect-ratio < 1.2) {
  .wgbv-visual[data-wgbv="device-connect"]:is(.support_right-imgbox *) .wgbv-stage { --wgbv-h: 470; }
}
@container (width < 200px) {
  .wgbv-visual[data-wgbv="device-connect"]:is(.support_faq-imgwrap *) .wgbv-stage { --wgbv-w: 170; --wgbv-h: 180; }
  .wgbv-visual[data-wgbv="device-connect"]:is(.support_faq-imgwrap *) .wgbv-dc-ph { left: 0; top: 0; width: 100%; height: 100%; padding: 0; border-radius: calc(var(--wgbv-p) * 14); background: #fff; box-shadow: inset 0 0 0 calc(var(--wgbv-p) * 1) #E2E8F0; }
  .wgbv-visual[data-wgbv="device-connect"]:is(.support_faq-imgwrap *) .wgbv-dc-scr { border-radius: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="device-connect"]:is(.support_faq-imgwrap *) .wgbv-status { display: none; }
  .wgbv-visual[data-wgbv="device-connect"]:is(.support_faq-imgwrap *) .wgbv-island { display: none; }
  .wgbv-visual[data-wgbv="device-connect"]:is(.support_faq-imgwrap *) .wgbv-dc-brand { display: none; }
  .wgbv-visual[data-wgbv="device-connect"]:is(.support_faq-imgwrap *) .wgbv-dc-hi { display: none; }
  .wgbv-visual[data-wgbv="device-connect"]:is(.support_faq-imgwrap *) .wgbv-dc-day { display: none; }
  .wgbv-visual[data-wgbv="device-connect"]:is(.support_faq-imgwrap *) .wgbv-dc-task { display: none; }
  .wgbv-visual[data-wgbv="device-connect"]:is(.support_faq-imgwrap *) .wgbv-dc-sync { top: 0; height: calc(var(--wgbv-p) * 26); padding-left: calc(var(--wgbv-p) * 10); font-size: calc(var(--wgbv-p) * 11.5); }
  .wgbv-visual[data-wgbv="device-connect"]:is(.support_faq-imgwrap *) .wgbv-dc-onb { top: calc(var(--wgbv-p) * 26); bottom: 0; height: auto; }
  .wgbv-visual[data-wgbv="device-connect"]:is(.support_faq-imgwrap *) .wgbv-dc-oh { left: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 7); font-size: calc(var(--wgbv-p) * 12.5); }
  .wgbv-visual[data-wgbv="device-connect"]:is(.support_faq-imgwrap *) .wgbv-dc-card { left: calc(var(--wgbv-p) * 10); width: calc(var(--wgbv-p) * 150); height: calc(var(--wgbv-p) * 60); }
  .wgbv-visual[data-wgbv="device-connect"]:is(.support_faq-imgwrap *) .wgbv-dc-c1 { top: calc(var(--wgbv-p) * 28); }
  .wgbv-visual[data-wgbv="device-connect"]:is(.support_faq-imgwrap *) .wgbv-dc-c2 { top: calc(var(--wgbv-p) * 94); }
  .wgbv-visual[data-wgbv="device-connect"]:is(.support_faq-imgwrap *) .wgbv-dc-ct { left: calc(var(--wgbv-p) * 9); top: calc(var(--wgbv-p) * 6); font-size: calc(var(--wgbv-p) * 11.5); }
  .wgbv-visual[data-wgbv="device-connect"]:is(.support_faq-imgwrap *) .wgbv-dc-go { left: calc(var(--wgbv-p) * 9); bottom: calc(var(--wgbv-p) * 6); font-size: calc(var(--wgbv-p) * 11); }
  .wgbv-visual[data-wgbv="device-connect"]:is(.support_faq-imgwrap *) .wgbv-dc-ok { left: calc(var(--wgbv-p) * 9); bottom: calc(var(--wgbv-p) * 6); }
  .wgbv-visual[data-wgbv="device-connect"]:is(.support_faq-imgwrap *) .wgbv-dc-tile { right: calc(var(--wgbv-p) * 9); width: calc(var(--wgbv-p) * 30); height: calc(var(--wgbv-p) * 30); margin-top: calc(var(--wgbv-p) * -15); }
}

/* ---- visuals/distribution.css ---- */
.wgbv-visual[data-wgbv="distribution"] { --wgbv-ar: 380 / 200; --wgbv-w: 380; --wgbv-h: 200; }
.wgbv-visual[data-wgbv="distribution"] .wgbv-ds-lines { position: absolute; left: calc(var(--wgbv-p) * 118); top: calc(var(--wgbv-p) * 56); width: calc(var(--wgbv-p) * 150); height: calc(var(--wgbv-p) * 88); overflow: visible; }
.wgbv-visual[data-wgbv="distribution"] .wgbv-ds-n { display: none; left: calc(var(--wgbv-p) * 88); top: calc(var(--wgbv-p) * 45); width: calc(var(--wgbv-p) * 132); height: calc(var(--wgbv-p) * 96); }
.wgbv-visual[data-wgbv="distribution"] .wgbv-ds-lines path { fill: none; stroke: #A9B4C6; stroke-width: 1.5; stroke-dasharray: 5 3.5; stroke-linejoin: round; }
.wgbv-visual[data-wgbv="distribution"] .wgbv-ds-model { position: absolute; left: calc(var(--wgbv-p) * 6); top: calc(var(--wgbv-p) * 70); display: flex; align-items: center; gap: calc(var(--wgbv-p) * 9); width: calc(var(--wgbv-p) * 112); height: calc(var(--wgbv-p) * 60); padding: 0 calc(var(--wgbv-p) * 10);
  border: calc(var(--wgbv-p) * 1) solid #F1C76E; border-radius: calc(var(--wgbv-p) * 11); background: #FFFAEB; box-shadow: 0 calc(var(--wgbv-p) * 6) calc(var(--wgbv-p) * 14) rgba(180, 120, 0, .08); }
.wgbv-visual[data-wgbv="distribution"] .wgbv-ds-mi { display: grid; place-items: center; flex: none; color: #92400E; }
.wgbv-visual[data-wgbv="distribution"] .wgbv-ds-mi .wgbv-i { width: calc(var(--wgbv-p) * 20); height: calc(var(--wgbv-p) * 20); stroke-width: 1.8; }
.wgbv-visual[data-wgbv="distribution"] .wgbv-ds-mt { display: flex; flex-direction: column; font-size: calc(var(--wgbv-p) * 12.5); font-weight: 700; line-height: 1.25; color: #1E293B; white-space: nowrap; }
.wgbv-visual[data-wgbv="distribution"] .wgbv-ds-mf { font-size: calc(var(--wgbv-p) * 11); font-weight: 500; color: #6B7280; }
.wgbv-visual[data-wgbv="distribution"] .wgbv-ds-sec { position: absolute; left: calc(var(--wgbv-p) * 140); top: calc(var(--wgbv-p) * 44); width: calc(var(--wgbv-p) * 104); height: calc(var(--wgbv-p) * 112);
  border: calc(var(--wgbv-p) * .9) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 14); background: #fff; box-shadow: 0 calc(var(--wgbv-p) * 1) calc(var(--wgbv-p) * 2) rgba(16, 24, 40, .04), 0 calc(var(--wgbv-p) * 10) calc(var(--wgbv-p) * 22) rgba(16, 24, 40, .08); }
.wgbv-visual[data-wgbv="distribution"] .wgbv-ds-lock { position: absolute; left: calc(var(--wgbv-p) * 11); top: calc(var(--wgbv-p) * 11); display: grid; place-items: center; width: calc(var(--wgbv-p) * 26); height: calc(var(--wgbv-p) * 26); border-radius: calc(var(--wgbv-p) * 7); background: #F0EEFE; color: #6741D9; }
.wgbv-visual[data-wgbv="distribution"] .wgbv-ds-lock .wgbv-i { width: calc(var(--wgbv-p) * 16); height: calc(var(--wgbv-p) * 16); stroke-width: 1.9; }
.wgbv-visual[data-wgbv="distribution"] .wgbv-ds-st { position: absolute; left: calc(var(--wgbv-p) * 11); top: calc(var(--wgbv-p) * 44); font-size: calc(var(--wgbv-p) * 12); font-weight: 700; line-height: 1.2; color: #1E293B; white-space: nowrap; }
.wgbv-visual[data-wgbv="distribution"] .wgbv-ds-row { position: absolute; left: calc(var(--wgbv-p) * 11); display: flex; align-items: center; gap: calc(var(--wgbv-p) * 6); font-size: calc(var(--wgbv-p) * 11.5); font-weight: 500; line-height: 1.2; color: #374151; white-space: nowrap; }
.wgbv-visual[data-wgbv="distribution"] .wgbv-ds-r1 { top: calc(var(--wgbv-p) * 66); }
.wgbv-visual[data-wgbv="distribution"] .wgbv-ds-r2 { top: calc(var(--wgbv-p) * 88); }
.wgbv-visual[data-wgbv="distribution"] .wgbv-ds-ck { display: grid; place-items: center; flex: none; width: calc(var(--wgbv-p) * 15); height: calc(var(--wgbv-p) * 15); border-radius: 50%; background: #16A34A; color: #fff; }
.wgbv-visual[data-wgbv="distribution"] .wgbv-ds-ck .wgbv-i { width: calc(var(--wgbv-p) * 10); height: calc(var(--wgbv-p) * 10); stroke-width: 3.2; }
.wgbv-visual[data-wgbv="distribution"] .wgbv-ds-to { position: absolute; left: calc(var(--wgbv-p) * 268); display: flex; align-items: center; gap: calc(var(--wgbv-p) * 8); width: calc(var(--wgbv-p) * 106); height: calc(var(--wgbv-p) * 50); padding: 0 calc(var(--wgbv-p) * 8);
  border: calc(var(--wgbv-p) * 1) solid #93C5FD; border-radius: calc(var(--wgbv-p) * 11); background: #EFF6FF; font-size: calc(var(--wgbv-p) * 12); font-weight: 600; line-height: 1.2; color: #1E3A8A; }
.wgbv-visual[data-wgbv="distribution"] .wgbv-ds-t1 { top: calc(var(--wgbv-p) * 33); }
.wgbv-visual[data-wgbv="distribution"] .wgbv-ds-t2 { top: calc(var(--wgbv-p) * 117); }
.wgbv-visual[data-wgbv="distribution"] .wgbv-ds-ti { display: grid; place-items: center; flex: none; width: calc(var(--wgbv-p) * 24); height: calc(var(--wgbv-p) * 24); border-radius: calc(var(--wgbv-p) * 6); background: #fff; color: #2563EB; }
.wgbv-visual[data-wgbv="distribution"] .wgbv-ds-ti .wgbv-i { width: calc(var(--wgbv-p) * 15); height: calc(var(--wgbv-p) * 15); stroke-width: 1.8; }
@container (max-width: 299px) {
  .wgbv-visual[data-wgbv="distribution"] .wgbv-stage { --wgbv-w: 300; --wgbv-h: 186; }
  .wgbv-visual[data-wgbv="distribution"] .wgbv-ds-w { display: none; }
  .wgbv-visual[data-wgbv="distribution"] .wgbv-ds-n { display: block; }
  .wgbv-visual[data-wgbv="distribution"] .wgbv-ds-model { left: calc(var(--wgbv-p) * 4); top: calc(var(--wgbv-p) * 58); flex-direction: column; justify-content: center; gap: calc(var(--wgbv-p) * 5); width: calc(var(--wgbv-p) * 84); height: calc(var(--wgbv-p) * 70); padding: 0; text-align: center; }
  .wgbv-visual[data-wgbv="distribution"] .wgbv-ds-mt { align-items: center; font-size: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="distribution"] .wgbv-ds-sec { left: calc(var(--wgbv-p) * 104); top: calc(var(--wgbv-p) * 37); width: calc(var(--wgbv-p) * 96); }
  .wgbv-visual[data-wgbv="distribution"] .wgbv-ds-lock { left: calc(var(--wgbv-p) * 10); }
  .wgbv-visual[data-wgbv="distribution"] .wgbv-ds-st ,   .wgbv-visual[data-wgbv="distribution"] .wgbv-ds-row { left: calc(var(--wgbv-p) * 10); }
  .wgbv-visual[data-wgbv="distribution"] .wgbv-ds-to { left: calc(var(--wgbv-p) * 220); flex-direction: column; justify-content: center; gap: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 76); height: calc(var(--wgbv-p) * 64); padding: 0; text-align: center; font-size: calc(var(--wgbv-p) * 11.5); line-height: 1.15; }
  .wgbv-visual[data-wgbv="distribution"] .wgbv-ds-t1 { top: calc(var(--wgbv-p) * 15); }
  .wgbv-visual[data-wgbv="distribution"] .wgbv-ds-t2 { top: calc(var(--wgbv-p) * 107); }
  .wgbv-visual[data-wgbv="distribution"] .wgbv-ds-ti { width: calc(var(--wgbv-p) * 22); height: calc(var(--wgbv-p) * 22); }
}
@media (max-width: 479px) {
  @container (min-width: 300px) and (aspect-ratio < 1.6) {
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-stage { --wgbv-w: 380; --wgbv-h: 266; }
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-lines path { vector-effect: non-scaling-stroke; stroke-width: calc(var(--wgbv-p) * 1.5); stroke-dasharray: calc(var(--wgbv-p) * 5) calc(var(--wgbv-p) * 3.5); }
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-w { transform: translate(calc(var(--wgbv-p) * -3), calc(var(--wgbv-p) * 35)) rotate(90deg) scale(1, 2); }
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-model { left: calc(var(--wgbv-p) * 134); top: calc(var(--wgbv-p) * 4); height: calc(var(--wgbv-p) * 56); }
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-sec { left: calc(var(--wgbv-p) * 138); top: calc(var(--wgbv-p) * 78); }
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-to { width: calc(var(--wgbv-p) * 150); justify-content: center; white-space: nowrap; }
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-t1 { left: calc(var(--wgbv-p) * 31); top: calc(var(--wgbv-p) * 210); }
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-t2 { left: calc(var(--wgbv-p) * 199); top: calc(var(--wgbv-p) * 210); }
  }
  @container (max-width: 299px) and (aspect-ratio < 1.6) {
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-stage { --wgbv-h: 200; }
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-lines path { vector-effect: non-scaling-stroke; stroke-width: calc(var(--wgbv-p) * 1.5); stroke-dasharray: calc(var(--wgbv-p) * 5) calc(var(--wgbv-p) * 3.5); }
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-n { top: calc(var(--wgbv-p) * 52); transform: scaleY(1.478); }
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-model { top: calc(var(--wgbv-p) * 65); }
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-sec { top: calc(var(--wgbv-p) * 44); }
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-t1 { top: 0; }
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-t2 { top: calc(var(--wgbv-p) * 136); }
  }
}
@media (min-width: 480px) and (max-width: 991px) {
  .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-stage { --wgbv-h: 236; }
  .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-lines path { vector-effect: non-scaling-stroke; stroke-width: calc(var(--wgbv-p) * 1.5); stroke-dasharray: calc(var(--wgbv-p) * 5) calc(var(--wgbv-p) * 3.5); }
  .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-w { transform: translate(0, calc(var(--wgbv-p) * 18)) scale(1, 2.0714); }
  .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-model { top: calc(var(--wgbv-p) * 88); }
  .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-sec { top: calc(var(--wgbv-p) * 50); height: calc(var(--wgbv-p) * 136); }
  .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-lock { top: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-st { top: calc(var(--wgbv-p) * 52); }
  .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-r1 { top: calc(var(--wgbv-p) * 80); }
  .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-r2 { top: calc(var(--wgbv-p) * 104); }
  .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-t1 { top: calc(var(--wgbv-p) * 6); }
  .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-t2 { top: calc(var(--wgbv-p) * 180); }
  @container (min-height: 360px) {
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-stage { --wgbv-h: 266; }
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-w { transform: translate(calc(var(--wgbv-p) * -3), calc(var(--wgbv-p) * 35)) rotate(90deg) scale(1, 2); }
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-model { left: calc(var(--wgbv-p) * 134); top: calc(var(--wgbv-p) * 4); height: calc(var(--wgbv-p) * 56); }
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-sec { left: calc(var(--wgbv-p) * 138); top: calc(var(--wgbv-p) * 78); height: calc(var(--wgbv-p) * 112); }
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-lock { top: calc(var(--wgbv-p) * 11); }
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-st { top: calc(var(--wgbv-p) * 44); }
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-r1 { top: calc(var(--wgbv-p) * 66); }
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-r2 { top: calc(var(--wgbv-p) * 88); }
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-to { width: calc(var(--wgbv-p) * 150); justify-content: center; white-space: nowrap; }
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-t1 { left: calc(var(--wgbv-p) * 31); top: calc(var(--wgbv-p) * 210); }
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-t2 { left: calc(var(--wgbv-p) * 199); top: calc(var(--wgbv-p) * 210); }
  }
  @container (min-height: 400px) {
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-stage { --wgbv-h: 288; }
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-w { transform: translate(calc(var(--wgbv-p) * -3), calc(var(--wgbv-p) * 46)) rotate(90deg) scale(1.1467, 2); }
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-sec { top: calc(var(--wgbv-p) * 82); height: calc(var(--wgbv-p) * 123); }
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-lock { top: calc(var(--wgbv-p) * 13); }
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-st { top: calc(var(--wgbv-p) * 50); }
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-r1 { top: calc(var(--wgbv-p) * 76); }
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-r2 { top: calc(var(--wgbv-p) * 99); }
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-t1 { top: calc(var(--wgbv-p) * 232); }
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-t2 { top: calc(var(--wgbv-p) * 232); }
  }
  @container (min-height: 430px) {
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-stage { --wgbv-h: 300; }
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-w { transform: translate(calc(var(--wgbv-p) * -3), calc(var(--wgbv-p) * 52)) rotate(90deg) scale(1.2267, 2); }
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-sec { top: calc(var(--wgbv-p) * 84); height: calc(var(--wgbv-p) * 130); }
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-lock { top: calc(var(--wgbv-p) * 14); }
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-st { top: calc(var(--wgbv-p) * 53); }
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-r1 { top: calc(var(--wgbv-p) * 80); }
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-r2 { top: calc(var(--wgbv-p) * 104); }
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-t1 { top: calc(var(--wgbv-p) * 244); }
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-t2 { top: calc(var(--wgbv-p) * 244); }
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  @container (min-height: 360px) and (max-height: 374.5px) {
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-stage { --wgbv-h: 256; }
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-w { transform: translate(calc(var(--wgbv-p) * -3), calc(var(--wgbv-p) * 30)) rotate(90deg) scale(.9333, 2); }
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-sec { top: calc(var(--wgbv-p) * 76); height: calc(var(--wgbv-p) * 107); }
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-lock { top: calc(var(--wgbv-p) * 10); }
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-st { top: calc(var(--wgbv-p) * 41); }
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-r1 { top: calc(var(--wgbv-p) * 61.5); }
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-r2 { top: calc(var(--wgbv-p) * 83); }
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-t1 { top: calc(var(--wgbv-p) * 200); }
    .wgbv-visual[data-wgbv="distribution"]:is(.point *) .wgbv-ds-t2 { top: calc(var(--wgbv-p) * 200); }
  }
}

/* ---- visuals/engagement-settings.css ---- */
.wgbv-visual[data-wgbv="engagement-settings"] { --wgbv-ar: 1 / 1; --wgbv-w: 360; --wgbv-h: 360; }
.wgbv-visual[data-wgbv="engagement-settings"] .wgbv-es-l { font-size: calc(var(--wgbv-p) * 13); font-weight: 500; line-height: 1.2; color: #111827; white-space: nowrap; }
.wgbv-visual[data-wgbv="engagement-settings"] .wgbv-es-info { display: block; flex: none; width: calc(var(--wgbv-p) * 11); height: calc(var(--wgbv-p) * 11); margin-left: calc(var(--wgbv-p) * 5); fill: #D1D5DB; stroke: #fff; stroke-width: 1.9; stroke-linecap: round; }
.wgbv-visual[data-wgbv="engagement-settings"] .wgbv-es-lab { position: absolute; left: calc(var(--wgbv-p) * 15); top: calc(var(--wgbv-p) * 12); display: flex; align-items: center; }
.wgbv-visual[data-wgbv="engagement-settings"] .wgbv-es-lab .wgbv-es-l { font-size: calc(var(--wgbv-p) * 13.5); }
.wgbv-visual[data-wgbv="engagement-settings"] .wgbv-es-sel { position: absolute; left: calc(var(--wgbv-p) * 15); top: calc(var(--wgbv-p) * 35); width: calc(var(--wgbv-p) * 330); height: calc(var(--wgbv-p) * 43); display: flex; align-items: center; justify-content: space-between; padding: 0 calc(var(--wgbv-p) * 12); border: calc(var(--wgbv-p) * 1) solid #D1D5DB; border-radius: calc(var(--wgbv-p) * 7); background: #F8F9FB; font-size: calc(var(--wgbv-p) * 13); color: #111827; white-space: nowrap; }
.wgbv-visual[data-wgbv="engagement-settings"] .wgbv-es-sel .wgbv-i { width: calc(var(--wgbv-p) * 13); height: calc(var(--wgbv-p) * 13); color: #6B7280; stroke-width: 2.4; }
.wgbv-visual[data-wgbv="engagement-settings"] .wgbv-es-row { position: absolute; left: calc(var(--wgbv-p) * 15); width: calc(var(--wgbv-p) * 330); height: calc(var(--wgbv-p) * 43); display: flex; align-items: center; padding: 0 calc(var(--wgbv-p) * 13) 0 calc(var(--wgbv-p) * 12); border: calc(var(--wgbv-p) * 1) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 8); background: #fff; }
.wgbv-visual[data-wgbv="engagement-settings"] .wgbv-es-r1 { top: calc(var(--wgbv-p) * 88); }
.wgbv-visual[data-wgbv="engagement-settings"] .wgbv-es-r2 { top: calc(var(--wgbv-p) * 138); }
.wgbv-visual[data-wgbv="engagement-settings"] .wgbv-es-r3 { top: calc(var(--wgbv-p) * 188); }
.wgbv-visual[data-wgbv="engagement-settings"] .wgbv-es-msg { position: absolute; left: calc(var(--wgbv-p) * 15); top: calc(var(--wgbv-p) * 238); width: calc(var(--wgbv-p) * 330); padding: 0 calc(var(--wgbv-p) * 13) calc(var(--wgbv-p) * 14) calc(var(--wgbv-p) * 12); border: calc(var(--wgbv-p) * 1) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 8); background: #fff; }
.wgbv-visual[data-wgbv="engagement-settings"] .wgbv-es-head { display: flex; align-items: center; height: calc(var(--wgbv-p) * 40); border-bottom: calc(var(--wgbv-p) * 1) solid #E5E7EB; }
.wgbv-visual[data-wgbv="engagement-settings"] .wgbv-es-sw { --on: 0; position: relative; display: block; flex: none; margin-left: auto; width: calc(var(--wgbv-p) * 30); height: calc(var(--wgbv-p) * 16); border-radius: calc(var(--wgbv-p) * 8); background: color-mix(in srgb, #22C55E calc(var(--on) * 100%), #E5E7EB); }
.wgbv-visual[data-wgbv="engagement-settings"] .wgbv-es-sw.wgbv-es-on { --on: 1; }
.wgbv-visual[data-wgbv="engagement-settings"] .wgbv-es-sw i { position: absolute; left: calc(var(--wgbv-p) * 2); top: calc(var(--wgbv-p) * 2); width: calc(var(--wgbv-p) * 12); height: calc(var(--wgbv-p) * 12); border-radius: 50%; background: #fff; box-shadow: 0 calc(var(--wgbv-p) * .5) calc(var(--wgbv-p) * 1.5) rgba(16, 24, 40, .2); transform: translateX(calc(var(--wgbv-p) * 14 * var(--on))); }
.wgbv-visual[data-wgbv="engagement-settings"] .wgbv-es-cbs { display: grid; grid-template-columns: auto auto; justify-content: start; column-gap: calc(var(--wgbv-p) * 20); row-gap: calc(var(--wgbv-p) * 10); padding-top: calc(var(--wgbv-p) * 11); }
.wgbv-visual[data-wgbv="engagement-settings"] .wgbv-es-ck { --on: 0; display: flex; align-items: center; gap: calc(var(--wgbv-p) * 7); font-size: calc(var(--wgbv-p) * 13); font-weight: 500; line-height: 1.2; color: #111827; white-space: nowrap; }
.wgbv-visual[data-wgbv="engagement-settings"] .wgbv-es-ck.wgbv-es-on { --on: 1; }
.wgbv-visual[data-wgbv="engagement-settings"] .wgbv-es-cb { position: relative; display: block; flex: none; width: calc(var(--wgbv-p) * 13); height: calc(var(--wgbv-p) * 13); border: calc(var(--wgbv-p) * 1) solid color-mix(in srgb, #1D4ED8 calc(var(--on) * 100%), #D1D5DB); border-radius: calc(var(--wgbv-p) * 3); background: color-mix(in srgb, #1D4ED8 calc(var(--on) * 100%), #F9FAFB); }
.wgbv-visual[data-wgbv="engagement-settings"] .wgbv-es-cb::after { content: ''; position: absolute; left: calc(var(--wgbv-p) * 3.6); top: calc(var(--wgbv-p) * 1.2); width: calc(var(--wgbv-p) * 3.8); height: calc(var(--wgbv-p) * 7); border: solid #fff; border-width: 0 calc(var(--wgbv-p) * 1.6) calc(var(--wgbv-p) * 1.6) 0; transform: rotate(45deg) scale(var(--on)); opacity: var(--on); }

@container (aspect-ratio >= 1.414) {
  .wgbv-visual[data-wgbv="engagement-settings"] .wgbv-stage { --wgbv-w: 400; --wgbv-h: 200; }
  .wgbv-visual[data-wgbv="engagement-settings"] .wgbv-es-l { font-size: calc(var(--wgbv-p) * 11.5); }
  .wgbv-visual[data-wgbv="engagement-settings"] .wgbv-es-lab { left: calc(var(--wgbv-p) * 8); top: calc(var(--wgbv-p) * 10); }
  .wgbv-visual[data-wgbv="engagement-settings"] .wgbv-es-lab .wgbv-es-l { font-size: calc(var(--wgbv-p) * 11.5); }
  .wgbv-visual[data-wgbv="engagement-settings"] .wgbv-es-info { width: calc(var(--wgbv-p) * 10); height: calc(var(--wgbv-p) * 10); margin-left: calc(var(--wgbv-p) * 4); }
  .wgbv-visual[data-wgbv="engagement-settings"] .wgbv-es-sel { left: calc(var(--wgbv-p) * 8); top: calc(var(--wgbv-p) * 30); width: calc(var(--wgbv-p) * 384); height: calc(var(--wgbv-p) * 32); padding: 0 calc(var(--wgbv-p) * 10); font-size: calc(var(--wgbv-p) * 11.5); }
  .wgbv-visual[data-wgbv="engagement-settings"] .wgbv-es-row { left: calc(var(--wgbv-p) * 8); width: calc(var(--wgbv-p) * 178); height: calc(var(--wgbv-p) * 34); padding: 0 calc(var(--wgbv-p) * 10); }
  .wgbv-visual[data-wgbv="engagement-settings"] .wgbv-es-r1 { top: calc(var(--wgbv-p) * 70); }
  .wgbv-visual[data-wgbv="engagement-settings"] .wgbv-es-r2 { top: calc(var(--wgbv-p) * 110); }
  .wgbv-visual[data-wgbv="engagement-settings"] .wgbv-es-r3 { top: calc(var(--wgbv-p) * 150); }
  .wgbv-visual[data-wgbv="engagement-settings"] .wgbv-es-msg { left: calc(var(--wgbv-p) * 194); top: calc(var(--wgbv-p) * 70); width: calc(var(--wgbv-p) * 198); height: calc(var(--wgbv-p) * 114); padding: 0 calc(var(--wgbv-p) * 10); }
  .wgbv-visual[data-wgbv="engagement-settings"] .wgbv-es-head { height: calc(var(--wgbv-p) * 36); }
  .wgbv-visual[data-wgbv="engagement-settings"] .wgbv-es-cbs { column-gap: calc(var(--wgbv-p) * 11); row-gap: calc(var(--wgbv-p) * 12); padding-top: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="engagement-settings"] .wgbv-es-ck { gap: calc(var(--wgbv-p) * 5); font-size: calc(var(--wgbv-p) * 11.5); }
  .wgbv-visual[data-wgbv="engagement-settings"] .wgbv-es-cb { width: calc(var(--wgbv-p) * 12); height: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="engagement-settings"] .wgbv-es-cb::after { left: calc(var(--wgbv-p) * 3.3); top: calc(var(--wgbv-p) * 1); width: calc(var(--wgbv-p) * 3.6); height: calc(var(--wgbv-p) * 6.6); }
}

/* ---- visuals/faq-editor.css ---- */
.wgbv-visual[data-wgbv="faq-editor"] { --wgbv-ar: 1 / 1; --wgbv-w: 360; --wgbv-h: 360; }
.wgbv-visual[data-wgbv="faq-editor"] .wgbv-fq-hd { position: absolute; left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 19); display: flex; flex-direction: column; gap: calc(var(--wgbv-p) * 6); }
.wgbv-visual[data-wgbv="faq-editor"] .wgbv-fq-title { font-size: calc(var(--wgbv-p) * 15); font-weight: 700; line-height: 1.2; letter-spacing: -.01em; color: #111827; }
.wgbv-visual[data-wgbv="faq-editor"] .wgbv-fq-sub { font-size: calc(var(--wgbv-p) * 9.2); line-height: 1.25; color: #6B7280; white-space: nowrap; }
.wgbv-visual[data-wgbv="faq-editor"] .wgbv-fq-add { left: calc(var(--wgbv-p) * 264); top: calc(var(--wgbv-p) * 18); width: calc(var(--wgbv-p) * 84); height: calc(var(--wgbv-p) * 29); gap: calc(var(--wgbv-p) * 6); border-radius: calc(var(--wgbv-p) * 6); font-size: calc(var(--wgbv-p) * 11.5); }
.wgbv-visual[data-wgbv="faq-editor"] .wgbv-fq-add .wgbv-i { width: calc(var(--wgbv-p) * 12); height: calc(var(--wgbv-p) * 12); stroke-width: 2.4; }
.wgbv-visual[data-wgbv="faq-editor"] .wgbv-fq-rule { position: absolute; left: calc(var(--wgbv-p) * 12); right: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 63); border-top: calc(var(--wgbv-p) * 1) solid #E5E7EB; }
.wgbv-visual[data-wgbv="faq-editor"] .wgbv-fq-q { position: absolute; left: calc(var(--wgbv-p) * 12); width: calc(var(--wgbv-p) * 336); height: calc(var(--wgbv-p) * 38); display: flex; align-items: center; justify-content: space-between; gap: calc(var(--wgbv-p) * 8); padding: 0 calc(var(--wgbv-p) * 12); border-radius: calc(var(--wgbv-p) * 8); background: #F3F4F6; font-size: calc(var(--wgbv-p) * 12.5); line-height: 1.25; color: #111827; }
.wgbv-visual[data-wgbv="faq-editor"] .wgbv-fq-q1 { top: calc(var(--wgbv-p) * 74); }
.wgbv-visual[data-wgbv="faq-editor"] .wgbv-fq-q2 { top: calc(var(--wgbv-p) * 117); }
.wgbv-visual[data-wgbv="faq-editor"] .wgbv-fq-q .wgbv-i { --r: 0; width: calc(var(--wgbv-p) * 14); height: calc(var(--wgbv-p) * 14); color: #111827; stroke-width: 2; transform: rotate(calc(var(--r) * 90deg)); }
.wgbv-visual[data-wgbv="faq-editor"] .wgbv-fq-q2 .wgbv-i { --r: 1; }
.wgbv-visual[data-wgbv="faq-editor"] .wgbv-fq-ed { position: absolute; left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 163); width: calc(var(--wgbv-p) * 336); height: calc(var(--wgbv-p) * 175); overflow: hidden; border: calc(var(--wgbv-p) * 1) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 10); background: #F8F9FB; }
.wgbv-visual[data-wgbv="faq-editor"] .wgbv-fq-tabs { position: absolute; left: calc(var(--wgbv-p) * 8); top: calc(var(--wgbv-p) * 9); display: flex; height: calc(var(--wgbv-p) * 28); overflow: hidden; border: calc(var(--wgbv-p) * 1.2) solid #4F46E5; border-radius: calc(var(--wgbv-p) * 6); background: #fff; font-size: calc(var(--wgbv-p) * 11.5); line-height: 1; color: #374151; }
.wgbv-visual[data-wgbv="faq-editor"] .wgbv-fq-tabs > span { display: grid; place-items: center; padding: 0 calc(var(--wgbv-p) * 11); }
.wgbv-visual[data-wgbv="faq-editor"] .wgbv-fq-tabs > .wgbv-fq-on { background: #4F46E5; color: #fff; font-weight: 600; }
.wgbv-visual[data-wgbv="faq-editor"] .wgbv-fq-in { position: absolute; left: calc(var(--wgbv-p) * 8); right: calc(var(--wgbv-p) * 8); top: calc(var(--wgbv-p) * 45); height: calc(var(--wgbv-p) * 27); display: flex; gap: calc(var(--wgbv-p) * 5); }
.wgbv-visual[data-wgbv="faq-editor"] .wgbv-fq-field { flex: 1; display: flex; align-items: center; min-width: 0; padding: 0 calc(var(--wgbv-p) * 9); border: calc(var(--wgbv-p) * 1) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 6); background: #fff; font-size: calc(var(--wgbv-p) * 11.5); color: #111827; white-space: nowrap; }
.wgbv-visual[data-wgbv="faq-editor"] .wgbv-fq-del { display: grid; place-items: center; flex: none; width: calc(var(--wgbv-p) * 27); border: calc(var(--wgbv-p) * 1) solid #FCA5A5; border-radius: calc(var(--wgbv-p) * 5); background: #FEE2E2; color: #DC2626; }
.wgbv-visual[data-wgbv="faq-editor"] .wgbv-fq-del .wgbv-i { width: calc(var(--wgbv-p) * 13); height: calc(var(--wgbv-p) * 13); stroke-width: 2.2; }
.wgbv-visual[data-wgbv="faq-editor"] .wgbv-fq-tb { position: absolute; left: 0; right: 0; top: calc(var(--wgbv-p) * 82); height: calc(var(--wgbv-p) * 34); display: flex; align-items: center; gap: calc(var(--wgbv-p) * 8); padding: 0 calc(var(--wgbv-p) * 13); border-top: calc(var(--wgbv-p) * 1) solid #E5E7EB; border-bottom: calc(var(--wgbv-p) * 1) solid #E5E7EB; background: #fff; font-size: calc(var(--wgbv-p) * 12); line-height: 1; color: #4B5563; }
.wgbv-visual[data-wgbv="faq-editor"] .wgbv-fq-dd { display: block; width: 0; height: 0; margin-right: calc(var(--wgbv-p) * 10); border-left: calc(var(--wgbv-p) * 4) solid transparent; border-right: calc(var(--wgbv-p) * 4) solid transparent; border-top: calc(var(--wgbv-p) * 4.5) solid #6B7280; }
.wgbv-visual[data-wgbv="faq-editor"] .wgbv-fq-bar { display: block; width: calc(var(--wgbv-p) * 1.2); height: calc(var(--wgbv-p) * 20); margin: 0 calc(var(--wgbv-p) * 6); background: #E5E7EB; }
.wgbv-visual[data-wgbv="faq-editor"] .wgbv-fq-b { font-weight: 800; padding: 0 calc(var(--wgbv-p) * 4); }
.wgbv-visual[data-wgbv="faq-editor"] .wgbv-fq-u { text-decoration: underline; text-underline-offset: calc(var(--wgbv-p) * 2); padding: 0 calc(var(--wgbv-p) * 4); }
.wgbv-visual[data-wgbv="faq-editor"] .wgbv-fq-ans { position: absolute; left: 0; right: 0; top: calc(var(--wgbv-p) * 116); bottom: 0; padding: calc(var(--wgbv-p) * 9) calc(var(--wgbv-p) * 12); background: #fff; font-size: calc(var(--wgbv-p) * 11.5); line-height: 1.4; color: #374151; }

@container (aspect-ratio >= 1.414) {
  .wgbv-visual[data-wgbv="faq-editor"] .wgbv-stage { --wgbv-w: 400; --wgbv-h: 200; }
  .wgbv-visual[data-wgbv="faq-editor"] .wgbv-fq-hd { left: calc(var(--wgbv-p) * 8); top: calc(var(--wgbv-p) * 13); width: calc(var(--wgbv-p) * 172); gap: calc(var(--wgbv-p) * 8); }
  .wgbv-visual[data-wgbv="faq-editor"] .wgbv-fq-title { font-size: calc(var(--wgbv-p) * 13); }
  .wgbv-visual[data-wgbv="faq-editor"] .wgbv-fq-sub { font-size: calc(var(--wgbv-p) * 9.5); white-space: normal; }
  .wgbv-visual[data-wgbv="faq-editor"] .wgbv-fq-add { left: calc(var(--wgbv-p) * 104); top: calc(var(--wgbv-p) * 8); width: calc(var(--wgbv-p) * 76); height: calc(var(--wgbv-p) * 24); gap: calc(var(--wgbv-p) * 5); font-size: calc(var(--wgbv-p) * 10.5); }
  .wgbv-visual[data-wgbv="faq-editor"] .wgbv-fq-add .wgbv-i { width: calc(var(--wgbv-p) * 10); height: calc(var(--wgbv-p) * 10); }
  .wgbv-visual[data-wgbv="faq-editor"] .wgbv-fq-rule { left: calc(var(--wgbv-p) * 8); right: auto; width: calc(var(--wgbv-p) * 172); top: calc(var(--wgbv-p) * 72); }
  .wgbv-visual[data-wgbv="faq-editor"] .wgbv-fq-q { left: calc(var(--wgbv-p) * 8); width: calc(var(--wgbv-p) * 172); height: calc(var(--wgbv-p) * 50); padding: 0 calc(var(--wgbv-p) * 9); font-size: calc(var(--wgbv-p) * 11); }
  .wgbv-visual[data-wgbv="faq-editor"] .wgbv-fq-q1 { top: calc(var(--wgbv-p) * 82); }
  .wgbv-visual[data-wgbv="faq-editor"] .wgbv-fq-q2 { top: calc(var(--wgbv-p) * 138); }
  .wgbv-visual[data-wgbv="faq-editor"] .wgbv-fq-q .wgbv-i { width: calc(var(--wgbv-p) * 12); height: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="faq-editor"] .wgbv-fq-ed { left: calc(var(--wgbv-p) * 190); top: calc(var(--wgbv-p) * 8); width: calc(var(--wgbv-p) * 202); height: calc(var(--wgbv-p) * 184); }
  .wgbv-visual[data-wgbv="faq-editor"] .wgbv-fq-tabs { left: calc(var(--wgbv-p) * 8); top: calc(var(--wgbv-p) * 8); height: calc(var(--wgbv-p) * 24); font-size: calc(var(--wgbv-p) * 10.5); }
  .wgbv-visual[data-wgbv="faq-editor"] .wgbv-fq-tabs > span { padding: 0 calc(var(--wgbv-p) * 9); }
  .wgbv-visual[data-wgbv="faq-editor"] .wgbv-fq-in { left: calc(var(--wgbv-p) * 8); right: calc(var(--wgbv-p) * 8); top: calc(var(--wgbv-p) * 40); height: calc(var(--wgbv-p) * 25); gap: calc(var(--wgbv-p) * 4); }
  .wgbv-visual[data-wgbv="faq-editor"] .wgbv-fq-field { padding: 0 calc(var(--wgbv-p) * 7); font-size: calc(var(--wgbv-p) * 10.5); }
  .wgbv-visual[data-wgbv="faq-editor"] .wgbv-fq-del { width: calc(var(--wgbv-p) * 25); }
  .wgbv-visual[data-wgbv="faq-editor"] .wgbv-fq-del .wgbv-i { width: calc(var(--wgbv-p) * 11); height: calc(var(--wgbv-p) * 11); }
  .wgbv-visual[data-wgbv="faq-editor"] .wgbv-fq-tb { top: calc(var(--wgbv-p) * 73); height: calc(var(--wgbv-p) * 28); gap: calc(var(--wgbv-p) * 6); padding: 0 calc(var(--wgbv-p) * 10); font-size: calc(var(--wgbv-p) * 10.5); }
  .wgbv-visual[data-wgbv="faq-editor"] .wgbv-fq-dd { margin-right: calc(var(--wgbv-p) * 6); }
  .wgbv-visual[data-wgbv="faq-editor"] .wgbv-fq-bar { height: calc(var(--wgbv-p) * 16); margin: 0 calc(var(--wgbv-p) * 3); }
  .wgbv-visual[data-wgbv="faq-editor"] .wgbv-fq-ans { top: calc(var(--wgbv-p) * 101); padding: calc(var(--wgbv-p) * 8) calc(var(--wgbv-p) * 10); font-size: calc(var(--wgbv-p) * 11); line-height: 1.35; }
}

/* ---- visuals/field-map.css ---- */
.wgbv-visual[data-wgbv="field-map"] { --wgbv-ar: 1 / 1; --wgbv-w: 360; --wgbv-h: 360; }
.wgbv-visual[data-wgbv="field-map"] .wgbv-fm-card { position: absolute; top: calc(var(--wgbv-p) * 64); display: flex; flex-direction: column; width: calc(var(--wgbv-p) * 146);
  padding: calc(var(--wgbv-p) * 8) calc(var(--wgbv-p) * 13); border-radius: calc(var(--wgbv-p) * 18); background: #fff;
  box-shadow: 0 calc(var(--wgbv-p) * 1) calc(var(--wgbv-p) * 2) rgba(16, 24, 40, .04), 0 calc(var(--wgbv-p) * 8) calc(var(--wgbv-p) * 22) rgba(16, 24, 40, .08); }
.wgbv-visual[data-wgbv="field-map"] .wgbv-fm-l { left: calc(var(--wgbv-p) * 12); }
.wgbv-visual[data-wgbv="field-map"] .wgbv-fm-r { left: calc(var(--wgbv-p) * 202); }
.wgbv-visual[data-wgbv="field-map"] .wgbv-fm-row { display: block; height: calc(var(--wgbv-p) * 36); border-top: calc(var(--wgbv-p) * .9) solid #F3F4F6;
  font-size: calc(var(--wgbv-p) * 12.5); font-weight: 600; line-height: calc(var(--wgbv-p) * 36); color: #4B5563; white-space: nowrap; }
.wgbv-visual[data-wgbv="field-map"] .wgbv-fm-row:first-child { border-top: 0; }
.wgbv-visual[data-wgbv="field-map"] .wgbv-fm-r .wgbv-fm-row { padding-left: calc(var(--wgbv-p) * 17); }
.wgbv-visual[data-wgbv="field-map"] .wgbv-fm-lines { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.wgbv-visual[data-wgbv="field-map"] .wgbv-fm-lines path { fill: none; stroke-width: 1.5; stroke-linecap: round; }
.wgbv-visual[data-wgbv="field-map"] .wgbv-fm-lines circle { stroke: none; transform-box: fill-box; transform-origin: 50% 50%; }
.wgbv-visual[data-wgbv="field-map"] .wgbv-fm-k { stroke: #111827; fill: #111827; }
.wgbv-visual[data-wgbv="field-map"] .wgbv-fm-g { stroke: #057A55; fill: #057A55; }
.wgbv-visual[data-wgbv="field-map"] .wgbv-fm-m { stroke: #99154B; fill: #99154B; }
.wgbv-visual[data-wgbv="field-map"] .wgbv-fm-p { stroke: #5521B5; fill: #5521B5; }
.wgbv-visual[data-wgbv="field-map"] .wgbv-fm-wd { display: none; }
@container (aspect-ratio >= 1.41) {
  .wgbv-visual[data-wgbv="field-map"] .wgbv-stage { --wgbv-w: 400; --wgbv-h: 200; }
  .wgbv-visual[data-wgbv="field-map"] .wgbv-fm-card { top: calc(var(--wgbv-p) * 8); width: calc(var(--wgbv-p) * 160); padding: calc(var(--wgbv-p) * 5) calc(var(--wgbv-p) * 12); border-radius: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="field-map"] .wgbv-fm-l { left: calc(var(--wgbv-p) * 16); }
  .wgbv-visual[data-wgbv="field-map"] .wgbv-fm-r { left: calc(var(--wgbv-p) * 224); }
  .wgbv-visual[data-wgbv="field-map"] .wgbv-fm-row { height: calc(var(--wgbv-p) * 29); font-size: calc(var(--wgbv-p) * 12); line-height: calc(var(--wgbv-p) * 29); }
  .wgbv-visual[data-wgbv="field-map"] .wgbv-fm-r .wgbv-fm-row { padding-left: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="field-map"] .wgbv-fm-sq { display: none; }
  .wgbv-visual[data-wgbv="field-map"] .wgbv-fm-wd { display: block; }
}
.wgbv-visual[data-wgbv="field-map"]:is(.platform_section-wrap .image_wrap-right *) { --wgbv-fill: .96; }

/* ---- visuals/form-builder.css ---- */
.wgbv-visual[data-wgbv="form-builder"] { --wgbv-ar: 620 / 363; --wgbv-w: 620; --wgbv-h: 363; }
.wgbv-visual[data-wgbv="form-builder"] .wgbv-bg { position: absolute; inset: 0; border-radius: calc(var(--wgbv-p) * 20); background: #B938AF; }
.wgbv-visual[data-wgbv="form-builder"] .wgbv-main,
.wgbv-visual[data-wgbv="form-builder"] .wgbv-float { position: absolute; border: calc(var(--wgbv-p) * 1) solid #E5E7EB; background: #fff; box-shadow: 0 calc(var(--wgbv-p) * 1) calc(var(--wgbv-p) * 2) rgba(16, 24, 40, .05), 0 calc(var(--wgbv-p) * 14) calc(var(--wgbv-p) * 32) rgba(52, 10, 60, .16); }
.wgbv-visual[data-wgbv="form-builder"] .wgbv-main { left: calc(var(--wgbv-p) * 32); top: calc(var(--wgbv-p) * 26); width: calc(var(--wgbv-p) * 434); height: calc(var(--wgbv-p) * 280); border-radius: calc(var(--wgbv-p) * 18); }
.wgbv-visual[data-wgbv="form-builder"] .wgbv-float { left: calc(var(--wgbv-p) * 386); top: calc(var(--wgbv-p) * 150); width: calc(var(--wgbv-p) * 206); height: calc(var(--wgbv-p) * 194); padding: calc(var(--wgbv-p) * 20) calc(var(--wgbv-p) * 18); border-radius: calc(var(--wgbv-p) * 16); display: flex; flex-direction: column; gap: calc(var(--wgbv-p) * 14); }
.wgbv-visual[data-wgbv="form-builder"] .wgbv-g { display: flex; flex-direction: column; gap: calc(var(--wgbv-p) * 6); }
.wgbv-visual[data-wgbv="form-builder"] .wgbv-main .wgbv-g { position: absolute; width: calc(var(--wgbv-p) * 190); }
.wgbv-visual[data-wgbv="form-builder"] .wgbv-g1 { left: calc(var(--wgbv-p) * 24); top: calc(var(--wgbv-p) * 24); }
.wgbv-visual[data-wgbv="form-builder"] .wgbv-g2 { left: calc(var(--wgbv-p) * 24); top: calc(var(--wgbv-p) * 150); }
.wgbv-visual[data-wgbv="form-builder"] .wgbv-g3 { left: calc(var(--wgbv-p) * 224); top: calc(var(--wgbv-p) * 24); }
.wgbv-visual[data-wgbv="form-builder"] .wgbv-g4 { left: calc(var(--wgbv-p) * 224); top: calc(var(--wgbv-p) * 150); }
.wgbv-visual[data-wgbv="form-builder"] .wgbv-lb { display: block; margin-bottom: calc(var(--wgbv-p) * 2); font-size: calc(var(--wgbv-p) * 13.5); font-weight: 600; line-height: 1.3; letter-spacing: .08em; text-transform: uppercase; color: #536076; white-space: nowrap; }
.wgbv-visual[data-wgbv="form-builder"] .wgbv-it { display: flex; align-items: center; gap: calc(var(--wgbv-p) * 11); height: calc(var(--wgbv-p) * 36); font-size: calc(var(--wgbv-p) * 17.5); color: #374151; white-space: nowrap; }
.wgbv-visual[data-wgbv="form-builder"] .wgbv-tl { display: grid; place-items: center; width: calc(var(--wgbv-p) * 32); height: calc(var(--wgbv-p) * 32); flex: none; border-radius: calc(var(--wgbv-p) * 8); background: #F4F4F5; color: #AC35AE; }
.wgbv-visual[data-wgbv="form-builder"] .wgbv-tl .wgbv-i { width: calc(var(--wgbv-p) * 18); height: calc(var(--wgbv-p) * 18); stroke-width: 2; }
.wgbv-visual[data-wgbv="form-builder"] .wgbv-pick { --on: 1; height: calc(var(--wgbv-p) * 46); margin: 0 calc(var(--wgbv-p) * -8); padding: 0 calc(var(--wgbv-p) * 8); border: calc(var(--wgbv-p) * 1.5) solid color-mix(in srgb, #AC35AE calc(var(--on) * 100%), transparent); border-radius: calc(var(--wgbv-p) * 10); color: #111827;
  box-shadow: 0 calc(var(--wgbv-p) * 3) calc(var(--wgbv-p) * 10) rgba(172, 53, 174, calc(var(--on) * .18)); }
.wgbv-visual[data-wgbv="form-builder"] .wgbv-pick .wgbv-tl { background: color-mix(in srgb, #FBEFFB calc(var(--on) * 100%), #F4F4F5); }
@container (max-width: 220px) {
  .wgbv-visual[data-wgbv="form-builder"] .wgbv-lb { font-size: calc(var(--wgbv-p) * 15); }
}
@container (max-width: 299px) {
  .wgbv-visual[data-wgbv="form-builder"] .wgbv-stage { --wgbv-w: 560; }
  .wgbv-visual[data-wgbv="form-builder"] .wgbv-main { left: calc(var(--wgbv-p) * 16); }
  .wgbv-visual[data-wgbv="form-builder"] .wgbv-float { left: calc(var(--wgbv-p) * 340); }
  .wgbv-visual[data-wgbv="form-builder"] .wgbv-lb { font-size: calc(var(--wgbv-p) * 15); }
}
@media (max-width: 479px) {
  @container (aspect-ratio < 1.45) {
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-stage { --wgbv-w: 560; --wgbv-h: 408; }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-main { left: calc(var(--wgbv-p) * 16); top: calc(var(--wgbv-p) * 16); }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-float { left: calc(var(--wgbv-p) * 164); top: calc(var(--wgbv-p) * 280); width: calc(var(--wgbv-p) * 380); height: calc(var(--wgbv-p) * 112);
      flex-direction: row; gap: calc(var(--wgbv-p) * 20); }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-float .wgbv-g { flex: 1; min-width: 0; }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-float .wgbv-it { height: calc(var(--wgbv-p) * 46); }
  }
  @container (aspect-ratio < 1.25) {
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-stage { --wgbv-w: 498; }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-float { left: calc(var(--wgbv-p) * 102); }
  }
  @container (aspect-ratio < 1.1) {
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-stage { --wgbv-w: 466; --wgbv-h: 460; }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-main { top: calc(var(--wgbv-p) * 18); height: calc(var(--wgbv-p) * 312); }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-g { gap: calc(var(--wgbv-p) * 8); }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-it { height: calc(var(--wgbv-p) * 40); }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-float .wgbv-it { height: calc(var(--wgbv-p) * 50); }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-g1, .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-g3 { top: calc(var(--wgbv-p) * 28); }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-g2, .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-g4 { top: calc(var(--wgbv-p) * 168); }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-float { left: calc(var(--wgbv-p) * 70); top: calc(var(--wgbv-p) * 312); height: calc(var(--wgbv-p) * 128); padding: calc(var(--wgbv-p) * 24) calc(var(--wgbv-p) * 18); }
  }
}

@media (min-width: 480px) and (max-width: 991px) {
  @container (aspect-ratio < 1.372) or ((min-width: 300px) and (aspect-ratio < 1.519)) {
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-stage { --wgbv-w: 560; --wgbv-h: 408; }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-bg { top: calc(var(--wgbv-p) * 2); }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-main { left: calc(var(--wgbv-p) * 16); top: calc(var(--wgbv-p) * 16); }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-float { left: calc(var(--wgbv-p) * 164); top: calc(var(--wgbv-p) * 280); width: calc(var(--wgbv-p) * 380); height: calc(var(--wgbv-p) * 112);
      flex-direction: row; gap: calc(var(--wgbv-p) * 20); }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-float .wgbv-g { flex: 1; min-width: 0; }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-float .wgbv-it { height: calc(var(--wgbv-p) * 46); }
  }
  @container (aspect-ratio < 1.25) {
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-stage { --wgbv-w: 498; }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-float { left: calc(var(--wgbv-p) * 102); }
  }
  @container (aspect-ratio < 1.1) {
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-stage { --wgbv-w: 466; --wgbv-h: 460; }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-main { top: calc(var(--wgbv-p) * 18); height: calc(var(--wgbv-p) * 312); }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-g { gap: calc(var(--wgbv-p) * 8); }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-it { height: calc(var(--wgbv-p) * 40); }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-float .wgbv-it { height: calc(var(--wgbv-p) * 50); }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-g1 { top: calc(var(--wgbv-p) * 28); }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-g3 { top: calc(var(--wgbv-p) * 28); }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-g2 { top: calc(var(--wgbv-p) * 168); }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-g4 { top: calc(var(--wgbv-p) * 168); }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-float { left: calc(var(--wgbv-p) * 70); top: calc(var(--wgbv-p) * 312); height: calc(var(--wgbv-p) * 128); padding: calc(var(--wgbv-p) * 24) calc(var(--wgbv-p) * 18); }
  }
}

.wgbv-visual[data-wgbv="form-builder"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-bg,
.wgbv-visual[data-wgbv="form-builder"]:is(.platform_content-box .image-wrap *) .wgbv-bg { inset: auto; width: 100cqw; height: 100cqh; border-radius: 0;
  left: calc(var(--wgbv-p) * var(--wgbv-cx, 0) - (100cqw - var(--wgbv-p) * var(--wgbv-cw, var(--wgbv-w))) * var(--wgbv-ax, .5));
  top: calc(var(--wgbv-p) * var(--wgbv-cy, 0) - max(0px, (100cqh - var(--wgbv-p) * var(--wgbv-ch, var(--wgbv-h))) * var(--wgbv-ay, .5))); }
@container (aspect-ratio < 1.1) {
  .wgbv-visual[data-wgbv="form-builder"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-stage { --wgbv-w: 466; --wgbv-h: 460; }
  .wgbv-visual[data-wgbv="form-builder"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-main { left: calc(var(--wgbv-p) * 16); top: calc(var(--wgbv-p) * 18); height: calc(var(--wgbv-p) * 312); }
  .wgbv-visual[data-wgbv="form-builder"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-float { left: calc(var(--wgbv-p) * 70); top: calc(var(--wgbv-p) * 312); width: calc(var(--wgbv-p) * 380); height: calc(var(--wgbv-p) * 128); padding: calc(var(--wgbv-p) * 24) calc(var(--wgbv-p) * 18); flex-direction: row; gap: calc(var(--wgbv-p) * 20); }
  .wgbv-visual[data-wgbv="form-builder"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-float .wgbv-g { flex: 1; min-width: 0; }
  .wgbv-visual[data-wgbv="form-builder"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-g { gap: calc(var(--wgbv-p) * 8); }
  .wgbv-visual[data-wgbv="form-builder"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-it { height: calc(var(--wgbv-p) * 40); }
  .wgbv-visual[data-wgbv="form-builder"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-float .wgbv-it { height: calc(var(--wgbv-p) * 50); }
  .wgbv-visual[data-wgbv="form-builder"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-g1 { top: calc(var(--wgbv-p) * 28); }
  .wgbv-visual[data-wgbv="form-builder"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-g3 { top: calc(var(--wgbv-p) * 28); }
  .wgbv-visual[data-wgbv="form-builder"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-g2 { top: calc(var(--wgbv-p) * 168); }
  .wgbv-visual[data-wgbv="form-builder"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-g4 { top: calc(var(--wgbv-p) * 168); }
}
@container (aspect-ratio >= 1.6) {
  .wgbv-visual[data-wgbv="form-builder"]:is(.platform_content-box .image-wrap *) .wgbv-stage { --wgbv-w: 450; --wgbv-h: 270; }
  .wgbv-visual[data-wgbv="form-builder"]:is(.platform_content-box .image-wrap *) .wgbv-main { left: calc(var(--wgbv-p) * 16); top: calc(var(--wgbv-p) * 16); width: calc(var(--wgbv-p) * 240); height: calc(var(--wgbv-p) * 238); }
  .wgbv-visual[data-wgbv="form-builder"]:is(.platform_content-box .image-wrap *) .wgbv-main .wgbv-g { width: calc(var(--wgbv-p) * 200); }
  .wgbv-visual[data-wgbv="form-builder"]:is(.platform_content-box .image-wrap *) .wgbv-g1 { left: calc(var(--wgbv-p) * 20); top: calc(var(--wgbv-p) * 18); }
  .wgbv-visual[data-wgbv="form-builder"]:is(.platform_content-box .image-wrap *) .wgbv-g3 { left: calc(var(--wgbv-p) * 20); top: calc(var(--wgbv-p) * 126); }
  .wgbv-visual[data-wgbv="form-builder"]:is(.platform_content-box .image-wrap *) .wgbv-g2 { display: none; }
  .wgbv-visual[data-wgbv="form-builder"]:is(.platform_content-box .image-wrap *) .wgbv-g4 { display: none; }
  .wgbv-visual[data-wgbv="form-builder"]:is(.platform_content-box .image-wrap *) .wgbv-float { left: calc(var(--wgbv-p) * 232); top: calc(var(--wgbv-p) * 40); width: calc(var(--wgbv-p) * 200); height: calc(var(--wgbv-p) * 194); }
  .wgbv-visual[data-wgbv="form-builder"]:is(.platform_content-box .image-wrap *) .wgbv-lb { font-size: calc(var(--wgbv-p) * 15); }
}

.wgbv-visual[data-wgbv="form-builder"]:is(.hero-image-wrapper *) .wgbv-bg { inset: auto; width: 100cqw; height: 100cqh; border-radius: 16px;
  left: calc(var(--wgbv-p) * var(--wgbv-cx, 0) - (100cqw - var(--wgbv-p) * var(--wgbv-cw, var(--wgbv-w))) * var(--wgbv-ax, .5));
  top: calc(var(--wgbv-p) * var(--wgbv-cy, 0) - max(0px, (100cqh - var(--wgbv-p) * var(--wgbv-ch, var(--wgbv-h))) * var(--wgbv-ay, .5))); }
.wgbv-visual[data-wgbv="form-builder"]:is(.hero-image-wrapper *) .wgbv-stage { --wgbv-w: 466; --wgbv-h: 460; }
.wgbv-visual[data-wgbv="form-builder"]:is(.hero-image-wrapper *) .wgbv-main { left: calc(var(--wgbv-p) * 16); top: calc(var(--wgbv-p) * 18); height: calc(var(--wgbv-p) * 312); }
.wgbv-visual[data-wgbv="form-builder"]:is(.hero-image-wrapper *) .wgbv-float { left: calc(var(--wgbv-p) * 70); top: calc(var(--wgbv-p) * 312); width: calc(var(--wgbv-p) * 380); height: calc(var(--wgbv-p) * 128); padding: calc(var(--wgbv-p) * 24) calc(var(--wgbv-p) * 18); flex-direction: row; gap: calc(var(--wgbv-p) * 20); }
.wgbv-visual[data-wgbv="form-builder"]:is(.hero-image-wrapper *) .wgbv-float .wgbv-g { flex: 1; min-width: 0; }
.wgbv-visual[data-wgbv="form-builder"]:is(.hero-image-wrapper *) .wgbv-g { gap: calc(var(--wgbv-p) * 8); }
.wgbv-visual[data-wgbv="form-builder"]:is(.hero-image-wrapper *) .wgbv-it { height: calc(var(--wgbv-p) * 40); }
.wgbv-visual[data-wgbv="form-builder"]:is(.hero-image-wrapper *) .wgbv-float .wgbv-it { height: calc(var(--wgbv-p) * 50); }
.wgbv-visual[data-wgbv="form-builder"]:is(.hero-image-wrapper *) .wgbv-lb { font-size: calc(var(--wgbv-p) * 13.5); }
.wgbv-visual[data-wgbv="form-builder"]:is(.hero-image-wrapper *) .wgbv-g1 { top: calc(var(--wgbv-p) * 28); }
.wgbv-visual[data-wgbv="form-builder"]:is(.hero-image-wrapper *) .wgbv-g3 { top: calc(var(--wgbv-p) * 28); }
.wgbv-visual[data-wgbv="form-builder"]:is(.hero-image-wrapper *) .wgbv-g2 { top: calc(var(--wgbv-p) * 168); }
.wgbv-visual[data-wgbv="form-builder"]:is(.hero-image-wrapper *) .wgbv-g4 { top: calc(var(--wgbv-p) * 168); }

/* ---- visuals/gp-access.css ---- */
.wgbv-visual[data-wgbv="gp-access"] { --wgbv-ar: 1 / 1; --wgbv-w: 400; --wgbv-h: 400; }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-stage { overflow: hidden; border-radius: calc(var(--wgbv-p) * 22); }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-ga-bg { position: absolute; inset: 0; border-radius: calc(var(--wgbv-p) * 22); background: linear-gradient(160deg, #5048E5, #4338CA); }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-ga-fr { position: absolute; left: calc(var(--wgbv-p) * 44); top: calc(var(--wgbv-p) * 44); width: calc(var(--wgbv-p) * 312); height: calc(var(--wgbv-p) * 400); padding: calc(var(--wgbv-p) * 9); border-radius: calc(var(--wgbv-p) * 44); background: #111214;
  box-shadow: inset 0 0 0 calc(var(--wgbv-p) * 2) #5c5d61, inset 0 0 0 calc(var(--wgbv-p) * 3.5) #2a2b2e, 0 calc(var(--wgbv-p) * 14) calc(var(--wgbv-p) * 34) rgba(15, 12, 70, .3); }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-ga-scr { position: relative; height: 100%; overflow: hidden; border-radius: calc(var(--wgbv-p) * 35); background: #fff; color: #1E293B; }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-status { height: calc(var(--wgbv-p) * 36); padding: calc(var(--wgbv-p) * 2) calc(var(--wgbv-p) * 22) 0 calc(var(--wgbv-p) * 30); }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-time { font-size: calc(var(--wgbv-p) * 12); }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-sys { gap: calc(var(--wgbv-p) * 4); }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-signal { width: calc(var(--wgbv-p) * 14); height: calc(var(--wgbv-p) * 9); }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-wifi { width: calc(var(--wgbv-p) * 13); height: calc(var(--wgbv-p) * 9); }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-battery { width: calc(var(--wgbv-p) * 20); height: calc(var(--wgbv-p) * 9.5); border-width: calc(var(--wgbv-p) * .8); border-radius: calc(var(--wgbv-p) * 3); }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-battery i { inset: calc(var(--wgbv-p) * 1.2); border-radius: calc(var(--wgbv-p) * 1.6); }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-island { top: calc(var(--wgbv-p) * 8); width: calc(var(--wgbv-p) * 76); height: calc(var(--wgbv-p) * 22); margin-left: calc(var(--wgbv-p) * -38); border-radius: calc(var(--wgbv-p) * 11); }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-ga-bar { position: absolute; left: 0; right: 0; top: calc(var(--wgbv-p) * 36); height: calc(var(--wgbv-p) * 38); display: flex; align-items: center; justify-content: center; border-bottom: calc(var(--wgbv-p) * 1) solid #CBD5E1; }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-ga-back { position: absolute; left: calc(var(--wgbv-p) * 9); display: flex; align-items: center; gap: calc(var(--wgbv-p) * 1); font-size: calc(var(--wgbv-p) * 13); color: #6741D9; }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-ga-back .wgbv-i { width: calc(var(--wgbv-p) * 17); height: calc(var(--wgbv-p) * 17); stroke-width: 2.4; }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-ga-ttl { font-size: calc(var(--wgbv-p) * 13); font-weight: 600; letter-spacing: -.01em; white-space: nowrap; }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-ga-form { position: absolute; left: calc(var(--wgbv-p) * 18); right: calc(var(--wgbv-p) * 18); top: calc(var(--wgbv-p) * 88); display: flex; flex-direction: column; }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-ga-form > * { flex: none; }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-ga-l { font-size: calc(var(--wgbv-p) * 13); font-weight: 700; line-height: 1.25; letter-spacing: -.01em; color: #2C2D73; white-space: nowrap; }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-ga-in + .wgbv-ga-l { margin-top: calc(var(--wgbv-p) * 12); }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-ga-req { color: #E11D48; }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-ga-in { position: relative; display: flex; align-items: center; height: calc(var(--wgbv-p) * 34); margin-top: calc(var(--wgbv-p) * 6); padding: 0 calc(var(--wgbv-p) * 12); border: calc(var(--wgbv-p) * 1) solid #CBD5E1; border-radius: calc(var(--wgbv-p) * 8); background: #fff; }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-ga-ph { font-size: calc(var(--wgbv-p) * 12.5); color: #64748B; white-space: nowrap; opacity: 0; }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-ga-in i { position: absolute; left: calc(var(--wgbv-p) * 12); top: 50%; width: calc(var(--wgbv-p) * 96); height: calc(var(--wgbv-p) * 8); margin-top: calc(var(--wgbv-p) * -4); border-radius: calc(var(--wgbv-p) * 4); background: #CBD5E1; transform-origin: left center; }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-ga-in ~ .wgbv-ga-in i { width: calc(var(--wgbv-p) * 132); }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-ga-in ~ .wgbv-ga-in ~ .wgbv-ga-in i { width: calc(var(--wgbv-p) * 84); }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-ga-go { display: grid; place-items: center; height: calc(var(--wgbv-p) * 36); margin-top: calc(var(--wgbv-p) * 14); border-radius: calc(var(--wgbv-p) * 8); background: #4F46E5; color: #fff; font-size: calc(var(--wgbv-p) * 13); font-weight: 600; }
.wgbv-visual[data-wgbv="gp-access"]:is(.layout13_image + * > *) { --wgbv-ay: 1; border-radius: 16px; background: linear-gradient(160deg, #5048E5, #4338CA); }
.wgbv-visual[data-wgbv="gp-access"]:is(.layout13_image + * > *) .wgbv-ga-bg { display: none; }

/* ---- visuals/identity.css ---- */
.wgbv-visual[data-wgbv="identity"] { --wgbv-ar: 383 / 187; --wgbv-w: 383; --wgbv-h: 187; }
.wgbv-visual[data-wgbv="identity"] .wgbv-stage { overflow: hidden; }
.wgbv-visual[data-wgbv="identity"] .wgbv-k1 { --wgbv-c: #005CB9; }
.wgbv-visual[data-wgbv="identity"] .wgbv-k2 { --wgbv-c: #6A3EEA; }
.wgbv-visual[data-wgbv="identity"] .wgbv-k3 { --wgbv-c: #005899; }
.wgbv-visual[data-wgbv="identity"] .wgbv-k4 { --wgbv-c: #285C6F; }

.wgbv-visual[data-wgbv="identity"] .wgbv-arc { position: absolute; border-radius: 50%; border: calc(var(--wgbv-p) * .9856) solid #EEEEEE;
  background: linear-gradient(rgba(249, 248, 248, .8), rgba(233, 233, 233, 0)); box-shadow: 0 calc(var(--wgbv-p) * 3.948) calc(var(--wgbv-p) * 3.948) rgba(0, 0, 0, .28); }
.wgbv-visual[data-wgbv="identity"] .wgbv-arc-1 { left: calc(var(--wgbv-p) * 4.5072); top: calc(var(--wgbv-p) * 22.0424); width: calc(var(--wgbv-p) * 365.2046); height: calc(var(--wgbv-p) * 364.4754); }
.wgbv-visual[data-wgbv="identity"] .wgbv-arc-2 { left: calc(var(--wgbv-p) * 53.8578); top: calc(var(--wgbv-p) * 71.2963); width: calc(var(--wgbv-p) * 266.5); height: calc(var(--wgbv-p) * 265.9685); }
.wgbv-visual[data-wgbv="identity"] .wgbv-arc-3 { left: calc(var(--wgbv-p) * 104.5832); top: calc(var(--wgbv-p) * 111.9842); width: calc(var(--wgbv-p) * 169.4686); height: calc(var(--wgbv-p) * 169.4686); }

.wgbv-visual[data-wgbv="identity"] .wgbv-glow { position: absolute; left: calc(var(--wgbv-p) * 64); top: calc(var(--wgbv-p) * 72); width: calc(var(--wgbv-p) * 250); height: calc(var(--wgbv-p) * 150); opacity: 0;
  background: radial-gradient(closest-side, color-mix(in srgb, var(--wgbv-c) 17%, transparent), transparent); }
.wgbv-visual[data-wgbv="identity"] .wgbv-glow.wgbv-k1 { opacity: 1; }

.wgbv-visual[data-wgbv="identity"] .wgbv-app { position: absolute; left: calc(var(--wgbv-p) * 121); top: calc(var(--wgbv-p) * 114); width: calc(var(--wgbv-p) * 136); height: calc(var(--wgbv-p) * 92); overflow: hidden;
  border: calc(var(--wgbv-p) * .8) solid #E2E8F0; border-radius: calc(var(--wgbv-p) * 16); background: #fff;
  box-shadow: 0 calc(var(--wgbv-p) * .854) calc(var(--wgbv-p) * 1.707) rgba(188, 184, 184, .1), 0 calc(var(--wgbv-p) * 3.415) calc(var(--wgbv-p) * 3.415) rgba(188, 184, 184, .09), 0 calc(var(--wgbv-p) * 8.537) calc(var(--wgbv-p) * 5.122) rgba(188, 184, 184, .05); }
.wgbv-visual[data-wgbv="identity"] .wgbv-notch { position: absolute; left: calc(var(--wgbv-p) * 50.2); top: calc(var(--wgbv-p) * 4.6); width: calc(var(--wgbv-p) * 34); height: calc(var(--wgbv-p) * 8.6); border-radius: calc(var(--wgbv-p) * 4.3); background: #0B0B0C; }
.wgbv-visual[data-wgbv="identity"] .wgbv-lg { position: absolute; left: calc(var(--wgbv-p) * 11.2); overflow: hidden; opacity: 0; }
.wgbv-visual[data-wgbv="identity"] .wgbv-lg img { position: absolute; }
.wgbv-visual[data-wgbv="identity"] .wgbv-lg.wgbv-k1 { opacity: 1; top: calc(var(--wgbv-p) * 21.14); width: calc(var(--wgbv-p) * 31.86); height: calc(var(--wgbv-p) * 12.12); }
.wgbv-visual[data-wgbv="identity"] .wgbv-lg.wgbv-k2 { top: calc(var(--wgbv-p) * 20.65); width: calc(var(--wgbv-p) * 33.3); height: calc(var(--wgbv-p) * 13.11); }
.wgbv-visual[data-wgbv="identity"] .wgbv-lg.wgbv-k3 { top: calc(var(--wgbv-p) * 17.34); width: calc(var(--wgbv-p) * 21.44); height: calc(var(--wgbv-p) * 19.72); border-radius: calc(var(--wgbv-p) * 1.84); }
.wgbv-visual[data-wgbv="identity"] .wgbv-lg.wgbv-k4 { top: calc(var(--wgbv-p) * 17.9); width: calc(var(--wgbv-p) * 17.38); height: calc(var(--wgbv-p) * 18.61); }
.wgbv-visual[data-wgbv="identity"] .wgbv-lg.wgbv-k1 img { left: calc(var(--wgbv-p) * -128.58); top: calc(var(--wgbv-p) * -40.52); width: calc(var(--wgbv-p) * 252.78); height: calc(var(--wgbv-p) * 123.42); }
.wgbv-visual[data-wgbv="identity"] .wgbv-lg.wgbv-k2 img { left: calc(var(--wgbv-p) * -211.08); top: calc(var(--wgbv-p) * -72.09); width: calc(var(--wgbv-p) * 252.78); height: calc(var(--wgbv-p) * 123.42); }
.wgbv-visual[data-wgbv="identity"] .wgbv-lg.wgbv-k3 img { left: calc(var(--wgbv-p) * -25.33); top: calc(var(--wgbv-p) * -47.53); width: calc(var(--wgbv-p) * 176.18); height: calc(var(--wgbv-p) * 86.02); }
.wgbv-visual[data-wgbv="identity"] .wgbv-lg.wgbv-k4 img { left: calc(var(--wgbv-p) * -49.48); top: calc(var(--wgbv-p) * -5.67); width: calc(var(--wgbv-p) * 176.18); height: calc(var(--wgbv-p) * 86.02); }
.wgbv-visual[data-wgbv="identity"] .wgbv-hi { position: absolute; left: calc(var(--wgbv-p) * 11.2); top: calc(var(--wgbv-p) * 40.2); font-size: calc(var(--wgbv-p) * 9.5); font-weight: 600; line-height: 1.2; letter-spacing: -.01em; color: #2C2D73; white-space: nowrap; }
.wgbv-visual[data-wgbv="identity"] .wgbv-task { position: absolute; left: calc(var(--wgbv-p) * 11.2); right: calc(var(--wgbv-p) * 11.2); top: calc(var(--wgbv-p) * 55.4); height: calc(var(--wgbv-p) * 15); display: flex; align-items: center; gap: calc(var(--wgbv-p) * 5); }
.wgbv-visual[data-wgbv="identity"] .wgbv-tc { display: grid; place-items: center; flex: none; width: calc(var(--wgbv-p) * 15); height: calc(var(--wgbv-p) * 15); border-radius: calc(var(--wgbv-p) * 5); background: #EFF6FF; color: #3B82F6; }
.wgbv-visual[data-wgbv="identity"] .wgbv-tc .wgbv-i { width: calc(var(--wgbv-p) * 10); height: calc(var(--wgbv-p) * 10); }
.wgbv-visual[data-wgbv="identity"] .wgbv-tt { flex: 1; min-width: 0; font-size: calc(var(--wgbv-p) * 7.3); font-weight: 500; line-height: 1.2; color: #334155; white-space: nowrap; }
.wgbv-visual[data-wgbv="identity"] .wgbv-go { position: relative; display: grid; place-items: center; flex: none; width: calc(var(--wgbv-p) * 28); height: calc(var(--wgbv-p) * 13); border-radius: calc(var(--wgbv-p) * 6.5); font-size: calc(var(--wgbv-p) * 6.6); font-weight: 600; line-height: 1; color: #fff; }
.wgbv-visual[data-wgbv="identity"] .wgbv-go i { position: absolute; inset: 0; border-radius: inherit; background: var(--wgbv-c); opacity: 0; }
.wgbv-visual[data-wgbv="identity"] .wgbv-go i.wgbv-k1 { opacity: 1; }
.wgbv-visual[data-wgbv="identity"] .wgbv-go span { position: relative; }

.wgbv-visual[data-wgbv="identity"] .wgbv-orb { position: absolute; width: calc(var(--wgbv-p) * 63.17); height: calc(var(--wgbv-p) * 63.17); will-change: transform; }
.wgbv-visual[data-wgbv="identity"] .wgbv-orb.wgbv-k1 { left: calc(var(--wgbv-p) * 187.418); top: calc(var(--wgbv-p) * 39.006); transform: scale(1.05); }
.wgbv-visual[data-wgbv="identity"] .wgbv-orb.wgbv-k2 { left: calc(var(--wgbv-p) * 313.501); top: calc(var(--wgbv-p) * 87.399); }
.wgbv-visual[data-wgbv="identity"] .wgbv-orb.wgbv-k3 { left: calc(var(--wgbv-p) * 46.804); top: calc(var(--wgbv-p) * 93.237); }
.wgbv-visual[data-wgbv="identity"] .wgbv-orb.wgbv-k4 { left: calc(var(--wgbv-p) * 94.941); top: calc(var(--wgbv-p) * 1); }
.wgbv-visual[data-wgbv="identity"] .wgbv-chip { position: absolute; inset: 0; overflow: hidden; border: calc(var(--wgbv-p) * .72) solid #E2E8F0; border-radius: 50%; background: #fff;
  box-shadow: 0 calc(var(--wgbv-p) * .854) calc(var(--wgbv-p) * 1.707) rgba(188, 184, 184, .1), 0 calc(var(--wgbv-p) * 3.415) calc(var(--wgbv-p) * 3.415) rgba(188, 184, 184, .09),
    0 calc(var(--wgbv-p) * 8.537) calc(var(--wgbv-p) * 5.122) rgba(188, 184, 184, .05), 0 calc(var(--wgbv-p) * 15.366) calc(var(--wgbv-p) * 5.976) rgba(188, 184, 184, .01); }
.wgbv-visual[data-wgbv="identity"] .wgbv-chip img { position: absolute; width: calc(var(--wgbv-p) * 383); height: calc(var(--wgbv-p) * 187); }
.wgbv-visual[data-wgbv="identity"] .wgbv-k1 .wgbv-chip img { left: calc(var(--wgbv-p) * -188.138); top: calc(var(--wgbv-p) * -39.726); }
.wgbv-visual[data-wgbv="identity"] .wgbv-k2 .wgbv-chip img { left: calc(var(--wgbv-p) * -314.221); top: calc(var(--wgbv-p) * -88.119); }
.wgbv-visual[data-wgbv="identity"] .wgbv-k3 .wgbv-chip img { left: calc(var(--wgbv-p) * -47.524); top: calc(var(--wgbv-p) * -93.957); }
.wgbv-visual[data-wgbv="identity"] .wgbv-k4 .wgbv-chip img { left: calc(var(--wgbv-p) * -95.661); top: calc(var(--wgbv-p) * -1.72); }
.wgbv-visual[data-wgbv="identity"] .wgbv-ring { position: absolute; inset: calc(var(--wgbv-p) * -.3); border: calc(var(--wgbv-p) * 1.9) solid var(--wgbv-c); border-radius: 50%; opacity: 0; }
.wgbv-visual[data-wgbv="identity"] .wgbv-k1 .wgbv-ring { opacity: 1; }
.wgbv-visual[data-wgbv="identity"] .wgbv-spark { position: absolute; left: calc(var(--wgbv-p) * -3.5); top: calc(var(--wgbv-p) * -3.5); width: calc(var(--wgbv-p) * 7); height: calc(var(--wgbv-p) * 7); border-radius: 50%;
  background: var(--wgbv-c); box-shadow: 0 0 0 calc(var(--wgbv-p) * 2.5) color-mix(in srgb, var(--wgbv-c) 20%, transparent); opacity: 0; }
@container (aspect-ratio < 1.3) {
  .wgbv-visual[data-wgbv="identity"] .wgbv-stage { --wgbv-w: 290; --wgbv-h: 266; --wgbv-geo: 1;
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - var(--wgbv-p) * 20), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - var(--wgbv-p) * 20), transparent); }
  .wgbv-visual[data-wgbv="identity"] .wgbv-arc-1 { left: calc(var(--wgbv-p) * 68); top: calc(var(--wgbv-p) * 44); width: calc(var(--wgbv-p) * 444); height: calc(var(--wgbv-p) * 444); clip-path: inset(0 calc(var(--wgbv-p) * 222) calc(var(--wgbv-p) * 222) 0); }
  .wgbv-visual[data-wgbv="identity"] .wgbv-arc-2 { left: calc(var(--wgbv-p) * 134); top: calc(var(--wgbv-p) * 110); width: calc(var(--wgbv-p) * 312); height: calc(var(--wgbv-p) * 312); clip-path: inset(0 calc(var(--wgbv-p) * 156) calc(var(--wgbv-p) * 156) 0); }
  .wgbv-visual[data-wgbv="identity"] .wgbv-arc-3 { left: calc(var(--wgbv-p) * 200); top: calc(var(--wgbv-p) * 176); width: calc(var(--wgbv-p) * 180); height: calc(var(--wgbv-p) * 180); clip-path: inset(0 calc(var(--wgbv-p) * 90) calc(var(--wgbv-p) * 90) 0); }
  .wgbv-visual[data-wgbv="identity"] .wgbv-glow { left: 0; top: calc(var(--wgbv-p) * 150); width: calc(var(--wgbv-p) * 190); height: calc(var(--wgbv-p) * 116); }
  .wgbv-visual[data-wgbv="identity"] .wgbv-app { left: calc(var(--wgbv-p) * 22); top: calc(var(--wgbv-p) * 182); height: calc(var(--wgbv-p) * 120); }
  .wgbv-visual[data-wgbv="identity"] .wgbv-orb.wgbv-k1 { left: calc(var(--wgbv-p) * 180.415); top: calc(var(--wgbv-p) * 99.315); }
  .wgbv-visual[data-wgbv="identity"] .wgbv-orb.wgbv-k2 { left: calc(var(--wgbv-p) * 187.495); top: calc(var(--wgbv-p) * 179.005); }
  .wgbv-visual[data-wgbv="identity"] .wgbv-orb.wgbv-k3 { left: calc(var(--wgbv-p) * 78.815); top: calc(var(--wgbv-p) * 103.925); }
  .wgbv-visual[data-wgbv="identity"] .wgbv-orb.wgbv-k4 { left: calc(var(--wgbv-p) * 204.705); top: calc(var(--wgbv-p) * 19.005); }
}
@media (min-width: 480px) and (max-width: 991px) {
  @container (aspect-ratio >= 1.3) and (aspect-ratio < 1.55) {
    .wgbv-visual[data-wgbv="identity"]:is(.point *) .wgbv-stage { --wgbv-w: 290; --wgbv-h: 266; --wgbv-ch: 250; --wgbv-geo: 1;
      -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - var(--wgbv-p) * 20), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - var(--wgbv-p) * 20), transparent); }
    .wgbv-visual[data-wgbv="identity"]:is(.point *) .wgbv-arc-1 { left: calc(var(--wgbv-p) * 68); top: calc(var(--wgbv-p) * 44); width: calc(var(--wgbv-p) * 444); height: calc(var(--wgbv-p) * 444); clip-path: inset(0 calc(var(--wgbv-p) * 222) calc(var(--wgbv-p) * 222) 0); }
    .wgbv-visual[data-wgbv="identity"]:is(.point *) .wgbv-arc-2 { left: calc(var(--wgbv-p) * 134); top: calc(var(--wgbv-p) * 110); width: calc(var(--wgbv-p) * 312); height: calc(var(--wgbv-p) * 312); clip-path: inset(0 calc(var(--wgbv-p) * 156) calc(var(--wgbv-p) * 156) 0); }
    .wgbv-visual[data-wgbv="identity"]:is(.point *) .wgbv-arc-3 { left: calc(var(--wgbv-p) * 200); top: calc(var(--wgbv-p) * 176); width: calc(var(--wgbv-p) * 180); height: calc(var(--wgbv-p) * 180); clip-path: inset(0 calc(var(--wgbv-p) * 90) calc(var(--wgbv-p) * 90) 0); }
    .wgbv-visual[data-wgbv="identity"]:is(.point *) .wgbv-glow { left: 0; top: calc(var(--wgbv-p) * 150); width: calc(var(--wgbv-p) * 190); height: calc(var(--wgbv-p) * 116); }
    .wgbv-visual[data-wgbv="identity"]:is(.point *) .wgbv-app { left: calc(var(--wgbv-p) * 22); top: calc(var(--wgbv-p) * 182); height: calc(var(--wgbv-p) * 120); }
    .wgbv-visual[data-wgbv="identity"]:is(.point *) .wgbv-orb.wgbv-k1 { left: calc(var(--wgbv-p) * 180.415); top: calc(var(--wgbv-p) * 99.315); }
    .wgbv-visual[data-wgbv="identity"]:is(.point *) .wgbv-orb.wgbv-k2 { left: calc(var(--wgbv-p) * 187.495); top: calc(var(--wgbv-p) * 179.005); }
    .wgbv-visual[data-wgbv="identity"]:is(.point *) .wgbv-orb.wgbv-k3 { left: calc(var(--wgbv-p) * 78.815); top: calc(var(--wgbv-p) * 103.925); }
    .wgbv-visual[data-wgbv="identity"]:is(.point *) .wgbv-orb.wgbv-k4 { left: calc(var(--wgbv-p) * 204.705); top: calc(var(--wgbv-p) * 19.005); }
  }
  @container (aspect-ratio >= 1.55) and (aspect-ratio < 1.63) {
    .wgbv-visual[data-wgbv="identity"]:is(.point *) .wgbv-stage { --wgbv-h: 235; }
    .wgbv-visual[data-wgbv="identity"]:is(.point *) .wgbv-app { height: calc(var(--wgbv-p) * 133); }
  }
  @container (aspect-ratio >= 1.63) and (aspect-ratio < 1.72) {
    .wgbv-visual[data-wgbv="identity"]:is(.point *) .wgbv-stage { --wgbv-h: 222; }
    .wgbv-visual[data-wgbv="identity"]:is(.point *) .wgbv-app { height: calc(var(--wgbv-p) * 120); }
  }
  @container (aspect-ratio >= 1.72) and (aspect-ratio < 1.82) {
    .wgbv-visual[data-wgbv="identity"]:is(.point *) .wgbv-stage { --wgbv-h: 210; }
    .wgbv-visual[data-wgbv="identity"]:is(.point *) .wgbv-app { height: calc(var(--wgbv-p) * 108); }
  }
  @container (aspect-ratio >= 1.82) and (aspect-ratio < 1.87) {
    .wgbv-visual[data-wgbv="identity"]:is(.point *) .wgbv-stage { --wgbv-h: 204; }
    .wgbv-visual[data-wgbv="identity"]:is(.point *) .wgbv-app { height: calc(var(--wgbv-p) * 102); }
  }
  @container (aspect-ratio >= 1.87) and (aspect-ratio < 1.92) {
    .wgbv-visual[data-wgbv="identity"]:is(.point *) .wgbv-stage { --wgbv-h: 199; }
    .wgbv-visual[data-wgbv="identity"]:is(.point *) .wgbv-app { height: calc(var(--wgbv-p) * 97); }
  }
  @container (aspect-ratio >= 1.04) and (aspect-ratio < 1.1) {
    .wgbv-visual[data-wgbv="identity"]:is(.point *) .wgbv-stage { --wgbv-h: 286; --wgbv-cy: 12; --wgbv-ch: 274; }
    .wgbv-visual[data-wgbv="identity"]:is(.point *) .wgbv-app { height: calc(var(--wgbv-p) * 140); }
    .wgbv-visual[data-wgbv="identity"]:is(.point *) .wgbv-arc-1 { clip-path: inset(0 calc(var(--wgbv-p) * 222) calc(var(--wgbv-p) * 202) 0); }
    .wgbv-visual[data-wgbv="identity"]:is(.point *) .wgbv-arc-2 { clip-path: inset(0 calc(var(--wgbv-p) * 156) calc(var(--wgbv-p) * 136) 0); }
    .wgbv-visual[data-wgbv="identity"]:is(.point *) .wgbv-arc-3 { clip-path: inset(0 calc(var(--wgbv-p) * 90) calc(var(--wgbv-p) * 70) 0); }
  }
  @container (aspect-ratio < 1.04) {
    .wgbv-visual[data-wgbv="identity"]:is(.point *) .wgbv-stage { --wgbv-h: 299; --wgbv-cy: 12; --wgbv-ch: 287; }
    .wgbv-visual[data-wgbv="identity"]:is(.point *) .wgbv-app { height: calc(var(--wgbv-p) * 153); }
    .wgbv-visual[data-wgbv="identity"]:is(.point *) .wgbv-arc-1 { clip-path: inset(0 calc(var(--wgbv-p) * 222) calc(var(--wgbv-p) * 189) 0); }
    .wgbv-visual[data-wgbv="identity"]:is(.point *) .wgbv-arc-2 { clip-path: inset(0 calc(var(--wgbv-p) * 156) calc(var(--wgbv-p) * 123) 0); }
    .wgbv-visual[data-wgbv="identity"]:is(.point *) .wgbv-arc-3 { clip-path: inset(0 calc(var(--wgbv-p) * 90) calc(var(--wgbv-p) * 57) 0); }
  }
}

@media (max-width: 479px) {
  @container (aspect-ratio < 1.5) {
    .wgbv-visual[data-wgbv="identity"]:is(.point *) .wgbv-stage { --wgbv-w: 290; --wgbv-h: 520; --wgbv-geo: 1; --wgbv-cy: 12; --wgbv-ch: 508; --wgbv-vis: .5;
      -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - var(--wgbv-p) * 20), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - var(--wgbv-p) * 20), transparent); }
    .wgbv-visual[data-wgbv="identity"]:is(.point *) .wgbv-arc-1 { left: calc(var(--wgbv-p) * 68); top: calc(var(--wgbv-p) * 44); width: calc(var(--wgbv-p) * 444); height: calc(var(--wgbv-p) * 444); clip-path: inset(0 calc(var(--wgbv-p) * 222) 0 0); }
    .wgbv-visual[data-wgbv="identity"]:is(.point *) .wgbv-arc-2 { left: calc(var(--wgbv-p) * 134); top: calc(var(--wgbv-p) * 110); width: calc(var(--wgbv-p) * 312); height: calc(var(--wgbv-p) * 312); clip-path: inset(0 calc(var(--wgbv-p) * 156) 0 0); }
    .wgbv-visual[data-wgbv="identity"]:is(.point *) .wgbv-arc-3 { left: calc(var(--wgbv-p) * 200); top: calc(var(--wgbv-p) * 176); width: calc(var(--wgbv-p) * 180); height: calc(var(--wgbv-p) * 180); clip-path: inset(0 calc(var(--wgbv-p) * 90) 0 0); }
    .wgbv-visual[data-wgbv="identity"]:is(.point *) .wgbv-glow { left: 0; top: calc(var(--wgbv-p) * 150); width: calc(var(--wgbv-p) * 190); height: calc(var(--wgbv-p) * 116); }
    .wgbv-visual[data-wgbv="identity"]:is(.point *) .wgbv-app { left: calc(var(--wgbv-p) * 22); top: calc(var(--wgbv-p) * 182); height: calc(100cqh - var(--wgbv-p) * 134); }
    .wgbv-visual[data-wgbv="identity"]:is(.point *) .wgbv-orb.wgbv-k1 { left: calc(var(--wgbv-p) * 180.415); top: calc(var(--wgbv-p) * 99.315); }
    .wgbv-visual[data-wgbv="identity"]:is(.point *) .wgbv-orb.wgbv-k2 { left: calc(var(--wgbv-p) * 187.495); top: calc(var(--wgbv-p) * 179.005); }
    .wgbv-visual[data-wgbv="identity"]:is(.point *) .wgbv-orb.wgbv-k3 { left: calc(var(--wgbv-p) * 78.815); top: calc(var(--wgbv-p) * 103.925); }
    .wgbv-visual[data-wgbv="identity"]:is(.point *) .wgbv-orb.wgbv-k4 { left: calc(var(--wgbv-p) * 204.705); top: calc(var(--wgbv-p) * 19.005); }
  }
  @container (aspect-ratio >= 1.5) {
    .wgbv-visual[data-wgbv="identity"]:is(.point *) .wgbv-stage { --wgbv-h: 400; --wgbv-ch: 400; --wgbv-vis: .4675; }
    .wgbv-visual[data-wgbv="identity"]:is(.point *) .wgbv-app { height: calc(100cqh - var(--wgbv-p) * 95); }
  }
}
@media (max-width: 479px) {
  @container (aspect-ratio < 1.1) {
    .wgbv-visual[data-wgbv="identity"]:is(.point *) .wgbv-app::before,
    .wgbv-visual[data-wgbv="identity"]:is(.point *) .wgbv-app::after { content: ''; position: absolute; --wgbv-sk: #F3F4F6;
      box-shadow: 0 calc(var(--wgbv-p) * 24) 0 var(--wgbv-sk), 0 calc(var(--wgbv-p) * 48) 0 var(--wgbv-sk), 0 calc(var(--wgbv-p) * 72) 0 var(--wgbv-sk),
        0 calc(var(--wgbv-p) * 96) 0 var(--wgbv-sk), 0 calc(var(--wgbv-p) * 120) 0 var(--wgbv-sk), 0 calc(var(--wgbv-p) * 144) 0 var(--wgbv-sk), 0 calc(var(--wgbv-p) * 168) 0 var(--wgbv-sk); }
    .wgbv-visual[data-wgbv="identity"]:is(.point *) .wgbv-app::before { left: calc(var(--wgbv-p) * 11.2); top: calc(var(--wgbv-p) * 79.4); width: calc(var(--wgbv-p) * 15); height: calc(var(--wgbv-p) * 15);
      border-radius: calc(var(--wgbv-p) * 5); background: var(--wgbv-sk); }
    .wgbv-visual[data-wgbv="identity"]:is(.point *) .wgbv-app::after { --wgbv-sk: #EEF0F3; left: calc(var(--wgbv-p) * 31.2); top: calc(var(--wgbv-p) * 84.4); width: calc(var(--wgbv-p) * 56); height: calc(var(--wgbv-p) * 5);
      border-radius: calc(var(--wgbv-p) * 2.5); background: var(--wgbv-sk); }
  }
}

@container (aspect-ratio < 1.3) {
  .wgbv-visual[data-wgbv="identity"]:is(.tab-div *) .wgbv-stage { --wgbv-cy: 12; --wgbv-ch: 254; --wgbv-ay: 0; height: calc(100cqh + calc(var(--wgbv-p) * 12)); }
  .wgbv-visual[data-wgbv="identity"]:is(.tab-div *) .wgbv-arc-1 { clip-path: inset(0 calc(var(--wgbv-p) * 222) 0 0); }
  .wgbv-visual[data-wgbv="identity"]:is(.tab-div *) .wgbv-arc-2 { clip-path: inset(0 calc(var(--wgbv-p) * 156) 0 0); }
  .wgbv-visual[data-wgbv="identity"]:is(.tab-div *) .wgbv-arc-3 { clip-path: inset(0 calc(var(--wgbv-p) * 90) 0 0); }
  .wgbv-visual[data-wgbv="identity"]:is(.tab-div *) .wgbv-app { height: calc(100cqh - calc(var(--wgbv-p) * 134)); }
  .wgbv-visual[data-wgbv="identity"]:is(.tab-div *) .wgbv-app::before { content: ''; position: absolute; --wgbv-sk: #F3F4F6; left: calc(var(--wgbv-p) * 11.2); top: calc(var(--wgbv-p) * 79.4); width: calc(var(--wgbv-p) * 15); height: calc(var(--wgbv-p) * 15); border-radius: calc(var(--wgbv-p) * 5); background: var(--wgbv-sk);
    box-shadow: 0 calc(var(--wgbv-p) * 24) 0 var(--wgbv-sk), 0 calc(var(--wgbv-p) * 48) 0 var(--wgbv-sk), 0 calc(var(--wgbv-p) * 72) 0 var(--wgbv-sk), 0 calc(var(--wgbv-p) * 96) 0 var(--wgbv-sk), 0 calc(var(--wgbv-p) * 120) 0 var(--wgbv-sk), 0 calc(var(--wgbv-p) * 144) 0 var(--wgbv-sk), 0 calc(var(--wgbv-p) * 168) 0 var(--wgbv-sk); }
  .wgbv-visual[data-wgbv="identity"]:is(.tab-div *) .wgbv-app::after { content: ''; position: absolute; --wgbv-sk: #EEF0F3; left: calc(var(--wgbv-p) * 31.2); top: calc(var(--wgbv-p) * 84.4); width: calc(var(--wgbv-p) * 56); height: calc(var(--wgbv-p) * 5); border-radius: calc(var(--wgbv-p) * 2.5); background: var(--wgbv-sk);
    box-shadow: 0 calc(var(--wgbv-p) * 24) 0 var(--wgbv-sk), 0 calc(var(--wgbv-p) * 48) 0 var(--wgbv-sk), 0 calc(var(--wgbv-p) * 72) 0 var(--wgbv-sk), 0 calc(var(--wgbv-p) * 96) 0 var(--wgbv-sk), 0 calc(var(--wgbv-p) * 120) 0 var(--wgbv-sk), 0 calc(var(--wgbv-p) * 144) 0 var(--wgbv-sk), 0 calc(var(--wgbv-p) * 168) 0 var(--wgbv-sk); }
}

/* ---- visuals/integration-flow.css ---- */
.wgbv-visual[data-wgbv="integration-flow"] { --wgbv-ar: 1 / 1; --wgbv-w: 392; --wgbv-h: 392; }
.wgbv-visual[data-wgbv="integration-flow"] .wgbv-if-flow { position: absolute; left: calc(var(--wgbv-p) * 16); top: calc(var(--wgbv-p) * 40); width: calc(var(--wgbv-p) * 360); height: calc(var(--wgbv-p) * 312); }
.wgbv-visual[data-wgbv="integration-flow"] .wgbv-if-lines { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.wgbv-visual[data-wgbv="integration-flow"] .wgbv-if-lines path { fill: none; stroke: #A3AAB5; stroke-width: 1.3; }
.wgbv-visual[data-wgbv="integration-flow"] .wgbv-if-lines .wgbv-if-hl { stroke: #0E9F6E; stroke-width: 2; stroke-linecap: round; }
.wgbv-visual[data-wgbv="integration-flow"] .wgbv-if-tok { fill: #0E9F6E; opacity: 0; }
.wgbv-visual[data-wgbv="integration-flow"] .wgbv-if-node { position: absolute; display: flex; align-items: center; justify-content: center; gap: calc(var(--wgbv-p) * 6);
  height: calc(var(--wgbv-p) * 26); padding: 0 calc(var(--wgbv-p) * 10); border-radius: calc(var(--wgbv-p) * 13); background: #fff;
  box-shadow: 0 calc(var(--wgbv-p) * 1) calc(var(--wgbv-p) * 2) rgba(16, 24, 40, .05), 0 calc(var(--wgbv-p) * 5) calc(var(--wgbv-p) * 14) rgba(16, 24, 40, .08);
  font-size: calc(var(--wgbv-p) * 10.5); font-weight: 600; line-height: 1.25; color: #374151; text-align: center; white-space: nowrap; }
.wgbv-visual[data-wgbv="integration-flow"] .wgbv-if-node .wgbv-i { width: calc(var(--wgbv-p) * 14); height: calc(var(--wgbv-p) * 14); stroke-width: 1.7; color: #9CA3AF; }
.wgbv-visual[data-wgbv="integration-flow"] .wgbv-if-in, .wgbv-visual[data-wgbv="integration-flow"] .wgbv-if-au, .wgbv-visual[data-wgbv="integration-flow"] .wgbv-if-fe, .wgbv-visual[data-wgbv="integration-flow"] .wgbv-if-en { left: calc(var(--wgbv-p) * 75); width: calc(var(--wgbv-p) * 210); }
.wgbv-visual[data-wgbv="integration-flow"] .wgbv-if-in { top: calc(var(--wgbv-p) * 4); }
.wgbv-visual[data-wgbv="integration-flow"] .wgbv-if-au { top: calc(var(--wgbv-p) * 42); }
.wgbv-visual[data-wgbv="integration-flow"] .wgbv-if-fe { top: calc(var(--wgbv-p) * 80); }
.wgbv-visual[data-wgbv="integration-flow"] .wgbv-if-en { top: calc(var(--wgbv-p) * 282); }
.wgbv-visual[data-wgbv="integration-flow"] .wgbv-if-fi, .wgbv-visual[data-wgbv="integration-flow"] .wgbv-if-re, .wgbv-visual[data-wgbv="integration-flow"] .wgbv-if-up { left: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 170); }
.wgbv-visual[data-wgbv="integration-flow"] .wgbv-if-fi { top: calc(var(--wgbv-p) * 138); }
.wgbv-visual[data-wgbv="integration-flow"] .wgbv-if-re { top: calc(var(--wgbv-p) * 176); }
.wgbv-visual[data-wgbv="integration-flow"] .wgbv-if-up { top: calc(var(--wgbv-p) * 214); height: calc(var(--wgbv-p) * 38); border-radius: calc(var(--wgbv-p) * 19); }
.wgbv-visual[data-wgbv="integration-flow"] .wgbv-if-lo { left: calc(var(--wgbv-p) * 186); top: calc(var(--wgbv-p) * 138); width: calc(var(--wgbv-p) * 170); }
.wgbv-visual[data-wgbv="integration-flow"] .wgbv-if-run::after { content: ''; position: absolute; right: calc(var(--wgbv-p) * -3); top: calc(var(--wgbv-p) * -4);
  width: calc(var(--wgbv-p) * 13); height: calc(var(--wgbv-p) * 13); border-radius: 50%; box-shadow: 0 0 0 calc(var(--wgbv-p) * 1.5) #fff;
  background: #0E9F6E url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center / 72% no-repeat;
  opacity: min(1, calc(var(--ok, 1) * 1.6)); transform: scale(calc(.3 + .7 * var(--ok, 1))); }
.wgbv-visual[data-wgbv="integration-flow"] .wgbv-if-tag { position: absolute; top: calc(var(--wgbv-p) * 108); height: calc(var(--wgbv-p) * 16); padding: 0 calc(var(--wgbv-p) * 6);
  border: calc(var(--wgbv-p) * .9) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 8); background: #fff; translate: -50% 0;
  font-size: calc(var(--wgbv-p) * 9.5); font-weight: 500; line-height: calc(var(--wgbv-p) * 14.2); color: #6B7280; white-space: nowrap; }
.wgbv-visual[data-wgbv="integration-flow"] .wgbv-if-tag-1 { left: calc(var(--wgbv-p) * 131); }
.wgbv-visual[data-wgbv="integration-flow"] .wgbv-if-tag-2 { left: calc(var(--wgbv-p) * 229); }
.wgbv-visual[data-wgbv="integration-flow"][data-wgbv-copy="live"] .wgbv-if-node { --on: 1; background: #0E9F6E; color: #fff;
  background: color-mix(in srgb, #0E9F6E calc(var(--on) * 100%), #fff); color: color-mix(in srgb, #fff calc(var(--on) * 100%), #374151); }
.wgbv-visual[data-wgbv="integration-flow"][data-wgbv-copy="live"] .wgbv-if-node .wgbv-i { color: #fff; color: color-mix(in srgb, #fff calc(var(--on) * 100%), #9CA3AF); }
.wgbv-visual[data-wgbv="integration-flow"][data-wgbv-copy="live"] .wgbv-if-run::after { content: none; }
.wgbv-visual[data-wgbv="integration-flow"] .wgbv-if-flag { transform-origin: 20% 90%; }
@container (aspect-ratio >= 1.41) {
  .wgbv-visual[data-wgbv="integration-flow"] .wgbv-stage { --wgbv-w: 392; --wgbv-h: 196; overflow: clip; }
  .wgbv-visual[data-wgbv="integration-flow"] .wgbv-if-flow { --wgbv-pan: 128; --wgbv-pan0: 28; top: calc(var(--wgbv-p) * -128); }
}

/* ---- visuals/invite-push.css ---- */
.wgbv-visual[data-wgbv="invite-push"] { --wgbv-ar: 1 / 1; --wgbv-w: 360; --wgbv-h: 360; }
.wgbv-visual[data-wgbv="invite-push"] .wgbv-stage { overflow: hidden; }
.wgbv-visual[data-wgbv="invite-push"] .wgbv-ip-ph { position: absolute; left: calc(var(--wgbv-p) * 48); top: calc(var(--wgbv-p) * 14); width: calc(var(--wgbv-p) * 264); height: calc(var(--wgbv-p) * 400); padding: calc(var(--wgbv-p) * 8); border-radius: calc(var(--wgbv-p) * 40); background: #111214;
  box-shadow: inset 0 0 0 calc(var(--wgbv-p) * 2) #5c5d61, inset 0 0 0 calc(var(--wgbv-p) * 3.5) #2a2b2e, 0 calc(var(--wgbv-p) * 10) calc(var(--wgbv-p) * 28) rgba(32, 33, 63, .12); }
.wgbv-visual[data-wgbv="invite-push"] .wgbv-ip-scr { position: relative; height: 100%; overflow: hidden; border-radius: calc(var(--wgbv-p) * 32); background: #fff; color: #1E293B; }
.wgbv-visual[data-wgbv="invite-push"] .wgbv-status { height: calc(var(--wgbv-p) * 30); padding: calc(var(--wgbv-p) * 2) calc(var(--wgbv-p) * 18) 0 calc(var(--wgbv-p) * 26); }
.wgbv-visual[data-wgbv="invite-push"] .wgbv-time { font-size: calc(var(--wgbv-p) * 11); }
.wgbv-visual[data-wgbv="invite-push"] .wgbv-sys { gap: calc(var(--wgbv-p) * 3.5); }
.wgbv-visual[data-wgbv="invite-push"] .wgbv-signal { width: calc(var(--wgbv-p) * 13); height: calc(var(--wgbv-p) * 8.5); }
.wgbv-visual[data-wgbv="invite-push"] .wgbv-wifi { width: calc(var(--wgbv-p) * 12); height: calc(var(--wgbv-p) * 8.5); }
.wgbv-visual[data-wgbv="invite-push"] .wgbv-battery { width: calc(var(--wgbv-p) * 18); height: calc(var(--wgbv-p) * 9); border-width: calc(var(--wgbv-p) * .8); border-radius: calc(var(--wgbv-p) * 3); }
.wgbv-visual[data-wgbv="invite-push"] .wgbv-battery i { inset: calc(var(--wgbv-p) * 1.1); border-radius: calc(var(--wgbv-p) * 1.5); }
.wgbv-visual[data-wgbv="invite-push"] .wgbv-island { top: calc(var(--wgbv-p) * 6); width: calc(var(--wgbv-p) * 66); height: calc(var(--wgbv-p) * 19); margin-left: calc(var(--wgbv-p) * -33); border-radius: calc(var(--wgbv-p) * 10); }
.wgbv-visual[data-wgbv="invite-push"] .wgbv-ip-bar { position: absolute; left: 0; right: 0; top: calc(var(--wgbv-p) * 30); height: calc(var(--wgbv-p) * 32); display: flex; align-items: center; justify-content: center; border-bottom: calc(var(--wgbv-p) * 1) solid #E2E8F0; }
.wgbv-visual[data-wgbv="invite-push"] .wgbv-ip-exit { position: absolute; left: calc(var(--wgbv-p) * 12); font-size: calc(var(--wgbv-p) * 12); color: #6741D9; }
.wgbv-visual[data-wgbv="invite-push"] .wgbv-ip-ttl { font-size: calc(var(--wgbv-p) * 11.5); font-weight: 600; letter-spacing: -.01em; color: #2C2D73; white-space: nowrap; }
.wgbv-visual[data-wgbv="invite-push"] .wgbv-ip-lang { position: absolute; right: calc(var(--wgbv-p) * 10); display: flex; align-items: center; gap: calc(var(--wgbv-p) * 3); font-size: calc(var(--wgbv-p) * 11); color: #475569; }
.wgbv-visual[data-wgbv="invite-push"] .wgbv-ip-lang .wgbv-i { width: calc(var(--wgbv-p) * 13); height: calc(var(--wgbv-p) * 13); stroke-width: 1.6; }
.wgbv-visual[data-wgbv="invite-push"] .wgbv-ip-lang .wgbv-fill { width: calc(var(--wgbv-p) * 8); height: calc(var(--wgbv-p) * 8); color: #64748B; }
.wgbv-visual[data-wgbv="invite-push"] .wgbv-ip-q { position: absolute; left: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 76); display: flex; flex-direction: column; gap: calc(var(--wgbv-p) * 6); }
.wgbv-visual[data-wgbv="invite-push"] .wgbv-ip-q i { display: block; width: calc(var(--wgbv-p) * 196); height: calc(var(--wgbv-p) * 9); border-radius: calc(var(--wgbv-p) * 5); background: #E2E8F0; }
.wgbv-visual[data-wgbv="invite-push"] .wgbv-ip-q i + i { width: calc(var(--wgbv-p) * 140); }
.wgbv-visual[data-wgbv="invite-push"] .wgbv-ip-list { position: absolute; left: calc(var(--wgbv-p) * 14); right: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 116); display: flex; flex-direction: column; gap: calc(var(--wgbv-p) * 8); }
.wgbv-visual[data-wgbv="invite-push"] .wgbv-ip-opt { display: flex; align-items: center; gap: calc(var(--wgbv-p) * 9); height: calc(var(--wgbv-p) * 32); padding: 0 calc(var(--wgbv-p) * 10); flex: none; border-radius: calc(var(--wgbv-p) * 9); background: #F1F5F9; font-size: calc(var(--wgbv-p) * 12); font-weight: 500; white-space: nowrap; }
.wgbv-visual[data-wgbv="invite-push"] .wgbv-ip-opt i { display: block; width: calc(var(--wgbv-p) * 13); height: calc(var(--wgbv-p) * 13); flex: none; border: calc(var(--wgbv-p) * 1.5) solid #64748B; border-radius: calc(var(--wgbv-p) * 3); background: #fff; }
.wgbv-visual[data-wgbv="invite-push"] .wgbv-ip-sk::after { content: ''; display: block; width: calc(var(--wgbv-p) * 72); height: calc(var(--wgbv-p) * 8); border-radius: calc(var(--wgbv-p) * 4); background: #CBD5E1; }
.wgbv-visual[data-wgbv="invite-push"] .wgbv-ip-sk:nth-child(2n)::after { width: calc(var(--wgbv-p) * 54); }
.wgbv-visual[data-wgbv="invite-push"] .wgbv-ip-dim { position: absolute; inset: 0; background: rgba(15, 23, 42, .10); }
.wgbv-visual[data-wgbv="invite-push"] .wgbv-ip-push { position: absolute; left: calc(var(--wgbv-p) * 12); right: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 84); display: flex; flex-direction: column; align-items: flex-start; padding: calc(var(--wgbv-p) * 14) calc(var(--wgbv-p) * 16) calc(var(--wgbv-p) * 16);
  border-radius: calc(var(--wgbv-p) * 18); background: #fff; box-shadow: 0 calc(var(--wgbv-p) * 14) calc(var(--wgbv-p) * 34) rgba(15, 23, 42, .20), 0 calc(var(--wgbv-p) * 2) calc(var(--wgbv-p) * 6) rgba(15, 23, 42, .06); }
.wgbv-visual[data-wgbv="invite-push"] .wgbv-ip-app { display: grid; place-items: center; width: calc(var(--wgbv-p) * 32); height: calc(var(--wgbv-p) * 32); border-radius: 50%; background: #fff; box-shadow: 0 0 0 calc(var(--wgbv-p) * 1) #E5E7EB, 0 calc(var(--wgbv-p) * 2) calc(var(--wgbv-p) * 6) rgba(15, 23, 42, .08); }
.wgbv-visual[data-wgbv="invite-push"] .wgbv-ip-app img { width: calc(var(--wgbv-p) * 16); height: calc(var(--wgbv-p) * 17.4); }
.wgbv-visual[data-wgbv="invite-push"] .wgbv-ip-ago { position: absolute; right: calc(var(--wgbv-p) * 16); top: calc(var(--wgbv-p) * 22); font-size: calc(var(--wgbv-p) * 12); color: #6B7280; white-space: nowrap; }
.wgbv-visual[data-wgbv="invite-push"] .wgbv-ip-hi { margin-top: calc(var(--wgbv-p) * 10); font-size: calc(var(--wgbv-p) * 16); font-weight: 700; letter-spacing: -.01em; color: #111827; }
.wgbv-visual[data-wgbv="invite-push"] .wgbv-ip-txt { margin-top: calc(var(--wgbv-p) * 4); font-size: calc(var(--wgbv-p) * 13); line-height: 1.4; color: #4B5563; }

@container (aspect-ratio >= 1.45) {
  .wgbv-visual[data-wgbv="invite-push"] .wgbv-stage { --wgbv-w: 400; --wgbv-h: 200; }
  .wgbv-visual[data-wgbv="invite-push"] .wgbv-ip-ph { left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 8); width: calc(var(--wgbv-p) * 232); height: calc(var(--wgbv-p) * 260); }
  .wgbv-visual[data-wgbv="invite-push"] .wgbv-ip-exit { left: calc(var(--wgbv-p) * 10); font-size: calc(var(--wgbv-p) * 11.5); }
  .wgbv-visual[data-wgbv="invite-push"] .wgbv-ip-ttl { font-size: calc(var(--wgbv-p) * 11); }
  .wgbv-visual[data-wgbv="invite-push"] .wgbv-ip-lang { right: calc(var(--wgbv-p) * 8); font-size: calc(var(--wgbv-p) * 10.5); }
  .wgbv-visual[data-wgbv="invite-push"] .wgbv-ip-q { left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 72); }
  .wgbv-visual[data-wgbv="invite-push"] .wgbv-ip-q i { width: calc(var(--wgbv-p) * 150); }
  .wgbv-visual[data-wgbv="invite-push"] .wgbv-ip-q i + i { width: calc(var(--wgbv-p) * 104); }
  .wgbv-visual[data-wgbv="invite-push"] .wgbv-ip-list { left: calc(var(--wgbv-p) * 12); right: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 104); gap: calc(var(--wgbv-p) * 7); }
  .wgbv-visual[data-wgbv="invite-push"] .wgbv-ip-opt { height: calc(var(--wgbv-p) * 30); }
  .wgbv-visual[data-wgbv="invite-push"] .wgbv-ip-vg { order: -1; }
  .wgbv-visual[data-wgbv="invite-push"] .wgbv-ip-push { left: calc(var(--wgbv-p) * 150); right: calc(var(--wgbv-p) * 8); top: calc(var(--wgbv-p) * 78); padding: calc(var(--wgbv-p) * 12) calc(var(--wgbv-p) * 14) calc(var(--wgbv-p) * 12); border-radius: calc(var(--wgbv-p) * 16); }
  .wgbv-visual[data-wgbv="invite-push"] .wgbv-ip-app { width: calc(var(--wgbv-p) * 28); height: calc(var(--wgbv-p) * 28); }
  .wgbv-visual[data-wgbv="invite-push"] .wgbv-ip-app img { width: calc(var(--wgbv-p) * 14); height: calc(var(--wgbv-p) * 15.2); }
  .wgbv-visual[data-wgbv="invite-push"] .wgbv-ip-ago { right: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 19); font-size: calc(var(--wgbv-p) * 11); }
  .wgbv-visual[data-wgbv="invite-push"] .wgbv-ip-hi { margin-top: calc(var(--wgbv-p) * 8); font-size: calc(var(--wgbv-p) * 14.5); }
  .wgbv-visual[data-wgbv="invite-push"] .wgbv-ip-txt { font-size: calc(var(--wgbv-p) * 12); }
}
.wgbv-visual[data-wgbv="invite-push"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-stage { --wgbv-ay: 1; }

/* ---- visuals/messaging.css ---- */
.wgbv-visual[data-wgbv="messaging"] { --wgbv-ar: 5 / 2; --wgbv-w: 460; --wgbv-h: 184; }
.wgbv-visual[data-wgbv="messaging"] .wgbv-stage { overflow: hidden; }
.wgbv-visual[data-wgbv="messaging"] .wgbv-msg-thread { position: absolute; left: calc(var(--wgbv-p) * 26); right: calc(var(--wgbv-p) * 26); bottom: calc(var(--wgbv-p) * 8); display: flex; flex-direction: column; gap: calc(var(--wgbv-p) * 8); }
.wgbv-visual[data-wgbv="messaging"] .wgbv-msg { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: calc(var(--wgbv-p) * 4); }
.wgbv-visual[data-wgbv="messaging"] .wgbv-msg-you { align-items: flex-end; }
.wgbv-visual[data-wgbv="messaging"] .wgbv-msg-them { padding-left: calc(var(--wgbv-p) * 36); }
.wgbv-visual[data-wgbv="messaging"] .wgbv-msg-who { margin: 0 calc(var(--wgbv-p) * 4) calc(var(--wgbv-p) * -1); font-size: calc(var(--wgbv-p) * 11.5); font-weight: 500; line-height: calc(var(--wgbv-p) * 14); color: #64748B; }
.wgbv-visual[data-wgbv="messaging"] .wgbv-msg-b { display: block; max-width: calc(var(--wgbv-p) * 318); padding: calc(var(--wgbv-p) * 7) calc(var(--wgbv-p) * 13); border: calc(var(--wgbv-p) * 1) solid #E2E8F0; border-radius: calc(var(--wgbv-p) * 16) calc(var(--wgbv-p) * 16) calc(var(--wgbv-p) * 16) calc(var(--wgbv-p) * 5);
  background: #fff; box-shadow: 0 calc(var(--wgbv-p) * 2) calc(var(--wgbv-p) * 8) rgba(17, 24, 39, .06); font-size: calc(var(--wgbv-p) * 14); line-height: calc(var(--wgbv-p) * 18); color: #1E293B; transform-origin: left bottom; }
.wgbv-visual[data-wgbv="messaging"] .wgbv-msg-you .wgbv-msg-b { border-color: #6741D9; border-radius: calc(var(--wgbv-p) * 16) calc(var(--wgbv-p) * 16) calc(var(--wgbv-p) * 5) calc(var(--wgbv-p) * 16); background: #6741D9; color: #fff; transform-origin: right bottom; }
.wgbv-visual[data-wgbv="messaging"] .wgbv-msg-av { position: absolute; left: 0; top: calc(var(--wgbv-p) * 16); display: grid; place-items: center; width: calc(var(--wgbv-p) * 28); height: calc(var(--wgbv-p) * 28); border-radius: 50%; background: #EDE9FE; color: #6741D9; }
.wgbv-visual[data-wgbv="messaging"] .wgbv-msg-av .wgbv-i { width: calc(var(--wgbv-p) * 16); height: calc(var(--wgbv-p) * 16); stroke-width: 1.8; }
@media (max-width: 479px) {
  @container (aspect-ratio < 2.3) {
    .wgbv-visual[data-wgbv="messaging"]:is(.point *) .wgbv-stage { --wgbv-w: 376; --wgbv-h: 213; }
  }
  @container (aspect-ratio < 1.7) {
    .wgbv-visual[data-wgbv="messaging"]:is(.point *) .wgbv-stage { --wgbv-w: 340; --wgbv-h: 220; }
  }
}
@media (min-width: 480px) and (max-width: 991px) {
  @container (aspect-ratio <= 2.347) or (min-height: 246.4px) {
    .wgbv-visual[data-wgbv="messaging"]:is(.point *) .wgbv-stage { --wgbv-w: 420; --wgbv-h: 196; }
    .wgbv-visual[data-wgbv="messaging"]:is(.point *) .wgbv-msg-thread { top: 50%; bottom: auto; translate: 0 -50%; }
  }
  @container (aspect-ratio <= 2.16) or (min-height: 267.8px) {
    .wgbv-visual[data-wgbv="messaging"]:is(.point *) .wgbv-stage { --wgbv-w: 376; --wgbv-h: 213; }
  }
  @container (aspect-ratio <= 2.09) or (min-height: 276.6px) {
    .wgbv-visual[data-wgbv="messaging"]:is(.point *) .wgbv-stage { --wgbv-w: 340; --wgbv-h: 220; }
  }
  @container (aspect-ratio <= 1.92) or (min-height: 301.7px) {
    .wgbv-visual[data-wgbv="messaging"]:is(.point *) .wgbv-stage { --wgbv-w: 280; --wgbv-h: 240; }
    .wgbv-visual[data-wgbv="messaging"]:is(.point *) .wgbv-msg-thread { top: 50%; bottom: auto; translate: 0 -50%; }
  }
}
@media (min-width: 480px) and (max-width: 991px) {
  @container (min-height: 257.7px) and (max-height: 267.79px) {
    .wgbv-visual[data-wgbv="messaging"]:is(.point *) .wgbv-stage { --wgbv-w: 376; --wgbv-h: 205; }
    .wgbv-visual[data-wgbv="messaging"]:is(.point *) .wgbv-msg-thread { top: calc(50% + var(--wgbv-p) * 1.6); bottom: auto; translate: 0 -50%; }
  }
}

/* ---- visuals/model-search.css ---- */
.wgbv-visual[data-wgbv="model-search"] { --wgbv-ar: 440 / 220; --wgbv-w: 440; --wgbv-h: 220; }
.wgbv-visual[data-wgbv="model-search"] .wgbv-ms-card { position: absolute; width: calc(var(--wgbv-p) * 168); height: calc(var(--wgbv-p) * 140); border: calc(var(--wgbv-p) * .9) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 12); background: #fff;
  box-shadow: 0 calc(var(--wgbv-p) * 1) calc(var(--wgbv-p) * 2) rgba(16, 24, 40, .04), 0 calc(var(--wgbv-p) * 10) calc(var(--wgbv-p) * 22) rgba(16, 24, 40, .08); }
.wgbv-visual[data-wgbv="model-search"] .wgbv-ms-c1 { left: calc(var(--wgbv-p) * 8); top: calc(var(--wgbv-p) * 72); }
.wgbv-visual[data-wgbv="model-search"] .wgbv-ms-c2 { left: calc(var(--wgbv-p) * 136); top: calc(var(--wgbv-p) * 40); }
.wgbv-visual[data-wgbv="model-search"] .wgbv-ms-c3 { left: calc(var(--wgbv-p) * 264); top: calc(var(--wgbv-p) * 8); border-color: #93C5FD; }
.wgbv-visual[data-wgbv="model-search"] .wgbv-ms-hl { position: absolute; inset: calc(var(--wgbv-p) * -1); border: calc(var(--wgbv-p) * 1.6) solid #60A5FA; border-radius: inherit; box-shadow: 0 0 0 calc(var(--wgbv-p) * 4) rgba(96, 165, 250, .16); }
.wgbv-visual[data-wgbv="model-search"] .wgbv-ms-r2 { position: absolute; left: calc(var(--wgbv-p) * 9); top: calc(var(--wgbv-p) * 8); display: flex; align-items: center; gap: calc(var(--wgbv-p) * 4); height: calc(var(--wgbv-p) * 21); padding: 0 calc(var(--wgbv-p) * 8);
  border-radius: calc(var(--wgbv-p) * 11); background: #F3F4F6; font-size: calc(var(--wgbv-p) * 13); font-weight: 600; color: #374151; white-space: nowrap; }
.wgbv-visual[data-wgbv="model-search"] .wgbv-ms-c3 .wgbv-ms-r2 { padding-left: calc(var(--wgbv-p) * 3); background: #ECFDF5; color: #047857; }
.wgbv-visual[data-wgbv="model-search"] .wgbv-ms-ok { display: grid; place-items: center; width: calc(var(--wgbv-p) * 15); height: calc(var(--wgbv-p) * 15); border-radius: 50%; background: #16A34A; color: #fff; }
.wgbv-visual[data-wgbv="model-search"] .wgbv-ms-ok .wgbv-i { width: calc(var(--wgbv-p) * 10); height: calc(var(--wgbv-p) * 10); stroke-width: 3.2; }
.wgbv-visual[data-wgbv="model-search"] .wgbv-ms-plot { position: absolute; left: calc(var(--wgbv-p) * 24); top: calc(var(--wgbv-p) * 34); width: calc(var(--wgbv-p) * 135); height: calc(var(--wgbv-p) * 90); overflow: visible; }
.wgbv-visual[data-wgbv="model-search"] .wgbv-ms-ax { fill: none; stroke: #CBD5E1; stroke-width: 1; }
.wgbv-visual[data-wgbv="model-search"] .wgbv-ms-dots { fill: none; stroke: #2563EB; stroke-width: 4.6; stroke-linecap: round; }
.wgbv-visual[data-wgbv="model-search"] .wgbv-ms-c1 .wgbv-ms-dots, .wgbv-visual[data-wgbv="model-search"] .wgbv-ms-c2 .wgbv-ms-dots { stroke: #6B8DE3; }
.wgbv-visual[data-wgbv="model-search"] .wgbv-ms-fit { fill: none; stroke: #7C3AED; stroke-width: 1.4; stroke-linecap: round; }
.wgbv-visual[data-wgbv="model-search"] .wgbv-ms-x , .wgbv-visual[data-wgbv="model-search"] .wgbv-ms-y { position: absolute; font-size: calc(var(--wgbv-p) * 11); font-weight: 500; line-height: 1; color: #6B7280; white-space: nowrap; }
.wgbv-visual[data-wgbv="model-search"] .wgbv-ms-x { left: calc(var(--wgbv-p) * 24); right: 0; bottom: calc(var(--wgbv-p) * 6); text-align: center; }
.wgbv-visual[data-wgbv="model-search"] .wgbv-ms-y { left: calc(var(--wgbv-p) * 7); top: calc(var(--wgbv-p) * 79); writing-mode: vertical-rl; rotate: 180deg; translate: 0 -50%; }
@container (aspect-ratio < 1.55) {
  .wgbv-visual[data-wgbv="model-search"] .wgbv-stage { --wgbv-w: 300; --wgbv-h: 272; }
  .wgbv-visual[data-wgbv="model-search"] .wgbv-ms-c1 { left: calc(var(--wgbv-p) * 8); top: calc(var(--wgbv-p) * 8); }
  .wgbv-visual[data-wgbv="model-search"] .wgbv-ms-c2 { left: calc(var(--wgbv-p) * 66); top: calc(var(--wgbv-p) * 66); }
  .wgbv-visual[data-wgbv="model-search"] .wgbv-ms-c3 { left: calc(var(--wgbv-p) * 124); top: calc(var(--wgbv-p) * 124); }
}
@container (max-width: 299px) {
  .wgbv-visual[data-wgbv="model-search"] .wgbv-stage { --wgbv-w: 300; --wgbv-h: 204; }
  .wgbv-visual[data-wgbv="model-search"] .wgbv-ms-card { width: calc(var(--wgbv-p) * 216); height: calc(var(--wgbv-p) * 132); }
  .wgbv-visual[data-wgbv="model-search"] .wgbv-ms-c1 { left: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 6); }
  .wgbv-visual[data-wgbv="model-search"] .wgbv-ms-c2 { left: calc(var(--wgbv-p) * 42); top: calc(var(--wgbv-p) * 35); }
  .wgbv-visual[data-wgbv="model-search"] .wgbv-ms-c3 { left: calc(var(--wgbv-p) * 70); top: calc(var(--wgbv-p) * 64); }
  .wgbv-visual[data-wgbv="model-search"] .wgbv-ms-r2 { height: calc(var(--wgbv-p) * 22); font-size: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="model-search"] .wgbv-ms-plot { left: calc(var(--wgbv-p) * 30); top: calc(var(--wgbv-p) * 36); width: calc(var(--wgbv-p) * 114); height: calc(var(--wgbv-p) * 76); }
  .wgbv-visual[data-wgbv="model-search"] .wgbv-ms-x ,   .wgbv-visual[data-wgbv="model-search"] .wgbv-ms-y { font-size: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="model-search"] .wgbv-ms-x { left: calc(var(--wgbv-p) * 30); right: auto; width: calc(var(--wgbv-p) * 114); bottom: calc(var(--wgbv-p) * 5); }
  .wgbv-visual[data-wgbv="model-search"] .wgbv-ms-y { left: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 74); }
  .wgbv-visual[data-wgbv="model-search"] .wgbv-ms-c1 .wgbv-ms-x ,   .wgbv-visual[data-wgbv="model-search"] .wgbv-ms-c2 .wgbv-ms-x { visibility: hidden; }
}
@media (min-width: 480px) and (max-width: 991px) {
  @container (aspect-ratio >= 1.55) and ((aspect-ratio <= 1.679) or (min-height: 354.7px)) {
    .wgbv-visual[data-wgbv="model-search"]:is(.point *) .wgbv-stage { --wgbv-h: 262; }
    .wgbv-visual[data-wgbv="model-search"]:is(.point *) .wgbv-ms-c1 { top: calc(var(--wgbv-p) * 114); }
    .wgbv-visual[data-wgbv="model-search"]:is(.point *) .wgbv-ms-c2 { top: calc(var(--wgbv-p) * 61); }
  }
  @container (aspect-ratio >= 1.55) and (min-height: 373.6px) {
    .wgbv-visual[data-wgbv="model-search"]:is(.point *) .wgbv-stage { --wgbv-h: 276; }
    .wgbv-visual[data-wgbv="model-search"]:is(.point *) .wgbv-ms-c1 { top: calc(var(--wgbv-p) * 128); }
    .wgbv-visual[data-wgbv="model-search"]:is(.point *) .wgbv-ms-c2 { top: calc(var(--wgbv-p) * 68); }
  }
  @container (aspect-ratio >= 1.55) and (min-height: 392.6px) {
    .wgbv-visual[data-wgbv="model-search"]:is(.point *) .wgbv-stage { --wgbv-h: 290; }
    .wgbv-visual[data-wgbv="model-search"]:is(.point *) .wgbv-ms-c1 { top: calc(var(--wgbv-p) * 142); }
    .wgbv-visual[data-wgbv="model-search"]:is(.point *) .wgbv-ms-c2 { top: calc(var(--wgbv-p) * 75); }
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  @container (aspect-ratio >= 1.55) and (min-height: 365.6px) and (max-height: 373.59px) {
    .wgbv-visual[data-wgbv="model-search"]:is(.point *) .wgbv-stage { --wgbv-h: 270; }
    .wgbv-visual[data-wgbv="model-search"]:is(.point *) .wgbv-ms-c1 { top: calc(var(--wgbv-p) * 122); }
    .wgbv-visual[data-wgbv="model-search"]:is(.point *) .wgbv-ms-c2 { top: calc(var(--wgbv-p) * 65); }
  }
}

@container (max-width: 199px) {
  .wgbv-visual[data-wgbv="model-search"]:is(.support_faq-imgwrap *) .wgbv-stage { --wgbv-w: 190; --wgbv-h: 190; }
  .wgbv-visual[data-wgbv="model-search"]:is(.support_faq-imgwrap *) .wgbv-ms-c1 { display: none; }
  .wgbv-visual[data-wgbv="model-search"]:is(.support_faq-imgwrap *) .wgbv-ms-c2 { display: none; }
  .wgbv-visual[data-wgbv="model-search"]:is(.support_faq-imgwrap *) .wgbv-ms-c3 { left: calc(var(--wgbv-p) * 6); top: calc(var(--wgbv-p) * 6); width: calc(var(--wgbv-p) * 178); height: calc(var(--wgbv-p) * 178); }
  .wgbv-visual[data-wgbv="model-search"]:is(.support_faq-imgwrap *) .wgbv-ms-r2 { left: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 10); height: calc(var(--wgbv-p) * 24); font-size: calc(var(--wgbv-p) * 13.5); }
  .wgbv-visual[data-wgbv="model-search"]:is(.support_faq-imgwrap *) .wgbv-ms-plot { left: calc(var(--wgbv-p) * 34); top: calc(var(--wgbv-p) * 46); width: calc(var(--wgbv-p) * 132); height: calc(var(--wgbv-p) * 100); }
  .wgbv-visual[data-wgbv="model-search"]:is(.support_faq-imgwrap *) .wgbv-ms-x { left: calc(var(--wgbv-p) * 34); right: auto; width: calc(var(--wgbv-p) * 132); bottom: calc(var(--wgbv-p) * 9); font-size: calc(var(--wgbv-p) * 11.5); }
  .wgbv-visual[data-wgbv="model-search"]:is(.support_faq-imgwrap *) .wgbv-ms-y { left: calc(var(--wgbv-p) * 11); top: calc(var(--wgbv-p) * 96); font-size: calc(var(--wgbv-p) * 11.5); }
}

/* ---- visuals/multilingual.css ---- */
.wgbv-visual[data-wgbv="multilingual"] { --wgbv-ar: 1332 / 912; --wgbv-w: 380; --wgbv-h: 228; }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-admin,
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-app { position: absolute; border: calc(var(--wgbv-p) * .9) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 14); background: #fff;
  box-shadow: 0 calc(var(--wgbv-p) * 1) calc(var(--wgbv-p) * 2) rgba(16, 24, 40, .04), 0 calc(var(--wgbv-p) * 10) calc(var(--wgbv-p) * 28) rgba(16, 24, 40, .08); }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-admin { left: calc(var(--wgbv-p) * 3); top: calc(var(--wgbv-p) * 20); width: calc(var(--wgbv-p) * 207); padding: calc(var(--wgbv-p) * 13); }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-title { display: block; font-size: calc(var(--wgbv-p) * 14); font-weight: 600; line-height: 1.25; letter-spacing: -.01em; color: #141826; white-space: nowrap; }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-sub { display: block; margin-top: calc(var(--wgbv-p) * 2); font-size: calc(var(--wgbv-p) * 9.8); color: #6B7280; white-space: nowrap; }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-list { margin-top: calc(var(--wgbv-p) * 11); border: calc(var(--wgbv-p) * .9) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 10); overflow: hidden; }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-row { display: flex; align-items: center; gap: calc(var(--wgbv-p) * 6); height: calc(var(--wgbv-p) * 40); padding: 0 calc(var(--wgbv-p) * 9); }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-row + .wgbv-ml-row { border-top: calc(var(--wgbv-p) * .9) solid #E5E7EB; }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-flag { display: block; width: calc(var(--wgbv-p) * 22); height: calc(var(--wgbv-p) * 22); flex: none; overflow: hidden; border-radius: 50%; box-shadow: 0 0 0 calc(var(--wgbv-p) * .6) rgba(16, 24, 40, .10); }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-name { flex: none; font-size: calc(var(--wgbv-p) * 12); font-weight: 500; color: #141826; }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-def { flex: none; display: inline-grid; place-items: center; height: calc(var(--wgbv-p) * 17); padding: 0 calc(var(--wgbv-p) * 6); border-radius: calc(var(--wgbv-p) * 9); background: #F4F4F5; color: #6B7280; font-size: calc(var(--wgbv-p) * 9); font-weight: 500; }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-sw { --on: 1; position: relative; display: block; margin-left: auto; width: calc(var(--wgbv-p) * 28); height: calc(var(--wgbv-p) * 16); flex: none; border-radius: calc(var(--wgbv-p) * 8); background: color-mix(in srgb, #4F46E5 calc(var(--on) * 100%), #E5E7EB); }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-sw i { position: absolute; left: calc(var(--wgbv-p) * 2); top: calc(var(--wgbv-p) * 2); width: calc(var(--wgbv-p) * 12); height: calc(var(--wgbv-p) * 12); border-radius: 50%; background: #fff; box-shadow: 0 calc(var(--wgbv-p) * .5) calc(var(--wgbv-p) * 1.5) rgba(16, 24, 40, .2); transform: translateX(calc(var(--wgbv-p) * 12 * var(--on))); }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-app { left: calc(var(--wgbv-p) * 214); top: calc(var(--wgbv-p) * 76); width: calc(var(--wgbv-p) * 163); overflow: hidden; box-shadow: 0 calc(var(--wgbv-p) * 2) calc(var(--wgbv-p) * 4) rgba(44, 45, 115, .05), 0 calc(var(--wgbv-p) * 14) calc(var(--wgbv-p) * 32) rgba(44, 45, 115, .14); }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-nav { position: relative; display: flex; align-items: center; justify-content: space-between; height: calc(var(--wgbv-p) * 32); padding: 0 calc(var(--wgbv-p) * 10); border-bottom: calc(var(--wgbv-p) * .9) solid #E2E8F0; font-size: calc(var(--wgbv-p) * 10.5); white-space: nowrap; }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-exit { font-weight: 500; color: #6741D9; }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-form { position: absolute; left: 50%; transform: translateX(-50%); font-weight: 600; letter-spacing: -.01em; color: #1E293B; }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-code { display: grid; grid-template-columns: auto auto; align-items: center; column-gap: calc(var(--wgbv-p) * 4); font-weight: 600; color: #6741D9; }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-code > span { grid-area: 1 / 1; }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-en { opacity: 0; }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-code i { grid-area: 1 / 2; display: block; width: 0; height: 0; border-inline: calc(var(--wgbv-p) * 3.5) solid transparent; border-top: calc(var(--wgbv-p) * 4.5) solid #7C8FA8; }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-opts { padding: calc(var(--wgbv-p) * 4) 0; border-bottom: calc(var(--wgbv-p) * .9) solid #D9D9D9; }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-opt { --on: 0; display: flex; align-items: center; gap: calc(var(--wgbv-p) * 9); height: calc(var(--wgbv-p) * 34); padding-left: calc(var(--wgbv-p) * 13); font-size: calc(var(--wgbv-p) * 11); color: #262626; white-space: nowrap; }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-opt-ar { --on: 1; }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-opt span[lang] { font-size: calc(var(--wgbv-p) * 11.5); }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-radio { position: relative; display: block; width: calc(var(--wgbv-p) * 14); height: calc(var(--wgbv-p) * 14); flex: none; border: calc(var(--wgbv-p) * 1.6) solid color-mix(in srgb, #6741D9 calc(var(--on) * 100%), #737373); border-radius: 50%; }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-radio i { position: absolute; inset: calc(var(--wgbv-p) * 2); border-radius: 50%; background: #6741D9; transform: scale(var(--on)); }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-btns { display: flex; justify-content: flex-end; gap: calc(var(--wgbv-p) * 4); padding: calc(var(--wgbv-p) * 5) calc(var(--wgbv-p) * 6); }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-btns span { display: block; padding: calc(var(--wgbv-p) * 6) calc(var(--wgbv-p) * 7); border-radius: calc(var(--wgbv-p) * 3); font-size: calc(var(--wgbv-p) * 9.8); font-weight: 500; letter-spacing: .03em; text-transform: uppercase; color: #6741D9; }
@container (aspect-ratio < 1.1) {
  .wgbv-visual[data-wgbv="multilingual"] .wgbv-stage { --wgbv-w: 240; --wgbv-h: 300; }
  .wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-admin { left: calc(var(--wgbv-p) * 3); top: calc(var(--wgbv-p) * 6); }
  .wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-app { left: calc(var(--wgbv-p) * 74); top: calc(var(--wgbv-p) * 150); }
}
@container (max-width: 299px) {
  .wgbv-visual[data-wgbv="multilingual"] .wgbv-stage { --wgbv-w: 216; --wgbv-h: 156; }
  .wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-admin { left: calc(var(--wgbv-p) * 4.5); top: calc(var(--wgbv-p) * 2); }
  .wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-app { display: none; }
}
@media (max-width: 479px) {
  @container (max-width: 299px) and (min-height: 196.9px) {
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-stage { --wgbv-h: 179; }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-admin { padding: calc(var(--wgbv-p) * 14); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-list { margin-top: calc(var(--wgbv-p) * 12); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-row { height: calc(var(--wgbv-p) * 48); }
  }
  @container (max-width: 299px) and (min-height: 220px) {
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-stage { --wgbv-h: 200; }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-admin { padding: calc(var(--wgbv-p) * 16); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-list { margin-top: calc(var(--wgbv-p) * 14); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-row { height: calc(var(--wgbv-p) * 56); }
  }
  @container (min-width: 300px) and (aspect-ratio >= 1.1) and (aspect-ratio < 1.3) {
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-stage { --wgbv-w: 240; --wgbv-h: 300; }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-admin { left: calc(var(--wgbv-p) * 3); top: calc(var(--wgbv-p) * 6); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-app { left: calc(var(--wgbv-p) * 74); top: calc(var(--wgbv-p) * 150); }
  }
  @container (min-width: 300px) and (aspect-ratio < 1.3) and (min-height: 354.2px) {
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-stage { --wgbv-h: 322; }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-app { top: calc(var(--wgbv-p) * 172); }
  }
  @container (min-width: 300px) and (aspect-ratio < 1.3) and (min-height: 375.1px) {
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-stage { --wgbv-h: 341; }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-app { top: calc(var(--wgbv-p) * 191); }
  }
  @container (min-width: 300px) and (aspect-ratio >= 1.3) and (aspect-ratio < 1.52) {
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-stage { --wgbv-h: 250; }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-admin { top: calc(var(--wgbv-p) * 6); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-app { top: calc(var(--wgbv-p) * 100); }
  }
  @container (min-width: 300px) and (aspect-ratio >= 1.52) and (aspect-ratio < 1.85) {
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-admin { top: calc(var(--wgbv-p) * 12.8); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-app { top: calc(var(--wgbv-p) * 68.8); }
  }
  @container (max-width: 299px) and (min-width: 247.5px) and (min-height: 298.65px) {
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-stage { --wgbv-w: 225; --wgbv-h: 271.5; }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-admin { left: calc(var(--wgbv-p) * 2); top: calc(var(--wgbv-p) * 2); padding: calc(var(--wgbv-p) * 11); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-list { margin-top: calc(var(--wgbv-p) * 9); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-row { height: calc(var(--wgbv-p) * 36); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-app { display: block; left: calc(var(--wgbv-p) * 60); top: calc(var(--wgbv-p) * 133); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-nav { height: calc(var(--wgbv-p) * 30); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-opt { height: calc(var(--wgbv-p) * 32); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-btns { padding: calc(var(--wgbv-p) * 3) calc(var(--wgbv-p) * 6); }
  }
  @container (max-width: 299px) and (min-width: 264px) and (min-height: 330px) {
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-stage { --wgbv-w: 240; --wgbv-h: 300; }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-admin { left: calc(var(--wgbv-p) * 3); top: calc(var(--wgbv-p) * 6); padding: calc(var(--wgbv-p) * 13); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-list { margin-top: calc(var(--wgbv-p) * 11); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-row { height: calc(var(--wgbv-p) * 40); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-app { display: block; left: calc(var(--wgbv-p) * 74); top: calc(var(--wgbv-p) * 150); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-nav { height: calc(var(--wgbv-p) * 32); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-opt { height: calc(var(--wgbv-p) * 34); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-btns { padding: calc(var(--wgbv-p) * 5) calc(var(--wgbv-p) * 6); }
  }
}
@media (min-width: 480px) and (max-width: 991px) {
  @container (min-width: 300px) and (aspect-ratio >= 1.1) {
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-stage { --wgbv-h: 209; top: 0; height: 100cqh; }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-admin { top: calc(var(--wgbv-p) * 6); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-app { top: auto; bottom: calc(var(--wgbv-p) * 6); }
  }
  @container (min-width: 300px) and (aspect-ratio >= 1.1) and (min-height: 400px) {
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-row { height: calc(var(--wgbv-p) * 48); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-opt { height: calc(var(--wgbv-p) * 40); }
  }
  @container (min-width: 300px) and (aspect-ratio >= 1.1) and (min-height: 440px) {
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-admin { padding: calc(var(--wgbv-p) * 16); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-list { margin-top: calc(var(--wgbv-p) * 14); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-row { height: calc(var(--wgbv-p) * 56); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-nav { height: calc(var(--wgbv-p) * 36); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-opt { height: calc(var(--wgbv-p) * 48); }
  }
}
@media (max-width: 479px) {
  @container (max-width: 299px) and (min-height: 250px) and (not ((min-width: 247.5px) and (min-height: 298.65px))) {
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-stage { --wgbv-h: 226; }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-admin { top: calc(var(--wgbv-p) * 2); padding: calc(var(--wgbv-p) * 20) calc(var(--wgbv-p) * 16); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-title { font-size: calc(var(--wgbv-p) * 13); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-list { margin-top: calc(var(--wgbv-p) * 18); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-row { height: calc(var(--wgbv-p) * 65); }
  }
}
@media (max-width: 479px) {
  @container (min-width: 300px) and (aspect-ratio < 1.3) and (min-height: 398px) {
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-stage { top: 0; height: 100cqh; }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-admin { top: calc(var(--wgbv-p) * 6); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-app { top: auto; bottom: calc(var(--wgbv-p) * 6); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-row { height: calc(var(--wgbv-p) * 48); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-opt { height: calc(var(--wgbv-p) * 40); }
  }
  @container (min-width: 300px) and (aspect-ratio < 1.3) and (min-height: 440px) {
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-admin { padding: calc(var(--wgbv-p) * 16); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-list { margin-top: calc(var(--wgbv-p) * 14); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-row { height: calc(var(--wgbv-p) * 56); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-nav { height: calc(var(--wgbv-p) * 36); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-opt { height: calc(var(--wgbv-p) * 48); }
  }
}

.wgbv-visual[data-wgbv="multilingual"][data-wgbv-layout="admin"] .wgbv-stage { --wgbv-w: 216; --wgbv-h: 156; }
.wgbv-visual[data-wgbv="multilingual"][data-wgbv-layout="admin"] .wgbv-ml-admin { left: calc(var(--wgbv-p) * 4.5); top: calc(var(--wgbv-p) * 2); }
.wgbv-visual[data-wgbv="multilingual"][data-wgbv-layout="admin"] .wgbv-ml-app,
.wgbv-visual[data-wgbv="multilingual"][data-wgbv-layout="phone"] .wgbv-ml-admin { display: none; }
.wgbv-visual[data-wgbv="multilingual"][data-wgbv-layout="phone"] .wgbv-ml-admin * { font-size: 0; }
@container (aspect-ratio < 1.25) {
  .wgbv-visual[data-wgbv="multilingual"][data-wgbv-layout="admin"] .wgbv-stage { --wgbv-h: 200; }
  .wgbv-visual[data-wgbv="multilingual"][data-wgbv-layout="admin"] .wgbv-ml-admin { padding: calc(var(--wgbv-p) * 16); }
  .wgbv-visual[data-wgbv="multilingual"][data-wgbv-layout="admin"] .wgbv-ml-list { margin-top: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="multilingual"][data-wgbv-layout="admin"] .wgbv-ml-row { height: calc(var(--wgbv-p) * 56); }
}
.wgbv-visual[data-wgbv="multilingual"][data-wgbv-layout="phone"] .wgbv-stage { --wgbv-w: 169; --wgbv-h: 151; }
.wgbv-visual[data-wgbv="multilingual"][data-wgbv-layout="phone"] .wgbv-ml-app { display: block; left: calc(var(--wgbv-p) * 3); top: calc(var(--wgbv-p) * 3); }
@container (aspect-ratio < 1.25) {
  .wgbv-visual[data-wgbv="multilingual"][data-wgbv-layout="phone"] .wgbv-stage { --wgbv-h: 180; }
  .wgbv-visual[data-wgbv="multilingual"][data-wgbv-layout="phone"] .wgbv-ml-nav { height: calc(var(--wgbv-p) * 36); }
  .wgbv-visual[data-wgbv="multilingual"][data-wgbv-layout="phone"] .wgbv-ml-opt { height: calc(var(--wgbv-p) * 46); }
}
@container (aspect-ratio >= 1.25) {
  .wgbv-visual[data-wgbv="multilingual"][data-wgbv-layout="admin"] .wgbv-stage { --wgbv-h: 176; }
  .wgbv-visual[data-wgbv="multilingual"][data-wgbv-layout="admin"] .wgbv-ml-admin { top: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="multilingual"][data-wgbv-layout="phone"] .wgbv-stage { --wgbv-h: 167; }
  .wgbv-visual[data-wgbv="multilingual"][data-wgbv-layout="phone"] .wgbv-ml-app { top: calc(var(--wgbv-p) * 11); }
}

/* ---- visuals/one-platform.css ---- */
.wgbv-visual[data-wgbv="one-platform"] { --wgbv-ar: 420 / 300; --wgbv-w: 420; --wgbv-h: 300; }
.wgbv-visual[data-wgbv="one-platform"] .wgbv-bg { position: absolute; inset: calc(var(--wgbv-p) * 1.5) 0 0; border-radius: calc(var(--wgbv-p) * 20); background: #FAC465; }
.wgbv-visual[data-wgbv="one-platform"] .wgbv-op-panel { position: absolute; left: calc(var(--wgbv-p) * 24); top: calc(var(--wgbv-p) * 22); width: calc(var(--wgbv-p) * 372); height: calc(var(--wgbv-p) * 156); border-radius: calc(var(--wgbv-p) * 16); background: #fff;
  box-shadow: 0 calc(var(--wgbv-p) * 10) calc(var(--wgbv-p) * 26) rgba(120, 72, 0, .14); }
.wgbv-visual[data-wgbv="one-platform"] .wgbv-op-brand { position: absolute; left: calc(var(--wgbv-p) * 16); top: calc(var(--wgbv-p) * 12); display: flex; align-items: center; gap: calc(var(--wgbv-p) * 7); font-size: calc(var(--wgbv-p) * 14.5); font-weight: 700; line-height: 1.2; letter-spacing: -.01em; color: #2C2D73; white-space: nowrap; }
.wgbv-visual[data-wgbv="one-platform"] .wgbv-op-brand img { width: calc(var(--wgbv-p) * 21); height: auto; }
.wgbv-visual[data-wgbv="one-platform"] .wgbv-op-core { position: absolute; right: calc(var(--wgbv-p) * 16); top: calc(var(--wgbv-p) * 13); padding: calc(var(--wgbv-p) * 3) calc(var(--wgbv-p) * 9); border-radius: calc(var(--wgbv-p) * 10); background: #F3F4F6; font-size: calc(var(--wgbv-p) * 10.5); font-weight: 600; line-height: 1.3; color: #6B7280; white-space: nowrap; }
.wgbv-visual[data-wgbv="one-platform"] .wgbv-op-pill { position: absolute; display: flex; align-items: center; gap: calc(var(--wgbv-p) * 7); height: calc(var(--wgbv-p) * 38); padding-left: calc(var(--wgbv-p) * 8); border-radius: calc(var(--wgbv-p) * 19); background: #FFEED1; font-size: calc(var(--wgbv-p) * 12.5); font-weight: 700; color: #111; white-space: nowrap; }
.wgbv-visual[data-wgbv="one-platform"] .wgbv-op-pill { width: calc(var(--wgbv-p) * 108); }
.wgbv-visual[data-wgbv="one-platform"] .wgbv-op-ic { display: grid; place-items: center; flex: none; width: calc(var(--wgbv-p) * 22); height: calc(var(--wgbv-p) * 22); border-radius: calc(var(--wgbv-p) * 5); background: #7B2BA6; color: #fff; }
.wgbv-visual[data-wgbv="one-platform"] .wgbv-op-ic .wgbv-i { width: calc(var(--wgbv-p) * 14); height: calc(var(--wgbv-p) * 14); }
.wgbv-visual[data-wgbv="one-platform"] .wgbv-op-p1 { left: calc(var(--wgbv-p) * 40); top: calc(var(--wgbv-p) * 66); }
.wgbv-visual[data-wgbv="one-platform"] .wgbv-op-p2 { left: calc(var(--wgbv-p) * 156); top: calc(var(--wgbv-p) * 66); }
.wgbv-visual[data-wgbv="one-platform"] .wgbv-op-p3 { left: calc(var(--wgbv-p) * 272); top: calc(var(--wgbv-p) * 66); }
.wgbv-visual[data-wgbv="one-platform"] .wgbv-op-p4 { left: calc(var(--wgbv-p) * 98); top: calc(var(--wgbv-p) * 112); }
.wgbv-visual[data-wgbv="one-platform"] .wgbv-op-p5 { left: calc(var(--wgbv-p) * 214); top: calc(var(--wgbv-p) * 112); }
.wgbv-visual[data-wgbv="one-platform"] .wgbv-op-engine { position: absolute; left: calc(var(--wgbv-p) * 40); top: calc(var(--wgbv-p) * 160); display: flex; align-items: center; gap: calc(var(--wgbv-p) * 10); width: calc(var(--wgbv-p) * 180); height: calc(var(--wgbv-p) * 42); padding-left: calc(var(--wgbv-p) * 14);
  border-radius: calc(var(--wgbv-p) * 7.4); background: #7B2BA6; color: #fff; font-size: calc(var(--wgbv-p) * 13.5); font-weight: 600; white-space: nowrap; box-shadow: calc(var(--wgbv-p) * 2.8) calc(var(--wgbv-p) * 3.7) 0 rgba(123, 43, 166, .5); }
.wgbv-visual[data-wgbv="one-platform"] .wgbv-op-engine .wgbv-i { width: calc(var(--wgbv-p) * 16); height: calc(var(--wgbv-p) * 16); }
.wgbv-visual[data-wgbv="one-platform"] .wgbv-op-line { position: absolute; left: calc(var(--wgbv-p) * 220); top: calc(var(--wgbv-p) * 180.3); width: calc(var(--wgbv-p) * 101); height: calc(var(--wgbv-p) * 25.7);
  border-top: calc(var(--wgbv-p) * 1.44) dashed #8000CF; border-right: calc(var(--wgbv-p) * 1.44) dashed #8000CF; border-top-right-radius: calc(var(--wgbv-p) * 8); }
.wgbv-visual[data-wgbv="one-platform"] .wgbv-op-edc { position: absolute; left: calc(var(--wgbv-p) * 236); top: calc(var(--wgbv-p) * 206); display: flex; flex-direction: column; justify-content: center; gap: calc(var(--wgbv-p) * 8); width: calc(var(--wgbv-p) * 170); height: calc(var(--wgbv-p) * 72); padding: 0 calc(var(--wgbv-p) * 10);
  border-radius: calc(var(--wgbv-p) * 14); background: #FFEED1; }
.wgbv-visual[data-wgbv="one-platform"] .wgbv-op-edct { display: flex; align-items: center; gap: calc(var(--wgbv-p) * 7); font-size: calc(var(--wgbv-p) * 12.5); font-weight: 700; line-height: 1.2; color: #111; white-space: nowrap; }
.wgbv-visual[data-wgbv="one-platform"] .wgbv-op-vs { display: flex; gap: calc(var(--wgbv-p) * 5); }
.wgbv-visual[data-wgbv="one-platform"] .wgbv-op-v { display: flex; align-items: center; height: calc(var(--wgbv-p) * 22); padding: 0 calc(var(--wgbv-p) * 7); border: calc(var(--wgbv-p) * .9) solid #F2D49B; border-radius: calc(var(--wgbv-p) * 6); background: #fff; font-size: calc(var(--wgbv-p) * 11.5); font-weight: 600; line-height: 1; color: #4B5563; white-space: nowrap; }
@container (max-width: 299px) and (aspect-ratio < 1.6) {
  .wgbv-visual[data-wgbv="one-platform"] .wgbv-stage { --wgbv-w: 300; --wgbv-h: 318; }
  .wgbv-visual[data-wgbv="one-platform"] .wgbv-op-panel { left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 12); width: calc(var(--wgbv-p) * 276); height: calc(var(--wgbv-p) * 186); }
  .wgbv-visual[data-wgbv="one-platform"] .wgbv-op-brand { left: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="one-platform"] .wgbv-op-core { right: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="one-platform"] .wgbv-op-pill { width: calc(var(--wgbv-p) * 120); }
  .wgbv-visual[data-wgbv="one-platform"] .wgbv-op-p1 { left: calc(var(--wgbv-p) * 24); top: calc(var(--wgbv-p) * 54); }
  .wgbv-visual[data-wgbv="one-platform"] .wgbv-op-p2 { left: calc(var(--wgbv-p) * 156); top: calc(var(--wgbv-p) * 54); }
  .wgbv-visual[data-wgbv="one-platform"] .wgbv-op-p3 { left: calc(var(--wgbv-p) * 24); top: calc(var(--wgbv-p) * 98); }
  .wgbv-visual[data-wgbv="one-platform"] .wgbv-op-p4 { left: calc(var(--wgbv-p) * 156); top: calc(var(--wgbv-p) * 98); }
  .wgbv-visual[data-wgbv="one-platform"] .wgbv-op-p5 { left: calc(var(--wgbv-p) * 90); top: calc(var(--wgbv-p) * 142); }
  .wgbv-visual[data-wgbv="one-platform"] .wgbv-op-engine { left: calc(var(--wgbv-p) * 16); top: calc(var(--wgbv-p) * 182); width: calc(var(--wgbv-p) * 172); }
  .wgbv-visual[data-wgbv="one-platform"] .wgbv-op-line { left: calc(var(--wgbv-p) * 188); top: calc(var(--wgbv-p) * 202.3); width: calc(var(--wgbv-p) * 22); height: calc(var(--wgbv-p) * 37.7); }
  .wgbv-visual[data-wgbv="one-platform"] .wgbv-op-edc { left: calc(var(--wgbv-p) * 132); top: calc(var(--wgbv-p) * 240); width: calc(var(--wgbv-p) * 156); height: calc(var(--wgbv-p) * 68); padding: 0 calc(var(--wgbv-p) * 8); gap: calc(var(--wgbv-p) * 7); }
  .wgbv-visual[data-wgbv="one-platform"] .wgbv-op-vs { gap: calc(var(--wgbv-p) * 4); }
  .wgbv-visual[data-wgbv="one-platform"] .wgbv-op-v { padding: 0 calc(var(--wgbv-p) * 6); font-size: calc(var(--wgbv-p) * 10.5); }
}
@container (min-width: 300px) and (aspect-ratio >= 1.85) {
  .wgbv-visual[data-wgbv="one-platform"] .wgbv-stage { --wgbv-w: 540; --wgbv-h: 190; }
  .wgbv-visual[data-wgbv="one-platform"] .wgbv-op-panel { left: calc(var(--wgbv-p) * 16); top: calc(var(--wgbv-p) * 16); width: calc(var(--wgbv-p) * 360); height: calc(var(--wgbv-p) * 142); }
  .wgbv-visual[data-wgbv="one-platform"] .wgbv-op-p1 { left: calc(var(--wgbv-p) * 28); top: calc(var(--wgbv-p) * 60); }
  .wgbv-visual[data-wgbv="one-platform"] .wgbv-op-p2 { left: calc(var(--wgbv-p) * 140); top: calc(var(--wgbv-p) * 60); }
  .wgbv-visual[data-wgbv="one-platform"] .wgbv-op-p3 { left: calc(var(--wgbv-p) * 252); top: calc(var(--wgbv-p) * 60); }
  .wgbv-visual[data-wgbv="one-platform"] .wgbv-op-p4 { left: calc(var(--wgbv-p) * 84); top: calc(var(--wgbv-p) * 106); }
  .wgbv-visual[data-wgbv="one-platform"] .wgbv-op-p5 { left: calc(var(--wgbv-p) * 196); top: calc(var(--wgbv-p) * 106); }
  .wgbv-visual[data-wgbv="one-platform"] .wgbv-op-engine { left: calc(var(--wgbv-p) * 330); top: calc(var(--wgbv-p) * 132); }
  .wgbv-visual[data-wgbv="one-platform"] .wgbv-op-line { left: calc(var(--wgbv-p) * 458.3); top: calc(var(--wgbv-p) * 78); width: 0; height: calc(var(--wgbv-p) * 54); border-top: 0; border-radius: 0; }
  .wgbv-visual[data-wgbv="one-platform"] .wgbv-op-edc { left: calc(var(--wgbv-p) * 386); top: calc(var(--wgbv-p) * 12); width: calc(var(--wgbv-p) * 146); height: calc(var(--wgbv-p) * 66); padding: 0 calc(var(--wgbv-p) * 6); gap: calc(var(--wgbv-p) * 7); }
  .wgbv-visual[data-wgbv="one-platform"] .wgbv-op-vs { gap: calc(var(--wgbv-p) * 4); }
  .wgbv-visual[data-wgbv="one-platform"] .wgbv-op-v { padding: 0 calc(var(--wgbv-p) * 6); font-size: calc(var(--wgbv-p) * 10.5); }
}
@media (max-width: 479px) {
  @container (min-width: 300px) and (aspect-ratio < 1.3) {
    .wgbv-visual[data-wgbv="one-platform"]:is(.point *) .wgbv-stage { --wgbv-w: 300; --wgbv-h: 318; }
    .wgbv-visual[data-wgbv="one-platform"]:is(.point *) .wgbv-op-panel { left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 12); width: calc(var(--wgbv-p) * 276); height: calc(var(--wgbv-p) * 186); }
    .wgbv-visual[data-wgbv="one-platform"]:is(.point *) .wgbv-op-brand { left: calc(var(--wgbv-p) * 14); }
    .wgbv-visual[data-wgbv="one-platform"]:is(.point *) .wgbv-op-core { right: calc(var(--wgbv-p) * 14); }
    .wgbv-visual[data-wgbv="one-platform"]:is(.point *) .wgbv-op-pill { width: calc(var(--wgbv-p) * 120); }
    .wgbv-visual[data-wgbv="one-platform"]:is(.point *) .wgbv-op-p1 { left: calc(var(--wgbv-p) * 24); top: calc(var(--wgbv-p) * 54); }
    .wgbv-visual[data-wgbv="one-platform"]:is(.point *) .wgbv-op-p2 { left: calc(var(--wgbv-p) * 156); top: calc(var(--wgbv-p) * 54); }
    .wgbv-visual[data-wgbv="one-platform"]:is(.point *) .wgbv-op-p3 { left: calc(var(--wgbv-p) * 24); top: calc(var(--wgbv-p) * 98); }
    .wgbv-visual[data-wgbv="one-platform"]:is(.point *) .wgbv-op-p4 { left: calc(var(--wgbv-p) * 156); top: calc(var(--wgbv-p) * 98); }
    .wgbv-visual[data-wgbv="one-platform"]:is(.point *) .wgbv-op-p5 { left: calc(var(--wgbv-p) * 90); top: calc(var(--wgbv-p) * 142); }
    .wgbv-visual[data-wgbv="one-platform"]:is(.point *) .wgbv-op-engine { left: calc(var(--wgbv-p) * 16); top: calc(var(--wgbv-p) * 182); width: calc(var(--wgbv-p) * 172); }
    .wgbv-visual[data-wgbv="one-platform"]:is(.point *) .wgbv-op-line { left: calc(var(--wgbv-p) * 188); top: calc(var(--wgbv-p) * 202.3); width: calc(var(--wgbv-p) * 22); height: calc(var(--wgbv-p) * 37.7); }
    .wgbv-visual[data-wgbv="one-platform"]:is(.point *) .wgbv-op-edc { left: calc(var(--wgbv-p) * 132); top: calc(var(--wgbv-p) * 240); width: calc(var(--wgbv-p) * 156); height: calc(var(--wgbv-p) * 68); padding: 0 calc(var(--wgbv-p) * 8); gap: calc(var(--wgbv-p) * 7); }
    .wgbv-visual[data-wgbv="one-platform"]:is(.point *) .wgbv-op-vs { gap: calc(var(--wgbv-p) * 4); }
    .wgbv-visual[data-wgbv="one-platform"]:is(.point *) .wgbv-op-v { padding: 0 calc(var(--wgbv-p) * 6); font-size: calc(var(--wgbv-p) * 10.5); }
  }
}

@media (min-width: 480px) and (max-width: 991px) {
  @container (min-width: 300px) and (aspect-ratio < 1.85) and ((aspect-ratio <= 1.3125) or (min-height: 364.1px)) {
    .wgbv-visual[data-wgbv="one-platform"]:is(.point *) .wgbv-stage { --wgbv-h: 320; }
    .wgbv-visual[data-wgbv="one-platform"]:is(.point *) .wgbv-op-panel { height: calc(var(--wgbv-p) * 164); }
    .wgbv-visual[data-wgbv="one-platform"]:is(.point *) .wgbv-op-p1 { top: calc(var(--wgbv-p) * 68); }
    .wgbv-visual[data-wgbv="one-platform"]:is(.point *) .wgbv-op-p2 { top: calc(var(--wgbv-p) * 68); }
    .wgbv-visual[data-wgbv="one-platform"]:is(.point *) .wgbv-op-p3 { top: calc(var(--wgbv-p) * 68); }
    .wgbv-visual[data-wgbv="one-platform"]:is(.point *) .wgbv-op-p4 { top: calc(var(--wgbv-p) * 118); }
    .wgbv-visual[data-wgbv="one-platform"]:is(.point *) .wgbv-op-p5 { top: calc(var(--wgbv-p) * 118); }
    .wgbv-visual[data-wgbv="one-platform"]:is(.point *) .wgbv-op-engine { top: calc(var(--wgbv-p) * 168); }
    .wgbv-visual[data-wgbv="one-platform"]:is(.point *) .wgbv-op-line { top: calc(var(--wgbv-p) * 188.3); height: calc(var(--wgbv-p) * 31.7); }
    .wgbv-visual[data-wgbv="one-platform"]:is(.point *) .wgbv-op-edc { top: calc(var(--wgbv-p) * 220); height: calc(var(--wgbv-p) * 76); }
  }
  @container (min-width: 300px) and (aspect-ratio < 1.85) and ((aspect-ratio <= 1.2727) or (min-height: 375.5px)) {
    .wgbv-visual[data-wgbv="one-platform"]:is(.point *) .wgbv-stage { --wgbv-h: 330; }
    .wgbv-visual[data-wgbv="one-platform"]:is(.point *) .wgbv-op-panel { height: calc(var(--wgbv-p) * 168); }
    .wgbv-visual[data-wgbv="one-platform"]:is(.point *) .wgbv-op-p1 { top: calc(var(--wgbv-p) * 70); }
    .wgbv-visual[data-wgbv="one-platform"]:is(.point *) .wgbv-op-p2 { top: calc(var(--wgbv-p) * 70); }
    .wgbv-visual[data-wgbv="one-platform"]:is(.point *) .wgbv-op-p3 { top: calc(var(--wgbv-p) * 70); }
    .wgbv-visual[data-wgbv="one-platform"]:is(.point *) .wgbv-op-p4 { top: calc(var(--wgbv-p) * 122); }
    .wgbv-visual[data-wgbv="one-platform"]:is(.point *) .wgbv-op-p5 { top: calc(var(--wgbv-p) * 122); }
    .wgbv-visual[data-wgbv="one-platform"]:is(.point *) .wgbv-op-engine { top: calc(var(--wgbv-p) * 172); }
    .wgbv-visual[data-wgbv="one-platform"]:is(.point *) .wgbv-op-line { top: calc(var(--wgbv-p) * 192.3); height: calc(var(--wgbv-p) * 33.7); }
    .wgbv-visual[data-wgbv="one-platform"]:is(.point *) .wgbv-op-edc { top: calc(var(--wgbv-p) * 226); height: calc(var(--wgbv-p) * 78); }
  }
}

/* ---- visuals/reminders.css ---- */
.wgbv-visual[data-wgbv="reminders"] { --wgbv-ar: 388 / 172; --wgbv-w: 388; --wgbv-h: 176; }
.wgbv-visual[data-wgbv="reminders"] .wgbv-row-1 { top: calc(var(--wgbv-p) * 35); }
.wgbv-visual[data-wgbv="reminders"] .wgbv-row-2 { top: calc(var(--wgbv-p) * 108); }
.wgbv-visual[data-wgbv="reminders"] .wgbv-add { left: calc(var(--wgbv-p) * 209); top: calc(var(--wgbv-p) * 1); }
@container (max-width: 299px) {
  .wgbv-visual[data-wgbv="reminders"] .wgbv-row { align-items: center; padding-top: 0; }
  .wgbv-visual[data-wgbv="reminders"] .wgbv-row-title { margin-top: 0; font-size: calc(var(--wgbv-p) * 16); }
  .wgbv-visual[data-wgbv="reminders"] .wgbv-row-detail { display: none; }
}
.wgbv-visual[data-wgbv="reminders"] .wgbv-row-3, .wgbv-visual[data-wgbv="reminders"] .wgbv-row-4 { display: none; }
.wgbv-visual[data-wgbv="reminders"] .wgbv-iconbox .wgbv-i { width: calc(var(--wgbv-p) * 16.5); height: calc(var(--wgbv-p) * 16.5); color: #6B7280; stroke-width: 1.8; }
@media (max-width: 479px) {
  @container (aspect-ratio < 1.2) {
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-stage { --wgbv-h: 322; }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-3 { display: flex; top: calc(var(--wgbv-p) * 181); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-4 { display: flex; top: calc(var(--wgbv-p) * 254); }
  }
  @container (max-width: 299px) {
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-stage { --wgbv-w: 300; }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row { width: calc(var(--wgbv-p) * 285); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-add { left: calc(var(--wgbv-p) * 121); }
  }
}

@media (min-width: 480px) and (max-width: 991px) {
  @container (aspect-ratio <= 1.856) or (min-height: 253.7px) {
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-stage { --wgbv-h: 209; }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-1 { display: flex; top: calc(var(--wgbv-p) * 35); height: calc(var(--wgbv-p) * 52); padding-top: calc(var(--wgbv-p) * 7); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-2 { display: flex; top: calc(var(--wgbv-p) * 91); height: calc(var(--wgbv-p) * 52); padding-top: calc(var(--wgbv-p) * 7); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-3 { display: flex; top: calc(var(--wgbv-p) * 147); height: calc(var(--wgbv-p) * 52); padding-top: calc(var(--wgbv-p) * 7); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-4 { display: none; }
  }
  @container (aspect-ratio <= 1.788) or (min-height: 263.4px) {
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-stage { --wgbv-h: 217; }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-1 { display: flex; top: calc(var(--wgbv-p) * 35); height: calc(var(--wgbv-p) * 54); padding-top: calc(var(--wgbv-p) * 8); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-2 { display: flex; top: calc(var(--wgbv-p) * 94); height: calc(var(--wgbv-p) * 54); padding-top: calc(var(--wgbv-p) * 8); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-3 { display: flex; top: calc(var(--wgbv-p) * 153); height: calc(var(--wgbv-p) * 54); padding-top: calc(var(--wgbv-p) * 8); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-4 { display: none; }
  }
  @container (aspect-ratio <= 1.724) or (min-height: 273.2px) {
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-stage { --wgbv-h: 225; }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-1 { display: flex; top: calc(var(--wgbv-p) * 35); height: calc(var(--wgbv-p) * 56); padding-top: calc(var(--wgbv-p) * 9); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-2 { display: flex; top: calc(var(--wgbv-p) * 97); height: calc(var(--wgbv-p) * 56); padding-top: calc(var(--wgbv-p) * 9); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-3 { display: flex; top: calc(var(--wgbv-p) * 159); height: calc(var(--wgbv-p) * 56); padding-top: calc(var(--wgbv-p) * 9); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-4 { display: none; }
  }
  @container (aspect-ratio <= 1.637) or (min-height: 287.7px) {
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-stage { --wgbv-h: 237; }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-1 { display: flex; top: calc(var(--wgbv-p) * 35); height: calc(var(--wgbv-p) * 60); padding-top: calc(var(--wgbv-p) * 10); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-2 { display: flex; top: calc(var(--wgbv-p) * 101); height: calc(var(--wgbv-p) * 60); padding-top: calc(var(--wgbv-p) * 10); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-3 { display: flex; top: calc(var(--wgbv-p) * 167); height: calc(var(--wgbv-p) * 60); padding-top: calc(var(--wgbv-p) * 10); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-4 { display: none; }
  }
  @container (aspect-ratio <= 1.558) or (min-height: 302.3px) {
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-stage { --wgbv-h: 249; }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-1 { display: flex; top: calc(var(--wgbv-p) * 35); height: calc(var(--wgbv-p) * 62); padding-top: calc(var(--wgbv-p) * 10.6); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-2 { display: flex; top: calc(var(--wgbv-p) * 105); height: calc(var(--wgbv-p) * 62); padding-top: calc(var(--wgbv-p) * 10.6); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-3 { display: flex; top: calc(var(--wgbv-p) * 175); height: calc(var(--wgbv-p) * 62); padding-top: calc(var(--wgbv-p) * 10.6); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-4 { display: none; }
  }
  @container (aspect-ratio <= 1.503) or (min-height: 313.2px) {
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-stage { --wgbv-h: 258; }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-1 { display: flex; top: calc(var(--wgbv-p) * 35); height: calc(var(--wgbv-p) * 64.7); padding-top: calc(var(--wgbv-p) * 10.6); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-2 { display: flex; top: calc(var(--wgbv-p) * 108.1); height: calc(var(--wgbv-p) * 64.7); padding-top: calc(var(--wgbv-p) * 10.6); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-3 { display: flex; top: calc(var(--wgbv-p) * 181.2); height: calc(var(--wgbv-p) * 64.7); padding-top: calc(var(--wgbv-p) * 10.6); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-4 { display: none; }
  }
  @container (aspect-ratio <= 1.437) or (min-height: 327.8px) {
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-stage { --wgbv-h: 270; }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-1 { display: flex; top: calc(var(--wgbv-p) * 35); height: calc(var(--wgbv-p) * 50); padding-top: calc(var(--wgbv-p) * 7); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-2 { display: flex; top: calc(var(--wgbv-p) * 93.3); height: calc(var(--wgbv-p) * 50); padding-top: calc(var(--wgbv-p) * 7); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-3 { display: flex; top: calc(var(--wgbv-p) * 151.6); height: calc(var(--wgbv-p) * 50); padding-top: calc(var(--wgbv-p) * 7); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-4 { display: flex; top: calc(var(--wgbv-p) * 209.9); height: calc(var(--wgbv-p) * 50); padding-top: calc(var(--wgbv-p) * 7); }
  }
  @container (aspect-ratio <= 1.342) or (min-height: 350.8px) {
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-stage { --wgbv-h: 289; }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-1 { display: flex; top: calc(var(--wgbv-p) * 35); height: calc(var(--wgbv-p) * 56); padding-top: calc(var(--wgbv-p) * 9); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-2 { display: flex; top: calc(var(--wgbv-p) * 97.6); height: calc(var(--wgbv-p) * 56); padding-top: calc(var(--wgbv-p) * 9); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-3 { display: flex; top: calc(var(--wgbv-p) * 160.2); height: calc(var(--wgbv-p) * 56); padding-top: calc(var(--wgbv-p) * 9); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-4 { display: flex; top: calc(var(--wgbv-p) * 222.8); height: calc(var(--wgbv-p) * 56); padding-top: calc(var(--wgbv-p) * 9); }
  }
  @container (aspect-ratio <= 1.204) or (min-height: 390.9px) {
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-stage { --wgbv-h: 322; }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-1 { display: flex; top: calc(var(--wgbv-p) * 35); height: calc(var(--wgbv-p) * 62); padding-top: calc(var(--wgbv-p) * 10.6); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-2 { display: flex; top: calc(var(--wgbv-p) * 106); height: calc(var(--wgbv-p) * 62); padding-top: calc(var(--wgbv-p) * 10.6); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-3 { display: flex; top: calc(var(--wgbv-p) * 177); height: calc(var(--wgbv-p) * 62); padding-top: calc(var(--wgbv-p) * 10.6); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-4 { display: flex; top: calc(var(--wgbv-p) * 248); height: calc(var(--wgbv-p) * 62); padding-top: calc(var(--wgbv-p) * 10.6); }
  }
}
@media (min-width: 480px) and (max-width: 991px) {
  .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-3 { display: flex; visibility: hidden; }
  .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-4 { display: flex; visibility: hidden; }
  @container (aspect-ratio <= 1.856) or (min-height: 253.7px) {
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-3 { visibility: visible; }
  }
  @container (aspect-ratio <= 1.437) or (min-height: 327.8px) {
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-4 { visibility: visible; }
  }
}
@media (max-width: 479px) {
  @container (aspect-ratio >= 1.2) and (aspect-ratio < 1.22) {
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-stage { --wgbv-h: 318; }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-2 { top: calc(var(--wgbv-p) * 106.5); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-3 { display: flex; top: calc(var(--wgbv-p) * 178); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-4 { display: flex; top: calc(var(--wgbv-p) * 249.5); }
  }
}

@container (aspect-ratio < 1.2) {
  .wgbv-visual[data-wgbv="reminders"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-stage { --wgbv-h: 367; --wgbv-fill: .94; }
  .wgbv-visual[data-wgbv="reminders"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-add { left: calc(var(--wgbv-p) * 197); top: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="reminders"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-row { height: calc(var(--wgbv-p) * 62); padding-top: calc(var(--wgbv-p) * 10.6); }
  .wgbv-visual[data-wgbv="reminders"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-row-1 { top: calc(var(--wgbv-p) * 49); }
  .wgbv-visual[data-wgbv="reminders"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-row-2 { top: calc(var(--wgbv-p) * 129); }
  .wgbv-visual[data-wgbv="reminders"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-row-3 { display: flex; top: calc(var(--wgbv-p) * 209); }
  .wgbv-visual[data-wgbv="reminders"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-row-4 { display: flex; top: calc(var(--wgbv-p) * 289); }
}
@container (aspect-ratio >= 1.6) {
  .wgbv-visual[data-wgbv="reminders"]:is(.platform_content-box .image-wrap *) .wgbv-stage { --wgbv-h: 186; }
  .wgbv-visual[data-wgbv="reminders"]:is(.platform_content-box .image-wrap *) .wgbv-add { left: calc(var(--wgbv-p) * 198); top: calc(var(--wgbv-p) * 6); }
  .wgbv-visual[data-wgbv="reminders"]:is(.platform_content-box .image-wrap *) .wgbv-row-1 { top: calc(var(--wgbv-p) * 41); }
  .wgbv-visual[data-wgbv="reminders"]:is(.platform_content-box .image-wrap *) .wgbv-row-2 { top: calc(var(--wgbv-p) * 114); }
}

/* ---- visuals/reminders-care.css ---- */
.wgbv-visual[data-wgbv="reminders-care"] { --wgbv-ar: 388 / 172; --wgbv-w: 388; --wgbv-h: 176; }
.wgbv-visual[data-wgbv="reminders-care"] .wgbv-row-1 { top: calc(var(--wgbv-p) * 35); }
.wgbv-visual[data-wgbv="reminders-care"] .wgbv-row-2 { top: calc(var(--wgbv-p) * 108); }
.wgbv-visual[data-wgbv="reminders-care"] .wgbv-add { left: calc(var(--wgbv-p) * 209); top: calc(var(--wgbv-p) * 1); }
.wgbv-visual[data-wgbv="reminders-care"] .wgbv-iconbox { color: #6B7280; }
.wgbv-visual[data-wgbv="reminders-care"] .wgbv-iconbox .wgbv-i { width: calc(var(--wgbv-p) * 16.5); height: calc(var(--wgbv-p) * 16.5); stroke-width: 1.8; }
@container (max-width: 299px) {
  .wgbv-visual[data-wgbv="reminders-care"] .wgbv-row { align-items: center; padding-top: 0; }
  .wgbv-visual[data-wgbv="reminders-care"] .wgbv-row-title { margin-top: 0; font-size: calc(var(--wgbv-p) * 16); }
  .wgbv-visual[data-wgbv="reminders-care"] .wgbv-row-detail { display: none; }
}
.wgbv-visual[data-wgbv="reminders-care"] .wgbv-row-3, .wgbv-visual[data-wgbv="reminders-care"] .wgbv-row-4 { display: none; }
@media (max-width: 479px) {
  @container (aspect-ratio < 1.2) {
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-stage { --wgbv-h: 322; }
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-row-3 { display: flex; top: calc(var(--wgbv-p) * 181); }
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-row-4 { display: flex; top: calc(var(--wgbv-p) * 254); }
  }
  @container (max-width: 299px) {
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-stage { --wgbv-w: 300; }
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-row { width: calc(var(--wgbv-p) * 285); }
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-add { left: calc(var(--wgbv-p) * 121); }
  }
}

@media (min-width: 480px) and (max-width: 991px) {
  @container (aspect-ratio <= 1.856) or (min-height: 253.7px) {
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-stage { --wgbv-h: 209; }
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-row-1 { display: flex; top: calc(var(--wgbv-p) * 35); height: calc(var(--wgbv-p) * 52); padding-top: calc(var(--wgbv-p) * 7); }
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-row-2 { display: flex; top: calc(var(--wgbv-p) * 91); height: calc(var(--wgbv-p) * 52); padding-top: calc(var(--wgbv-p) * 7); }
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-row-3 { display: flex; top: calc(var(--wgbv-p) * 147); height: calc(var(--wgbv-p) * 52); padding-top: calc(var(--wgbv-p) * 7); }
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-row-4 { display: none; }
  }
  @container (aspect-ratio <= 1.788) or (min-height: 263.4px) {
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-stage { --wgbv-h: 217; }
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-row-1 { display: flex; top: calc(var(--wgbv-p) * 35); height: calc(var(--wgbv-p) * 54); padding-top: calc(var(--wgbv-p) * 8); }
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-row-2 { display: flex; top: calc(var(--wgbv-p) * 94); height: calc(var(--wgbv-p) * 54); padding-top: calc(var(--wgbv-p) * 8); }
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-row-3 { display: flex; top: calc(var(--wgbv-p) * 153); height: calc(var(--wgbv-p) * 54); padding-top: calc(var(--wgbv-p) * 8); }
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-row-4 { display: none; }
  }
  @container (aspect-ratio <= 1.724) or (min-height: 273.2px) {
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-stage { --wgbv-h: 225; }
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-row-1 { display: flex; top: calc(var(--wgbv-p) * 35); height: calc(var(--wgbv-p) * 56); padding-top: calc(var(--wgbv-p) * 9); }
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-row-2 { display: flex; top: calc(var(--wgbv-p) * 97); height: calc(var(--wgbv-p) * 56); padding-top: calc(var(--wgbv-p) * 9); }
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-row-3 { display: flex; top: calc(var(--wgbv-p) * 159); height: calc(var(--wgbv-p) * 56); padding-top: calc(var(--wgbv-p) * 9); }
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-row-4 { display: none; }
  }
  @container (aspect-ratio <= 1.637) or (min-height: 287.7px) {
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-stage { --wgbv-h: 237; }
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-row-1 { display: flex; top: calc(var(--wgbv-p) * 35); height: calc(var(--wgbv-p) * 60); padding-top: calc(var(--wgbv-p) * 10); }
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-row-2 { display: flex; top: calc(var(--wgbv-p) * 101); height: calc(var(--wgbv-p) * 60); padding-top: calc(var(--wgbv-p) * 10); }
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-row-3 { display: flex; top: calc(var(--wgbv-p) * 167); height: calc(var(--wgbv-p) * 60); padding-top: calc(var(--wgbv-p) * 10); }
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-row-4 { display: none; }
  }
  @container (aspect-ratio <= 1.558) or (min-height: 302.3px) {
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-stage { --wgbv-h: 249; }
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-row-1 { display: flex; top: calc(var(--wgbv-p) * 35); height: calc(var(--wgbv-p) * 62); padding-top: calc(var(--wgbv-p) * 10.6); }
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-row-2 { display: flex; top: calc(var(--wgbv-p) * 105); height: calc(var(--wgbv-p) * 62); padding-top: calc(var(--wgbv-p) * 10.6); }
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-row-3 { display: flex; top: calc(var(--wgbv-p) * 175); height: calc(var(--wgbv-p) * 62); padding-top: calc(var(--wgbv-p) * 10.6); }
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-row-4 { display: none; }
  }
  @container (aspect-ratio <= 1.503) or (min-height: 313.2px) {
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-stage { --wgbv-h: 258; }
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-row-1 { display: flex; top: calc(var(--wgbv-p) * 35); height: calc(var(--wgbv-p) * 64.7); padding-top: calc(var(--wgbv-p) * 10.6); }
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-row-2 { display: flex; top: calc(var(--wgbv-p) * 108.1); height: calc(var(--wgbv-p) * 64.7); padding-top: calc(var(--wgbv-p) * 10.6); }
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-row-3 { display: flex; top: calc(var(--wgbv-p) * 181.2); height: calc(var(--wgbv-p) * 64.7); padding-top: calc(var(--wgbv-p) * 10.6); }
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-row-4 { display: none; }
  }
  @container (aspect-ratio <= 1.437) or (min-height: 327.8px) {
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-stage { --wgbv-h: 270; }
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-row-1 { display: flex; top: calc(var(--wgbv-p) * 35); height: calc(var(--wgbv-p) * 50); padding-top: calc(var(--wgbv-p) * 7); }
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-row-2 { display: flex; top: calc(var(--wgbv-p) * 93.3); height: calc(var(--wgbv-p) * 50); padding-top: calc(var(--wgbv-p) * 7); }
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-row-3 { display: flex; top: calc(var(--wgbv-p) * 151.6); height: calc(var(--wgbv-p) * 50); padding-top: calc(var(--wgbv-p) * 7); }
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-row-4 { display: flex; top: calc(var(--wgbv-p) * 209.9); height: calc(var(--wgbv-p) * 50); padding-top: calc(var(--wgbv-p) * 7); }
  }
  @container (aspect-ratio <= 1.342) or (min-height: 350.8px) {
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-stage { --wgbv-h: 289; }
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-row-1 { display: flex; top: calc(var(--wgbv-p) * 35); height: calc(var(--wgbv-p) * 56); padding-top: calc(var(--wgbv-p) * 9); }
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-row-2 { display: flex; top: calc(var(--wgbv-p) * 97.6); height: calc(var(--wgbv-p) * 56); padding-top: calc(var(--wgbv-p) * 9); }
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-row-3 { display: flex; top: calc(var(--wgbv-p) * 160.2); height: calc(var(--wgbv-p) * 56); padding-top: calc(var(--wgbv-p) * 9); }
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-row-4 { display: flex; top: calc(var(--wgbv-p) * 222.8); height: calc(var(--wgbv-p) * 56); padding-top: calc(var(--wgbv-p) * 9); }
  }
  @container (aspect-ratio <= 1.204) or (min-height: 390.9px) {
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-stage { --wgbv-h: 322; }
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-row-1 { display: flex; top: calc(var(--wgbv-p) * 35); height: calc(var(--wgbv-p) * 62); padding-top: calc(var(--wgbv-p) * 10.6); }
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-row-2 { display: flex; top: calc(var(--wgbv-p) * 106); height: calc(var(--wgbv-p) * 62); padding-top: calc(var(--wgbv-p) * 10.6); }
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-row-3 { display: flex; top: calc(var(--wgbv-p) * 177); height: calc(var(--wgbv-p) * 62); padding-top: calc(var(--wgbv-p) * 10.6); }
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-row-4 { display: flex; top: calc(var(--wgbv-p) * 248); height: calc(var(--wgbv-p) * 62); padding-top: calc(var(--wgbv-p) * 10.6); }
  }
}
@media (min-width: 480px) and (max-width: 991px) {
  .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-row-3 { display: flex; visibility: hidden; }
  .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-row-4 { display: flex; visibility: hidden; }
  @container (aspect-ratio <= 1.856) or (min-height: 253.7px) {
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-row-3 { visibility: visible; }
  }
  @container (aspect-ratio <= 1.437) or (min-height: 327.8px) {
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-row-4 { visibility: visible; }
  }
}
@media (max-width: 479px) {
  @container (aspect-ratio >= 1.2) and (aspect-ratio < 1.22) {
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-stage { --wgbv-h: 318; }
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-row-2 { top: calc(var(--wgbv-p) * 106.5); }
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-row-3 { display: flex; top: calc(var(--wgbv-p) * 178); }
    .wgbv-visual[data-wgbv="reminders-care"]:is(.point *) .wgbv-row-4 { display: flex; top: calc(var(--wgbv-p) * 249.5); }
  }
}

/* ---- visuals/screening.css ---- */
.wgbv-visual[data-wgbv="screening"] { --wgbv-ar: 1379 / 833; --wgbv-w: 400; --wgbv-h: 242; }
.wgbv-visual[data-wgbv="screening"] .wgbv-sc-card { position: absolute; left: calc(var(--wgbv-p) * 3); top: calc(var(--wgbv-p) * 13); width: calc(var(--wgbv-p) * 334); padding: calc(var(--wgbv-p) * 15) calc(var(--wgbv-p) * 16) calc(var(--wgbv-p) * 18); border: calc(var(--wgbv-p) * .9) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 14); background: #fff;
  box-shadow: 0 calc(var(--wgbv-p) * 1) calc(var(--wgbv-p) * 2) rgba(16, 24, 40, .04), 0 calc(var(--wgbv-p) * 10) calc(var(--wgbv-p) * 28) rgba(16, 24, 40, .08); }
.wgbv-visual[data-wgbv="screening"] .wgbv-sc-title { display: block; font-size: calc(var(--wgbv-p) * 15); font-weight: 600; line-height: 1.25; letter-spacing: -.01em; color: #141826; }
.wgbv-visual[data-wgbv="screening"] .wgbv-sc-sub { display: block; margin-top: calc(var(--wgbv-p) * 3); font-size: calc(var(--wgbv-p) * 11); line-height: 1.3; color: #6B7280; }
.wgbv-visual[data-wgbv="screening"] .wgbv-sc-add { position: absolute; right: calc(var(--wgbv-p) * 16); top: calc(var(--wgbv-p) * 16); display: flex; align-items: center; gap: calc(var(--wgbv-p) * 5); height: calc(var(--wgbv-p) * 30); padding: 0 calc(var(--wgbv-p) * 12) 0 calc(var(--wgbv-p) * 10); border: calc(var(--wgbv-p) * .9) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 8); background: #fff; color: #4F46E5; font-size: calc(var(--wgbv-p) * 12); font-weight: 500; box-shadow: 0 calc(var(--wgbv-p) * 1) calc(var(--wgbv-p) * 2) rgba(16, 24, 40, .05); }
.wgbv-visual[data-wgbv="screening"] .wgbv-sc-add .wgbv-i { width: calc(var(--wgbv-p) * 14); height: calc(var(--wgbv-p) * 14); }
.wgbv-visual[data-wgbv="screening"] .wgbv-sc-hr { display: block; margin: calc(var(--wgbv-p) * 14) calc(var(--wgbv-p) * -16) calc(var(--wgbv-p) * 14); border-top: calc(var(--wgbv-p) * .9) solid #E5E7EB; }
.wgbv-visual[data-wgbv="screening"] .wgbv-sc-rule { display: grid; grid-template-columns: calc(var(--wgbv-p) * 84) minmax(0, 1fr) calc(var(--wgbv-p) * 48) calc(var(--wgbv-p) * 16); align-items: center; gap: calc(var(--wgbv-p) * 8); height: calc(var(--wgbv-p) * 32); }
.wgbv-visual[data-wgbv="screening"] .wgbv-sc-r2 { margin-top: calc(var(--wgbv-p) * 10); }
.wgbv-visual[data-wgbv="screening"] .wgbv-sc-lead { display: flex; align-items: center; gap: calc(var(--wgbv-p) * 7); }
.wgbv-visual[data-wgbv="screening"] .wgbv-sc-join { display: inline-grid; place-items: center; height: calc(var(--wgbv-p) * 22); padding: 0 calc(var(--wgbv-p) * 9); border-radius: calc(var(--wgbv-p) * 11); background: #F0EEFE; color: #4F46E5; font-size: calc(var(--wgbv-p) * 10.5); font-weight: 500; }
.wgbv-visual[data-wgbv="screening"] .wgbv-sc-field { font-size: calc(var(--wgbv-p) * 12.5); font-weight: 600; color: #374151; }
.wgbv-visual[data-wgbv="screening"] .wgbv-sc-box { display: flex; align-items: center; height: calc(var(--wgbv-p) * 32); padding: 0 calc(var(--wgbv-p) * 10); border: calc(var(--wgbv-p) * .9) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 8); background: #fff; font-size: calc(var(--wgbv-p) * 11.5); color: #374151; white-space: nowrap; }
.wgbv-visual[data-wgbv="screening"] .wgbv-sc-op { justify-content: space-between; gap: calc(var(--wgbv-p) * 6); }
.wgbv-visual[data-wgbv="screening"] .wgbv-sc-op .wgbv-i { width: calc(var(--wgbv-p) * 13); height: calc(var(--wgbv-p) * 13); color: #6B7280; stroke-width: 2.2; }
.wgbv-visual[data-wgbv="screening"] .wgbv-sc-val { font-size: calc(var(--wgbv-p) * 12); color: #111827; }
.wgbv-visual[data-wgbv="screening"] .wgbv-sc-typed { display: inline-block; }
.wgbv-visual[data-wgbv="screening"] .wgbv-sc-del { width: calc(var(--wgbv-p) * 16); height: calc(var(--wgbv-p) * 16); color: #EF4444; stroke-width: 1.8; }
.wgbv-visual[data-wgbv="screening"] .wgbv-sc-ok { position: absolute; left: calc(var(--wgbv-p) * 194); top: calc(var(--wgbv-p) * 175); display: flex; align-items: center; gap: calc(var(--wgbv-p) * 10); width: calc(var(--wgbv-p) * 202); height: calc(var(--wgbv-p) * 54); padding: 0 calc(var(--wgbv-p) * 12); border: calc(var(--wgbv-p) * .9) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 14); background: #fff;
  box-shadow: 0 calc(var(--wgbv-p) * 2) calc(var(--wgbv-p) * 4) rgba(16, 24, 40, .05), 0 calc(var(--wgbv-p) * 14) calc(var(--wgbv-p) * 32) rgba(16, 24, 40, .14); }
.wgbv-visual[data-wgbv="screening"] .wgbv-sc-tick { display: grid; place-items: center; width: calc(var(--wgbv-p) * 30); height: calc(var(--wgbv-p) * 30); flex: none; border-radius: 50%; background: #DCFCE7; color: #16A34A; }
.wgbv-visual[data-wgbv="screening"] .wgbv-sc-tick .wgbv-i { width: calc(var(--wgbv-p) * 17); height: calc(var(--wgbv-p) * 17); stroke-width: 2.6; }
.wgbv-visual[data-wgbv="screening"] .wgbv-sc-res { display: flex; flex-direction: column; gap: calc(var(--wgbv-p) * 2); min-width: 0; }
.wgbv-visual[data-wgbv="screening"] .wgbv-sc-form { font-size: calc(var(--wgbv-p) * 10); color: #64748B; }
.wgbv-visual[data-wgbv="screening"] .wgbv-sc-yes { font-size: calc(var(--wgbv-p) * 12.5); font-weight: 600; letter-spacing: -.01em; color: #2C2D73; white-space: nowrap; }
@container (max-width: 329px) {
  .wgbv-visual[data-wgbv="screening"] .wgbv-stage { --wgbv-w: 300; --wgbv-h: 222; }
  .wgbv-visual[data-wgbv="screening"] .wgbv-sc-card { width: calc(var(--wgbv-p) * 294); }
  .wgbv-visual[data-wgbv="screening"] .wgbv-sc-sub { display: none; }
  .wgbv-visual[data-wgbv="screening"] .wgbv-sc-rule { grid-template-columns: calc(var(--wgbv-p) * 66) minmax(0, 1fr) calc(var(--wgbv-p) * 36) calc(var(--wgbv-p) * 14); gap: calc(var(--wgbv-p) * 6); }
  .wgbv-visual[data-wgbv="screening"] .wgbv-sc-lead { gap: calc(var(--wgbv-p) * 4); }
  .wgbv-visual[data-wgbv="screening"] .wgbv-sc-join { padding: 0 calc(var(--wgbv-p) * 6); }
  .wgbv-visual[data-wgbv="screening"] .wgbv-sc-ok { left: calc(var(--wgbv-p) * 94); top: calc(var(--wgbv-p) * 160); }
}
.wgbv-visual[data-wgbv="screening"][data-wgbv-layout="corner"] { --wgbv-layout: corner; }
@container (aspect-ratio > 2.4) {
  .wgbv-visual[data-wgbv="screening"] .wgbv-stage { --wgbv-w: 510; --wgbv-h: 163; }
  .wgbv-visual[data-wgbv="screening"] .wgbv-sc-card { top: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 294); }
  .wgbv-visual[data-wgbv="screening"] .wgbv-sc-sub { display: none; }
  .wgbv-visual[data-wgbv="screening"] .wgbv-sc-rule { grid-template-columns: calc(var(--wgbv-p) * 66) minmax(0, 1fr) calc(var(--wgbv-p) * 36) calc(var(--wgbv-p) * 14); gap: calc(var(--wgbv-p) * 6); }
  .wgbv-visual[data-wgbv="screening"] .wgbv-sc-lead { gap: calc(var(--wgbv-p) * 4); }
  .wgbv-visual[data-wgbv="screening"] .wgbv-sc-join { padding: 0 calc(var(--wgbv-p) * 6); }
  .wgbv-visual[data-wgbv="screening"] .wgbv-sc-ok { left: calc(var(--wgbv-p) * 305); top: calc(var(--wgbv-p) * 54); }
}
@media (max-width: 479px) {
  @container ((max-width: 329px) and (aspect-ratio < 1.175)) or ((min-width: 330px) and (aspect-ratio < 1.5)) {
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-stage { --wgbv-w: 300; --wgbv-h: 254; }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-card { top: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 294); }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-sub { display: block; margin-right: calc(var(--wgbv-p) * 78); }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-rule { grid-template-columns: calc(var(--wgbv-p) * 66) minmax(0, 1fr) calc(var(--wgbv-p) * 36) calc(var(--wgbv-p) * 14); gap: calc(var(--wgbv-p) * 6); }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-lead { gap: calc(var(--wgbv-p) * 4); }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-join { padding: 0 calc(var(--wgbv-p) * 6); }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-ok { left: calc(var(--wgbv-p) * 3); top: calc(var(--wgbv-p) * 198); width: calc(var(--wgbv-p) * 294); }
  }
  @container ((max-width: 329px) and (aspect-ratio < 0.96)) or ((min-width: 330px) and (aspect-ratio < 1.1)) {
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-stage { --wgbv-h: 304; }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-ok { top: calc(var(--wgbv-p) * 200); flex-direction: column; justify-content: center; gap: calc(var(--wgbv-p) * 8); height: calc(var(--wgbv-p) * 100); }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-tick { width: calc(var(--wgbv-p) * 36); height: calc(var(--wgbv-p) * 36); }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-tick .wgbv-i { width: calc(var(--wgbv-p) * 20); height: calc(var(--wgbv-p) * 20); }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-res { align-items: center; }
  }
  @container ((min-width: 310px) and (max-width: 329px) and (aspect-ratio < 0.95)) or ((min-width: 330px) and (aspect-ratio < 1.1)) {
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-stage { --wgbv-h: 324; }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-ok { top: calc(var(--wgbv-p) * 204); gap: calc(var(--wgbv-p) * 10); height: calc(var(--wgbv-p) * 116); }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-tick { width: calc(var(--wgbv-p) * 44); height: calc(var(--wgbv-p) * 44); }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-tick .wgbv-i { width: calc(var(--wgbv-p) * 24); height: calc(var(--wgbv-p) * 24); }
  }
}
@media (min-width: 480px) and (max-width: 991px) {
  @container (aspect-ratio <= 2.4) and (((max-width: 329px) and (aspect-ratio <= 1.215)) or ((min-width: 330px) and (aspect-ratio <= 1.62)) or (min-height: 289.8px)) {
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-stage { --wgbv-w: 300; --wgbv-h: 247; top: 0; height: 100cqh; }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-card { top: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 294); }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-sub { display: block; margin-right: calc(var(--wgbv-p) * 78); }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-rule { grid-template-columns: calc(var(--wgbv-p) * 66) minmax(0, 1fr) calc(var(--wgbv-p) * 36) calc(var(--wgbv-p) * 14); gap: calc(var(--wgbv-p) * 6); }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-lead { gap: calc(var(--wgbv-p) * 4); }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-join { padding: 0 calc(var(--wgbv-p) * 6); }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-ok { left: calc(var(--wgbv-p) * 3); top: calc(var(--wgbv-p) * 191); bottom: calc(var(--wgbv-p) * 6); width: calc(var(--wgbv-p) * 294); height: auto; }
  }
  @container (aspect-ratio <= 2.4) and ((aspect-ratio <= 1.045) or (min-height: 337px)) {
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-ok { flex-direction: column; justify-content: center; gap: calc(var(--wgbv-p) * 10); }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-tick { width: calc(var(--wgbv-p) * 44); height: calc(var(--wgbv-p) * 44); }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-tick .wgbv-i { width: calc(var(--wgbv-p) * 24); height: calc(var(--wgbv-p) * 24); }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-res { align-items: center; }
  }
  @container (aspect-ratio > 2.4) and ((aspect-ratio <= 2.55) or (min-height: 234.7px)) {
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-stage { --wgbv-h: 200; }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-card { top: calc(var(--wgbv-p) * 6); }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-sub { display: block; margin-right: calc(var(--wgbv-p) * 78); }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-ok { top: calc(var(--wgbv-p) * 73); }
  }
}
@media (min-width: 480px) and (max-width: 991px) {
  @container (aspect-ratio > 2.55) and (aspect-ratio <= 2.615) {
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-stage { --wgbv-h: 195; }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-card { top: calc(var(--wgbv-p) * 3.5); }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-sub { display: block; margin-right: calc(var(--wgbv-p) * 78); }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-ok { top: calc(var(--wgbv-p) * 70.5); }
  }
  @container (aspect-ratio > 2.4) and (min-height: 249.9px) {
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-stage { --wgbv-h: 213; }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-card { top: calc(var(--wgbv-p) * 6); }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-sub { display: block; margin-right: calc(var(--wgbv-p) * 78); }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-hr { margin: calc(var(--wgbv-p) * 17) calc(var(--wgbv-p) * -16); }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-rule { height: calc(var(--wgbv-p) * 34); }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-box { height: calc(var(--wgbv-p) * 34); }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-r2 { margin-top: calc(var(--wgbv-p) * 13); }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-ok { top: calc(var(--wgbv-p) * 79.5); }
  }
  @container (aspect-ratio > 2.4) and (min-height: 258.1px) {
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-stage { --wgbv-h: 220; }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-hr { margin: calc(var(--wgbv-p) * 18) calc(var(--wgbv-p) * -16); }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-rule { height: calc(var(--wgbv-p) * 36); }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-box { height: calc(var(--wgbv-p) * 36); }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-r2 { margin-top: calc(var(--wgbv-p) * 14); }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-ok { top: calc(var(--wgbv-p) * 83); }
  }
  @container (max-width: 329px) and (aspect-ratio > 1.215) and (aspect-ratio <= 1.282) {
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-stage { --wgbv-h: 234; }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-card { top: calc(var(--wgbv-p) * 3); }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-sub { display: block; margin-right: calc(var(--wgbv-p) * 78); }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-ok { top: calc(var(--wgbv-p) * 179); }
  }
}
@media (max-width: 479px) {
  @container (min-width: 330px) and (aspect-ratio < 1.1) and (min-height: 360px) {
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-stage { top: 0; height: 100cqh; }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-hr { margin: calc(var(--wgbv-p) * 18) calc(var(--wgbv-p) * -16); }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-rule { height: calc(var(--wgbv-p) * 36); }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-box { height: calc(var(--wgbv-p) * 36); }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-r2 { margin-top: calc(var(--wgbv-p) * 14); }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-ok { top: calc(var(--wgbv-p) * 224); bottom: calc(var(--wgbv-p) * 6); height: auto; }
  }
}
@media (max-width: 479px) {
  @container (min-width: 362px) and (aspect-ratio >= 1.1) and (aspect-ratio < 1.5) and (min-height: 260.8px) {
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-stage { top: 0; height: 100cqh; }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-ok { bottom: calc(var(--wgbv-p) * 6); height: auto; }
  }
  @container (min-width: 362px) and (aspect-ratio >= 1.5) and (aspect-ratio <= 1.619) {
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-stage { --wgbv-w: 300; --wgbv-h: 247; top: 0; height: 100cqh; }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-card { top: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 294); }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-sub { display: block; margin-right: calc(var(--wgbv-p) * 78); }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-rule { grid-template-columns: calc(var(--wgbv-p) * 66) minmax(0, 1fr) calc(var(--wgbv-p) * 36) calc(var(--wgbv-p) * 14); gap: calc(var(--wgbv-p) * 6); }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-lead { gap: calc(var(--wgbv-p) * 4); }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-join { padding: 0 calc(var(--wgbv-p) * 6); }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-ok { left: calc(var(--wgbv-p) * 3); top: calc(var(--wgbv-p) * 191); bottom: calc(var(--wgbv-p) * 6); width: calc(var(--wgbv-p) * 294); height: auto; }
  }
  @container (min-width: 362px) and (aspect-ratio > 2.4) and (aspect-ratio <= 2.55) {
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-stage { --wgbv-h: 200; }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-card { top: calc(var(--wgbv-p) * 6); }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-sub { display: block; margin-right: calc(var(--wgbv-p) * 78); }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-ok { top: calc(var(--wgbv-p) * 73); }
  }
  @container (min-width: 362px) and (aspect-ratio > 2.55) and (aspect-ratio <= 2.615) {
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-stage { --wgbv-h: 195; }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-card { top: calc(var(--wgbv-p) * 3.5); }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-sub { display: block; margin-right: calc(var(--wgbv-p) * 78); }
    .wgbv-visual[data-wgbv="screening"]:is(.point *) .wgbv-sc-ok { top: calc(var(--wgbv-p) * 70.5); }
  }
}

@container (aspect-ratio < 1.2) {
  .wgbv-visual[data-wgbv="screening"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-stage { --wgbv-w: 300; --wgbv-h: 324; }
  .wgbv-visual[data-wgbv="screening"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-sc-card { top: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 294); }
  .wgbv-visual[data-wgbv="screening"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-sc-sub { display: block; margin-right: calc(var(--wgbv-p) * 78); }
  .wgbv-visual[data-wgbv="screening"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-sc-rule { grid-template-columns: calc(var(--wgbv-p) * 66) minmax(0, 1fr) calc(var(--wgbv-p) * 36) calc(var(--wgbv-p) * 14); gap: calc(var(--wgbv-p) * 6); }
  .wgbv-visual[data-wgbv="screening"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-sc-lead { gap: calc(var(--wgbv-p) * 4); }
  .wgbv-visual[data-wgbv="screening"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-sc-join { padding: 0 calc(var(--wgbv-p) * 6); }
  .wgbv-visual[data-wgbv="screening"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-sc-ok { left: calc(var(--wgbv-p) * 3); top: calc(var(--wgbv-p) * 204); width: calc(var(--wgbv-p) * 294); height: calc(var(--wgbv-p) * 116);
    flex-direction: column; justify-content: center; gap: calc(var(--wgbv-p) * 10); }
  .wgbv-visual[data-wgbv="screening"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-sc-tick { width: calc(var(--wgbv-p) * 44); height: calc(var(--wgbv-p) * 44); }
  .wgbv-visual[data-wgbv="screening"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-sc-tick .wgbv-i { width: calc(var(--wgbv-p) * 24); height: calc(var(--wgbv-p) * 24); }
  .wgbv-visual[data-wgbv="screening"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-sc-res { align-items: center; }
}
@container (aspect-ratio >= 1.6) and (aspect-ratio <= 2.4) {
  .wgbv-visual[data-wgbv="screening"]:is(.platform_content-box .image-wrap *) .wgbv-stage { --wgbv-w: 384; --wgbv-h: 190; }
  .wgbv-visual[data-wgbv="screening"]:is(.platform_content-box .image-wrap *) .wgbv-sc-card { top: calc(var(--wgbv-p) * 2); width: calc(var(--wgbv-p) * 294); padding-top: calc(var(--wgbv-p) * 13); }
  .wgbv-visual[data-wgbv="screening"]:is(.platform_content-box .image-wrap *) .wgbv-sc-sub { display: none; }
  .wgbv-visual[data-wgbv="screening"]:is(.platform_content-box .image-wrap *) .wgbv-sc-rule { grid-template-columns: calc(var(--wgbv-p) * 66) minmax(0, 1fr) calc(var(--wgbv-p) * 36) calc(var(--wgbv-p) * 14); gap: calc(var(--wgbv-p) * 6); }
  .wgbv-visual[data-wgbv="screening"]:is(.platform_content-box .image-wrap *) .wgbv-sc-lead { gap: calc(var(--wgbv-p) * 4); }
  .wgbv-visual[data-wgbv="screening"]:is(.platform_content-box .image-wrap *) .wgbv-sc-join { padding: 0 calc(var(--wgbv-p) * 6); }
  .wgbv-visual[data-wgbv="screening"]:is(.platform_content-box .image-wrap *) .wgbv-sc-ok { left: calc(var(--wgbv-p) * 178); top: calc(var(--wgbv-p) * 135); }
  .wgbv-visual[data-wgbv="screening"]:is(.platform_content-box .image-wrap *) .wgbv-sc-add { top: calc(var(--wgbv-p) * 11); }
  .wgbv-visual[data-wgbv="screening"]:is(.platform_content-box .image-wrap *) .wgbv-sc-hr { margin-top: calc(var(--wgbv-p) * 12); margin-bottom: calc(var(--wgbv-p) * 9); }
  .wgbv-visual[data-wgbv="screening"]:is(.platform_content-box .image-wrap *) .wgbv-sc-r2 { margin-top: calc(var(--wgbv-p) * 8); }
}

.wgbv-visual[data-wgbv="screening"]:is(.hero-image-wrapper *) { border-radius: 16px; background: #F2F3F5; }
.wgbv-visual[data-wgbv="screening"]:is(.hero-image-wrapper *) .wgbv-stage { --wgbv-w: 400; --wgbv-h: 350; --wgbv-fill: .9; }
.wgbv-visual[data-wgbv="screening"]:is(.hero-image-wrapper *) .wgbv-sc-card { left: calc(var(--wgbv-p) * 3); top: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 394); }
.wgbv-visual[data-wgbv="screening"]:is(.hero-image-wrapper *) .wgbv-sc-sub { display: block; }
.wgbv-visual[data-wgbv="screening"]:is(.hero-image-wrapper *) .wgbv-sc-rule { grid-template-columns: calc(var(--wgbv-p) * 84) minmax(0, 1fr) calc(var(--wgbv-p) * 48) calc(var(--wgbv-p) * 16); gap: calc(var(--wgbv-p) * 8); }
.wgbv-visual[data-wgbv="screening"]:is(.hero-image-wrapper *) .wgbv-sc-lead { gap: calc(var(--wgbv-p) * 7); }
.wgbv-visual[data-wgbv="screening"]:is(.hero-image-wrapper *) .wgbv-sc-join { padding: 0 calc(var(--wgbv-p) * 9); }
.wgbv-visual[data-wgbv="screening"]:is(.hero-image-wrapper *) .wgbv-sc-ok { left: calc(var(--wgbv-p) * 3); top: calc(var(--wgbv-p) * 196); width: calc(var(--wgbv-p) * 394); height: calc(var(--wgbv-p) * 150); flex-direction: column; justify-content: center; gap: calc(var(--wgbv-p) * 12); }
.wgbv-visual[data-wgbv="screening"]:is(.hero-image-wrapper *) .wgbv-sc-tick { width: calc(var(--wgbv-p) * 48); height: calc(var(--wgbv-p) * 48); }
.wgbv-visual[data-wgbv="screening"]:is(.hero-image-wrapper *) .wgbv-sc-tick .wgbv-i { width: calc(var(--wgbv-p) * 26); height: calc(var(--wgbv-p) * 26); }
.wgbv-visual[data-wgbv="screening"]:is(.hero-image-wrapper *) .wgbv-sc-res { align-items: center; }

/* ---- visuals/security.css ---- */
.wgbv-visual[data-wgbv="security"] { --wgbv-ar: 223 / 250; --wgbv-w: 446; --wgbv-h: 500; }
.wgbv-visual[data-wgbv="security"] .wgbv-stage { overflow: hidden; }
.wgbv-visual[data-wgbv="security"] .wgbv-phone { left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 14); width: calc(var(--wgbv-p) * 422); height: calc(var(--wgbv-p) * 600); }
.wgbv-visual[data-wgbv="security"] .wgbv-pin-h { position: absolute; left: 0; right: 0; top: calc(var(--wgbv-p) * 124); text-align: center; font-size: calc(var(--wgbv-p) * 23); font-weight: 600; line-height: 1.2; letter-spacing: -.015em; color: #2C2D73; }
.wgbv-visual[data-wgbv="security"] .wgbv-pin-l { position: absolute; left: 0; right: 0; top: calc(var(--wgbv-p) * 166); text-align: center; font-size: calc(var(--wgbv-p) * 15.5); font-weight: 500; line-height: 1.2; color: #475569; }
.wgbv-visual[data-wgbv="security"] .wgbv-pin-boxes { position: absolute; left: 0; right: 0; top: calc(var(--wgbv-p) * 196); display: flex; justify-content: center; gap: calc(var(--wgbv-p) * 10); }
.wgbv-visual[data-wgbv="security"] .wgbv-pin-boxes i { --on: 1; position: relative; display: block; width: calc(var(--wgbv-p) * 42); height: calc(var(--wgbv-p) * 42); border-radius: calc(var(--wgbv-p) * 8);
  border: calc(var(--wgbv-p) * 1) solid color-mix(in srgb, #6741D9 calc(var(--on) * 100%), #CBD5E1); box-shadow: inset 0 0 0 calc(var(--wgbv-p) * var(--on)) #6741D9; }
.wgbv-visual[data-wgbv="security"] .wgbv-pin-boxes i::before { content: ''; position: absolute; left: 50%; top: 50%; width: calc(var(--wgbv-p) * 15); height: calc(var(--wgbv-p) * 15); margin: calc(var(--wgbv-p) * -7.5) 0 0 calc(var(--wgbv-p) * -7.5); border-radius: 50%; background: #64748B; transform: scale(var(--dot, var(--on))); }
.wgbv-visual[data-wgbv="security"] .wgbv-pin-pad { position: absolute; left: calc(var(--wgbv-p) * 20); right: calc(var(--wgbv-p) * 20); top: calc(var(--wgbv-p) * 262); display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: calc(var(--wgbv-p) * 74); }
.wgbv-visual[data-wgbv="security"] .wgbv-pin-k { display: grid; place-items: center; font-size: calc(var(--wgbv-p) * 27); font-weight: 500; line-height: 1; color: #1E293B; }

@media (min-width: 480px) and (max-width: 991px) {
  @container (aspect-ratio < 1.4) and (min-height: 280px) {
    .wgbv-visual[data-wgbv="security"]:is(.point *) .wgbv-stage { --wgbv-fill: 1; }
    .wgbv-visual[data-wgbv="security"]:is(.point *) .wgbv-pin-k { font-size: calc(var(--wgbv-p) * 24); }
  }
}

@media (max-width: 479px) {
  @container (max-height: 199.98px) {
    .wgbv-visual[data-wgbv="security"]:is(.point *) .wgbv-stage { --wgbv-fill: 1; }
  }
  @container (min-height: 246.5px) and (max-height: 279.98px) {
    .wgbv-visual[data-wgbv="security"]:is(.point *) .wgbv-pin-k { font-size: calc(var(--wgbv-p) * 24); }
  }
}

/* ---- visuals/self-enrol.css ---- */
.wgbv-visual[data-wgbv="self-enrol"] { --wgbv-ar: 1 / 1; --wgbv-w: 360; --wgbv-h: 360; }
.wgbv-visual[data-wgbv="self-enrol"] .wgbv-stage { color: #111827; }
.wgbv-visual[data-wgbv="self-enrol"] .wgbv-se-qr { position: absolute; left: calc(var(--wgbv-p) * 128); top: calc(var(--wgbv-p) * 6); width: calc(var(--wgbv-p) * 168); height: calc(var(--wgbv-p) * 148); display: flex; flex-direction: column; align-items: center; padding-top: calc(var(--wgbv-p) * 10);
  border: calc(var(--wgbv-p) * 1.5) dashed #8B5CF6; border-radius: calc(var(--wgbv-p) * 14); background: #fff; }
.wgbv-visual[data-wgbv="self-enrol"] .wgbv-se-code { position: relative; display: block; width: calc(var(--wgbv-p) * 88); height: calc(var(--wgbv-p) * 88); flex: none; }
.wgbv-visual[data-wgbv="self-enrol"] .wgbv-se-code svg { display: block; width: 100%; height: 100%; }
.wgbv-visual[data-wgbv="self-enrol"] .wgbv-se-code path { fill: none; stroke: #111827; stroke-width: 1; }
.wgbv-visual[data-wgbv="self-enrol"] .wgbv-se-scan { position: absolute; left: calc(var(--wgbv-p) * -6); right: calc(var(--wgbv-p) * -6); top: 0; height: calc(var(--wgbv-p) * 2); border-radius: calc(var(--wgbv-p) * 1); background: #8B5CF6; box-shadow: 0 0 calc(var(--wgbv-p) * 6) calc(var(--wgbv-p) * 1) rgba(139, 92, 246, .55); opacity: 0; }
.wgbv-visual[data-wgbv="self-enrol"] .wgbv-se-join { margin-top: calc(var(--wgbv-p) * 8); font-size: calc(var(--wgbv-p) * 12); line-height: 1.3; color: #111827; white-space: nowrap; }
.wgbv-visual[data-wgbv="self-enrol"] .wgbv-se-study { margin-top: calc(var(--wgbv-p) * 1); font-size: calc(var(--wgbv-p) * 15); font-weight: 700; line-height: 1.25; letter-spacing: -.01em; color: #6D28D9; white-space: nowrap; }
.wgbv-visual[data-wgbv="self-enrol"] .wgbv-se-tag { position: absolute; display: flex; align-items: center; height: calc(var(--wgbv-p) * 30); padding: 0 calc(var(--wgbv-p) * 14); border: calc(var(--wgbv-p) * 1.5) solid #7C3AED; border-radius: calc(var(--wgbv-p) * 8); background: #F5F3FF;
  box-shadow: 0 calc(var(--wgbv-p) * 6) calc(var(--wgbv-p) * 16) rgba(76, 29, 149, .10); font-size: calc(var(--wgbv-p) * 12.5); font-weight: 600; color: #6D28D9; white-space: nowrap; }
.wgbv-visual[data-wgbv="self-enrol"] .wgbv-se-self { left: calc(var(--wgbv-p) * 24); top: calc(var(--wgbv-p) * 20); }
.wgbv-visual[data-wgbv="self-enrol"] .wgbv-se-man { left: calc(var(--wgbv-p) * 206); top: calc(var(--wgbv-p) * 180); }
.wgbv-visual[data-wgbv="self-enrol"] .wgbv-se-form { position: absolute; left: calc(var(--wgbv-p) * 40); top: calc(var(--wgbv-p) * 164); width: calc(var(--wgbv-p) * 250); height: calc(var(--wgbv-p) * 188); display: flex; flex-direction: column; padding: calc(var(--wgbv-p) * 12) calc(var(--wgbv-p) * 14) 0;
  border: calc(var(--wgbv-p) * 1.5) solid #6366F1; border-radius: calc(var(--wgbv-p) * 14); background: #fff; }
.wgbv-visual[data-wgbv="self-enrol"] .wgbv-se-form > * { flex: none; }
.wgbv-visual[data-wgbv="self-enrol"] .wgbv-se-h { font-size: calc(var(--wgbv-p) * 15); font-weight: 700; line-height: 1.2; letter-spacing: -.01em; color: #4338CA; white-space: nowrap; }
.wgbv-visual[data-wgbv="self-enrol"] .wgbv-se-l { margin-top: calc(var(--wgbv-p) * 10); font-size: calc(var(--wgbv-p) * 12); font-weight: 500; line-height: 1.25; color: #374151; white-space: pre; }
.wgbv-visual[data-wgbv="self-enrol"] .wgbv-se-in + .wgbv-se-l { margin-top: calc(var(--wgbv-p) * 8); }
.wgbv-visual[data-wgbv="self-enrol"] .wgbv-se-req { color: #DC2626; }
.wgbv-visual[data-wgbv="self-enrol"] .wgbv-se-in { position: relative; display: flex; align-items: center; height: calc(var(--wgbv-p) * 26); margin-top: calc(var(--wgbv-p) * 4); padding: 0 calc(var(--wgbv-p) * 10); border: calc(var(--wgbv-p) * 1) solid #D1D5DB; border-radius: calc(var(--wgbv-p) * 6); background: #fff; }
.wgbv-visual[data-wgbv="self-enrol"] .wgbv-se-ph { font-size: calc(var(--wgbv-p) * 11.5); color: #9CA3AF; white-space: nowrap; opacity: 0; }
.wgbv-visual[data-wgbv="self-enrol"] .wgbv-se-in i { position: absolute; left: calc(var(--wgbv-p) * 10); top: 50%; width: calc(var(--wgbv-p) * 86); height: calc(var(--wgbv-p) * 8); margin-top: calc(var(--wgbv-p) * -4); border-radius: calc(var(--wgbv-p) * 4); background: #CBD5E1; transform-origin: left center; }
.wgbv-visual[data-wgbv="self-enrol"] .wgbv-se-in ~ .wgbv-se-in i { width: calc(var(--wgbv-p) * 124); }
.wgbv-visual[data-wgbv="self-enrol"] .wgbv-se-next { display: flex; align-items: center; justify-content: center; gap: calc(var(--wgbv-p) * 6); height: calc(var(--wgbv-p) * 28); margin-top: calc(var(--wgbv-p) * 10); border-radius: calc(var(--wgbv-p) * 7); background: #4F46E5; color: #fff; font-size: calc(var(--wgbv-p) * 12.5); font-weight: 500; }
.wgbv-visual[data-wgbv="self-enrol"] .wgbv-se-next .wgbv-i { width: calc(var(--wgbv-p) * 14); height: calc(var(--wgbv-p) * 14); stroke-width: 2.2; }

@container (aspect-ratio >= 1.45) {
  .wgbv-visual[data-wgbv="self-enrol"] .wgbv-stage { --wgbv-w: 400; --wgbv-h: 200; }
  .wgbv-visual[data-wgbv="self-enrol"] .wgbv-se-qr { left: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 34); width: calc(var(--wgbv-p) * 152); height: calc(var(--wgbv-p) * 156); padding-top: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="self-enrol"] .wgbv-se-code { width: calc(var(--wgbv-p) * 84); height: calc(var(--wgbv-p) * 84); }
  .wgbv-visual[data-wgbv="self-enrol"] .wgbv-se-join { font-size: calc(var(--wgbv-p) * 11.5); }
  .wgbv-visual[data-wgbv="self-enrol"] .wgbv-se-study { font-size: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="self-enrol"] .wgbv-se-tag { height: calc(var(--wgbv-p) * 28); padding: 0 calc(var(--wgbv-p) * 12); font-size: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="self-enrol"] .wgbv-se-self { left: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="self-enrol"] .wgbv-se-man { left: calc(var(--wgbv-p) * 256); top: calc(var(--wgbv-p) * 8); }
  .wgbv-visual[data-wgbv="self-enrol"] .wgbv-se-form { left: calc(var(--wgbv-p) * 176); top: calc(var(--wgbv-p) * 26); width: calc(var(--wgbv-p) * 214); height: calc(var(--wgbv-p) * 166); padding: calc(var(--wgbv-p) * 10) calc(var(--wgbv-p) * 12) 0; }
  .wgbv-visual[data-wgbv="self-enrol"] .wgbv-se-h { font-size: calc(var(--wgbv-p) * 13.5); }
  .wgbv-visual[data-wgbv="self-enrol"] .wgbv-se-l { margin-top: calc(var(--wgbv-p) * 7); font-size: calc(var(--wgbv-p) * 11); }
  .wgbv-visual[data-wgbv="self-enrol"] .wgbv-se-in + .wgbv-se-l { margin-top: calc(var(--wgbv-p) * 6); }
  .wgbv-visual[data-wgbv="self-enrol"] .wgbv-se-in { height: calc(var(--wgbv-p) * 22); margin-top: calc(var(--wgbv-p) * 3); padding: 0 calc(var(--wgbv-p) * 8); }
  .wgbv-visual[data-wgbv="self-enrol"] .wgbv-se-ph { font-size: calc(var(--wgbv-p) * 10.5); }
  .wgbv-visual[data-wgbv="self-enrol"] .wgbv-se-in i { left: calc(var(--wgbv-p) * 8); height: calc(var(--wgbv-p) * 7); margin-top: calc(var(--wgbv-p) * -3.5); width: calc(var(--wgbv-p) * 76); }
  .wgbv-visual[data-wgbv="self-enrol"] .wgbv-se-in ~ .wgbv-se-in i { width: calc(var(--wgbv-p) * 108); }
  .wgbv-visual[data-wgbv="self-enrol"] .wgbv-se-next { height: calc(var(--wgbv-p) * 24); margin-top: calc(var(--wgbv-p) * 9); font-size: calc(var(--wgbv-p) * 11.5); }
}

/* ---- visuals/sleep-billing.css ---- */
.wgbv-visual[data-wgbv="sleep-billing"] { --wgbv-ar: 340 / 210; --wgbv-w: 340; --wgbv-h: 210; }
.wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-panel { position: absolute; inset: calc(var(--wgbv-p) * 4); display: flex; flex-direction: column; gap: calc(var(--wgbv-p) * 10); padding: calc(var(--wgbv-p) * 13);
  border: calc(var(--wgbv-p) * .9) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 14); background: #fff;
  box-shadow: 0 calc(var(--wgbv-p) * 1) calc(var(--wgbv-p) * 2) rgba(16, 24, 40, .04), 0 calc(var(--wgbv-p) * 8) calc(var(--wgbv-p) * 18) rgba(16, 24, 40, .07); }
.wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-head { display: flex; flex-wrap: wrap; align-items: center; gap: calc(var(--wgbv-p) * 8); }
.wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-ic { display: grid; place-items: center; flex: none; width: calc(var(--wgbv-p) * 26); height: calc(var(--wgbv-p) * 26); border-radius: calc(var(--wgbv-p) * 7); background: #F0EEFE; color: #6741D9; }
.wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-ic .wgbv-i { width: calc(var(--wgbv-p) * 15); height: calc(var(--wgbv-p) * 15); stroke-width: 1.9; }
.wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-title { font-size: calc(var(--wgbv-p) * 13.5); font-weight: 700; line-height: 1.2; letter-spacing: -.01em; color: #111827; white-space: nowrap; }
.wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-admin { display: inline-flex; align-items: center; gap: calc(var(--wgbv-p) * 4); height: calc(var(--wgbv-p) * 22); margin-left: auto; padding: 0 calc(var(--wgbv-p) * 9) 0 calc(var(--wgbv-p) * 7);
  border-radius: calc(var(--wgbv-p) * 11); background: #DCFCE7; color: #166534; font-size: calc(var(--wgbv-p) * 10); font-weight: 600; line-height: 1; white-space: nowrap; }
.wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-admin .wgbv-i { width: calc(var(--wgbv-p) * 12); height: calc(var(--wgbv-p) * 12); stroke-width: 2; }
.wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-rows { display: flex; flex-direction: column; flex: 1; gap: calc(var(--wgbv-p) * 6); min-height: 0; }
.wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-row { position: relative; display: flex; align-items: center; flex: 1; gap: calc(var(--wgbv-p) * 9); min-width: 0; padding: 0 calc(var(--wgbv-p) * 10);
  border: calc(var(--wgbv-p) * .9) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 9); background: #fff; }
.wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-ri { display: grid; place-items: center; flex: none; width: calc(var(--wgbv-p) * 24); height: calc(var(--wgbv-p) * 24); border-radius: calc(var(--wgbv-p) * 7); background: #F3F4F6; color: #4B5563; }
.wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-ri .wgbv-i { width: calc(var(--wgbv-p) * 14); height: calc(var(--wgbv-p) * 14); stroke-width: 1.8; }
.wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-rt { display: flex; flex-direction: column; gap: calc(var(--wgbv-p) * 2); min-width: 0; font-size: calc(var(--wgbv-p) * 11.5); font-weight: 600; line-height: 1.2; color: #111827; white-space: nowrap; }
.wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-rs { font-size: calc(var(--wgbv-p) * 9.5); font-weight: 400; color: #6B7280; }
.wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-ck { display: grid; place-items: center; flex: none; width: calc(var(--wgbv-p) * 18); height: calc(var(--wgbv-p) * 18); margin-left: auto; border-radius: 50%; background: #16A34A; color: #fff; }
.wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-ck .wgbv-i { width: calc(var(--wgbv-p) * 11); height: calc(var(--wgbv-p) * 11); stroke-width: 3.2; }
@container (aspect-ratio < 1.33) {
  .wgbv-visual[data-wgbv="sleep-billing"] .wgbv-stage { --wgbv-w: 300; --wgbv-h: 300; }
  .wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-panel { gap: calc(var(--wgbv-p) * 12); padding: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-rows { gap: calc(var(--wgbv-p) * 9); }
  .wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-row { gap: calc(var(--wgbv-p) * 11); padding: 0 calc(var(--wgbv-p) * 12); border-radius: calc(var(--wgbv-p) * 11); }
  .wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-ri { width: calc(var(--wgbv-p) * 30); height: calc(var(--wgbv-p) * 30); border-radius: calc(var(--wgbv-p) * 8); }
  .wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-ri .wgbv-i { width: calc(var(--wgbv-p) * 17); height: calc(var(--wgbv-p) * 17); }
  .wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-rt { gap: calc(var(--wgbv-p) * 3); font-size: calc(var(--wgbv-p) * 12.5); }
  .wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-rs { font-size: calc(var(--wgbv-p) * 10.5); }
  .wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-ck { width: calc(var(--wgbv-p) * 21); height: calc(var(--wgbv-p) * 21); }
}
@container (aspect-ratio >= 2.6) {
  .wgbv-visual[data-wgbv="sleep-billing"] .wgbv-stage { --wgbv-w: 580; --wgbv-h: 150; }
  .wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-panel { flex-direction: row; gap: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-head { flex-direction: column; align-items: flex-start; justify-content: center; flex: none; width: calc(var(--wgbv-p) * 104); gap: calc(var(--wgbv-p) * 10); }
  .wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-admin { margin-left: 0; }
  .wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-rows { flex-direction: row; gap: calc(var(--wgbv-p) * 8); min-width: 0; }
  .wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-rt { font-size: calc(var(--wgbv-p) * 11); }
  .wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-row { flex-direction: column; align-items: flex-start; justify-content: center; gap: calc(var(--wgbv-p) * 8); padding: 0 calc(var(--wgbv-p) * 10); }
  .wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-ck { position: absolute; right: calc(var(--wgbv-p) * 9); top: calc(var(--wgbv-p) * 9); }
}
@media (max-width: 479px) {
  @container (min-width: 362px) and (aspect-ratio >= 1.33) and (aspect-ratio < 2.6) and ((aspect-ratio <= 1.371) or (min-height: 282.9px)) {
    .wgbv-visual[data-wgbv="sleep-billing"]:is(.point *) .wgbv-stage { --wgbv-w: 340; --wgbv-h: 248; }
    .wgbv-visual[data-wgbv="sleep-billing"]:is(.point *) .wgbv-bl-panel { gap: calc(var(--wgbv-p) * 12); padding: calc(var(--wgbv-p) * 14); }
    .wgbv-visual[data-wgbv="sleep-billing"]:is(.point *) .wgbv-bl-rows { gap: calc(var(--wgbv-p) * 8); }
    .wgbv-visual[data-wgbv="sleep-billing"]:is(.point *) .wgbv-bl-row { gap: calc(var(--wgbv-p) * 11); padding: 0 calc(var(--wgbv-p) * 12); border-radius: calc(var(--wgbv-p) * 11); }
    .wgbv-visual[data-wgbv="sleep-billing"]:is(.point *) .wgbv-bl-ri { width: calc(var(--wgbv-p) * 30); height: calc(var(--wgbv-p) * 30); border-radius: calc(var(--wgbv-p) * 8); }
    .wgbv-visual[data-wgbv="sleep-billing"]:is(.point *) .wgbv-bl-ri .wgbv-i { width: calc(var(--wgbv-p) * 17); height: calc(var(--wgbv-p) * 17); }
    .wgbv-visual[data-wgbv="sleep-billing"]:is(.point *) .wgbv-bl-rt { gap: calc(var(--wgbv-p) * 3); font-size: calc(var(--wgbv-p) * 12.5); }
    .wgbv-visual[data-wgbv="sleep-billing"]:is(.point *) .wgbv-bl-rs { font-size: calc(var(--wgbv-p) * 10.5); }
    .wgbv-visual[data-wgbv="sleep-billing"]:is(.point *) .wgbv-bl-ck { width: calc(var(--wgbv-p) * 21); height: calc(var(--wgbv-p) * 21); }
  }
}

/* ---- visuals/sleep-distance.css ---- */
.wgbv-visual[data-wgbv="sleep-distance"] { --wgbv-ar: 1048 / 800; --wgbv-w: 228; --wgbv-h: 252; }
.wgbv-visual[data-wgbv="sleep-distance"] .wgbv-stage { border-radius: calc(var(--wgbv-p) * 14); overflow: clip;
  background: #F9FAFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1048 800' preserveAspectRatio='none'%3E%3Cg transform='rotate(-58.4 496 350)' fill='none' stroke='%23D3D7F2' stroke-width='1'%3E%3Cellipse cx='496' cy='350' rx='469' ry='651' vector-effect='non-scaling-stroke'/%3E%3Cellipse cx='496' cy='350' rx='577' ry='801' vector-effect='non-scaling-stroke'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat; }
.wgbv-visual[data-wgbv="sleep-distance"]:is(.point *) .wgbv-stage { left: 0; top: 0; right: 0; bottom: 0; width: auto; height: auto; }
.wgbv-visual[data-wgbv="sleep-distance"] .wgbv-sd-art { position: absolute; left: calc(50% - var(--wgbv-p) * 90.25); top: calc(50% - var(--wgbv-p) * 113.9); width: calc(var(--wgbv-p) * 180.5); height: calc(var(--wgbv-p) * 227.8); }
.wgbv-visual[data-wgbv="sleep-distance"] .wgbv-sd-map { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: visible; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.wgbv-visual[data-wgbv="sleep-distance"] .wgbv-sd-land { stroke: #8F9398; stroke-width: 3.2; fill: #FDFDFF; }
.wgbv-visual[data-wgbv="sleep-distance"] .wgbv-sd-coast { stroke: #2E6CA6; stroke-width: 3.4; }
.wgbv-visual[data-wgbv="sleep-distance"] .wgbv-sd-route,
.wgbv-visual[data-wgbv="sleep-distance"] .wgbv-sd-head { stroke: #0B62A8; stroke-width: 4.6; }
.wgbv-visual[data-wgbv="sleep-distance"] .wgbv-sd-head,
.wgbv-visual[data-wgbv="sleep-distance"] .wgbv-sd-dot { transform-box: fill-box; transform-origin: 50% 50%; }
.wgbv-visual[data-wgbv="sleep-distance"] .wgbv-sd-dot { fill: #0B62A8; stroke: #F9FAFF; stroke-width: 3; }
.wgbv-visual[data-wgbv="sleep-distance"] .wgbv-sd-city,
.wgbv-visual[data-wgbv="sleep-distance"] .wgbv-sd-km { position: absolute; display: block; font-size: calc(var(--wgbv-p) * 10.5); font-weight: 500; line-height: 1; letter-spacing: -.015em; color: #145E9F; white-space: nowrap; }
.wgbv-visual[data-wgbv="sleep-distance"] .wgbv-sd-km { font-weight: 400; color: #1A5A94; }
.wgbv-visual[data-wgbv="sleep-distance"] .wgbv-sd-c1 { right: calc(var(--wgbv-p) * 128.6); top: calc(var(--wgbv-p) * 184.1); }
.wgbv-visual[data-wgbv="sleep-distance"] .wgbv-sd-c2 { right: calc(var(--wgbv-p) * 129.3); top: calc(var(--wgbv-p) * 67); }
.wgbv-visual[data-wgbv="sleep-distance"] .wgbv-sd-c3 { left: calc(var(--wgbv-p) * 118.4); top: calc(var(--wgbv-p) * 42.4); }
.wgbv-visual[data-wgbv="sleep-distance"] .wgbv-sd-c4 { left: calc(var(--wgbv-p) * 116.5); top: calc(var(--wgbv-p) * 171); }
.wgbv-visual[data-wgbv="sleep-distance"] .wgbv-sd-k1 { left: calc(var(--wgbv-p) * 58.5); top: calc(var(--wgbv-p) * 118.9); }
.wgbv-visual[data-wgbv="sleep-distance"] .wgbv-sd-k2 { left: calc(var(--wgbv-p) * 110.1); top: calc(var(--wgbv-p) * 112.8); }
.wgbv-visual[data-wgbv="sleep-distance"] .wgbv-sd-k3 { left: calc(var(--wgbv-p) * 81.3); top: calc(var(--wgbv-p) * 184.1); }

/* ---- visuals/sleep-gaps.css ---- */
.wgbv-visual[data-wgbv="sleep-gaps"] { --wgbv-ar: 1048 / 800; --wgbv-w: 318; --wgbv-h: 250; }
.wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-stage { border-radius: calc(var(--wgbv-p) * 14); overflow: clip;
  background: #F9FAFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1048 800' preserveAspectRatio='none'%3E%3Cg transform='rotate(-58.4 496 350)' fill='none' stroke='%23D3D7F2' stroke-width='1'%3E%3Cellipse cx='496' cy='350' rx='469' ry='651' vector-effect='non-scaling-stroke'/%3E%3Cellipse cx='496' cy='350' rx='577' ry='801' vector-effect='non-scaling-stroke'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat; }
.wgbv-visual[data-wgbv="sleep-gaps"]:is(.point *) .wgbv-stage { left: 0; top: 0; right: 0; bottom: 0; width: auto; height: auto; }
.wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-art { --aw: 290; --ah: 46; position: absolute; left: calc(50% - var(--wgbv-p) * var(--aw) / 2); top: calc(50% - var(--wgbv-p) * var(--ah) / 2);
  width: calc(var(--wgbv-p) * var(--aw)); height: calc(var(--wgbv-p) * var(--ah)); }
.wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-t { position: absolute; top: 0; display: grid; place-items: center; width: calc(var(--wgbv-p) * 46); height: calc(var(--wgbv-p) * 46); border-radius: calc(var(--wgbv-p) * 7); }
.wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-t .wgbv-i { width: calc(var(--wgbv-p) * 19); height: calc(var(--wgbv-p) * 19); stroke-width: 2.3; }
.wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-p { background: #CEF3E7; color: #409F80; }
.wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-f { background: #EFF6FF; color: #3B82F6; }
.wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-h { background: #FFFBEB; color: #D97706; }
.wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-t1 { left: 0; }
.wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-t2 { left: calc(var(--wgbv-p) * 63); }
.wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-t3 { left: calc(var(--wgbv-p) * 122); }
.wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-t4 { left: calc(var(--wgbv-p) * 181); }
.wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-t5 { left: calc(var(--wgbv-p) * 244); }
.wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-cx { position: absolute; top: calc(var(--wgbv-p) * 17); width: calc(var(--wgbv-p) * 17); height: calc(var(--wgbv-p) * 12); overflow: visible;
  fill: none; stroke: #BDBDBD; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-dash { stroke-dasharray: 2.6 2.6; stroke-linecap: butt; }
.wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-x1 { left: calc(var(--wgbv-p) * 46); }
.wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-x2 { left: calc(var(--wgbv-p) * 109); width: calc(var(--wgbv-p) * 13); }
.wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-x3 { left: calc(var(--wgbv-p) * 168); width: calc(var(--wgbv-p) * 13); }
.wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-x4 { left: calc(var(--wgbv-p) * 227); }
.wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-elbow { display: none; position: absolute; overflow: visible; fill: none; stroke: #BDBDBD; stroke-width: 1.4; stroke-dasharray: 2.6 2.6; }
.wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-tok,
.wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-wait { position: absolute; left: 0; top: 0; width: calc(var(--wgbv-p) * 13); height: calc(var(--wgbv-p) * 13); margin: calc(var(--wgbv-p) * -6.5) 0 0 calc(var(--wgbv-p) * -6.5);
  border-radius: 50%; opacity: 0; z-index: 3; }
.wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-tok { background: #3B82F6; box-shadow: 0 0 0 calc(var(--wgbv-p) * 2) #fff, 0 calc(var(--wgbv-p) * 2) calc(var(--wgbv-p) * 5) rgba(30, 64, 175, .3); }
.wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-wait { border: calc(var(--wgbv-p) * 1.5) solid #3B82F6; z-index: 2; }
@container (aspect-ratio < 1.45) {
  .wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-stage { --wgbv-w: 200; --wgbv-h: 196; }
  .wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-art { --aw: 168; --ah: 138; }
  .wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-t4 { left: calc(var(--wgbv-p) * 29.5); top: calc(var(--wgbv-p) * 92); }
  .wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-t5 { left: calc(var(--wgbv-p) * 92.5); top: calc(var(--wgbv-p) * 92); }
  .wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-x3 { display: none; }
  .wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-x4 { left: calc(var(--wgbv-p) * 75.5); top: calc(var(--wgbv-p) * 109); }
  .wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-elbow { display: block; left: calc(var(--wgbv-p) * 52.5); top: calc(var(--wgbv-p) * 46); width: calc(var(--wgbv-p) * 92.5); height: calc(var(--wgbv-p) * 46); }
}

/* ---- visuals/sleep-kit.css ---- */
.wgbv-visual[data-wgbv="sleep-kit"] { --wgbv-ar: 412 / 204; --wgbv-w: 412; --wgbv-h: 204; }
.wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-panel { position: absolute; inset: calc(var(--wgbv-p) * 4); display: flex; flex-direction: column; gap: calc(var(--wgbv-p) * 10); padding: calc(var(--wgbv-p) * 12);
  border: calc(var(--wgbv-p) * .9) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 14); background: #fff;
  box-shadow: 0 calc(var(--wgbv-p) * 1) calc(var(--wgbv-p) * 2) rgba(16, 24, 40, .04), 0 calc(var(--wgbv-p) * 8) calc(var(--wgbv-p) * 18) rgba(16, 24, 40, .07); }
.wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-head { display: flex; flex-wrap: wrap; align-items: center; gap: calc(var(--wgbv-p) * 8); }
.wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-ic { display: grid; place-items: center; flex: none; width: calc(var(--wgbv-p) * 26); height: calc(var(--wgbv-p) * 26); border-radius: calc(var(--wgbv-p) * 7); background: #F0EEFE; color: #6741D9; }
.wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-ic .wgbv-i { width: calc(var(--wgbv-p) * 16); height: calc(var(--wgbv-p) * 16); stroke-width: 1.8; }
.wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-title { font-size: calc(var(--wgbv-p) * 13.5); font-weight: 700; line-height: 1.2; letter-spacing: -.01em; color: #111827; white-space: nowrap; }
.wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-time { display: inline-flex; align-items: center; gap: calc(var(--wgbv-p) * 4); height: calc(var(--wgbv-p) * 22); margin-left: auto; padding: 0 calc(var(--wgbv-p) * 9) 0 calc(var(--wgbv-p) * 7);
  border-radius: calc(var(--wgbv-p) * 11); background: #F3F4F6; color: #374151; font-size: calc(var(--wgbv-p) * 10); font-weight: 500; line-height: 1; white-space: nowrap; }
.wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-time .wgbv-i { width: calc(var(--wgbv-p) * 11); height: calc(var(--wgbv-p) * 11); }
.wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-steps { display: flex; flex: 1; gap: calc(var(--wgbv-p) * 8); min-height: 0; }
.wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-step { position: relative; display: flex; flex: 1; flex-direction: column; justify-content: center; gap: calc(var(--wgbv-p) * 7); min-width: 0; padding: calc(var(--wgbv-p) * 9);
  border: calc(var(--wgbv-p) * .9) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 10); background: #fff; }
.wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-si { display: grid; place-items: center; flex: none; width: calc(var(--wgbv-p) * 24); height: calc(var(--wgbv-p) * 24); border-radius: 50%; background: #F0EEFE; color: #6741D9; }
.wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-si .wgbv-i { width: calc(var(--wgbv-p) * 14); height: calc(var(--wgbv-p) * 14); stroke-width: 1.9; }
.wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-sl { display: flex; flex-direction: column; gap: calc(var(--wgbv-p) * 2); min-width: 0; font-size: calc(var(--wgbv-p) * 11); font-weight: 600; line-height: 1.25; color: #111827; white-space: nowrap; }
.wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-ss { font-size: calc(var(--wgbv-p) * 9.5); font-weight: 400; color: #6B7280; }
.wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-ck { position: absolute; right: calc(var(--wgbv-p) * 8); top: calc(var(--wgbv-p) * 8); display: grid; place-items: center; width: calc(var(--wgbv-p) * 16); height: calc(var(--wgbv-p) * 16); border-radius: 50%; background: #16A34A; color: #fff; }
.wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-ck .wgbv-i { width: calc(var(--wgbv-p) * 10); height: calc(var(--wgbv-p) * 10); stroke-width: 3.2; }
.wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-help { display: flex; align-items: center; gap: calc(var(--wgbv-p) * 8); flex: none; height: calc(var(--wgbv-p) * 34); padding: 0 calc(var(--wgbv-p) * 6); border-radius: calc(var(--wgbv-p) * 9); background: #F5F3FF; }
.wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-hi { display: grid; place-items: center; flex: none; width: calc(var(--wgbv-p) * 22); height: calc(var(--wgbv-p) * 22); border-radius: 50%; background: #6741D9; color: #fff; }
.wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-hi .wgbv-i { width: calc(var(--wgbv-p) * 12); height: calc(var(--wgbv-p) * 12); stroke-width: 2; }
.wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-ht { display: flex; align-items: baseline; gap: calc(var(--wgbv-p) * 6); min-width: 0; font-size: calc(var(--wgbv-p) * 11); font-weight: 600; line-height: 1.2; color: #111827; white-space: nowrap; }
.wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-hs { font-size: calc(var(--wgbv-p) * 9.5); font-weight: 400; color: #6B7280; }
.wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-call { display: grid; place-items: center; height: calc(var(--wgbv-p) * 22); margin-left: auto; padding: 0 calc(var(--wgbv-p) * 12); border: calc(var(--wgbv-p) * .9) solid #C4B5FD; border-radius: calc(var(--wgbv-p) * 11);
  background: #fff; color: #5B21B6; font-size: calc(var(--wgbv-p) * 10.5); font-weight: 600; line-height: 1; }
@container (aspect-ratio < 1.63) {
  .wgbv-visual[data-wgbv="sleep-kit"] .wgbv-stage { --wgbv-w: 300; --wgbv-h: 220; }
  .wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-panel { gap: calc(var(--wgbv-p) * 8); padding: calc(var(--wgbv-p) * 11); }
  .wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-sl { font-size: calc(var(--wgbv-p) * 11.5); }
  .wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-ss { font-size: calc(var(--wgbv-p) * 10); }
  .wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-steps { flex-direction: column; gap: calc(var(--wgbv-p) * 5); }
  .wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-step { flex-direction: row; align-items: center; gap: calc(var(--wgbv-p) * 9); padding: 0 calc(var(--wgbv-p) * 9); }
  .wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-sl { flex-direction: row; align-items: baseline; gap: calc(var(--wgbv-p) * 6); }
  .wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-ck { position: static; margin-left: auto; flex: none; }
  .wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-help { height: calc(var(--wgbv-p) * 32); }
}
@container (aspect-ratio >= 2.6) {
  .wgbv-visual[data-wgbv="sleep-kit"] .wgbv-stage { --wgbv-w: 560; --wgbv-h: 156; }
  .wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-panel { display: grid; grid-template-columns: calc(var(--wgbv-p) * 176) 1fr; grid-template-rows: 1fr auto; column-gap: calc(var(--wgbv-p) * 12); row-gap: calc(var(--wgbv-p) * 8); }
  .wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-head { grid-column: 1; grid-row: 1; align-content: flex-start; row-gap: calc(var(--wgbv-p) * 10); }
  .wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-time { margin-left: 0; }
  .wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-steps { grid-column: 2; grid-row: 1 / 3; }
  .wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-help { grid-column: 1; grid-row: 2; height: calc(var(--wgbv-p) * 40); }
  .wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-ht { flex-direction: column; align-items: flex-start; gap: calc(var(--wgbv-p) * 1); }
  .wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-call { padding: 0 calc(var(--wgbv-p) * 10); }
}

.wgbv-visual[data-wgbv="sleep-kit"]:is(.point.yb *) { border-radius: 12px; background: #F9FAFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1048 800' preserveAspectRatio='none'%3E%3Cg transform='rotate(-58.4 496 350)' fill='none' stroke='%23D3D7F2'%3E%3Cellipse cx='496' cy='350' rx='469' ry='651' vector-effect='non-scaling-stroke'/%3E%3Cellipse cx='496' cy='350' rx='577' ry='801' vector-effect='non-scaling-stroke'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat; }
@container (min-width: 260px) {
  .wgbv-visual[data-wgbv="sleep-kit"]:is(.point.yb *) .wgbv-stage { --wgbv-fill: .92; --wgbv-vis: 1.08; }
}
@container (aspect-ratio >= 1) and (aspect-ratio < 1.63) {
  .wgbv-visual[data-wgbv="sleep-kit"]:is(.point.yb *) .wgbv-stage { --wgbv-w: 296; }
  .wgbv-visual[data-wgbv="sleep-kit"]:is(.point.yb *) .wgbv-sk-head { gap: calc(var(--wgbv-p) * 6); }
}
@container (aspect-ratio < 1) {
  .wgbv-visual[data-wgbv="sleep-kit"]:is(.point.yb *) .wgbv-stage { --wgbv-w: 204; --wgbv-h: 236; }
  .wgbv-visual[data-wgbv="sleep-kit"]:is(.point.yb *) .wgbv-sk-time { margin-left: 0; }
  .wgbv-visual[data-wgbv="sleep-kit"]:is(.point.yb *) .wgbv-sk-ss { display: none; }
  .wgbv-visual[data-wgbv="sleep-kit"]:is(.point.yb *) .wgbv-sk-hs { display: none; }
  .wgbv-visual[data-wgbv="sleep-kit"]:is(.point.yb *) .wgbv-sk-call { padding: 0 calc(var(--wgbv-p) * 9); }
}
.wgbv-visual[data-wgbv="sleep-kit"]:is(.platform_content-box .image-wrap *) .wgbv-stage { --wgbv-w: 392; }
@media (max-width: 479px) {
  .wgbv-visual[data-wgbv="sleep-kit"]:is(.point *) .wgbv-sk-time { font-size: max(7.1px, calc(var(--wgbv-p) * 10)); }
}

/* ---- visuals/sleep-metro.css ---- */
.wgbv-visual[data-wgbv="sleep-metro"] { --wgbv-ar: 1048 / 800; --wgbv-w: 290; --wgbv-h: 236; }
.wgbv-visual[data-wgbv="sleep-metro"] .wgbv-stage { border-radius: calc(var(--wgbv-p) * 14); overflow: clip;
  background: #F9FAFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1048 800' preserveAspectRatio='none'%3E%3Cg transform='rotate(-58.4 496 350)' fill='none' stroke='%23D3D7F2' stroke-width='1'%3E%3Cellipse cx='496' cy='350' rx='469' ry='651' vector-effect='non-scaling-stroke'/%3E%3Cellipse cx='496' cy='350' rx='577' ry='801' vector-effect='non-scaling-stroke'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat; }
.wgbv-visual[data-wgbv="sleep-metro"]:is(.point *) .wgbv-stage { left: 0; top: 0; right: 0; bottom: 0; width: auto; height: auto; }
.wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-art { --aw: 260; --ah: 200; position: absolute; left: calc(50% - var(--wgbv-p) * var(--aw) / 2); top: calc(50% - var(--wgbv-p) * var(--ah) / 2);
  width: calc(var(--wgbv-p) * var(--aw)); height: calc(var(--wgbv-p) * var(--ah)); }
.wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-ring { position: absolute; left: calc(var(--wgbv-p) * 42); top: calc(var(--wgbv-p) * 12); width: calc(var(--wgbv-p) * 176); height: calc(var(--wgbv-p) * 176); overflow: visible;
  fill: none; stroke: #95BBAF; stroke-width: 1; }
.wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-ring circle { transform-box: fill-box; transform-origin: 50% 50%; transform: rotate(-90deg); }
.wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-grp { position: absolute; left: calc(var(--wgbv-p) * 104.4); top: calc(var(--wgbv-p) * 53); width: calc(var(--wgbv-p) * 50); height: calc(var(--wgbv-p) * 46);
  color: #409F80; stroke-width: 9.5; }
.wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-txt { position: absolute; left: calc(var(--wgbv-p) * 42); top: calc(var(--wgbv-p) * 109.2); width: calc(var(--wgbv-p) * 176); text-align: center;
  font-size: calc(var(--wgbv-p) * 14); font-weight: 500; line-height: 1.35; color: #1E293B; white-space: nowrap; }
.wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-l1,
.wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-l2 { display: block; }
.wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-av { position: absolute; width: calc(var(--wgbv-p) * 15.6); height: calc(var(--wgbv-p) * 15.6); color: #C039AC; stroke-width: 2.4; }
.wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-fill { fill: currentColor; stroke: none; }
.wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-av:nth-of-type(3) { left: calc(var(--wgbv-p) * 44.5); top: calc(var(--wgbv-p) * 11.2); }
.wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-av:nth-of-type(4) { left: calc(var(--wgbv-p) * 34.9); top: calc(var(--wgbv-p) * 29.2); }
.wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-av:nth-of-type(5) { left: calc(var(--wgbv-p) * 235); top: calc(var(--wgbv-p) * 67); }
.wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-av:nth-of-type(6) { left: calc(var(--wgbv-p) * 226); top: calc(var(--wgbv-p) * 85.3); }
.wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-av:nth-of-type(7) { left: calc(var(--wgbv-p) * 26.5); top: calc(var(--wgbv-p) * 142); }
.wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-av:nth-of-type(8) { left: calc(var(--wgbv-p) * 16.3); top: calc(var(--wgbv-p) * 162.4); }
.wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-av:nth-of-type(9) { left: calc(var(--wgbv-p) * 37); top: calc(var(--wgbv-p) * 162.4); }
.wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-av:nth-of-type(10) { left: calc(var(--wgbv-p) * 195.7); top: calc(var(--wgbv-p) * 166.6); }
@container (aspect-ratio < 1) {
  .wgbv-visual[data-wgbv="sleep-metro"] .wgbv-stage { --wgbv-w: 236; --wgbv-h: 270; }
  .wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-art { --aw: 216; --ah: 252; }
  .wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-ring { left: calc(var(--wgbv-p) * 20); top: calc(var(--wgbv-p) * 38); }
  .wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-grp { left: calc(var(--wgbv-p) * 82.4); top: calc(var(--wgbv-p) * 79); }
  .wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-txt { left: calc(var(--wgbv-p) * 20); top: calc(var(--wgbv-p) * 135.2); }
  .wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-av:nth-of-type(3) { left: calc(var(--wgbv-p) * 22.2); top: calc(var(--wgbv-p) * 18.2); }
  .wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-av:nth-of-type(4) { left: calc(var(--wgbv-p) * 4.2); top: calc(var(--wgbv-p) * 40.2); }
  .wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-av:nth-of-type(5) { left: calc(var(--wgbv-p) * 192.2); top: calc(var(--wgbv-p) * 34.2); }
  .wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-av:nth-of-type(6) { left: calc(var(--wgbv-p) * 197.2); top: calc(var(--wgbv-p) * 58.2); }
  .wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-av:nth-of-type(7) { left: calc(var(--wgbv-p) * 8.2); top: calc(var(--wgbv-p) * 192.2); }
  .wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-av:nth-of-type(8) { left: calc(var(--wgbv-p) * 24.2); top: calc(var(--wgbv-p) * 218.2); }
  .wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-av:nth-of-type(9) { left: calc(var(--wgbv-p) * 48.2); top: calc(var(--wgbv-p) * 230.2); }
  .wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-av:nth-of-type(10) { left: calc(var(--wgbv-p) * 180.2); top: calc(var(--wgbv-p) * 210.2); }
}

/* ---- visuals/sleep-referral.css ---- */
.wgbv-visual[data-wgbv="sleep-referral"] { --wgbv-ar: 360 / 206; --wgbv-w: 360; --wgbv-h: 206; }
.wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-form { position: absolute; left: calc(var(--wgbv-p) * 4); top: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 216); height: calc(var(--wgbv-p) * 198);
  display: flex; flex-direction: column; gap: calc(var(--wgbv-p) * 7); padding: calc(var(--wgbv-p) * 12);
  border: calc(var(--wgbv-p) * .9) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 14); background: #fff;
  box-shadow: 0 calc(var(--wgbv-p) * 1) calc(var(--wgbv-p) * 2) rgba(16, 24, 40, .04), 0 calc(var(--wgbv-p) * 8) calc(var(--wgbv-p) * 18) rgba(16, 24, 40, .07); }
.wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-head { display: flex; align-items: center; gap: calc(var(--wgbv-p) * 8); font-size: calc(var(--wgbv-p) * 13.5); font-weight: 700; line-height: 1.2; letter-spacing: -.01em; color: #111827; white-space: nowrap; }
.wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-ic { display: grid; place-items: center; flex: none; width: calc(var(--wgbv-p) * 24); height: calc(var(--wgbv-p) * 24); border-radius: calc(var(--wgbv-p) * 7); background: #F0EEFE; color: #6741D9; }
.wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-ic .wgbv-i { width: calc(var(--wgbv-p) * 15); height: calc(var(--wgbv-p) * 15); stroke-width: 1.9; }
.wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-field { display: flex; flex-direction: column; gap: calc(var(--wgbv-p) * 4); }
.wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-label { font-size: calc(var(--wgbv-p) * 10.5); font-weight: 500; line-height: 1.2; color: #6B7280; white-space: nowrap; }
.wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-input { display: flex; align-items: center; height: calc(var(--wgbv-p) * 24); padding: 0 calc(var(--wgbv-p) * 8); border: calc(var(--wgbv-p) * .9) solid #D1D5DB; border-radius: calc(var(--wgbv-p) * 6); background: #fff; }
.wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-fill { display: block; width: 62%; height: calc(var(--wgbv-p) * 6); border-radius: calc(var(--wgbv-p) * 3); background: #CBD5E1; transform-origin: 0 50%; }
.wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-chips { display: flex; flex-wrap: wrap; gap: calc(var(--wgbv-p) * 5); }
.wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-chip { display: inline-flex; align-items: center; gap: calc(var(--wgbv-p) * 3); height: calc(var(--wgbv-p) * 20); padding: 0 calc(var(--wgbv-p) * 7) 0 calc(var(--wgbv-p) * 5);
  border: calc(var(--wgbv-p) * .9) solid #C4B5FD; border-radius: calc(var(--wgbv-p) * 10); background: #F5F3FF; color: #5B21B6; font-size: calc(var(--wgbv-p) * 10); font-weight: 500; line-height: 1; white-space: nowrap; }
.wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-chip .wgbv-i { width: calc(var(--wgbv-p) * 10); height: calc(var(--wgbv-p) * 10); stroke-width: 3; }
.wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-send { --sent: 1; position: relative; display: grid; place-items: center; flex: none; height: calc(var(--wgbv-p) * 26); margin-top: auto; border-radius: calc(var(--wgbv-p) * 7);
  background: color-mix(in srgb, #16A34A calc(var(--sent) * 100%), #4F46E5); color: #fff; font-size: calc(var(--wgbv-p) * 11.5); font-weight: 600; line-height: 1; white-space: nowrap; }
.wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-send > span { grid-area: 1 / 1; display: inline-flex; align-items: center; gap: calc(var(--wgbv-p) * 5); }
.wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-go { opacity: calc(1 - var(--sent)); }
.wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-ok { opacity: var(--sent); }
.wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-ok .wgbv-i { width: calc(var(--wgbv-p) * 12); height: calc(var(--wgbv-p) * 12); stroke-width: 3; }
.wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-sms { position: absolute; left: calc(var(--wgbv-p) * 226); top: calc(var(--wgbv-p) * 52); width: calc(var(--wgbv-p) * 132);
  display: grid; grid-template-columns: auto 1fr; align-items: center; column-gap: calc(var(--wgbv-p) * 6); row-gap: calc(var(--wgbv-p) * 7); padding: calc(var(--wgbv-p) * 9);
  border: calc(var(--wgbv-p) * .9) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 14); background: #fff;
  box-shadow: 0 calc(var(--wgbv-p) * 2) calc(var(--wgbv-p) * 4) rgba(16, 24, 40, .05), 0 calc(var(--wgbv-p) * 12) calc(var(--wgbv-p) * 24) rgba(16, 24, 40, .12); }
.wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-app { display: grid; place-items: center; width: calc(var(--wgbv-p) * 21); height: calc(var(--wgbv-p) * 21); border-radius: calc(var(--wgbv-p) * 6); background: #6741D9; color: #fff; }
.wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-app .wgbv-i { width: calc(var(--wgbv-p) * 13); height: calc(var(--wgbv-p) * 13); stroke-width: 2; }
.wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-from { display: flex; flex-direction: column; gap: calc(var(--wgbv-p) * 1); min-width: 0; font-size: calc(var(--wgbv-p) * 10); font-weight: 700; line-height: 1.2; color: #111827; white-space: nowrap; }
.wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-kind { font-size: calc(var(--wgbv-p) * 9); font-weight: 400; color: #6B7280; }
.wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-msg { grid-column: 1 / -1; font-size: calc(var(--wgbv-p) * 11); line-height: 1.35; color: #111827; text-wrap: balance; }
.wgbv-visual[data-wgbv="sleep-referral"] .wgbv-touch { background: rgba(255, 255, 255, .5); box-shadow: 0 0 0 calc(var(--wgbv-p) * 1.5) rgba(103, 65, 217, .45); }
.wgbv-visual[data-wgbv="sleep-referral"] .wgbv-ripple { background: rgba(255, 255, 255, .5); }
@container (aspect-ratio < 1.35) {
  .wgbv-visual[data-wgbv="sleep-referral"] .wgbv-stage { --wgbv-w: 300; --wgbv-h: 290; }
  .wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-form { width: calc(var(--wgbv-p) * 292); height: calc(var(--wgbv-p) * 200); }
  .wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-label { font-size: calc(var(--wgbv-p) * 11); }
  .wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-chip { font-size: calc(var(--wgbv-p) * 11); }
  .wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-sms { left: calc(var(--wgbv-p) * 52); top: calc(var(--wgbv-p) * 214); width: calc(var(--wgbv-p) * 244); }
  .wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-from { font-size: calc(var(--wgbv-p) * 10.5); }
  .wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-msg { font-size: calc(var(--wgbv-p) * 12); }
}
@container (aspect-ratio >= 2.6) {
  .wgbv-visual[data-wgbv="sleep-referral"] .wgbv-stage { --wgbv-w: 540; --wgbv-h: 158; }
  .wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-form { width: calc(var(--wgbv-p) * 346); height: calc(var(--wgbv-p) * 150); }
  .wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-send { position: absolute; right: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 11); width: calc(var(--wgbv-p) * 112); margin: 0; }
  .wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-sms { left: calc(var(--wgbv-p) * 362); top: calc(var(--wgbv-p) * 36); width: calc(var(--wgbv-p) * 174); }
}
@media (min-width: 480px) and (max-width: 767px) {
  @container (aspect-ratio >= 1.35) and (aspect-ratio < 2.6) and (min-height: 292px) {
    .wgbv-visual[data-wgbv="sleep-referral"]:is(.point *) .wgbv-stage { --wgbv-w: 360; --wgbv-h: 224; }
    .wgbv-visual[data-wgbv="sleep-referral"]:is(.point *) .wgbv-sr-form { height: calc(var(--wgbv-p) * 216); gap: calc(var(--wgbv-p) * 10); }
    .wgbv-visual[data-wgbv="sleep-referral"]:is(.point *) .wgbv-sr-input { height: calc(var(--wgbv-p) * 26); }
    .wgbv-visual[data-wgbv="sleep-referral"]:is(.point *) .wgbv-sr-chip { height: calc(var(--wgbv-p) * 22); }
    .wgbv-visual[data-wgbv="sleep-referral"]:is(.point *) .wgbv-sr-sms { top: calc(var(--wgbv-p) * 61); }
  }
  @container (aspect-ratio >= 1.35) and (aspect-ratio < 2.6) and (min-height: 318.1px) {
    .wgbv-visual[data-wgbv="sleep-referral"]:is(.point *) .wgbv-stage { --wgbv-w: 360; --wgbv-h: 244; }
    .wgbv-visual[data-wgbv="sleep-referral"]:is(.point *) .wgbv-sr-form { height: calc(var(--wgbv-p) * 236); gap: calc(var(--wgbv-p) * 13); }
    .wgbv-visual[data-wgbv="sleep-referral"]:is(.point *) .wgbv-sr-input { height: calc(var(--wgbv-p) * 28); }
    .wgbv-visual[data-wgbv="sleep-referral"]:is(.point *) .wgbv-sr-chip { height: calc(var(--wgbv-p) * 24); }
    .wgbv-visual[data-wgbv="sleep-referral"]:is(.point *) .wgbv-sr-sms { top: calc(var(--wgbv-p) * 71); }
  }
}

.wgbv-visual[data-wgbv="sleep-referral"]:is(.point.yb *) { border-radius: 12px; background: #F9FAFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1048 800' preserveAspectRatio='none'%3E%3Cg transform='rotate(-58.4 496 350)' fill='none' stroke='%23D3D7F2'%3E%3Cellipse cx='496' cy='350' rx='469' ry='651' vector-effect='non-scaling-stroke'/%3E%3Cellipse cx='496' cy='350' rx='577' ry='801' vector-effect='non-scaling-stroke'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat; }
@container (min-width: 260px) {
  .wgbv-visual[data-wgbv="sleep-referral"]:is(.point.yb *) .wgbv-stage { --wgbv-fill: .92; --wgbv-vis: 1.08; }
}
@container (aspect-ratio >= 1) and (aspect-ratio < 1.35) {
  .wgbv-visual[data-wgbv="sleep-referral"]:is(.point.yb *) .wgbv-stage { --wgbv-h: 276; }
  .wgbv-visual[data-wgbv="sleep-referral"]:is(.point.yb *) .wgbv-sr-form { height: calc(var(--wgbv-p) * 196); gap: calc(var(--wgbv-p) * 5); }
  .wgbv-visual[data-wgbv="sleep-referral"]:is(.point.yb *) .wgbv-sr-sms { top: calc(var(--wgbv-p) * 208); padding: calc(var(--wgbv-p) * 7) calc(var(--wgbv-p) * 9); }
}
@container (aspect-ratio < 1) {
  .wgbv-visual[data-wgbv="sleep-referral"]:is(.point.yb *) .wgbv-stage { --wgbv-w: 230; --wgbv-h: 280; }
  .wgbv-visual[data-wgbv="sleep-referral"]:is(.point.yb *) .wgbv-sr-form { width: calc(var(--wgbv-p) * 222); height: calc(var(--wgbv-p) * 200); }
  .wgbv-visual[data-wgbv="sleep-referral"]:is(.point.yb *) .wgbv-sr-sms { left: calc(var(--wgbv-p) * 4); top: calc(var(--wgbv-p) * 212); width: calc(var(--wgbv-p) * 222); padding: calc(var(--wgbv-p) * 7) calc(var(--wgbv-p) * 9); }
}

/* ---- visuals/sleep-report.css ---- */
.wgbv-visual[data-wgbv="sleep-report"] { --wgbv-ar: 340 / 206; --wgbv-w: 340; --wgbv-h: 206; }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-inbox,
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-doc { position: absolute; display: flex; flex-direction: column; padding: calc(var(--wgbv-p) * 12);
  border: calc(var(--wgbv-p) * .9) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 14); background: #fff;
  box-shadow: 0 calc(var(--wgbv-p) * 1) calc(var(--wgbv-p) * 2) rgba(16, 24, 40, .04), 0 calc(var(--wgbv-p) * 8) calc(var(--wgbv-p) * 18) rgba(16, 24, 40, .07); }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-inbox { left: calc(var(--wgbv-p) * 4); top: calc(var(--wgbv-p) * 14); width: calc(var(--wgbv-p) * 196); height: calc(var(--wgbv-p) * 178); gap: calc(var(--wgbv-p) * 10); }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-ih { display: flex; align-items: center; gap: calc(var(--wgbv-p) * 7); font-size: calc(var(--wgbv-p) * 13); font-weight: 700; line-height: 1.2; color: #111827; }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-ih .wgbv-i { width: calc(var(--wgbv-p) * 16); height: calc(var(--wgbv-p) * 16); color: #6741D9; stroke-width: 1.9; }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-list { display: flex; flex-direction: column; flex: 1; gap: calc(var(--wgbv-p) * 6); }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-mail { display: flex; align-items: center; gap: calc(var(--wgbv-p) * 8); flex: 1; padding: 0 calc(var(--wgbv-p) * 9); border: calc(var(--wgbv-p) * .9) solid #EEF0F3; border-radius: calc(var(--wgbv-p) * 9); }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-new { border-color: #DDD6FE; background: #F5F3FF; }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-dot { flex: none; width: calc(var(--wgbv-p) * 7); height: calc(var(--wgbv-p) * 7); border-radius: 50%; background: #E5E7EB; }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-new .wgbv-rp-dot { background: #6741D9; }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-mt { display: flex; flex-direction: column; gap: calc(var(--wgbv-p) * 2); font-size: calc(var(--wgbv-p) * 10.5); font-weight: 700; line-height: 1.2; color: #111827; white-space: nowrap; }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-ms { font-size: calc(var(--wgbv-p) * 10.5); font-weight: 500; color: #4B5563; }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-bars,
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-lines { display: flex; flex-direction: column; gap: calc(var(--wgbv-p) * 5); flex: 1; }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-bars > span,
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-lines > span { display: block; height: calc(var(--wgbv-p) * 5); border-radius: calc(var(--wgbv-p) * 3); background: #E5E7EB; transform-origin: 0 50%; }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-bars > span:first-child { width: 55%; background: #D1D5DB; }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-bars > span:last-child { width: 85%; }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-doc { left: calc(var(--wgbv-p) * 150); top: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 186); height: calc(var(--wgbv-p) * 198); gap: calc(var(--wgbv-p) * 12);
  box-shadow: 0 calc(var(--wgbv-p) * 2) calc(var(--wgbv-p) * 4) rgba(16, 24, 40, .05), 0 calc(var(--wgbv-p) * 14) calc(var(--wgbv-p) * 28) rgba(16, 24, 40, .13); }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-dh { display: flex; align-items: center; gap: calc(var(--wgbv-p) * 8); padding-bottom: calc(var(--wgbv-p) * 10); border-bottom: calc(var(--wgbv-p) * .9) solid #EEF0F3; }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-di { display: grid; place-items: center; flex: none; width: calc(var(--wgbv-p) * 26); height: calc(var(--wgbv-p) * 26); border-radius: calc(var(--wgbv-p) * 7); background: #F0EEFE; color: #6741D9; }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-di .wgbv-i { width: calc(var(--wgbv-p) * 15); height: calc(var(--wgbv-p) * 15); stroke-width: 1.9; }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-dt { display: flex; flex-direction: column; gap: calc(var(--wgbv-p) * 2); min-width: 0; font-size: calc(var(--wgbv-p) * 11.5); font-weight: 700; line-height: 1.2; color: #111827; white-space: nowrap; }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-by { font-size: calc(var(--wgbv-p) * 9.5); font-weight: 400; color: #6B7280; }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-sec { display: flex; align-items: flex-start; gap: calc(var(--wgbv-p) * 7); }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-ck { display: grid; place-items: center; flex: none; width: calc(var(--wgbv-p) * 16); height: calc(var(--wgbv-p) * 16); border-radius: 50%; background: #DCFCE7; color: #15803D; }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-ck .wgbv-i { width: calc(var(--wgbv-p) * 10); height: calc(var(--wgbv-p) * 10); stroke-width: 3.2; }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-st { display: flex; flex-direction: column; gap: calc(var(--wgbv-p) * 7); flex: 1; min-width: 0; font-size: calc(var(--wgbv-p) * 11); font-weight: 600; line-height: 1.3; color: #111827; }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-lines > span:nth-child(2) { width: 70%; }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-lines > span:nth-child(3) { display: none; width: 82%; }
@container (aspect-ratio < 0.95) {
  .wgbv-visual[data-wgbv="sleep-report"] .wgbv-stage { --wgbv-w: 300; --wgbv-h: 420; }
  .wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-inbox { top: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 292); height: calc(var(--wgbv-p) * 172); }
  .wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-doc { left: calc(var(--wgbv-p) * 4); top: calc(var(--wgbv-p) * 186); width: calc(var(--wgbv-p) * 292); height: calc(var(--wgbv-p) * 230); gap: calc(var(--wgbv-p) * 16); padding: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-dt { font-size: calc(var(--wgbv-p) * 13); }
  .wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-by { font-size: calc(var(--wgbv-p) * 10.5); }
  .wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-st { font-size: calc(var(--wgbv-p) * 12); gap: calc(var(--wgbv-p) * 9); }
  .wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-lines { gap: calc(var(--wgbv-p) * 7); }
  .wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-lines > span { height: calc(var(--wgbv-p) * 6); }
  .wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-lines > span:nth-child(3) { display: block; }
  .wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-doc { justify-content: space-between; }
  .wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-mt, .wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-ms { font-size: calc(var(--wgbv-p) * 11.5); }
}
@container (aspect-ratio >= 0.95) and (aspect-ratio < 1.4) {
  .wgbv-visual[data-wgbv="sleep-report"] .wgbv-stage { --wgbv-w: 300; --wgbv-h: 268; }
  .wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-inbox { top: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 292); height: calc(var(--wgbv-p) * 94); }
  .wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-mail:not(.wgbv-rp-new) { display: none; }
  .wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-doc { left: calc(var(--wgbv-p) * 4); top: calc(var(--wgbv-p) * 106); width: calc(var(--wgbv-p) * 292); height: calc(var(--wgbv-p) * 158); }
}
@media (max-width: 479px) {
  @container (min-width: 362px) and (aspect-ratio >= 0.95) and (aspect-ratio < 1.4) and (min-height: 390.9px) {
    .wgbv-visual[data-wgbv="sleep-report"]:is(.point *) .wgbv-stage { --wgbv-w: 300; --wgbv-h: 330; }
    .wgbv-visual[data-wgbv="sleep-report"]:is(.point *) .wgbv-rp-inbox { top: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 292); height: calc(var(--wgbv-p) * 134); }
    .wgbv-visual[data-wgbv="sleep-report"]:is(.point *) .wgbv-rp-mail:nth-child(2) { display: flex; }
    .wgbv-visual[data-wgbv="sleep-report"]:is(.point *) .wgbv-rp-doc { left: calc(var(--wgbv-p) * 4); top: calc(var(--wgbv-p) * 144); width: calc(var(--wgbv-p) * 292); height: calc(var(--wgbv-p) * 182); justify-content: space-between; }
    .wgbv-visual[data-wgbv="sleep-report"]:is(.point *) .wgbv-rp-lines > span:nth-child(3) { display: block; }
  }
  @container (min-width: 362px) and (aspect-ratio >= 1.4) and ((aspect-ratio <= 1.4655) or (min-height: 274.8px)) {
    .wgbv-visual[data-wgbv="sleep-report"]:is(.point *) .wgbv-stage { --wgbv-w: 340; --wgbv-h: 232; }
    .wgbv-visual[data-wgbv="sleep-report"]:is(.point *) .wgbv-rp-inbox { top: calc(var(--wgbv-p) * 14); height: calc(var(--wgbv-p) * 204); }
    .wgbv-visual[data-wgbv="sleep-report"]:is(.point *) .wgbv-rp-doc { top: calc(var(--wgbv-p) * 4); height: calc(var(--wgbv-p) * 224); justify-content: space-between; }
    .wgbv-visual[data-wgbv="sleep-report"]:is(.point *) .wgbv-rp-lines > span:nth-child(3) { display: block; }
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  @container (aspect-ratio >= 1.4) and (min-height: 343.9px) {
    .wgbv-visual[data-wgbv="sleep-report"]:is(.point *) .wgbv-stage { --wgbv-w: 340; --wgbv-h: 254; }
    .wgbv-visual[data-wgbv="sleep-report"]:is(.point *) .wgbv-rp-inbox { top: calc(var(--wgbv-p) * 14); height: calc(var(--wgbv-p) * 226); }
    .wgbv-visual[data-wgbv="sleep-report"]:is(.point *) .wgbv-rp-doc { top: calc(var(--wgbv-p) * 4); height: calc(var(--wgbv-p) * 246); justify-content: space-between; }
    .wgbv-visual[data-wgbv="sleep-report"]:is(.point *) .wgbv-rp-lines > span:nth-child(3) { display: block; }
  }
}

.wgbv-visual[data-wgbv="sleep-report"]:is(.point.yb *) { border-radius: 12px; background: #F9FAFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1048 800' preserveAspectRatio='none'%3E%3Cg transform='rotate(-58.4 496 350)' fill='none' stroke='%23D3D7F2'%3E%3Cellipse cx='496' cy='350' rx='469' ry='651' vector-effect='non-scaling-stroke'/%3E%3Cellipse cx='496' cy='350' rx='577' ry='801' vector-effect='non-scaling-stroke'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat; }
@container (min-width: 260px) {
  .wgbv-visual[data-wgbv="sleep-report"]:is(.point.yb *) .wgbv-stage { --wgbv-fill: .92; --wgbv-vis: 1.08; }
}
@container (aspect-ratio < 1) {
  .wgbv-visual[data-wgbv="sleep-report"]:is(.point.yb *) .wgbv-stage { --wgbv-w: 224; --wgbv-h: 276; }
  .wgbv-visual[data-wgbv="sleep-report"]:is(.point.yb *) .wgbv-rp-inbox { top: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 216); height: calc(var(--wgbv-p) * 94); }
  .wgbv-visual[data-wgbv="sleep-report"]:is(.point.yb *) .wgbv-rp-mail:not(.wgbv-rp-new) { display: none; }
  .wgbv-visual[data-wgbv="sleep-report"]:is(.point.yb *) .wgbv-rp-doc { left: calc(var(--wgbv-p) * 4); top: calc(var(--wgbv-p) * 106); width: calc(var(--wgbv-p) * 216); height: calc(var(--wgbv-p) * 166); gap: calc(var(--wgbv-p) * 12); padding: calc(var(--wgbv-p) * 12); justify-content: flex-start; }
  .wgbv-visual[data-wgbv="sleep-report"]:is(.point.yb *) .wgbv-rp-dt { font-size: calc(var(--wgbv-p) * 11.5); }
  .wgbv-visual[data-wgbv="sleep-report"]:is(.point.yb *) .wgbv-rp-by { font-size: calc(var(--wgbv-p) * 9.5); }
  .wgbv-visual[data-wgbv="sleep-report"]:is(.point.yb *) .wgbv-rp-st { font-size: calc(var(--wgbv-p) * 11); gap: calc(var(--wgbv-p) * 7); }
  .wgbv-visual[data-wgbv="sleep-report"]:is(.point.yb *) .wgbv-rp-lines { gap: calc(var(--wgbv-p) * 5); }
  .wgbv-visual[data-wgbv="sleep-report"]:is(.point.yb *) .wgbv-rp-lines > span { height: calc(var(--wgbv-p) * 5); }
  .wgbv-visual[data-wgbv="sleep-report"]:is(.point.yb *) .wgbv-rp-lines > span:nth-child(3) { display: none; }
  .wgbv-visual[data-wgbv="sleep-report"]:is(.point.yb *) .wgbv-rp-mt { font-size: calc(var(--wgbv-p) * 10.5); }
  .wgbv-visual[data-wgbv="sleep-report"]:is(.point.yb *) .wgbv-rp-ms { font-size: calc(var(--wgbv-p) * 10.5); }
}

/* ---- visuals/sleep-specialist.css ---- */
.wgbv-visual[data-wgbv="sleep-specialist"] { --wgbv-ar: 340 / 210; --wgbv-w: 340; --wgbv-h: 210; }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-req,
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-doc { position: absolute; display: flex; border: calc(var(--wgbv-p) * .9) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 14); background: #fff;
  box-shadow: 0 calc(var(--wgbv-p) * 1) calc(var(--wgbv-p) * 2) rgba(16, 24, 40, .04), 0 calc(var(--wgbv-p) * 8) calc(var(--wgbv-p) * 18) rgba(16, 24, 40, .07); }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-req { left: calc(var(--wgbv-p) * 4); top: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 206); height: calc(var(--wgbv-p) * 202); flex-direction: column; gap: calc(var(--wgbv-p) * 10); padding: calc(var(--wgbv-p) * 12); }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-head { display: flex; align-items: center; gap: calc(var(--wgbv-p) * 8); font-size: calc(var(--wgbv-p) * 13); font-weight: 700; line-height: 1.2; letter-spacing: -.01em; color: #111827; white-space: nowrap; }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-ic { display: grid; place-items: center; flex: none; width: calc(var(--wgbv-p) * 26); height: calc(var(--wgbv-p) * 26); border-radius: calc(var(--wgbv-p) * 7); background: #F0EEFE; color: #6741D9; }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-ic .wgbv-i { width: calc(var(--wgbv-p) * 15); height: calc(var(--wgbv-p) * 15); stroke-width: 1.9; }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-tags { display: flex; flex-wrap: wrap; gap: calc(var(--wgbv-p) * 4); }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-tag { display: inline-grid; place-items: center; height: calc(var(--wgbv-p) * 21); padding: 0 calc(var(--wgbv-p) * 7); border-radius: calc(var(--wgbv-p) * 6); font-size: calc(var(--wgbv-p) * 10); font-weight: 600; line-height: 1; white-space: nowrap; }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-t1 { background: #FEF3C7; color: #92400E; }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-t2 { background: #F0EEFE; color: #5B21B6; }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-note { display: flex; flex-direction: column; justify-content: center; gap: calc(var(--wgbv-p) * 6); flex: 1; padding: calc(var(--wgbv-p) * 9); border: calc(var(--wgbv-p) * .9) solid #EEF0F3; border-radius: calc(var(--wgbv-p) * 8); background: #FAFAFB; }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-note > span { display: block; height: calc(var(--wgbv-p) * 5); border-radius: calc(var(--wgbv-p) * 3); background: #E5E7EB; transform-origin: 0 50%; }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-note > span:nth-child(2) { width: 88%; }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-note > span:nth-child(3) { width: 60%; }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-btn { --sent: 1; display: grid; place-items: center; flex: none; height: calc(var(--wgbv-p) * 26); border-radius: calc(var(--wgbv-p) * 7);
  background: color-mix(in srgb, #16A34A calc(var(--sent) * 100%), #4F46E5); color: #fff; font-size: calc(var(--wgbv-p) * 11); font-weight: 600; line-height: 1; white-space: nowrap; }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-btn > span { grid-area: 1 / 1; display: inline-flex; align-items: center; gap: calc(var(--wgbv-p) * 5); }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-go { opacity: calc(1 - var(--sent)); }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-ok { opacity: var(--sent); }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-ok .wgbv-i { width: calc(var(--wgbv-p) * 12); height: calc(var(--wgbv-p) * 12); stroke-width: 3; }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-doc { left: calc(var(--wgbv-p) * 218); top: calc(var(--wgbv-p) * 48); width: calc(var(--wgbv-p) * 118); height: calc(var(--wgbv-p) * 114); flex-direction: column; align-items: center; justify-content: center; gap: calc(var(--wgbv-p) * 9);
  box-shadow: 0 calc(var(--wgbv-p) * 2) calc(var(--wgbv-p) * 4) rgba(16, 24, 40, .05), 0 calc(var(--wgbv-p) * 12) calc(var(--wgbv-p) * 24) rgba(16, 24, 40, .12); }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-av { display: grid; place-items: center; flex: none; width: calc(var(--wgbv-p) * 38); height: calc(var(--wgbv-p) * 38); border-radius: 50%; background: #F0EEFE; color: #6741D9; }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-av .wgbv-i { width: calc(var(--wgbv-p) * 20); height: calc(var(--wgbv-p) * 20); stroke-width: 1.8; }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-name { display: flex; flex-direction: column; align-items: center; gap: calc(var(--wgbv-p) * 4); font-size: calc(var(--wgbv-p) * 10.5); font-weight: 700; line-height: 1.2; color: #111827; white-space: nowrap; }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-st { display: inline-flex; align-items: center; gap: calc(var(--wgbv-p) * 5); font-size: calc(var(--wgbv-p) * 10); font-weight: 500; color: #15803D; }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-dot { width: calc(var(--wgbv-p) * 7); height: calc(var(--wgbv-p) * 7); border-radius: 50%; background: #22C55E; box-shadow: 0 0 0 calc(var(--wgbv-p) * 2.5) #DCFCE7; }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-touch { background: rgba(255, 255, 255, .5); box-shadow: 0 0 0 calc(var(--wgbv-p) * 1.5) rgba(103, 65, 217, .45); }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-ripple { background: rgba(255, 255, 255, .5); }
@container (aspect-ratio < 1.33) {
  .wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-stage { --wgbv-w: 300; --wgbv-h: 300; }
  .wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-req { width: calc(var(--wgbv-p) * 292); height: calc(var(--wgbv-p) * 186); gap: calc(var(--wgbv-p) * 9); }
  .wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-tag { font-size: calc(var(--wgbv-p) * 10.5); }
  .wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-doc { left: calc(var(--wgbv-p) * 4); top: calc(var(--wgbv-p) * 202); width: calc(var(--wgbv-p) * 292); height: calc(var(--wgbv-p) * 94); flex-direction: row; justify-content: flex-start; gap: calc(var(--wgbv-p) * 12); padding: 0 calc(var(--wgbv-p) * 16); }
  .wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-av { width: calc(var(--wgbv-p) * 44); height: calc(var(--wgbv-p) * 44); }
  .wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-av .wgbv-i { width: calc(var(--wgbv-p) * 23); height: calc(var(--wgbv-p) * 23); }
  .wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-name { align-items: flex-start; gap: calc(var(--wgbv-p) * 5); font-size: calc(var(--wgbv-p) * 12.5); }
  .wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-st { font-size: calc(var(--wgbv-p) * 11); }
}
@container (aspect-ratio >= 2.6) {
  .wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-stage { --wgbv-w: 540; --wgbv-h: 190; }
  .wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-req { width: calc(var(--wgbv-p) * 300); height: calc(var(--wgbv-p) * 182); }
  .wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-doc { left: calc(var(--wgbv-p) * 318); top: calc(var(--wgbv-p) * 48); width: calc(var(--wgbv-p) * 218); height: calc(var(--wgbv-p) * 94); flex-direction: row; justify-content: flex-start; gap: calc(var(--wgbv-p) * 12); padding: 0 calc(var(--wgbv-p) * 16); }
  .wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-av { width: calc(var(--wgbv-p) * 44); height: calc(var(--wgbv-p) * 44); }
  .wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-name { align-items: flex-start; font-size: calc(var(--wgbv-p) * 12); }
}
@media (max-width: 479px) {
  @container (min-width: 362px) and (aspect-ratio >= 1.33) and (aspect-ratio < 2.6) and ((aspect-ratio <= 1.371) or (min-height: 293.8px)) {
    .wgbv-visual[data-wgbv="sleep-specialist"]:is(.point *) .wgbv-stage { --wgbv-w: 340; --wgbv-h: 248; }
    .wgbv-visual[data-wgbv="sleep-specialist"]:is(.point *) .wgbv-sp-req { height: calc(var(--wgbv-p) * 240); gap: calc(var(--wgbv-p) * 12); }
    .wgbv-visual[data-wgbv="sleep-specialist"]:is(.point *) .wgbv-sp-doc { top: calc(var(--wgbv-p) * 67); }
  }
}

/* ---- visuals/sleep-wait.css ---- */
.wgbv-visual[data-wgbv="sleep-wait"] { --wgbv-ar: 1048 / 800; --wgbv-w: 300; --wgbv-h: 256; }
.wgbv-visual[data-wgbv="sleep-wait"] .wgbv-stage { border-radius: calc(var(--wgbv-p) * 14); overflow: clip;
  background: #F9FAFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1048 800' preserveAspectRatio='none'%3E%3Cg transform='rotate(-58.4 496 350)' fill='none' stroke='%23D3D7F2' stroke-width='1'%3E%3Cellipse cx='496' cy='350' rx='469' ry='651' vector-effect='non-scaling-stroke'/%3E%3Cellipse cx='496' cy='350' rx='577' ry='801' vector-effect='non-scaling-stroke'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat; }
.wgbv-visual[data-wgbv="sleep-wait"]:is(.point *) .wgbv-stage { left: 0; top: 0; right: 0; bottom: 0; width: auto; height: auto; }
.wgbv-visual[data-wgbv="sleep-wait"] .wgbv-sw-cal { position: absolute; left: calc(50% - var(--wgbv-p) * 75); top: calc(50% - var(--wgbv-p) * 80.5); width: calc(var(--wgbv-p) * 150); height: calc(var(--wgbv-p) * 161); }
.wgbv-visual[data-wgbv="sleep-wait"] .wgbv-sw-body { position: absolute; left: 0; top: calc(var(--wgbv-p) * 17); width: 100%; height: calc(var(--wgbv-p) * 144);
  border: calc(var(--wgbv-p) * 7) solid #3B82F6; border-radius: calc(var(--wgbv-p) * 24); overflow: clip; }
.wgbv-visual[data-wgbv="sleep-wait"] .wgbv-sw-body::before { content: ''; position: absolute; left: 0; right: 0; top: calc(var(--wgbv-p) * 27); height: calc(var(--wgbv-p) * 7); background: #3B82F6; }
.wgbv-visual[data-wgbv="sleep-wait"] .wgbv-sw-ring { position: absolute; top: 0; left: calc(var(--wgbv-p) * 23); width: calc(var(--wgbv-p) * 26); height: calc(var(--wgbv-p) * 40);
  border: calc(var(--wgbv-p) * 7) solid #3B82F6; border-radius: calc(var(--wgbv-p) * 13); background: #F9FAFF; }
.wgbv-visual[data-wgbv="sleep-wait"] .wgbv-sw-r2 { left: calc(var(--wgbv-p) * 101); }
.wgbv-visual[data-wgbv="sleep-wait"] .wgbv-sw-page { position: absolute; left: 0; right: 0; top: calc(var(--wgbv-p) * 34); bottom: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: calc(var(--wgbv-p) * 4); color: #1E293B; white-space: nowrap; }
.wgbv-visual[data-wgbv="sleep-wait"] .wgbv-sw-num { display: block; font-size: calc(var(--wgbv-p) * 28); font-weight: 700; line-height: 1; letter-spacing: .01em; }
.wgbv-visual[data-wgbv="sleep-wait"] .wgbv-sw-unit { display: block; font-size: calc(var(--wgbv-p) * 14); font-weight: 500; line-height: 1.15; }
.wgbv-visual[data-wgbv="sleep-wait"] .wgbv-sw-leaf { --hx: 1; --hy: 1; position: absolute; left: 0; right: 0; top: calc(var(--wgbv-p) * 34); bottom: 0; padding: calc(var(--wgbv-p) * 8) calc(var(--wgbv-p) * 5);
  opacity: 0; transform-origin: 50% 0;
  background: radial-gradient(circle, #3B82F6 calc(var(--wgbv-p) * 3.4), transparent calc(var(--wgbv-p) * 3.9)) calc(var(--wgbv-p) * 18 * var(--hx)) calc(var(--wgbv-p) * 16 * var(--hy)) / calc(var(--wgbv-p) * 18) calc(var(--wgbv-p) * 16) no-repeat content-box,
    radial-gradient(circle, #C3D6FB calc(var(--wgbv-p) * 2.3), transparent calc(var(--wgbv-p) * 2.8)) 0 0 / calc(var(--wgbv-p) * 18) calc(var(--wgbv-p) * 16) content-box, #fff; }
.wgbv-visual[data-wgbv="sleep-wait"] .wgbv-sw-leaf:nth-of-type(2) { --hx: 4; --hy: 3; }
.wgbv-visual[data-wgbv="sleep-wait"] .wgbv-sw-leaf:nth-of-type(3) { --hx: 2; --hy: 0; }
@container (aspect-ratio < 1) {
  .wgbv-visual[data-wgbv="sleep-wait"] .wgbv-stage { --wgbv-w: 214; --wgbv-h: 250; }
}

/* ---- visuals/store-listing.css ---- */
.wgbv-visual[data-wgbv="store-listing"] { --wgbv-ar: 400 / 226; --wgbv-w: 400; --wgbv-h: 226; }
.wgbv-visual[data-wgbv="store-listing"] .wgbv-sl-card { position: absolute; left: calc(var(--wgbv-p) * 8); top: calc(var(--wgbv-p) * 6); width: calc(var(--wgbv-p) * 384); height: calc(var(--wgbv-p) * 212);
  border: calc(var(--wgbv-p) * .9) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 16); background: #fff;
  box-shadow: 0 calc(var(--wgbv-p) * 1) calc(var(--wgbv-p) * 2) rgba(16, 24, 40, .04), 0 calc(var(--wgbv-p) * 10) calc(var(--wgbv-p) * 24) rgba(16, 24, 40, .08); }
.wgbv-visual[data-wgbv="store-listing"] .wgbv-sl-seg { position: absolute; left: calc(var(--wgbv-p) * 16); top: calc(var(--wgbv-p) * 14); width: calc(var(--wgbv-p) * 230); height: calc(var(--wgbv-p) * 30); border-radius: calc(var(--wgbv-p) * 9); background: #F1F5F9; }
.wgbv-visual[data-wgbv="store-listing"] .wgbv-sl-thumb { position: absolute; left: calc(var(--wgbv-p) * 116); top: calc(var(--wgbv-p) * 3); width: calc(var(--wgbv-p) * 111); height: calc(var(--wgbv-p) * 24); border-radius: calc(var(--wgbv-p) * 7); background: #fff;
  box-shadow: 0 calc(var(--wgbv-p) * 1) calc(var(--wgbv-p) * 3) rgba(16, 24, 40, .12); }
.wgbv-visual[data-wgbv="store-listing"] .wgbv-sl-s1 , .wgbv-visual[data-wgbv="store-listing"] .wgbv-sl-s2 { position: absolute; top: 0; width: 50%; line-height: calc(var(--wgbv-p) * 30); text-align: center; font-size: calc(var(--wgbv-p) * 11.5); font-weight: 600; color: #1E293B; white-space: nowrap; }
.wgbv-visual[data-wgbv="store-listing"] .wgbv-sl-s1 { left: 0; opacity: .5; }
.wgbv-visual[data-wgbv="store-listing"] .wgbv-sl-s2 { left: 50%; }
.wgbv-visual[data-wgbv="store-listing"] .wgbv-sl-app { position: absolute; left: 0; right: 0; top: calc(var(--wgbv-p) * 58); height: calc(var(--wgbv-p) * 70); }
.wgbv-visual[data-wgbv="store-listing"] .wgbv-sl-icon { position: absolute; left: calc(var(--wgbv-p) * 16); top: 0; display: grid; place-items: center; width: calc(var(--wgbv-p) * 66); height: calc(var(--wgbv-p) * 66); border-radius: calc(var(--wgbv-p) * 15); background: linear-gradient(150deg, #14A08E, #0F766E); color: #fff;
  box-shadow: 0 calc(var(--wgbv-p) * 4) calc(var(--wgbv-p) * 10) rgba(15, 118, 110, .25); }
.wgbv-visual[data-wgbv="store-listing"] .wgbv-sl-icon .wgbv-i { width: calc(var(--wgbv-p) * 30); height: calc(var(--wgbv-p) * 30); }
.wgbv-visual[data-wgbv="store-listing"] .wgbv-sl-name { position: absolute; left: calc(var(--wgbv-p) * 96); top: calc(var(--wgbv-p) * 8); font-size: calc(var(--wgbv-p) * 18); font-weight: 700; line-height: 1.2; letter-spacing: -.01em; color: #111827; white-space: nowrap; }
.wgbv-visual[data-wgbv="store-listing"] .wgbv-sl-org { position: absolute; left: calc(var(--wgbv-p) * 96); top: calc(var(--wgbv-p) * 33); font-size: calc(var(--wgbv-p) * 12.5); line-height: 1.2; color: #6B7280; white-space: nowrap; }
.wgbv-visual[data-wgbv="store-listing"] .wgbv-sl-get { position: absolute; right: calc(var(--wgbv-p) * 16); top: calc(var(--wgbv-p) * 19); display: grid; place-items: center; width: calc(var(--wgbv-p) * 68); height: calc(var(--wgbv-p) * 28); border-radius: calc(var(--wgbv-p) * 14); background: #EEF0FF; color: #4F46E5; font-size: calc(var(--wgbv-p) * 13); font-weight: 700; }
.wgbv-visual[data-wgbv="store-listing"] .wgbv-sl-g1 , .wgbv-visual[data-wgbv="store-listing"] .wgbv-sl-g2 { grid-area: 1 / 1; }
.wgbv-visual[data-wgbv="store-listing"] .wgbv-sl-g1 { opacity: 0; }
.wgbv-visual[data-wgbv="store-listing"] .wgbv-sl-rule { position: absolute; left: calc(var(--wgbv-p) * 16); right: calc(var(--wgbv-p) * 16); top: calc(var(--wgbv-p) * 140); border-top: calc(var(--wgbv-p) * .9) solid #EEF0F3; }
.wgbv-visual[data-wgbv="store-listing"] .wgbv-sl-wg { position: absolute; left: 0; right: 0; top: calc(var(--wgbv-p) * 152); height: calc(var(--wgbv-p) * 46); opacity: .62; }
.wgbv-visual[data-wgbv="store-listing"] .wgbv-sl-wicon { position: absolute; left: calc(var(--wgbv-p) * 26); top: 0; display: grid; place-items: center; width: calc(var(--wgbv-p) * 46); height: calc(var(--wgbv-p) * 46); border: calc(var(--wgbv-p) * .9) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 11); background: #fff; }
.wgbv-visual[data-wgbv="store-listing"] .wgbv-sl-wicon img { width: calc(var(--wgbv-p) * 26); height: auto; }
.wgbv-visual[data-wgbv="store-listing"] .wgbv-sl-wname { position: absolute; left: calc(var(--wgbv-p) * 86); top: calc(var(--wgbv-p) * 5); font-size: calc(var(--wgbv-p) * 14); font-weight: 600; line-height: 1.2; color: #374151; white-space: nowrap; }
.wgbv-visual[data-wgbv="store-listing"] .wgbv-sl-worg { position: absolute; left: calc(var(--wgbv-p) * 86); top: calc(var(--wgbv-p) * 25); font-size: calc(var(--wgbv-p) * 11.5); line-height: 1.2; color: #6B7280; white-space: nowrap; }
.wgbv-visual[data-wgbv="store-listing"] .wgbv-sl-wget { position: absolute; right: calc(var(--wgbv-p) * 16); top: calc(var(--wgbv-p) * 10); display: grid; place-items: center; width: calc(var(--wgbv-p) * 58); height: calc(var(--wgbv-p) * 26); border-radius: calc(var(--wgbv-p) * 13); background: #F3F4F6; color: #6B7280; font-size: calc(var(--wgbv-p) * 12); font-weight: 600; }
@container (aspect-ratio < 1.3) {
  .wgbv-visual[data-wgbv="store-listing"] .wgbv-stage { --wgbv-w: 300; --wgbv-h: 252; }
  .wgbv-visual[data-wgbv="store-listing"] .wgbv-sl-card { width: calc(var(--wgbv-p) * 284); height: calc(var(--wgbv-p) * 238); }
  .wgbv-visual[data-wgbv="store-listing"] .wgbv-sl-seg { left: calc(var(--wgbv-p) * 14); width: calc(var(--wgbv-p) * 254); }
  .wgbv-visual[data-wgbv="store-listing"] .wgbv-sl-thumb { left: calc(var(--wgbv-p) * 128); width: calc(var(--wgbv-p) * 123); }
  .wgbv-visual[data-wgbv="store-listing"] .wgbv-sl-app { top: calc(var(--wgbv-p) * 60); height: calc(var(--wgbv-p) * 84); }
  .wgbv-visual[data-wgbv="store-listing"] .wgbv-sl-icon { left: calc(var(--wgbv-p) * 14); width: calc(var(--wgbv-p) * 72); height: calc(var(--wgbv-p) * 72); border-radius: calc(var(--wgbv-p) * 16); }
  .wgbv-visual[data-wgbv="store-listing"] .wgbv-sl-name ,   .wgbv-visual[data-wgbv="store-listing"] .wgbv-sl-org { left: calc(var(--wgbv-p) * 100); }
  .wgbv-visual[data-wgbv="store-listing"] .wgbv-sl-name { top: calc(var(--wgbv-p) * 2); }
  .wgbv-visual[data-wgbv="store-listing"] .wgbv-sl-org { top: calc(var(--wgbv-p) * 26); }
  .wgbv-visual[data-wgbv="store-listing"] .wgbv-sl-get { left: calc(var(--wgbv-p) * 100); right: auto; top: calc(var(--wgbv-p) * 46); }
  .wgbv-visual[data-wgbv="store-listing"] .wgbv-sl-rule { left: calc(var(--wgbv-p) * 14); right: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 160); }
  .wgbv-visual[data-wgbv="store-listing"] .wgbv-sl-wg { top: calc(var(--wgbv-p) * 174); }
  .wgbv-visual[data-wgbv="store-listing"] .wgbv-sl-wicon { left: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="store-listing"] .wgbv-sl-wname ,   .wgbv-visual[data-wgbv="store-listing"] .wgbv-sl-worg { left: calc(var(--wgbv-p) * 72); }
  .wgbv-visual[data-wgbv="store-listing"] .wgbv-sl-wget { right: calc(var(--wgbv-p) * 14); }
}

@media (min-width: 480px) and (max-width: 991px) {
  .wgbv-visual[data-wgbv="store-listing"]:is(.point *) .wgbv-sl-name { font-size: calc(var(--wgbv-p) * 16); }
  @container (aspect-ratio < 1.3) {
    .wgbv-visual[data-wgbv="store-listing"]:is(.point *) .wgbv-stage { --wgbv-h: 316; }
    .wgbv-visual[data-wgbv="store-listing"]:is(.point *) .wgbv-sl-card { height: calc(var(--wgbv-p) * 304); }
    .wgbv-visual[data-wgbv="store-listing"]:is(.point *) .wgbv-sl-app { top: calc(var(--wgbv-p) * 58); height: calc(var(--wgbv-p) * 168); }
    .wgbv-visual[data-wgbv="store-listing"]:is(.point *) .wgbv-sl-icon { left: calc(var(--wgbv-p) * 104); width: calc(var(--wgbv-p) * 76); height: calc(var(--wgbv-p) * 76); border-radius: calc(var(--wgbv-p) * 17); }
    .wgbv-visual[data-wgbv="store-listing"]:is(.point *) .wgbv-sl-icon .wgbv-i { width: calc(var(--wgbv-p) * 34); height: calc(var(--wgbv-p) * 34); }
    .wgbv-visual[data-wgbv="store-listing"]:is(.point *) .wgbv-sl-name { left: 0; right: 0; top: calc(var(--wgbv-p) * 88); text-align: center; }
    .wgbv-visual[data-wgbv="store-listing"]:is(.point *) .wgbv-sl-org { left: 0; right: 0; top: calc(var(--wgbv-p) * 110); text-align: center; }
    .wgbv-visual[data-wgbv="store-listing"]:is(.point *) .wgbv-sl-get { left: calc(var(--wgbv-p) * 108); right: auto; top: calc(var(--wgbv-p) * 134); }
    .wgbv-visual[data-wgbv="store-listing"]:is(.point *) .wgbv-sl-rule { top: calc(var(--wgbv-p) * 240); }
    .wgbv-visual[data-wgbv="store-listing"]:is(.point *) .wgbv-sl-wg { top: calc(var(--wgbv-p) * 254); }
  }
}

.wgbv-visual[data-wgbv="store-listing"]:is(.support_right-imgbox *) { background: #FF2D55; border-radius: calc(100cqw * .033); }
@container (max-width: 199px) {
  .wgbv-visual[data-wgbv="store-listing"]:is(.support_faq-imgwrap *) .wgbv-stage { --wgbv-w: 190; --wgbv-h: 150; }
  .wgbv-visual[data-wgbv="store-listing"]:is(.support_faq-imgwrap *) .wgbv-sl-card { left: calc(var(--wgbv-p) * 4); top: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 182); height: calc(var(--wgbv-p) * 142); border-radius: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="store-listing"]:is(.support_faq-imgwrap *) .wgbv-sl-seg { left: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 10); width: calc(var(--wgbv-p) * 162); height: calc(var(--wgbv-p) * 26); border-radius: calc(var(--wgbv-p) * 8); }
  .wgbv-visual[data-wgbv="store-listing"]:is(.support_faq-imgwrap *) .wgbv-sl-thumb { left: calc(var(--wgbv-p) * 82); top: calc(var(--wgbv-p) * 3); width: calc(var(--wgbv-p) * 77); height: calc(var(--wgbv-p) * 20); border-radius: calc(var(--wgbv-p) * 6); }
  .wgbv-visual[data-wgbv="store-listing"]:is(.support_faq-imgwrap *) .wgbv-sl-s1 { line-height: calc(var(--wgbv-p) * 26); font-size: calc(var(--wgbv-p) * 10); }
  .wgbv-visual[data-wgbv="store-listing"]:is(.support_faq-imgwrap *) .wgbv-sl-s2 { line-height: calc(var(--wgbv-p) * 26); font-size: calc(var(--wgbv-p) * 10); }
  .wgbv-visual[data-wgbv="store-listing"]:is(.support_faq-imgwrap *) .wgbv-sl-app { top: calc(var(--wgbv-p) * 48); height: calc(var(--wgbv-p) * 84); }
  .wgbv-visual[data-wgbv="store-listing"]:is(.support_faq-imgwrap *) .wgbv-sl-icon { left: calc(var(--wgbv-p) * 10); width: calc(var(--wgbv-p) * 52); height: calc(var(--wgbv-p) * 52); border-radius: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="store-listing"]:is(.support_faq-imgwrap *) .wgbv-sl-icon .wgbv-i { width: calc(var(--wgbv-p) * 24); height: calc(var(--wgbv-p) * 24); }
  .wgbv-visual[data-wgbv="store-listing"]:is(.support_faq-imgwrap *) .wgbv-sl-name { left: calc(var(--wgbv-p) * 72); top: calc(var(--wgbv-p) * 2); font-size: calc(var(--wgbv-p) * 16); }
  .wgbv-visual[data-wgbv="store-listing"]:is(.support_faq-imgwrap *) .wgbv-sl-org { left: calc(var(--wgbv-p) * 72); top: calc(var(--wgbv-p) * 24); font-size: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="store-listing"]:is(.support_faq-imgwrap *) .wgbv-sl-get { left: calc(var(--wgbv-p) * 72); right: auto; top: calc(var(--wgbv-p) * 44); width: calc(var(--wgbv-p) * 58); height: calc(var(--wgbv-p) * 24); font-size: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="store-listing"]:is(.support_faq-imgwrap *) .wgbv-sl-rule { display: none; }
  .wgbv-visual[data-wgbv="store-listing"]:is(.support_faq-imgwrap *) .wgbv-sl-wg { display: none; }
}
@container (aspect-ratio < .95) {
  .wgbv-visual[data-wgbv="store-listing"]:is(.support_right-imgbox *) .wgbv-stage { --wgbv-w: 340; --wgbv-h: 400; }
  .wgbv-visual[data-wgbv="store-listing"]:is(.support_right-imgbox *) .wgbv-sl-card { left: calc(var(--wgbv-p) * 8); top: calc(var(--wgbv-p) * 6); width: calc(var(--wgbv-p) * 324); height: calc(var(--wgbv-p) * 388); border-radius: calc(var(--wgbv-p) * 20); }
  .wgbv-visual[data-wgbv="store-listing"]:is(.support_right-imgbox *) .wgbv-sl-seg { left: calc(var(--wgbv-p) * 18); top: calc(var(--wgbv-p) * 18); width: calc(var(--wgbv-p) * 288); height: calc(var(--wgbv-p) * 34); border-radius: calc(var(--wgbv-p) * 10); }
  .wgbv-visual[data-wgbv="store-listing"]:is(.support_right-imgbox *) .wgbv-sl-thumb { left: calc(var(--wgbv-p) * 146); top: calc(var(--wgbv-p) * 3); width: calc(var(--wgbv-p) * 139); height: calc(var(--wgbv-p) * 28); border-radius: calc(var(--wgbv-p) * 8); }
  .wgbv-visual[data-wgbv="store-listing"]:is(.support_right-imgbox *) .wgbv-sl-s1 { line-height: calc(var(--wgbv-p) * 34); font-size: calc(var(--wgbv-p) * 12.5); }
  .wgbv-visual[data-wgbv="store-listing"]:is(.support_right-imgbox *) .wgbv-sl-s2 { line-height: calc(var(--wgbv-p) * 34); font-size: calc(var(--wgbv-p) * 12.5); }
  .wgbv-visual[data-wgbv="store-listing"]:is(.support_right-imgbox *) .wgbv-sl-app { top: calc(var(--wgbv-p) * 72); height: calc(var(--wgbv-p) * 204); }
  .wgbv-visual[data-wgbv="store-listing"]:is(.support_right-imgbox *) .wgbv-sl-icon { left: calc(var(--wgbv-p) * 107); top: 0; width: calc(var(--wgbv-p) * 110); height: calc(var(--wgbv-p) * 110); border-radius: calc(var(--wgbv-p) * 26); }
  .wgbv-visual[data-wgbv="store-listing"]:is(.support_right-imgbox *) .wgbv-sl-icon .wgbv-i { width: calc(var(--wgbv-p) * 48); height: calc(var(--wgbv-p) * 48); }
  .wgbv-visual[data-wgbv="store-listing"]:is(.support_right-imgbox *) .wgbv-sl-name { left: 0; top: calc(var(--wgbv-p) * 124); width: 100%; text-align: center; }
  .wgbv-visual[data-wgbv="store-listing"]:is(.support_right-imgbox *) .wgbv-sl-org { left: 0; top: calc(var(--wgbv-p) * 150); width: 100%; text-align: center; font-size: calc(var(--wgbv-p) * 13); }
  .wgbv-visual[data-wgbv="store-listing"]:is(.support_right-imgbox *) .wgbv-sl-get { left: calc(var(--wgbv-p) * 122); right: auto; top: calc(var(--wgbv-p) * 174); width: calc(var(--wgbv-p) * 80); height: calc(var(--wgbv-p) * 30); border-radius: calc(var(--wgbv-p) * 15); font-size: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="store-listing"]:is(.support_right-imgbox *) .wgbv-sl-rule { left: calc(var(--wgbv-p) * 18); right: calc(var(--wgbv-p) * 18); top: calc(var(--wgbv-p) * 300); }
  .wgbv-visual[data-wgbv="store-listing"]:is(.support_right-imgbox *) .wgbv-sl-wg { top: calc(var(--wgbv-p) * 318); height: calc(var(--wgbv-p) * 56); }
  .wgbv-visual[data-wgbv="store-listing"]:is(.support_right-imgbox *) .wgbv-sl-wicon { left: calc(var(--wgbv-p) * 18); width: calc(var(--wgbv-p) * 54); height: calc(var(--wgbv-p) * 54); border-radius: calc(var(--wgbv-p) * 13); }
  .wgbv-visual[data-wgbv="store-listing"]:is(.support_right-imgbox *) .wgbv-sl-wicon img { width: calc(var(--wgbv-p) * 30); }
  .wgbv-visual[data-wgbv="store-listing"]:is(.support_right-imgbox *) .wgbv-sl-wname { left: calc(var(--wgbv-p) * 86); top: calc(var(--wgbv-p) * 8); font-size: calc(var(--wgbv-p) * 15); }
  .wgbv-visual[data-wgbv="store-listing"]:is(.support_right-imgbox *) .wgbv-sl-worg { left: calc(var(--wgbv-p) * 86); top: calc(var(--wgbv-p) * 30); font-size: calc(var(--wgbv-p) * 12.5); }
  .wgbv-visual[data-wgbv="store-listing"]:is(.support_right-imgbox *) .wgbv-sl-wget { right: calc(var(--wgbv-p) * 18); top: calc(var(--wgbv-p) * 13); width: calc(var(--wgbv-p) * 62); height: calc(var(--wgbv-p) * 28); }
}

/* ---- visuals/study-groups.css ---- */
.wgbv-visual[data-wgbv="study-groups"] { --wgbv-ar: 1 / 1; --wgbv-w: 360; --wgbv-h: 360; }
.wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-n { position: absolute; display: flex; align-items: center; gap: calc(var(--wgbv-p) * 8); border-radius: calc(var(--wgbv-p) * 8); background: #fff; color: #0B0F19; white-space: nowrap; }
.wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-ib { display: grid; place-items: center; flex: none; width: calc(var(--wgbv-p) * 24); height: calc(var(--wgbv-p) * 24); border-radius: calc(var(--wgbv-p) * 6); background: #EEF0FF; color: #4F46E5; }
.wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-ib .wgbv-i { width: calc(var(--wgbv-p) * 15); height: calc(var(--wgbv-p) * 15); stroke-width: 1.9; }
.wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-t { font-size: calc(var(--wgbv-p) * 11.5); font-weight: 500; line-height: 1.2; }
.wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-study { left: calc(var(--wgbv-p) * 122); top: calc(var(--wgbv-p) * 15); width: calc(var(--wgbv-p) * 115); height: calc(var(--wgbv-p) * 45); gap: calc(var(--wgbv-p) * 10); padding-left: calc(var(--wgbv-p) * 18); border: calc(var(--wgbv-p) * 1) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 11); }
.wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-study .wgbv-sg-ib { width: calc(var(--wgbv-p) * 29); height: calc(var(--wgbv-p) * 29); border: calc(var(--wgbv-p) * 1) solid #D1D5DB; border-radius: calc(var(--wgbv-p) * 7); background: #fff; color: #0B0F19; }
.wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-study .wgbv-sg-ib .wgbv-i { width: calc(var(--wgbv-p) * 17); height: calc(var(--wgbv-p) * 17); stroke-width: 2.2; }
.wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-study .wgbv-sg-t { font-size: calc(var(--wgbv-p) * 14); font-weight: 700; letter-spacing: .02em; }
.wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-scr , .wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-wk , .wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-eval { border: calc(var(--wgbv-p) * 1.2) solid #4F46E5; }
.wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-scr { left: calc(var(--wgbv-p) * 100); top: calc(var(--wgbv-p) * 74); width: calc(var(--wgbv-p) * 161); height: calc(var(--wgbv-p) * 37); gap: calc(var(--wgbv-p) * 8); padding-left: calc(var(--wgbv-p) * 40); }
.wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-ctl .wgbv-i , .wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-int .wgbv-i { width: calc(var(--wgbv-p) * 17); height: calc(var(--wgbv-p) * 17); stroke-width: 2; }
.wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-ctl .wgbv-sg-t , .wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-int .wgbv-sg-t { font-size: calc(var(--wgbv-p) * 13); font-weight: 700; }
.wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-ctl { left: calc(var(--wgbv-p) * 26); top: calc(var(--wgbv-p) * 137); width: calc(var(--wgbv-p) * 104); height: calc(var(--wgbv-p) * 36); padding-left: calc(var(--wgbv-p) * 18); background: #D3F1F8; color: #0E7490; }
.wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-int { left: calc(var(--wgbv-p) * 208); top: calc(var(--wgbv-p) * 137); width: calc(var(--wgbv-p) * 126); height: calc(var(--wgbv-p) * 36); padding-left: calc(var(--wgbv-p) * 16); background: #FDF8E4; color: #D97706; }
.wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-ctl .wgbv-sg-t , .wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-int .wgbv-sg-t { color: #0B0F19; }
.wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-wk { left: calc(var(--wgbv-p) * 190); width: calc(var(--wgbv-p) * 161); height: calc(var(--wgbv-p) * 42); padding-left: calc(var(--wgbv-p) * 6); }
.wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-w1 { top: calc(var(--wgbv-p) * 188); }
.wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-w2 { top: calc(var(--wgbv-p) * 239); }
.wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-m { display: flex; flex-direction: column; gap: calc(var(--wgbv-p) * 2); min-width: 0; }
.wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-wk .wgbv-sg-t { font-size: calc(var(--wgbv-p) * 11); font-weight: 700; }
.wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-d { font-size: calc(var(--wgbv-p) * 9.5); line-height: 1.2; color: #4B5563; }
.wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-eval { left: calc(var(--wgbv-p) * 100); top: calc(var(--wgbv-p) * 308); width: calc(var(--wgbv-p) * 161); height: calc(var(--wgbv-p) * 37); padding-left: calc(var(--wgbv-p) * 6); }
.wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-eval .wgbv-sg-t { font-size: calc(var(--wgbv-p) * 12); }
.wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-c { position: absolute; border: 0 dashed #C7CDD6; border-width: 0; }
.wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-c1 , .wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-c2 , .wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-c6 , .wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-c7 { left: calc(var(--wgbv-p) * 175); width: 0; border-left-width: calc(var(--wgbv-p) * 1.3); }
.wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-c1 { top: calc(var(--wgbv-p) * 60); height: calc(var(--wgbv-p) * 14); }
.wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-c2 { top: calc(var(--wgbv-p) * 111); height: calc(var(--wgbv-p) * 14); }
.wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-c3 { left: calc(var(--wgbv-p) * 78); top: calc(var(--wgbv-p) * 125); width: calc(var(--wgbv-p) * 97.6); height: calc(var(--wgbv-p) * 12); border-top-width: calc(var(--wgbv-p) * 1.3); border-left-width: calc(var(--wgbv-p) * 1.3); border-top-left-radius: calc(var(--wgbv-p) * 7); }
.wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-c4 { left: calc(var(--wgbv-p) * 175); top: calc(var(--wgbv-p) * 125); width: calc(var(--wgbv-p) * 96); height: calc(var(--wgbv-p) * 12); border-top-width: calc(var(--wgbv-p) * 1.3); border-right-width: calc(var(--wgbv-p) * 1.3); border-top-right-radius: calc(var(--wgbv-p) * 7); }
.wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-c5 { left: calc(var(--wgbv-p) * 78); top: calc(var(--wgbv-p) * 173); width: calc(var(--wgbv-p) * 22); height: calc(var(--wgbv-p) * 154); border-left-width: calc(var(--wgbv-p) * 1.3); border-bottom-width: calc(var(--wgbv-p) * 1.3); border-bottom-left-radius: calc(var(--wgbv-p) * 7); }
.wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-c6 { left: calc(var(--wgbv-p) * 269.7); top: calc(var(--wgbv-p) * 173); height: calc(var(--wgbv-p) * 15); }
.wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-c7 { left: calc(var(--wgbv-p) * 269.7); top: calc(var(--wgbv-p) * 230); height: calc(var(--wgbv-p) * 9); }
.wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-c8 { left: calc(var(--wgbv-p) * 261); top: calc(var(--wgbv-p) * 281); width: calc(var(--wgbv-p) * 10); height: calc(var(--wgbv-p) * 46); border-right-width: calc(var(--wgbv-p) * 1.3); border-bottom-width: calc(var(--wgbv-p) * 1.3); border-bottom-right-radius: calc(var(--wgbv-p) * 7); }

@container (aspect-ratio >= 1.414) {
  .wgbv-visual[data-wgbv="study-groups"] .wgbv-stage { --wgbv-w: 400; --wgbv-h: 200; }
  .wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-study { left: calc(var(--wgbv-p) * 24); top: calc(var(--wgbv-p) * 8); width: calc(var(--wgbv-p) * 100); height: calc(var(--wgbv-p) * 36); gap: calc(var(--wgbv-p) * 8); padding-left: calc(var(--wgbv-p) * 8); border-radius: calc(var(--wgbv-p) * 9); }
  .wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-study .wgbv-sg-ib { width: calc(var(--wgbv-p) * 24); height: calc(var(--wgbv-p) * 24); border-radius: calc(var(--wgbv-p) * 6); }
  .wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-study .wgbv-sg-t { font-size: calc(var(--wgbv-p) * 12.5); }
  .wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-scr { left: calc(var(--wgbv-p) * 150); top: calc(var(--wgbv-p) * 8); width: calc(var(--wgbv-p) * 130); height: calc(var(--wgbv-p) * 36); padding-left: calc(var(--wgbv-p) * 8); }
  .wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-ctl { left: calc(var(--wgbv-p) * 22); top: calc(var(--wgbv-p) * 64); width: calc(var(--wgbv-p) * 120); height: calc(var(--wgbv-p) * 36); padding-left: calc(var(--wgbv-p) * 16); }
  .wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-int { left: calc(var(--wgbv-p) * 212); top: calc(var(--wgbv-p) * 64); width: calc(var(--wgbv-p) * 180); height: calc(var(--wgbv-p) * 80); align-items: flex-start; padding: calc(var(--wgbv-p) * 9) 0 0 calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-wk { top: calc(var(--wgbv-p) * 98); width: calc(var(--wgbv-p) * 80); height: calc(var(--wgbv-p) * 36); gap: calc(var(--wgbv-p) * 6); padding-left: calc(var(--wgbv-p) * 5); }
  .wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-w1 { left: calc(var(--wgbv-p) * 220); }
  .wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-w2 { left: calc(var(--wgbv-p) * 304); }
  .wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-wk .wgbv-sg-ib { width: calc(var(--wgbv-p) * 22); height: calc(var(--wgbv-p) * 22); }
  .wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-wk .wgbv-sg-t { font-size: calc(var(--wgbv-p) * 10.8); }
  .wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-d { display: none; }
  .wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-eval { left: calc(var(--wgbv-p) * 130); top: calc(var(--wgbv-p) * 158); width: calc(var(--wgbv-p) * 140); height: calc(var(--wgbv-p) * 36); }
  .wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-eval .wgbv-sg-t { font-size: calc(var(--wgbv-p) * 11.5); }
  .wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-c1 { left: calc(var(--wgbv-p) * 124); top: calc(var(--wgbv-p) * 25.5); width: calc(var(--wgbv-p) * 26); height: 0; border-left-width: 0; border-top-width: calc(var(--wgbv-p) * 1.3); }
  .wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-c2 { left: calc(var(--wgbv-p) * 215); top: calc(var(--wgbv-p) * 44); height: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-c3 { left: calc(var(--wgbv-p) * 82); top: calc(var(--wgbv-p) * 56); width: calc(var(--wgbv-p) * 133.6); height: calc(var(--wgbv-p) * 8); }
  .wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-c4 { left: calc(var(--wgbv-p) * 215); top: calc(var(--wgbv-p) * 56); width: calc(var(--wgbv-p) * 88.3); height: calc(var(--wgbv-p) * 8); }
  .wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-c5 { left: calc(var(--wgbv-p) * 82); top: calc(var(--wgbv-p) * 100); width: calc(var(--wgbv-p) * 48); height: calc(var(--wgbv-p) * 76.6); }
  .wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-c6 , .wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-c7 { display: none; }
  .wgbv-visual[data-wgbv="study-groups"] .wgbv-sg-c8 { left: calc(var(--wgbv-p) * 270); top: calc(var(--wgbv-p) * 144); width: calc(var(--wgbv-p) * 33.3); height: calc(var(--wgbv-p) * 32.6); }
}

/* ---- visuals/substudy.css ---- */
.wgbv-visual[data-wgbv="substudy"] { --wgbv-ar: 413 / 178; --wgbv-w: 413; --wgbv-h: 178; }
.wgbv-visual[data-wgbv="substudy"] .wgbv-eng { --hl: 0; position: absolute; left: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 405); display: flex; align-items: flex-start; gap: calc(var(--wgbv-p) * 10); padding: calc(var(--wgbv-p) * 11) calc(var(--wgbv-p) * 12) 0 calc(var(--wgbv-p) * 11);
  border: calc(var(--wgbv-p) * 1) solid color-mix(in srgb, #4F46E5 calc(var(--hl) * 100%), #E5E7EB); border-radius: calc(var(--wgbv-p) * 10); background: #fff;
  box-shadow: 0 calc(var(--wgbv-p) * 1) calc(var(--wgbv-p) * 2) rgba(16, 24, 40, .05), 0 calc(var(--wgbv-p) * 6) calc(var(--wgbv-p) * 16) rgba(79, 70, 229, calc(var(--hl) * .10)); }
.wgbv-visual[data-wgbv="substudy"] .wgbv-eng-a { top: calc(var(--wgbv-p) * 1); height: calc(var(--wgbv-p) * 72); }
.wgbv-visual[data-wgbv="substudy"] .wgbv-eng-b { --hl: 1; top: calc(var(--wgbv-p) * 80); height: calc(var(--wgbv-p) * 96); }
.wgbv-visual[data-wgbv="substudy"] .wgbv-ib { display: grid; place-items: center; width: calc(var(--wgbv-p) * 30); height: calc(var(--wgbv-p) * 30); flex: none; border-radius: 50%; background: #F4F4F5; color: #6B7280; }
.wgbv-visual[data-wgbv="substudy"] .wgbv-ib .wgbv-i { width: calc(var(--wgbv-p) * 16); height: calc(var(--wgbv-p) * 16); stroke-width: 1.8; }
.wgbv-visual[data-wgbv="substudy"] .wgbv-em { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.wgbv-visual[data-wgbv="substudy"] .wgbv-et { display: flex; align-items: center; justify-content: space-between; gap: calc(var(--wgbv-p) * 10); height: calc(var(--wgbv-p) * 24); margin-top: calc(var(--wgbv-p) * 3); }
.wgbv-visual[data-wgbv="substudy"] .wgbv-tt { font-size: calc(var(--wgbv-p) * 14.5); font-weight: 600; line-height: 1.2; letter-spacing: -.01em; color: #111827; white-space: nowrap; }
.wgbv-visual[data-wgbv="substudy"] .wgbv-on { display: grid; place-items: center; height: calc(var(--wgbv-p) * 21); padding: 0 calc(var(--wgbv-p) * 10); border-radius: calc(var(--wgbv-p) * 11); background: #D2F9E4; color: #166534; font-size: calc(var(--wgbv-p) * 10.5); font-weight: 600; letter-spacing: .04em; }
.wgbv-visual[data-wgbv="substudy"] .wgbv-el { display: flex; align-items: center; gap: calc(var(--wgbv-p) * 5); margin-top: calc(var(--wgbv-p) * 2); font-size: calc(var(--wgbv-p) * 11.5); line-height: 1.35; color: #374151; white-space: nowrap; }
.wgbv-visual[data-wgbv="substudy"] .wgbv-el .wgbv-i { width: calc(var(--wgbv-p) * 13.5); height: calc(var(--wgbv-p) * 13.5); color: #9CA3AF; }
.wgbv-visual[data-wgbv="substudy"] .wgbv-ef { display: flex; align-items: center; gap: calc(var(--wgbv-p) * 10); margin-top: calc(var(--wgbv-p) * 7); white-space: nowrap; }
.wgbv-visual[data-wgbv="substudy"] .wgbv-eng-a .wgbv-ef { margin-top: calc(var(--wgbv-p) * 6); }
.wgbv-visual[data-wgbv="substudy"] .wgbv-tag { display: flex; align-items: center; gap: calc(var(--wgbv-p) * 5); height: calc(var(--wgbv-p) * 22); padding: 0 calc(var(--wgbv-p) * 7); border-radius: calc(var(--wgbv-p) * 5); background: #E3E1FA; font-size: calc(var(--wgbv-p) * 10.5); color: #374151; }
.wgbv-visual[data-wgbv="substudy"] .wgbv-tag .wgbv-i { width: calc(var(--wgbv-p) * 13); height: calc(var(--wgbv-p) * 13); color: #5D43E2; }
.wgbv-visual[data-wgbv="substudy"] .wgbv-st { display: flex; align-items: center; gap: calc(var(--wgbv-p) * 4); font-size: calc(var(--wgbv-p) * 10.5); color: #374151; }
.wgbv-visual[data-wgbv="substudy"] .wgbv-st .wgbv-i { width: calc(var(--wgbv-p) * 13); height: calc(var(--wgbv-p) * 13); color: #16A34A; stroke-width: 2.4; }
@container (max-width: 299px) {
  .wgbv-visual[data-wgbv="substudy"] .wgbv-stage { --wgbv-w: 330; --wgbv-h: 194; }
  .wgbv-visual[data-wgbv="substudy"] .wgbv-eng { width: calc(var(--wgbv-p) * 322); }
  .wgbv-visual[data-wgbv="substudy"] .wgbv-eng-b { height: calc(var(--wgbv-p) * 112); }
  .wgbv-visual[data-wgbv="substudy"] .wgbv-el { align-items: flex-start; white-space: normal; }
  .wgbv-visual[data-wgbv="substudy"] .wgbv-st { display: none; }
}
.wgbv-visual[data-wgbv="substudy"] .wgbv-eng-0 { display: none; top: calc(var(--wgbv-p) * 1); height: calc(var(--wgbv-p) * 72); }
.wgbv-visual[data-wgbv="substudy"] .wgbv-eng-0 .wgbv-ef { margin-top: calc(var(--wgbv-p) * 6); }
@media (max-width: 479px) {
  @container (aspect-ratio < 1.2) or ((min-width: 300px) and (aspect-ratio < 1.5)) {
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-stage { --wgbv-w: 330; --wgbv-h: 275; }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng { width: calc(var(--wgbv-p) * 322); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-0 { display: flex; }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-a { top: calc(var(--wgbv-p) * 81); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-b { top: calc(var(--wgbv-p) * 161); height: calc(var(--wgbv-p) * 112); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-el { align-items: flex-start; white-space: normal; }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-st { display: none; }
  }
  @container (aspect-ratio < 1.08) or ((min-width: 300px) and (aspect-ratio < 1.12)) {
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-stage { --wgbv-w: 300; --wgbv-h: 305; }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng { width: calc(var(--wgbv-p) * 292); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-a { top: calc(var(--wgbv-p) * 85); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-b { top: calc(var(--wgbv-p) * 169); height: calc(var(--wgbv-p) * 134); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-b .wgbv-ef { flex-wrap: wrap; row-gap: calc(var(--wgbv-p) * 6); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-st { display: flex; }
  }
  @container (aspect-ratio < 0.88) {
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-stage { --wgbv-h: 321; }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-a { top: calc(var(--wgbv-p) * 93); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-b { top: calc(var(--wgbv-p) * 185); }
  }
  @container (max-width: 299px) and (aspect-ratio >= 1.2) and (aspect-ratio < 1.6) {
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-stage { --wgbv-h: 217; }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-b { height: calc(var(--wgbv-p) * 134); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-b .wgbv-ef { flex-wrap: wrap; row-gap: calc(var(--wgbv-p) * 6); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-st { display: flex; }
  }
}
@media (min-width: 480px) and (max-width: 991px) {
  @container (min-width: 300px) and ((aspect-ratio <= 2.025) or (min-height: 247.6px)) {
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-stage { --wgbv-h: 204; }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-a { display: flex; top: calc(var(--wgbv-p) * 1); height: calc(var(--wgbv-p) * 72); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-b { display: flex; top: calc(var(--wgbv-p) * 89); height: calc(var(--wgbv-p) * 114); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-0 { display: none; }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-b .wgbv-ef { flex-wrap: wrap; row-gap: calc(var(--wgbv-p) * 6); }
  }
  @container (min-width: 300px) and ((aspect-ratio <= 1.788) or (min-height: 280.4px)) {
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-stage { --wgbv-h: 231; }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-0 { display: flex; top: calc(var(--wgbv-p) * 1); height: calc(var(--wgbv-p) * 61); padding-top: calc(var(--wgbv-p) * 8); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-0 .wgbv-et { margin-top: calc(var(--wgbv-p) * 2); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-0 .wgbv-ef { margin-top: calc(var(--wgbv-p) * 4); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-a { display: flex; top: calc(var(--wgbv-p) * 67); height: calc(var(--wgbv-p) * 61); padding-top: calc(var(--wgbv-p) * 8); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-a .wgbv-et { margin-top: calc(var(--wgbv-p) * 2); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-a .wgbv-ef { margin-top: calc(var(--wgbv-p) * 4); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-b { display: flex; top: calc(var(--wgbv-p) * 133); height: calc(var(--wgbv-p) * 96); }
  }
  @container (min-width: 300px) and ((aspect-ratio <= 1.595) or (min-height: 314.4px)) {
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-stage { --wgbv-h: 259; }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-0 { padding-top: calc(var(--wgbv-p) * 11); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-0 .wgbv-et { margin-top: calc(var(--wgbv-p) * 3); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-0 .wgbv-ef { margin-top: calc(var(--wgbv-p) * 6); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-a { padding-top: calc(var(--wgbv-p) * 11); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-a .wgbv-et { margin-top: calc(var(--wgbv-p) * 3); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-a .wgbv-ef { margin-top: calc(var(--wgbv-p) * 6); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-b .wgbv-ef { flex-wrap: nowrap; }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-0 { display: flex; top: calc(var(--wgbv-p) * 1); height: calc(var(--wgbv-p) * 72); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-a { display: flex; top: calc(var(--wgbv-p) * 81); height: calc(var(--wgbv-p) * 72); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-b { display: flex; top: calc(var(--wgbv-p) * 161); height: calc(var(--wgbv-p) * 96); }
  }
  @container (min-width: 300px) and ((aspect-ratio <= 1.424) or (min-height: 352px)) {
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-stage { --wgbv-h: 290; }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-0 { padding-top: calc(var(--wgbv-p) * 11); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-0 .wgbv-et { margin-top: calc(var(--wgbv-p) * 3); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-0 .wgbv-ef { margin-top: calc(var(--wgbv-p) * 6); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-a { padding-top: calc(var(--wgbv-p) * 11); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-a .wgbv-et { margin-top: calc(var(--wgbv-p) * 3); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-a .wgbv-ef { margin-top: calc(var(--wgbv-p) * 6); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-0 { display: flex; top: calc(var(--wgbv-p) * 1); height: calc(var(--wgbv-p) * 72); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-a { display: flex; top: calc(var(--wgbv-p) * 87); height: calc(var(--wgbv-p) * 72); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-b { display: flex; top: calc(var(--wgbv-p) * 173); height: calc(var(--wgbv-p) * 114); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-b .wgbv-ef { flex-wrap: wrap; row-gap: calc(var(--wgbv-p) * 6); }
  }
}
@media (max-width: 479px) {
  @container (min-width: 362px) and (min-height: 324px) and (aspect-ratio >= 0.88) and (aspect-ratio < 1.5) {
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-stage { --wgbv-w: 300; --wgbv-h: 305; }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng { width: calc(var(--wgbv-p) * 292); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-0 { display: flex; }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-a { top: calc(var(--wgbv-p) * 85); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-b { top: calc(var(--wgbv-p) * 169); height: calc(var(--wgbv-p) * 134); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-b .wgbv-ef { flex-wrap: wrap; row-gap: calc(var(--wgbv-p) * 6); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-el { align-items: flex-start; white-space: normal; }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-st { display: flex; }
  }
  @container (min-width: 362px) and (aspect-ratio >= 1.5) and (aspect-ratio <= 1.788) {
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-stage { --wgbv-h: 231; }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-0 { display: flex; top: calc(var(--wgbv-p) * 1); height: calc(var(--wgbv-p) * 61); padding-top: calc(var(--wgbv-p) * 8); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-0 .wgbv-et { margin-top: calc(var(--wgbv-p) * 2); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-0 .wgbv-ef { margin-top: calc(var(--wgbv-p) * 4); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-a { display: flex; top: calc(var(--wgbv-p) * 67); height: calc(var(--wgbv-p) * 61); padding-top: calc(var(--wgbv-p) * 8); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-a .wgbv-et { margin-top: calc(var(--wgbv-p) * 2); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-a .wgbv-ef { margin-top: calc(var(--wgbv-p) * 4); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-b { display: flex; top: calc(var(--wgbv-p) * 133); height: calc(var(--wgbv-p) * 96); }
  }
  @container (min-width: 362px) and (aspect-ratio >= 1.5) and (aspect-ratio <= 1.595) {
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-stage { --wgbv-h: 259; }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-0 { top: calc(var(--wgbv-p) * 1); height: calc(var(--wgbv-p) * 72); padding-top: calc(var(--wgbv-p) * 11); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-0 .wgbv-et { margin-top: calc(var(--wgbv-p) * 3); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-0 .wgbv-ef { margin-top: calc(var(--wgbv-p) * 6); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-a { top: calc(var(--wgbv-p) * 81); height: calc(var(--wgbv-p) * 72); padding-top: calc(var(--wgbv-p) * 11); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-a .wgbv-et { margin-top: calc(var(--wgbv-p) * 3); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-a .wgbv-ef { margin-top: calc(var(--wgbv-p) * 6); }
    .wgbv-visual[data-wgbv="substudy"]:is(.point *) .wgbv-eng-b { top: calc(var(--wgbv-p) * 161); height: calc(var(--wgbv-p) * 96); }
  }
}

@container (aspect-ratio < 1.2) {
  .wgbv-visual[data-wgbv="substudy"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-stage { --wgbv-w: 300; --wgbv-h: 305; }
  .wgbv-visual[data-wgbv="substudy"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-eng { width: calc(var(--wgbv-p) * 292); }
  .wgbv-visual[data-wgbv="substudy"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-eng-0 { display: flex; }
  .wgbv-visual[data-wgbv="substudy"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-eng-a { top: calc(var(--wgbv-p) * 85); }
  .wgbv-visual[data-wgbv="substudy"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-eng-b { top: calc(var(--wgbv-p) * 169); height: calc(var(--wgbv-p) * 134); }
  .wgbv-visual[data-wgbv="substudy"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-el { align-items: flex-start; white-space: normal; }
  .wgbv-visual[data-wgbv="substudy"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-eng-b .wgbv-ef { flex-wrap: wrap; row-gap: calc(var(--wgbv-p) * 6); }
  .wgbv-visual[data-wgbv="substudy"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-st { display: flex; }
}

@container (max-width: 209px) {
  .wgbv-visual[data-wgbv="substudy"]:is(.support_faq-imgwrap *) .wgbv-stage { --wgbv-w: 200; --wgbv-h: 160; }
  .wgbv-visual[data-wgbv="substudy"]:is(.support_faq-imgwrap *) .wgbv-eng-0 { display: none; }
  .wgbv-visual[data-wgbv="substudy"]:is(.support_faq-imgwrap *) .wgbv-eng-a { display: none; }
  .wgbv-visual[data-wgbv="substudy"]:is(.support_faq-imgwrap *) .wgbv-eng-b { left: calc(var(--wgbv-p) * 4); top: calc(var(--wgbv-p) * 5); width: calc(var(--wgbv-p) * 192); height: calc(var(--wgbv-p) * 150); padding: calc(var(--wgbv-p) * 11) calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="substudy"]:is(.support_faq-imgwrap *) .wgbv-ib { display: none; }
  .wgbv-visual[data-wgbv="substudy"]:is(.support_faq-imgwrap *) .wgbv-tt { font-size: calc(var(--wgbv-p) * 13); }
  .wgbv-visual[data-wgbv="substudy"]:is(.support_faq-imgwrap *) .wgbv-on { height: calc(var(--wgbv-p) * 19); padding: 0 calc(var(--wgbv-p) * 8); font-size: calc(var(--wgbv-p) * 10); }
  .wgbv-visual[data-wgbv="substudy"]:is(.support_faq-imgwrap *) .wgbv-el { align-items: flex-start; white-space: normal; font-size: calc(var(--wgbv-p) * 11.5); }
  .wgbv-visual[data-wgbv="substudy"]:is(.support_faq-imgwrap *) .wgbv-tag { height: auto; padding: calc(var(--wgbv-p) * 4) calc(var(--wgbv-p) * 7); align-items: flex-start; white-space: normal; font-size: calc(var(--wgbv-p) * 11); line-height: 1.3; }
  .wgbv-visual[data-wgbv="substudy"]:is(.support_faq-imgwrap *) .wgbv-ef { white-space: normal; }
  .wgbv-visual[data-wgbv="substudy"]:is(.support_faq-imgwrap *) .wgbv-st { display: none; }
}
@container (aspect-ratio < 1.2) {
  .wgbv-visual[data-wgbv="substudy"]:is(.support_right-imgbox *) .wgbv-stage { --wgbv-w: 300; --wgbv-h: 305; }
  .wgbv-visual[data-wgbv="substudy"]:is(.support_right-imgbox *) .wgbv-eng { width: calc(var(--wgbv-p) * 292); }
  .wgbv-visual[data-wgbv="substudy"]:is(.support_right-imgbox *) .wgbv-eng-0 { display: flex; }
  .wgbv-visual[data-wgbv="substudy"]:is(.support_right-imgbox *) .wgbv-eng-a { top: calc(var(--wgbv-p) * 85); }
  .wgbv-visual[data-wgbv="substudy"]:is(.support_right-imgbox *) .wgbv-eng-b { top: calc(var(--wgbv-p) * 169); height: calc(var(--wgbv-p) * 134); }
  .wgbv-visual[data-wgbv="substudy"]:is(.support_right-imgbox *) .wgbv-el { align-items: flex-start; white-space: normal; }
  .wgbv-visual[data-wgbv="substudy"]:is(.support_right-imgbox *) .wgbv-eng-b .wgbv-ef { flex-wrap: wrap; row-gap: calc(var(--wgbv-p) * 6); }
  .wgbv-visual[data-wgbv="substudy"]:is(.support_right-imgbox *) .wgbv-st { display: flex; }
}

.wgbv-visual[data-wgbv="substudy"]:not([data-wgbv-copy]):is(.hero-image-wrapper *) { border-radius: 16px; background: #F2F3F5; }
.wgbv-visual[data-wgbv="substudy"]:not([data-wgbv-copy]):is(.hero-image-wrapper *) .wgbv-stage { --wgbv-fill: .92; }
@container (width >= 320px) {
  .wgbv-visual[data-wgbv="substudy"]:not([data-wgbv-copy]):is(.hero-image-wrapper *) .wgbv-stage { --wgbv-h: 316; }
  .wgbv-visual[data-wgbv="substudy"]:not([data-wgbv-copy]):is(.hero-image-wrapper *) .wgbv-eng { padding-top: calc(var(--wgbv-p) * 17); }
  .wgbv-visual[data-wgbv="substudy"]:not([data-wgbv-copy]):is(.hero-image-wrapper *) .wgbv-eng-0 { display: flex; top: calc(var(--wgbv-p) * 2); height: calc(var(--wgbv-p) * 84); }
  .wgbv-visual[data-wgbv="substudy"]:not([data-wgbv-copy]):is(.hero-image-wrapper *) .wgbv-eng-a { top: calc(var(--wgbv-p) * 104); height: calc(var(--wgbv-p) * 84); }
  .wgbv-visual[data-wgbv="substudy"]:not([data-wgbv-copy]):is(.hero-image-wrapper *) .wgbv-eng-b { top: calc(var(--wgbv-p) * 206); height: calc(var(--wgbv-p) * 108); }
}
@container (width < 320px) {
  .wgbv-visual[data-wgbv="substudy"]:not([data-wgbv-copy]):is(.hero-image-wrapper *) .wgbv-stage { --wgbv-w: 300; --wgbv-h: 305; }
  .wgbv-visual[data-wgbv="substudy"]:not([data-wgbv-copy]):is(.hero-image-wrapper *) .wgbv-eng { width: calc(var(--wgbv-p) * 292); }
  .wgbv-visual[data-wgbv="substudy"]:not([data-wgbv-copy]):is(.hero-image-wrapper *) .wgbv-eng-0 { display: flex; }
  .wgbv-visual[data-wgbv="substudy"]:not([data-wgbv-copy]):is(.hero-image-wrapper *) .wgbv-eng-a { top: calc(var(--wgbv-p) * 85); }
  .wgbv-visual[data-wgbv="substudy"]:not([data-wgbv-copy]):is(.hero-image-wrapper *) .wgbv-eng-b { top: calc(var(--wgbv-p) * 169); height: calc(var(--wgbv-p) * 134); }
  .wgbv-visual[data-wgbv="substudy"]:not([data-wgbv-copy]):is(.hero-image-wrapper *) .wgbv-el { align-items: flex-start; white-space: normal; }
  .wgbv-visual[data-wgbv="substudy"]:not([data-wgbv-copy]):is(.hero-image-wrapper *) .wgbv-eng-b .wgbv-ef { flex-wrap: wrap; row-gap: calc(var(--wgbv-p) * 6); }
  .wgbv-visual[data-wgbv="substudy"]:not([data-wgbv-copy]):is(.hero-image-wrapper *) .wgbv-st { display: flex; }
}

.wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] { --wgbv-ar: 1226 / 712; border-radius: 16px; background: #F2F3F5; }
.wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-sw-h { position: absolute; font-size: calc(var(--wgbv-p) * 19); font-weight: 600; line-height: 1.2; letter-spacing: -.01em; color: #111827; white-space: nowrap; }
.wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-sw-n { position: absolute; left: calc(var(--wgbv-p) * 44); top: calc(var(--wgbv-p) * 122); font-size: calc(var(--wgbv-p) * 12); line-height: 1.3; color: #6B7280; white-space: nowrap; }
.wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-eng-0 { display: flex; }
.wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-sw-win { position: absolute; left: calc(var(--wgbv-p) * 16); top: calc(var(--wgbv-p) * 20); width: calc(var(--wgbv-p) * 850); height: calc(var(--wgbv-p) * 556); border: calc(var(--wgbv-p) * 1) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 14); background: #fff;
  box-shadow: 0 calc(var(--wgbv-p) * 2) calc(var(--wgbv-p) * 4) rgba(16, 24, 40, .04), 0 calc(var(--wgbv-p) * 12) calc(var(--wgbv-p) * 32) rgba(16, 24, 40, .06); }
.wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-sw-top { position: absolute; left: calc(var(--wgbv-p) * 16); top: calc(var(--wgbv-p) * 20); width: calc(var(--wgbv-p) * 850); height: calc(var(--wgbv-p) * 52); border-bottom: calc(var(--wgbv-p) * 1) solid #E5E7EB; }
.wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-sw-top i { position: absolute; top: calc(var(--wgbv-p) * 12); width: calc(var(--wgbv-p) * 28); height: calc(var(--wgbv-p) * 28); border-radius: calc(var(--wgbv-p) * 8); background: #E0E7FF; }
.wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-sw-top i:nth-child(1) { left: calc(var(--wgbv-p) * 22); }
.wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-sw-top i:nth-child(2) { left: calc(var(--wgbv-p) * 66); top: calc(var(--wgbv-p) * 21); width: calc(var(--wgbv-p) * 170); height: calc(var(--wgbv-p) * 10); border-radius: calc(var(--wgbv-p) * 5); background: #E5E7EB; }
.wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-sw-top i:nth-child(3) { left: auto; right: calc(var(--wgbv-p) * 22); border-radius: 50%; background: #E5E7EB; }
.wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-sw-f { position: absolute; left: calc(var(--wgbv-p) * 600); top: calc(var(--wgbv-p) * 150); width: calc(var(--wgbv-p) * 238); height: calc(var(--wgbv-p) * 38); display: flex; align-items: center; gap: calc(var(--wgbv-p) * 10); font-size: calc(var(--wgbv-p) * 12.5); color: #6B7280; white-space: nowrap; }
.wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-sw-f > span { display: flex; align-items: center; justify-content: space-between; flex: 1; height: 100%; padding: 0 calc(var(--wgbv-p) * 10) 0 calc(var(--wgbv-p) * 14); border: calc(var(--wgbv-p) * 1) solid #D1D5DB; border-radius: calc(var(--wgbv-p) * 7); color: #111827; }
.wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-sw-f .wgbv-i { width: calc(var(--wgbv-p) * 16); height: calc(var(--wgbv-p) * 16); color: #6B7280; }
.wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-sw-ph { --dim: 1; position: absolute; left: calc(var(--wgbv-p) * 852); top: calc(var(--wgbv-p) * 40); width: calc(var(--wgbv-p) * 240); height: calc(var(--wgbv-p) * 520); overflow: hidden; border: calc(var(--wgbv-p) * 1.5) solid #D1D5DB; border-radius: calc(var(--wgbv-p) * 30); background: #fff;
  box-shadow: 0 calc(var(--wgbv-p) * 10) calc(var(--wgbv-p) * 30) rgba(16, 24, 40, .14); }
.wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-sw-ph::after { content: ''; position: absolute; inset: 0; z-index: 1; background: rgba(17, 24, 39, .42); opacity: var(--dim); }
.wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-sw-tm { position: absolute; left: calc(var(--wgbv-p) * 26); top: calc(var(--wgbv-p) * 15); font-size: calc(var(--wgbv-p) * 11.5); font-weight: 600; line-height: 1.2; color: #111827; }
.wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-sw-d { position: absolute; left: calc(var(--wgbv-p) * 18); top: calc(var(--wgbv-p) * 50); font-size: calc(var(--wgbv-p) * 18); font-weight: 700; line-height: 1.2; letter-spacing: -.01em; color: #2C2D73; white-space: nowrap; }
.wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-sw-days { position: absolute; left: calc(var(--wgbv-p) * 18); top: calc(var(--wgbv-p) * 86); display: flex; gap: calc(var(--wgbv-p) * 8); }
.wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-sw-days > span { display: flex; flex-direction: column; align-items: center; justify-content: center; width: calc(var(--wgbv-p) * 34); height: calc(var(--wgbv-p) * 50); border: calc(var(--wgbv-p) * 1) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 10);
  font-size: calc(var(--wgbv-p) * 13); font-weight: 600; line-height: 1.25; color: #374151; }
.wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-sw-days i { font-size: calc(var(--wgbv-p) * 10.5); font-style: normal; font-weight: 400; color: #6B7280; }
.wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-sw-days .wgbv-sw-now { border-color: #4F46E5; background: #4F46E5; color: #fff; }
.wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-sw-days .wgbv-sw-now i { color: #E0E7FF; }
.wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-sw-k { position: absolute; left: calc(var(--wgbv-p) * 18); top: calc(var(--wgbv-p) * 156); font-size: calc(var(--wgbv-p) * 13.5); font-weight: 600; line-height: 1.2; color: #2C2D73; }
.wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-sw-t { position: absolute; left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 184); width: calc(var(--wgbv-p) * 216); height: calc(var(--wgbv-p) * 56); display: grid; grid-template-columns: calc(var(--wgbv-p) * 28) minmax(0, 1fr) auto; column-gap: calc(var(--wgbv-p) * 9); row-gap: calc(var(--wgbv-p) * 2);
  align-content: center; padding: 0 calc(var(--wgbv-p) * 10); border: calc(var(--wgbv-p) * 1) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 12); background: #fff; }
.wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-sw-t > i { grid-row: 1 / 3; align-self: center; width: calc(var(--wgbv-p) * 28); height: calc(var(--wgbv-p) * 28); border-radius: calc(var(--wgbv-p) * 8); background: #E0E7FF; }
.wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-sw-t > span { font-size: calc(var(--wgbv-p) * 10.5); line-height: 1.3; color: #6B7280; white-space: nowrap; }
.wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-sw-t > span:nth-of-type(1) { font-size: calc(var(--wgbv-p) * 12); font-weight: 600; color: #111827; }
.wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-sw-t > span:nth-of-type(2) { grid-column: 2 / 4; grid-row: 2; }
.wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-sw-t > span:nth-of-type(3) { grid-column: 3; grid-row: 1; align-self: center; padding: calc(var(--wgbv-p) * 2) calc(var(--wgbv-p) * 9); border-radius: calc(var(--wgbv-p) * 10); background: #4F46E5; color: #fff; font-weight: 600; }
.wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-sw-sh { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; height: calc(var(--wgbv-p) * 236); display: flex; flex-direction: column; padding: calc(var(--wgbv-p) * 30) calc(var(--wgbv-p) * 20) 0; border-radius: calc(var(--wgbv-p) * 22) calc(var(--wgbv-p) * 22) 0 0; background: #fff; }
.wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-sw-sh::after { content: ''; position: absolute; left: 50%; bottom: calc(var(--wgbv-p) * 9); width: calc(var(--wgbv-p) * 84); height: calc(var(--wgbv-p) * 4); margin-left: calc(var(--wgbv-p) * -42); border-radius: calc(var(--wgbv-p) * 2); background: #111827; }
.wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-sw-q { margin-bottom: calc(var(--wgbv-p) * 6); font-size: calc(var(--wgbv-p) * 14.5); font-weight: 700; line-height: 1.3; color: #2C2D73; }
.wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-sw-c { display: flex; align-items: center; gap: calc(var(--wgbv-p) * 8); margin-top: calc(var(--wgbv-p) * 10); font-size: calc(var(--wgbv-p) * 11.5); line-height: 1.3; color: #374151; }
.wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-sw-c::before { content: ''; flex: none; width: calc(var(--wgbv-p) * 14); height: calc(var(--wgbv-p) * 14); border-radius: 50%;
  background: #16A34A url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center / 80% no-repeat; }
.wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-sw-go { display: grid; place-items: center; height: calc(var(--wgbv-p) * 38); margin: auto 0 calc(var(--wgbv-p) * 30); border-radius: calc(var(--wgbv-p) * 19); background: #4F46E5; color: #fff; font-size: calc(var(--wgbv-p) * 12.5); font-weight: 600; }
@container (width >= 600px) {
  .wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-stage { --wgbv-w: 1110; --wgbv-h: 600; --wgbv-fill: .96; }
  .wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-sw-h { left: calc(var(--wgbv-p) * 44); top: calc(var(--wgbv-p) * 92); }
  .wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-add { left: calc(var(--wgbv-p) * 44); top: calc(var(--wgbv-p) * 150); height: calc(var(--wgbv-p) * 38); }
  .wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-eng { left: calc(var(--wgbv-p) * 44); width: calc(var(--wgbv-p) * 794); padding: calc(var(--wgbv-p) * 16) calc(var(--wgbv-p) * 18) 0 calc(var(--wgbv-p) * 16); gap: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-eng-0 { top: calc(var(--wgbv-p) * 210); height: calc(var(--wgbv-p) * 92); }
  .wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-eng-a { top: calc(var(--wgbv-p) * 314); height: calc(var(--wgbv-p) * 92); }
  .wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-eng-b { top: calc(var(--wgbv-p) * 418); height: calc(var(--wgbv-p) * 114); }
  .wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-ib { width: calc(var(--wgbv-p) * 34); height: calc(var(--wgbv-p) * 34); }
  .wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-ib .wgbv-i { width: calc(var(--wgbv-p) * 18); height: calc(var(--wgbv-p) * 18); }
  .wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-et { height: calc(var(--wgbv-p) * 26); margin-top: calc(var(--wgbv-p) * 2); }
  .wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-tt { font-size: calc(var(--wgbv-p) * 15.5); }
  .wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-on { height: calc(var(--wgbv-p) * 23); padding: 0 calc(var(--wgbv-p) * 11); font-size: calc(var(--wgbv-p) * 11); }
  .wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-el { margin-top: calc(var(--wgbv-p) * 4); font-size: calc(var(--wgbv-p) * 12.5); white-space: nowrap; }
  .wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-el .wgbv-i { width: calc(var(--wgbv-p) * 14); height: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-eng .wgbv-ef { margin-top: calc(var(--wgbv-p) * 10); gap: calc(var(--wgbv-p) * 16); }
  .wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-tag { height: calc(var(--wgbv-p) * 25); padding: 0 calc(var(--wgbv-p) * 9); gap: calc(var(--wgbv-p) * 6); font-size: calc(var(--wgbv-p) * 11.5); }
  .wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-tag .wgbv-i, .wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-st .wgbv-i { width: calc(var(--wgbv-p) * 14); height: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-st { display: flex; gap: calc(var(--wgbv-p) * 5); font-size: calc(var(--wgbv-p) * 11.5); }
}
@container (width < 600px) {
  .wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-stage { --wgbv-w: 413; --wgbv-h: 224; --wgbv-fill: .94; }
  .wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-sw-win, .wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-sw-top, .wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-sw-n, .wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-sw-f, .wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-sw-ph, .wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-eng-0 { display: none; }
  .wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-sw-h { left: calc(var(--wgbv-p) * 4); top: calc(var(--wgbv-p) * 6); font-size: calc(var(--wgbv-p) * 17); }
  .wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-add { left: auto; right: calc(var(--wgbv-p) * 4); top: 0; width: calc(var(--wgbv-p) * 150); height: calc(var(--wgbv-p) * 32); gap: calc(var(--wgbv-p) * 8); font-size: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-add .wgbv-i { width: calc(var(--wgbv-p) * 13); height: calc(var(--wgbv-p) * 13); }
  .wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-eng { width: calc(var(--wgbv-p) * 405); }
  .wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-eng-a { top: calc(var(--wgbv-p) * 46); }
  .wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-eng-b { top: calc(var(--wgbv-p) * 126); height: calc(var(--wgbv-p) * 96); }
  .wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-el { align-items: center; white-space: nowrap; }
  .wgbv-visual[data-wgbv="substudy"][data-wgbv-copy="wide"] .wgbv-st { display: flex; }
}

/* ---- visuals/survey.css ---- */
.wgbv-visual[data-wgbv="survey"] { --wgbv-ar: 357 / 233; --wgbv-w: 536; --wgbv-h: 350; }
.wgbv-visual[data-wgbv="survey"] .wgbv-stage { overflow: hidden; -webkit-mask-image: linear-gradient(#000 calc(var(--wgbv-p) * 318), transparent calc(var(--wgbv-p) * 350)); mask-image: linear-gradient(#000 calc(var(--wgbv-p) * 318), transparent calc(var(--wgbv-p) * 350)); }
.wgbv-visual[data-wgbv="survey"] .wgbv-sv-card { position: absolute; left: calc(var(--wgbv-p) * 40); top: calc(var(--wgbv-p) * 12); width: calc(var(--wgbv-p) * 456); display: flex; flex-direction: column; padding: calc(var(--wgbv-p) * 28) calc(var(--wgbv-p) * 18.4) 0;
  border: calc(var(--wgbv-p) * 1) solid #EEF2F6; border-radius: calc(var(--wgbv-p) * 18); background: #fff; box-shadow: 0 calc(var(--wgbv-p) * 8) calc(var(--wgbv-p) * 24) rgba(17, 24, 39, .10); }
.wgbv-visual[data-wgbv="survey"] .wgbv-sv-card > * { flex: none; }
.wgbv-visual[data-wgbv="survey"] .wgbv-sv-bar { position: relative; display: block; height: calc(var(--wgbv-p) * 9.2); overflow: hidden; border-radius: calc(var(--wgbv-p) * 5.75); background: #F1F5F9; }
.wgbv-visual[data-wgbv="survey"] .wgbv-sv-bar i { position: absolute; left: 0; top: 0; bottom: 0; width: 33.333%; border-radius: calc(var(--wgbv-p) * 5.75); background: #16A34A; transform-origin: left center; }
.wgbv-visual[data-wgbv="survey"] .wgbv-sv-ind { margin-top: calc(var(--wgbv-p) * 18.4); font-size: calc(var(--wgbv-p) * 16); line-height: 1.4; color: #475569; }
.wgbv-visual[data-wgbv="survey"] .wgbv-sv-q { margin-top: calc(var(--wgbv-p) * 27.6); font-size: calc(var(--wgbv-p) * 24.2); font-weight: 600; line-height: 1.2; letter-spacing: -.015em; color: #2C2D73; white-space: nowrap; }
.wgbv-visual[data-wgbv="survey"] .wgbv-sv-req { position: relative; top: -.35em; margin-left: calc(var(--wgbv-p) * 1.2); font-size: .66em; color: #DC2626; }
.wgbv-visual[data-wgbv="survey"] .wgbv-sv-opts { display: flex; flex-direction: column; gap: calc(var(--wgbv-p) * 9.2); margin-top: calc(var(--wgbv-p) * 32.2); }
.wgbv-visual[data-wgbv="survey"] .wgbv-sv-opt { --on: 0; display: flex; align-items: center; gap: calc(var(--wgbv-p) * 13.8); height: calc(var(--wgbv-p) * 64.4); padding: 0 calc(var(--wgbv-p) * 18.4);
  border: calc(var(--wgbv-p) * 2.3) solid color-mix(in srgb, #6741D9 calc(var(--on) * 100%), transparent); border-radius: calc(var(--wgbv-p) * 18.4); background: color-mix(in srgb, #F3F0FF calc(var(--on) * 100%), #F1F5F9);
  font-size: calc(var(--wgbv-p) * 18.4); font-weight: 500; letter-spacing: -.015em; color: #1E293B; white-space: nowrap; }
.wgbv-visual[data-wgbv="survey"] .wgbv-sv-opt.wgbv-sv-sel { --on: 1; }
.wgbv-visual[data-wgbv="survey"] .wgbv-sv-opt i { position: relative; display: block; flex: none; width: calc(var(--wgbv-p) * 23); height: calc(var(--wgbv-p) * 23); border-radius: 50%; border: calc(var(--wgbv-p) * 2.3) solid color-mix(in srgb, #6741D9 calc(var(--on) * 100%), #94A3B8); background: #fff; }
.wgbv-visual[data-wgbv="survey"] .wgbv-sv-opt i::after { content: ''; position: absolute; inset: calc(var(--wgbv-p) * 3.4); border-radius: 50%; background: #6741D9; transform: scale(var(--on)); }
@media (min-width: 480px) and (max-width: 991px) {
  .wgbv-visual[data-wgbv="survey"]:is(.point *) .wgbv-stage { --wgbv-h: 400; -webkit-mask-image: linear-gradient(#000 calc(var(--wgbv-p) * (var(--wgbv-h) - 32)), transparent calc(var(--wgbv-p) * var(--wgbv-h))); mask-image: linear-gradient(#000 calc(var(--wgbv-p) * (var(--wgbv-h) - 32)), transparent calc(var(--wgbv-p) * var(--wgbv-h))); }
  @container (min-height: 291px) {
    .wgbv-visual[data-wgbv="survey"]:is(.point *) .wgbv-stage { --wgbv-h: 450; }
    .wgbv-visual[data-wgbv="survey"]:is(.point *) .wgbv-sv-opts { gap: calc(var(--wgbv-p) * 11); }
    .wgbv-visual[data-wgbv="survey"]:is(.point *) .wgbv-sv-opt { height: calc(var(--wgbv-p) * 72); }
  }
  @container (min-height: 327px) {
    .wgbv-visual[data-wgbv="survey"]:is(.point *) .wgbv-stage { --wgbv-h: 456; }
    .wgbv-visual[data-wgbv="survey"]:is(.point *) .wgbv-sv-opts { gap: calc(var(--wgbv-p) * 9.2); }
    .wgbv-visual[data-wgbv="survey"]:is(.point *) .wgbv-sv-opt { height: calc(var(--wgbv-p) * 64.4); }
  }
  @container (min-height: 360px) {
    .wgbv-visual[data-wgbv="survey"]:is(.point *) .wgbv-stage { --wgbv-h: 476; }
    .wgbv-visual[data-wgbv="survey"]:is(.point *) .wgbv-sv-q { font-size: calc(var(--wgbv-p) * 21); }
    .wgbv-visual[data-wgbv="survey"]:is(.point *) .wgbv-sv-opts { gap: calc(var(--wgbv-p) * 12); }
    .wgbv-visual[data-wgbv="survey"]:is(.point *) .wgbv-sv-opt { height: calc(var(--wgbv-p) * 84); }
  }
  @container (min-height: 400px) {
    .wgbv-visual[data-wgbv="survey"]:is(.point *) .wgbv-stage { --wgbv-h: 488; }
    .wgbv-visual[data-wgbv="survey"]:is(.point *) .wgbv-sv-opts { gap: calc(var(--wgbv-p) * 10); }
    .wgbv-visual[data-wgbv="survey"]:is(.point *) .wgbv-sv-opt { height: calc(var(--wgbv-p) * 72); }
  }
  @container (min-height: 440px) {
    .wgbv-visual[data-wgbv="survey"]:is(.point *) .wgbv-stage { --wgbv-h: 526; }
    .wgbv-visual[data-wgbv="survey"]:is(.point *) .wgbv-sv-opts { gap: calc(var(--wgbv-p) * 12); }
    .wgbv-visual[data-wgbv="survey"]:is(.point *) .wgbv-sv-opt { height: calc(var(--wgbv-p) * 80); }
  }
  @container (min-height: 470px) {
    .wgbv-visual[data-wgbv="survey"]:is(.point *) .wgbv-stage { --wgbv-h: 556; }
    .wgbv-visual[data-wgbv="survey"]:is(.point *) .wgbv-sv-opts { gap: calc(var(--wgbv-p) * 14); margin-top: calc(var(--wgbv-p) * 40); }
    .wgbv-visual[data-wgbv="survey"]:is(.point *) .wgbv-sv-opt { height: calc(var(--wgbv-p) * 84); }
  }
}

@media (max-width: 479px) {
  @container (aspect-ratio < 0.93) {
    .wgbv-visual[data-wgbv="survey"]:is(.point *) .wgbv-stage { --wgbv-cx: 32; --wgbv-cw: 472; --wgbv-fill: 1; --wgbv-cy: 4; --wgbv-ch: 700; --wgbv-vis: .5;
      height: calc(100cqh + var(--wgbv-p) * 4);
      -webkit-mask-image: linear-gradient(#000 calc(100% - var(--wgbv-p) * 32), transparent); mask-image: linear-gradient(#000 calc(100% - var(--wgbv-p) * 32), transparent); }
    .wgbv-visual[data-wgbv="survey"]:is(.point *) .wgbv-sv-card { height: calc(100cqh + var(--wgbv-p) * 32); }
    .wgbv-visual[data-wgbv="survey"]:is(.point *) .wgbv-sv-q { font-size: calc(var(--wgbv-p) * 21); }
    .wgbv-visual[data-wgbv="survey"]:is(.point *) .wgbv-sv-opts { flex: 1 1 auto; min-height: 0; gap: calc(var(--wgbv-p) * 12); margin-bottom: calc(var(--wgbv-p) * 80); }
    .wgbv-visual[data-wgbv="survey"]:is(.point *) .wgbv-sv-opt { flex: 1 1 0; height: auto; min-height: calc(var(--wgbv-p) * 64.4); max-height: calc(var(--wgbv-p) * 88); }
  }
}

@container (aspect-ratio < 1.3) {
  .wgbv-visual[data-wgbv="survey"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-stage { --wgbv-h: 512; --wgbv-cx: 32; --wgbv-cw: 472; --wgbv-ch: 512; -webkit-mask-image: none; mask-image: none; }
  .wgbv-visual[data-wgbv="survey"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-sv-card { padding-bottom: calc(var(--wgbv-p) * 18.4); }
}
@container (aspect-ratio >= 1.5) {
  .wgbv-visual[data-wgbv="survey"]:is(.platform_content-box .image-wrap *) .wgbv-stage { --wgbv-cx: 32; --wgbv-cw: 472; --wgbv-cy: 4; --wgbv-ch: 287; --wgbv-ay: 0; height: calc(100cqh + var(--wgbv-p) * 4);
    -webkit-mask-image: linear-gradient(#000 calc(var(--wgbv-p) * 277), transparent calc(var(--wgbv-p) * 291)); mask-image: linear-gradient(#000 calc(var(--wgbv-p) * 277), transparent calc(var(--wgbv-p) * 291)); }
  .wgbv-visual[data-wgbv="survey"]:is(.platform_content-box .image-wrap *) .wgbv-sv-q { margin-top: calc(var(--wgbv-p) * 18); }
  .wgbv-visual[data-wgbv="survey"]:is(.platform_content-box .image-wrap *) .wgbv-sv-opts { gap: calc(var(--wgbv-p) * 10); margin-top: calc(var(--wgbv-p) * 20); }
  .wgbv-visual[data-wgbv="survey"]:is(.platform_content-box .image-wrap *) .wgbv-sv-opt { height: calc(var(--wgbv-p) * 54); }
}

/* ---- visuals/televisit.css ---- */
.wgbv-visual[data-wgbv="televisit"] { --wgbv-ar: 393 / 157; --wgbv-w: 400; --wgbv-h: 160; }
.wgbv-visual[data-wgbv="televisit"] .wgbv-tv-tile { position: absolute; top: calc(var(--wgbv-p) * 8); width: calc(var(--wgbv-p) * 150); height: calc(var(--wgbv-p) * 128); overflow: hidden; border-radius: calc(var(--wgbv-p) * 14);
  box-shadow: 0 calc(var(--wgbv-p) * 1) calc(var(--wgbv-p) * 2) rgba(16, 24, 40, .05), 0 calc(var(--wgbv-p) * 10) calc(var(--wgbv-p) * 24) rgba(16, 24, 40, .10); }
.wgbv-visual[data-wgbv="televisit"] .wgbv-tv-you { left: calc(var(--wgbv-p) * 6); background: linear-gradient(160deg, #EAF8EF, #CDEEDA); }
.wgbv-visual[data-wgbv="televisit"] .wgbv-tv-doc { left: calc(var(--wgbv-p) * 244); background: linear-gradient(160deg, #F1EFFE, #DCD6FA); }
.wgbv-visual[data-wgbv="televisit"] .wgbv-tv-room { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
.wgbv-visual[data-wgbv="televisit"] .wgbv-tv-feed { position: absolute; left: 0; bottom: 0; width: 100%; height: auto; transform-origin: 50% 100%; }
.wgbv-visual[data-wgbv="televisit"] .wgbv-tv-name { position: absolute; left: calc(var(--wgbv-p) * 9); top: calc(var(--wgbv-p) * 9); display: inline-flex; align-items: center; height: calc(var(--wgbv-p) * 20); padding: 0 calc(var(--wgbv-p) * 9); border-radius: calc(var(--wgbv-p) * 10); background: #16A34A; color: #fff; font-size: calc(var(--wgbv-p) * 10.5); font-weight: 600; line-height: 1; white-space: nowrap; transform-origin: 0 50%; }
.wgbv-visual[data-wgbv="televisit"] .wgbv-tv-doc .wgbv-tv-name { background: #6E56CF; }
.wgbv-visual[data-wgbv="televisit"] .wgbv-tv-vu { display: flex; flex: none; align-items: center; gap: calc(var(--wgbv-p) * 1.3); width: calc(var(--wgbv-p) * 8 * var(--on, 0)); height: calc(var(--wgbv-p) * 9); margin-left: calc(var(--wgbv-p) * 5 * var(--on, 0)); overflow: hidden; }
.wgbv-visual[data-wgbv="televisit"] .wgbv-tv-vu i { display: block; flex: none; width: calc(var(--wgbv-p) * 1.8); height: 100%; border-radius: calc(var(--wgbv-p) * 1); background: currentColor; transform: scaleY(.3); }
.wgbv-visual[data-wgbv="televisit"] .wgbv-tv-ring { position: absolute; inset: 0; display: block; border-radius: inherit; box-shadow: inset 0 0 0 calc(var(--wgbv-p) * 2.5) #8B7CF0; opacity: 0; }
.wgbv-visual[data-wgbv="televisit"] .wgbv-tv-you .wgbv-tv-ring { box-shadow: inset 0 0 0 calc(var(--wgbv-p) * 2.5) #22C55E; }
.wgbv-visual[data-wgbv="televisit"] .wgbv-tv-link { position: absolute; top: calc(var(--wgbv-p) * 72); width: calc(var(--wgbv-p) * 22); border-top: calc(var(--wgbv-p) * 1.4) dashed #A79CEF; }
.wgbv-visual[data-wgbv="televisit"] .wgbv-tv-l1 { left: calc(var(--wgbv-p) * 156); }
.wgbv-visual[data-wgbv="televisit"] .wgbv-tv-l2 { left: calc(var(--wgbv-p) * 222); }
.wgbv-visual[data-wgbv="televisit"] .wgbv-tv-badge { position: absolute; left: calc(var(--wgbv-p) * 178); top: calc(var(--wgbv-p) * 50); z-index: 2; display: grid; place-items: center; width: calc(var(--wgbv-p) * 44); height: calc(var(--wgbv-p) * 44); border: calc(var(--wgbv-p) * .9) solid #E5E7EB; border-radius: 50%; background: #fff; box-shadow: 0 calc(var(--wgbv-p) * 4) calc(var(--wgbv-p) * 14) rgba(17, 24, 39, .10); }
.wgbv-visual[data-wgbv="televisit"] .wgbv-tv-badge img { width: calc(var(--wgbv-p) * 24); height: auto; }
.wgbv-visual[data-wgbv="televisit"] .wgbv-tv-ctl { position: absolute; left: calc(var(--wgbv-p) * 151); top: calc(var(--wgbv-p) * 118); z-index: 2; display: flex; align-items: center; justify-content: center; gap: calc(var(--wgbv-p) * 7); width: calc(var(--wgbv-p) * 98); height: calc(var(--wgbv-p) * 34); border: calc(var(--wgbv-p) * .9) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 17); background: #fff; box-shadow: 0 calc(var(--wgbv-p) * 6) calc(var(--wgbv-p) * 16) rgba(16, 24, 40, .12); }
.wgbv-visual[data-wgbv="televisit"] .wgbv-tv-btn { display: grid; place-items: center; width: calc(var(--wgbv-p) * 24); height: calc(var(--wgbv-p) * 24); border-radius: 50%; background: #F3F4F6; color: #374151; }
.wgbv-visual[data-wgbv="televisit"] .wgbv-tv-btn .wgbv-i { width: calc(var(--wgbv-p) * 13); height: calc(var(--wgbv-p) * 13); stroke-width: 2; }
.wgbv-visual[data-wgbv="televisit"] .wgbv-tv-end { background: #EF4444; color: #fff; }
@container (aspect-ratio < 1.5) and ((min-width: 300px) or (min-height: 200px)) {
  .wgbv-visual[data-wgbv="televisit"] .wgbv-stage { --wgbv-w: 240; --wgbv-h: 258; }
  .wgbv-visual[data-wgbv="televisit"] .wgbv-tv-doc { left: calc(var(--wgbv-p) * 6); top: calc(var(--wgbv-p) * 8); width: calc(var(--wgbv-p) * 228); height: calc(var(--wgbv-p) * 196); }
  .wgbv-visual[data-wgbv="televisit"] .wgbv-tv-you { left: calc(var(--wgbv-p) * 148); top: calc(var(--wgbv-p) * 118); z-index: 1; width: calc(var(--wgbv-p) * 78); height: calc(var(--wgbv-p) * 78); border: calc(var(--wgbv-p) * 2.5) solid #fff; border-radius: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="televisit"] .wgbv-tv-you .wgbv-tv-feed { left: -10%; bottom: -14%; width: 120%; }
  .wgbv-visual[data-wgbv="televisit"] .wgbv-tv-you .wgbv-tv-room { display: none; }
  .wgbv-visual[data-wgbv="televisit"] .wgbv-tv-you .wgbv-tv-name { left: calc(var(--wgbv-p) * 5); top: calc(var(--wgbv-p) * 5); height: calc(var(--wgbv-p) * 16); padding: 0 calc(var(--wgbv-p) * 7); font-size: calc(var(--wgbv-p) * 9); }
  .wgbv-visual[data-wgbv="televisit"] .wgbv-tv-you .wgbv-tv-vu { height: calc(var(--wgbv-p) * 7.5); margin-left: calc(var(--wgbv-p) * 4 * var(--on, 0)); }
  .wgbv-visual[data-wgbv="televisit"] .wgbv-tv-link { display: none; }
  .wgbv-visual[data-wgbv="televisit"] .wgbv-tv-badge { left: calc(var(--wgbv-p) * 184); top: calc(var(--wgbv-p) * 16); width: calc(var(--wgbv-p) * 40); height: calc(var(--wgbv-p) * 40); }
  .wgbv-visual[data-wgbv="televisit"] .wgbv-tv-badge img { width: calc(var(--wgbv-p) * 22); }
  .wgbv-visual[data-wgbv="televisit"] .wgbv-tv-ctl { left: calc(var(--wgbv-p) * 71); top: calc(var(--wgbv-p) * 216); }
  .wgbv-visual[data-wgbv="televisit"] .wgbv-tv-doc .wgbv-tv-feed { bottom: calc(var(--wgbv-p) * -10); }
}
@container (max-width: 299px) and ((aspect-ratio >= 1.5) or (max-height: 199.98px)) {
  .wgbv-visual[data-wgbv="televisit"] .wgbv-stage { --wgbv-w: 316; }
  .wgbv-visual[data-wgbv="televisit"] .wgbv-tv-tile { width: calc(var(--wgbv-p) * 140); }
  .wgbv-visual[data-wgbv="televisit"] .wgbv-tv-doc { left: calc(var(--wgbv-p) * 170); }
  .wgbv-visual[data-wgbv="televisit"] .wgbv-tv-link { display: none; }
  .wgbv-visual[data-wgbv="televisit"] .wgbv-tv-badge { left: calc(var(--wgbv-p) * 136); }
  .wgbv-visual[data-wgbv="televisit"] .wgbv-tv-ctl { left: calc(var(--wgbv-p) * 109); }
}
@media (max-width: 479px) {
  @container (aspect-ratio >= 1.5) and (aspect-ratio < 1.75) {
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-stage { --wgbv-w: 316; --wgbv-h: 194; }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-tile { width: calc(var(--wgbv-p) * 140); height: calc(var(--wgbv-p) * 156); }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-doc { left: calc(var(--wgbv-p) * 170); }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-feed { left: -12.5%; width: 125%; }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-link { display: none; }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-badge { left: calc(var(--wgbv-p) * 136); top: calc(var(--wgbv-p) * 64); }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-ctl { left: calc(var(--wgbv-p) * 109); top: calc(var(--wgbv-p) * 156); }
  }
}
@media (min-width: 480px) and (max-width: 991px) {
  @container (aspect-ratio >= 1.5) and (aspect-ratio <= 2.247) {
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-stage { --wgbv-w: 316; --wgbv-h: 178; }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-tile { width: calc(var(--wgbv-p) * 140); height: calc(var(--wgbv-p) * 140); }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-doc { left: calc(var(--wgbv-p) * 170); }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-feed { left: -12.5%; width: 125%; }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-link { display: none; }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-badge { left: calc(var(--wgbv-p) * 136); top: calc(var(--wgbv-p) * 56); }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-ctl { left: calc(var(--wgbv-p) * 109); top: calc(var(--wgbv-p) * 140); }
  }
  @container (aspect-ratio >= 1.5) and ((aspect-ratio <= 2.062) or (min-height: 325.2px)) {
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-stage { --wgbv-w: 316; --wgbv-h: 194; }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-tile { width: calc(var(--wgbv-p) * 140); height: calc(var(--wgbv-p) * 156); }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-doc { left: calc(var(--wgbv-p) * 170); }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-feed { left: -12.5%; width: 125%; }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-link { display: none; }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-badge { left: calc(var(--wgbv-p) * 136); top: calc(var(--wgbv-p) * 64); }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-ctl { left: calc(var(--wgbv-p) * 109); top: calc(var(--wgbv-p) * 156); }
  }
  @container (aspect-ratio >= 1.5) and (min-height: 368.8px) {
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-stage { --wgbv-w: 316; --wgbv-h: 220; }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-tile { width: calc(var(--wgbv-p) * 140); height: calc(var(--wgbv-p) * 182); }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-doc { left: calc(var(--wgbv-p) * 170); }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-feed { left: -12.5%; width: 125%; }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-link { display: none; }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-badge { left: calc(var(--wgbv-p) * 136); top: calc(var(--wgbv-p) * 77); }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-ctl { left: calc(var(--wgbv-p) * 109); top: calc(var(--wgbv-p) * 182); }
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  @container (aspect-ratio >= 1.5) and (min-height: 365.4px) and (max-height: 368.79px) {
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-stage { --wgbv-w: 316; --wgbv-h: 218; }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-tile { width: calc(var(--wgbv-p) * 140); height: calc(var(--wgbv-p) * 180); }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-doc { left: calc(var(--wgbv-p) * 170); }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-feed { left: -12.5%; width: 125%; }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-link { display: none; }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-badge { left: calc(var(--wgbv-p) * 136); top: calc(var(--wgbv-p) * 76); }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-ctl { left: calc(var(--wgbv-p) * 109); top: calc(var(--wgbv-p) * 180); }
  }
}

.wgbv-visual[data-wgbv="televisit"]:is(.point.yb *) { border-radius: 12px; background: #F9FAFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1048 800' preserveAspectRatio='none'%3E%3Cg transform='rotate(-58.4 496 350)' fill='none' stroke='%23D3D7F2'%3E%3Cellipse cx='496' cy='350' rx='469' ry='651' vector-effect='non-scaling-stroke'/%3E%3Cellipse cx='496' cy='350' rx='577' ry='801' vector-effect='non-scaling-stroke'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat; }
@container (min-width: 260px) {
  .wgbv-visual[data-wgbv="televisit"]:is(.point.yb *) .wgbv-stage { --wgbv-fill: .92; --wgbv-vis: 1.08; }
}
@container (aspect-ratio < 1.5) {
  .wgbv-visual[data-wgbv="televisit"]:is(.point.yb *) .wgbv-stage { --wgbv-w: 240; --wgbv-h: 258; }
  .wgbv-visual[data-wgbv="televisit"]:is(.point.yb *) .wgbv-tv-doc { left: calc(var(--wgbv-p) * 6); top: calc(var(--wgbv-p) * 8); width: calc(var(--wgbv-p) * 228); height: calc(var(--wgbv-p) * 196); }
  .wgbv-visual[data-wgbv="televisit"]:is(.point.yb *) .wgbv-tv-you { left: calc(var(--wgbv-p) * 148); top: calc(var(--wgbv-p) * 118); z-index: 1; width: calc(var(--wgbv-p) * 78); height: calc(var(--wgbv-p) * 78); border: calc(var(--wgbv-p) * 2.5) solid #fff; border-radius: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="televisit"]:is(.point.yb *) .wgbv-tv-you .wgbv-tv-feed { left: -10%; bottom: -14%; width: 120%; }
  .wgbv-visual[data-wgbv="televisit"]:is(.point.yb *) .wgbv-tv-you .wgbv-tv-room { display: none; }
  .wgbv-visual[data-wgbv="televisit"]:is(.point.yb *) .wgbv-tv-you .wgbv-tv-name { left: calc(var(--wgbv-p) * 5); top: calc(var(--wgbv-p) * 5); height: calc(var(--wgbv-p) * 16); padding: 0 calc(var(--wgbv-p) * 7); font-size: calc(var(--wgbv-p) * 9); }
  .wgbv-visual[data-wgbv="televisit"]:is(.point.yb *) .wgbv-tv-you .wgbv-tv-vu { height: calc(var(--wgbv-p) * 7.5); margin-left: calc(var(--wgbv-p) * 4 * var(--on, 0)); }
  .wgbv-visual[data-wgbv="televisit"]:is(.point.yb *) .wgbv-tv-link { display: none; }
  .wgbv-visual[data-wgbv="televisit"]:is(.point.yb *) .wgbv-tv-badge { left: calc(var(--wgbv-p) * 184); top: calc(var(--wgbv-p) * 16); width: calc(var(--wgbv-p) * 40); height: calc(var(--wgbv-p) * 40); }
  .wgbv-visual[data-wgbv="televisit"]:is(.point.yb *) .wgbv-tv-badge img { width: calc(var(--wgbv-p) * 22); }
  .wgbv-visual[data-wgbv="televisit"]:is(.point.yb *) .wgbv-tv-ctl { left: calc(var(--wgbv-p) * 71); top: calc(var(--wgbv-p) * 216); }
  .wgbv-visual[data-wgbv="televisit"]:is(.point.yb *) .wgbv-tv-doc .wgbv-tv-feed { bottom: calc(var(--wgbv-p) * -10); }
}

/* ---- visuals/translate.css ---- */
.wgbv-visual[data-wgbv="translate"] { --wgbv-ar: 1 / 1; --wgbv-w: 360; --wgbv-h: 360; }
.wgbv-visual[data-wgbv="translate"] .wgbv-tr-panel { position: absolute; left: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 10); width: calc(var(--wgbv-p) * 340); height: calc(var(--wgbv-p) * 340); overflow: hidden; border: calc(var(--wgbv-p) * 1.2) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 20); background: #fff; }
.wgbv-visual[data-wgbv="translate"] .wgbv-crumbs { height: calc(var(--wgbv-p) * 46); font-size: calc(var(--wgbv-p) * 12.5); }
.wgbv-visual[data-wgbv="translate"] .wgbv-mark { width: calc(var(--wgbv-p) * 48); margin-right: calc(var(--wgbv-p) * 18); }
.wgbv-visual[data-wgbv="translate"] .wgbv-mark img { width: calc(var(--wgbv-p) * 24); }
.wgbv-visual[data-wgbv="translate"] .wgbv-tr-main { display: flex; flex-direction: column; padding: calc(var(--wgbv-p) * 16) calc(var(--wgbv-p) * 11) 0; }
.wgbv-visual[data-wgbv="translate"] .wgbv-tr-title { font-size: calc(var(--wgbv-p) * 15.5); font-weight: 700; line-height: 1.2; letter-spacing: -.01em; color: #111827; white-space: nowrap; }
.wgbv-visual[data-wgbv="translate"] .wgbv-tr-sub { margin-top: calc(var(--wgbv-p) * 5); padding-bottom: calc(var(--wgbv-p) * 11); border-bottom: calc(var(--wgbv-p) * 1) solid #E5E7EB; font-size: calc(var(--wgbv-p) * 10.5); line-height: 1.35; color: #6B7280; }
.wgbv-visual[data-wgbv="translate"] .wgbv-tr-heads { display: flex; justify-content: space-between; padding: calc(var(--wgbv-p) * 11) calc(var(--wgbv-p) * 10) calc(var(--wgbv-p) * 8); font-size: calc(var(--wgbv-p) * 12.5); font-weight: 500; line-height: 1.2; color: #4F46E5; }
.wgbv-visual[data-wgbv="translate"] .wgbv-tr-table { border: calc(var(--wgbv-p) * 1) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 8); overflow: hidden; }
.wgbv-visual[data-wgbv="translate"] .wgbv-tr-row { display: grid; grid-template-columns: 58% 42%; height: calc(var(--wgbv-p) * 39); }
.wgbv-visual[data-wgbv="translate"] .wgbv-tr-row + .wgbv-tr-row { border-top: calc(var(--wgbv-p) * 1) solid #E5E7EB; }
.wgbv-visual[data-wgbv="translate"] .wgbv-tr-row > span { display: flex; align-items: center; min-width: 0; white-space: nowrap; color: #111827; }
.wgbv-visual[data-wgbv="translate"] .wgbv-tr-en { padding-left: calc(var(--wgbv-p) * 10); border-right: calc(var(--wgbv-p) * 1) solid #E5E7EB; font-size: calc(var(--wgbv-p) * 10.2); font-weight: 500; }
.wgbv-visual[data-wgbv="translate"] .wgbv-tr-ar { padding: 0 calc(var(--wgbv-p) * 10); font-size: calc(var(--wgbv-p) * 11); }

@container (aspect-ratio >= 1.414) {
  .wgbv-visual[data-wgbv="translate"] .wgbv-stage { --wgbv-w: 400; --wgbv-h: 200; }
  .wgbv-visual[data-wgbv="translate"] .wgbv-tr-panel { left: calc(var(--wgbv-p) * 4); top: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 392); height: calc(var(--wgbv-p) * 192); border-radius: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="translate"] .wgbv-crumbs { display: none; }
  .wgbv-visual[data-wgbv="translate"] .wgbv-tr-main { padding: calc(var(--wgbv-p) * 11) calc(var(--wgbv-p) * 11) 0; }
  .wgbv-visual[data-wgbv="translate"] .wgbv-tr-title { font-size: calc(var(--wgbv-p) * 13); }
  .wgbv-visual[data-wgbv="translate"] .wgbv-tr-sub { display: none; }
  .wgbv-visual[data-wgbv="translate"] .wgbv-tr-heads { padding: calc(var(--wgbv-p) * 7) calc(var(--wgbv-p) * 10) calc(var(--wgbv-p) * 6); border-top: calc(var(--wgbv-p) * 1) solid #E5E7EB; margin-top: calc(var(--wgbv-p) * 8); font-size: calc(var(--wgbv-p) * 11.5); }
  .wgbv-visual[data-wgbv="translate"] .wgbv-tr-row { grid-template-columns: 58% 42%; height: calc(var(--wgbv-p) * 32); }
  .wgbv-visual[data-wgbv="translate"] .wgbv-tr-en { font-size: calc(var(--wgbv-p) * 11); }
  .wgbv-visual[data-wgbv="translate"] .wgbv-tr-ar { font-size: calc(var(--wgbv-p) * 12.5); }
}

/* ---- visuals/voice-chat.css ---- */
.wgbv-visual[data-wgbv="voice-chat"] { --wgbv-ar: 2624 / 2560; --wgbv-w: 520; --wgbv-h: 507; }
.wgbv-visual[data-wgbv="voice-chat"] .wgbv-stage { overflow: hidden; border-radius: calc(var(--wgbv-p) * 26); color: #111827; }
.wgbv-visual[data-wgbv="voice-chat"] .wgbv-vc-bg { position: absolute; inset: 0; border-radius: calc(var(--wgbv-p) * 26); background: #F3F2F0; }
.wgbv-visual[data-wgbv="voice-chat"] .wgbv-vc-ph { position: absolute; left: calc(50% - calc(var(--wgbv-p) * 152)); top: calc(var(--wgbv-p) * 50); width: calc(var(--wgbv-p) * 304); height: calc(var(--wgbv-p) * 520); padding: calc(var(--wgbv-p) * 9); border-radius: calc(var(--wgbv-p) * 48); background: #111214;
  box-shadow: 0 0 0 calc(var(--wgbv-p) * 2.5) #C9C9CE, inset 0 0 0 calc(var(--wgbv-p) * 2) #3a3b3f, 0 calc(var(--wgbv-p) * 14) calc(var(--wgbv-p) * 34) rgba(32, 33, 63, .14); }
.wgbv-visual[data-wgbv="voice-chat"] .wgbv-vc-scr { position: relative; height: 100%; overflow: hidden; border-radius: calc(var(--wgbv-p) * 39); background: #fff; }
.wgbv-visual[data-wgbv="voice-chat"] .wgbv-status { height: calc(var(--wgbv-p) * 36); padding: calc(var(--wgbv-p) * 2) calc(var(--wgbv-p) * 22) 0 calc(var(--wgbv-p) * 30); }
.wgbv-visual[data-wgbv="voice-chat"] .wgbv-time { font-size: calc(var(--wgbv-p) * 12); }
.wgbv-visual[data-wgbv="voice-chat"] .wgbv-sys { gap: calc(var(--wgbv-p) * 4); }
.wgbv-visual[data-wgbv="voice-chat"] .wgbv-signal { width: calc(var(--wgbv-p) * 14); height: calc(var(--wgbv-p) * 9); }
.wgbv-visual[data-wgbv="voice-chat"] .wgbv-wifi { width: calc(var(--wgbv-p) * 13); height: calc(var(--wgbv-p) * 9); }
.wgbv-visual[data-wgbv="voice-chat"] .wgbv-battery { width: calc(var(--wgbv-p) * 20); height: calc(var(--wgbv-p) * 9.5); border-width: calc(var(--wgbv-p) * .8); border-radius: calc(var(--wgbv-p) * 3); }
.wgbv-visual[data-wgbv="voice-chat"] .wgbv-battery i { inset: calc(var(--wgbv-p) * 1.2); border-radius: calc(var(--wgbv-p) * 1.6); }
.wgbv-visual[data-wgbv="voice-chat"] .wgbv-island { top: calc(var(--wgbv-p) * 8); width: calc(var(--wgbv-p) * 76); height: calc(var(--wgbv-p) * 22); margin-left: calc(var(--wgbv-p) * -38); border-radius: calc(var(--wgbv-p) * 11); }
.wgbv-visual[data-wgbv="voice-chat"] .wgbv-vc-head { position: absolute; left: 0; right: 0; top: calc(var(--wgbv-p) * 36); height: calc(var(--wgbv-p) * 40); display: flex; align-items: center; justify-content: center; gap: calc(var(--wgbv-p) * 9);
  border-bottom: calc(var(--wgbv-p) * 1) solid #E7E5E4; font-size: calc(var(--wgbv-p) * 14.5); font-weight: 600; letter-spacing: -.01em; white-space: nowrap; }
.wgbv-visual[data-wgbv="voice-chat"] .wgbv-vc-msgs { position: absolute; left: calc(var(--wgbv-p) * 12); right: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 90); display: flex; flex-direction: column; gap: calc(var(--wgbv-p) * 12); }
.wgbv-visual[data-wgbv="voice-chat"] .wgbv-vc-a { display: flex; align-items: flex-start; gap: calc(var(--wgbv-p) * 8); flex: none; }
.wgbv-visual[data-wgbv="voice-chat"] .wgbv-vc-orb { display: block; flex: none; width: calc(var(--wgbv-p) * 19); height: calc(var(--wgbv-p) * 19); margin-top: calc(var(--wgbv-p) * 3); border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #F0FDF4 0, #86EFAC 22%, #38BDF8 58%, #1E40AF 100%); }
.wgbv-visual[data-wgbv="voice-chat"] .wgbv-vc-b, .wgbv-visual[data-wgbv="voice-chat"] .wgbv-vc-u { position: relative; display: block; max-width: calc(var(--wgbv-p) * 198); padding: calc(var(--wgbv-p) * 9) calc(var(--wgbv-p) * 12); border-radius: calc(var(--wgbv-p) * 10); font-size: calc(var(--wgbv-p) * 12.5); line-height: 1.42; }
.wgbv-visual[data-wgbv="voice-chat"] .wgbv-vc-b { background: #F3F2F0; }
.wgbv-visual[data-wgbv="voice-chat"] .wgbv-vc-u { align-self: flex-end; flex: none; max-width: calc(var(--wgbv-p) * 190); border: calc(var(--wgbv-p) * 1) solid #E7E5E4; background: #fff; box-shadow: 0 calc(var(--wgbv-p) * 2) calc(var(--wgbv-p) * 6) rgba(17, 24, 39, .05); }
.wgbv-visual[data-wgbv="voice-chat"] .wgbv-vc-tx { display: block; }
.wgbv-visual[data-wgbv="voice-chat"] .wgbv-vc-dots { position: absolute; left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 14); display: flex; gap: calc(var(--wgbv-p) * 4); opacity: 0; }
.wgbv-visual[data-wgbv="voice-chat"] .wgbv-vc-dots i { display: block; width: calc(var(--wgbv-p) * 6); height: calc(var(--wgbv-p) * 6); border-radius: 50%; background: #A8A29E; }
.wgbv-visual[data-wgbv="voice-chat"] .wgbv-vc-in { position: absolute; left: calc(var(--wgbv-p) * 10); right: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 344); height: calc(var(--wgbv-p) * 86); border: calc(var(--wgbv-p) * 1) solid #E7E5E4; border-radius: calc(var(--wgbv-p) * 18); background: #fff; }
.wgbv-visual[data-wgbv="voice-chat"] .wgbv-vc-wave { position: absolute; left: calc(var(--wgbv-p) * 14); right: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 12); width: calc(100% - var(--wgbv-p) * 28); height: calc(var(--wgbv-p) * 24); overflow: visible;
  -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, .35), #000 12%, #000 88%, rgba(0, 0, 0, .35)); mask-image: linear-gradient(90deg, rgba(0, 0, 0, .35), #000 12%, #000 88%, rgba(0, 0, 0, .35)); }
.wgbv-visual[data-wgbv="voice-chat"] .wgbv-vc-wave path { fill: none; stroke: #6D28D9; stroke-width: 2.6; stroke-linecap: round; transform-box: fill-box; transform-origin: center; }
.wgbv-visual[data-wgbv="voice-chat"] .wgbv-vc-k { position: absolute; bottom: calc(var(--wgbv-p) * 10); display: grid; place-items: center; width: calc(var(--wgbv-p) * 28); height: calc(var(--wgbv-p) * 28); border-radius: 50%; background: #F3F2F0; color: #57534E; }
.wgbv-visual[data-wgbv="voice-chat"] .wgbv-vc-k .wgbv-i { width: calc(var(--wgbv-p) * 14); height: calc(var(--wgbv-p) * 14); stroke-width: 2; }
.wgbv-visual[data-wgbv="voice-chat"] .wgbv-vc-plus { left: calc(var(--wgbv-p) * 12); }
.wgbv-visual[data-wgbv="voice-chat"] .wgbv-vc-no { right: calc(var(--wgbv-p) * 46); }
.wgbv-visual[data-wgbv="voice-chat"] .wgbv-vc-ok { right: calc(var(--wgbv-p) * 12); }
.wgbv-visual[data-wgbv="voice-chat"] .wgbv-vc-card { position: absolute; left: calc(50% - calc(var(--wgbv-p) * 156)); top: calc(50% - calc(var(--wgbv-p) * 214)); width: calc(var(--wgbv-p) * 312); height: calc(var(--wgbv-p) * 428); overflow: hidden; border-radius: calc(var(--wgbv-p) * 30); background: #fff; box-shadow: 0 calc(var(--wgbv-p) * 10) calc(var(--wgbv-p) * 30) rgba(32, 33, 63, .08); }
.wgbv-visual[data-wgbv="voice-chat"] .wgbv-vc-card .wgbv-vc-head { top: 0; height: calc(var(--wgbv-p) * 54); justify-content: flex-start; padding-left: calc(var(--wgbv-p) * 16); font-size: calc(var(--wgbv-p) * 15); }
.wgbv-visual[data-wgbv="voice-chat"] .wgbv-vc-head img { width: calc(var(--wgbv-p) * 22); height: calc(var(--wgbv-p) * 24); }
.wgbv-visual[data-wgbv="voice-chat"] .wgbv-vc-card .wgbv-vc-msgs { top: calc(var(--wgbv-p) * 68); }
.wgbv-visual[data-wgbv="voice-chat"] .wgbv-vc-tip { position: relative; display: flex; flex-direction: column; flex: none; margin-left: calc(var(--wgbv-p) * 27); padding: calc(var(--wgbv-p) * 10) calc(var(--wgbv-p) * 12) calc(var(--wgbv-p) * 11); border: calc(var(--wgbv-p) * 1) solid #E7E5E4; border-radius: calc(var(--wgbv-p) * 10); background: #fff; }
.wgbv-visual[data-wgbv="voice-chat"] .wgbv-vc-tip-h { display: flex; align-items: center; gap: calc(var(--wgbv-p) * 6); font-size: calc(var(--wgbv-p) * 10.5); font-weight: 600; letter-spacing: .03em; white-space: nowrap; }
.wgbv-visual[data-wgbv="voice-chat"] .wgbv-vc-tip-h .wgbv-i { width: calc(var(--wgbv-p) * 16); height: calc(var(--wgbv-p) * 16); color: #7C3AED; }
.wgbv-visual[data-wgbv="voice-chat"] .wgbv-vc-x { position: absolute; right: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 10); width: calc(var(--wgbv-p) * 13); height: calc(var(--wgbv-p) * 13); color: #78716C; stroke-width: 2; }
.wgbv-visual[data-wgbv="voice-chat"] .wgbv-vc-tip-t { margin-top: calc(var(--wgbv-p) * 7); font-size: calc(var(--wgbv-p) * 12); line-height: 1.4; }
.wgbv-visual[data-wgbv="voice-chat"]:is(.layout13_image + * > *) { border-radius: 16px; background: #F3F2F0; }
.wgbv-visual[data-wgbv="voice-chat"]:not([data-wgbv-copy]):is(.layout13_image + * > *) { --wgbv-ay: 1; }
@container (width < 320px) {
  .wgbv-visual[data-wgbv="voice-chat"]:is(.layout13_image + * > *) .wgbv-stage { --wgbv-w: 470; --wgbv-h: 490; }
}

.wgbv-visual[data-wgbv="voice-chat"][data-wgbv-copy="hero"] { --wgbv-ar: 1968 / 1920; }
.wgbv-visual[data-wgbv="voice-chat"][data-wgbv-copy="hero"] .wgbv-stage { border-radius: calc(var(--wgbv-p) * 28); }
.wgbv-visual[data-wgbv="voice-chat"][data-wgbv-copy="hero"] .wgbv-vc-bg { border-radius: calc(var(--wgbv-p) * 28);
  background: radial-gradient(34% 26% at 0% 0%, #ADB2B0, rgba(173, 178, 176, 0)),
    radial-gradient(62% 56% at 0% 100%, #EFCB93, rgba(239, 203, 147, 0)),
    radial-gradient(60% 46% at 100% 100%, #D8D79A, rgba(216, 215, 154, 0)),
    linear-gradient(0deg, #D3CA9E, rgba(211, 202, 158, 0) 28%),
    radial-gradient(28% 34% at 100% 4%, #8CC3B4, rgba(140, 195, 180, 0)),
    linear-gradient(90deg, #BDA0B5, #9C93C4 10%, #808DCE 20%, #5C9FD6 45%, #41A9E2 80%, #55B1D6 90%, #79BCC6); }
.wgbv-visual[data-wgbv="voice-chat"][data-wgbv-copy="hero"] .wgbv-vc-hc { position: absolute; left: calc(var(--wgbv-p) * 117.3); top: calc(var(--wgbv-p) * 55.5); width: calc(var(--wgbv-p) * 285.1); height: calc(var(--wgbv-p) * 396.1);
  border-radius: calc(var(--wgbv-p) * 24); background: #fff; box-shadow: 0 calc(var(--wgbv-p) * 8) calc(var(--wgbv-p) * 24) rgba(32, 33, 63, .06); }
.wgbv-visual[data-wgbv="voice-chat"][data-wgbv-copy="hero"] .wgbv-vc-logo { position: absolute; left: calc(var(--wgbv-p) * 15.6); top: calc(var(--wgbv-p) * 15.3); width: calc(var(--wgbv-p) * 86.9); height: calc(var(--wgbv-p) * 18.6); }
.wgbv-visual[data-wgbv="voice-chat"][data-wgbv-copy="hero"] .wgbv-vc-msgs { left: calc(var(--wgbv-p) * 15.6); right: calc(var(--wgbv-p) * 15.3); top: calc(var(--wgbv-p) * 50.5); gap: calc(var(--wgbv-p) * 16); }
.wgbv-visual[data-wgbv="voice-chat"][data-wgbv-copy="hero"] .wgbv-vc-b, .wgbv-visual[data-wgbv="voice-chat"][data-wgbv-copy="hero"] .wgbv-vc-u { max-width: none; padding: calc(var(--wgbv-p) * 8.3) calc(var(--wgbv-p) * 11.3);
  border-radius: calc(var(--wgbv-p) * 7); font-size: calc(var(--wgbv-p) * 11.3); line-height: 1.4; color: #0B0B0B; }
.wgbv-visual[data-wgbv="voice-chat"][data-wgbv-copy="hero"] .wgbv-vc-b { width: calc(var(--wgbv-p) * 212); background: #F5F3F2; letter-spacing: -.005em; }
.wgbv-visual[data-wgbv="voice-chat"][data-wgbv-copy="hero"] .wgbv-vc-u { width: calc(var(--wgbv-p) * 185.8); padding-left: calc(var(--wgbv-p) * 12.3); border: calc(var(--wgbv-p) * .9) solid #EBEBEB; box-shadow: 0 calc(var(--wgbv-p) * 1.5) calc(var(--wgbv-p) * 4) rgba(17, 24, 39, .07); }
.wgbv-visual[data-wgbv="voice-chat"][data-wgbv-copy="hero"] .wgbv-vc-rec { position: absolute; left: calc(var(--wgbv-p) * 15.6); top: calc(var(--wgbv-p) * 289.8); width: calc(var(--wgbv-p) * 254.5); height: calc(var(--wgbv-p) * 38.3);
  border: calc(var(--wgbv-p) * .9) solid #DDDDDD; border-radius: calc(var(--wgbv-p) * 19.2); background: #fff; }
.wgbv-visual[data-wgbv="voice-chat"][data-wgbv-copy="hero"] .wgbv-vc-wave { left: calc(var(--wgbv-p) * 15.2); right: auto; top: calc(var(--wgbv-p) * 10.2); width: calc(var(--wgbv-p) * 150); height: calc(var(--wgbv-p) * 16);
  -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, .17) 7.6%, #000 7.6%, #000 94.5%, rgba(0, 0, 0, .17) 94.5%); mask-image: linear-gradient(90deg, rgba(0, 0, 0, .17) 7.6%, #000 7.6%, #000 94.5%, rgba(0, 0, 0, .17) 94.5%); }
.wgbv-visual[data-wgbv="voice-chat"][data-wgbv-copy="hero"] .wgbv-vc-wave path { stroke: #FF002D; stroke-width: 2.4; }
.wgbv-visual[data-wgbv="voice-chat"][data-wgbv-copy="hero"] .wgbv-vc-sec { position: absolute; left: calc(var(--wgbv-p) * 175.3); top: 0; bottom: 0; display: flex; align-items: center; font-size: calc(var(--wgbv-p) * 10.9); font-weight: 500; letter-spacing: .01em; color: #FF002D; font-variant-numeric: tabular-nums; white-space: nowrap; }
.wgbv-visual[data-wgbv="voice-chat"][data-wgbv-copy="hero"] .wgbv-vc-stop { position: absolute; left: calc(var(--wgbv-p) * 211.7); top: calc(var(--wgbv-p) * 3.9); display: grid; place-items: center; width: calc(var(--wgbv-p) * 28.6); height: calc(var(--wgbv-p) * 28.6); border-radius: 50%; background: #FED7DA; }
.wgbv-visual[data-wgbv="voice-chat"][data-wgbv-copy="hero"] .wgbv-vc-stop i { display: block; width: calc(var(--wgbv-p) * 11); height: calc(var(--wgbv-p) * 11); border-radius: calc(var(--wgbv-p) * 2.6); background: #FF002D; }
.wgbv-visual[data-wgbv="voice-chat"][data-wgbv-copy="hero"] .wgbv-vc-type { position: absolute; left: calc(var(--wgbv-p) * 15.6); right: calc(var(--wgbv-p) * 15.3); top: calc(var(--wgbv-p) * 345.6); height: calc(var(--wgbv-p) * 38.2); }
.wgbv-visual[data-wgbv="voice-chat"][data-wgbv-copy="hero"] .wgbv-vc-mic { position: absolute; left: 0; top: 0; display: grid; place-items: center; width: calc(var(--wgbv-p) * 38.2); height: calc(var(--wgbv-p) * 38.2);
  border: calc(var(--wgbv-p) * .9) solid #DDDDDD; border-radius: 50%; background: #fff; color: #0B0B0B; }
.wgbv-visual[data-wgbv="voice-chat"][data-wgbv-copy="hero"] .wgbv-vc-mic .wgbv-i { width: calc(var(--wgbv-p) * 15.5); height: calc(var(--wgbv-p) * 15.5); stroke-width: 1.9; }
.wgbv-visual[data-wgbv="voice-chat"][data-wgbv-copy="hero"] .wgbv-vc-field { position: absolute; left: calc(var(--wgbv-p) * 46.1); right: 0; top: 0; display: flex; align-items: center; height: calc(var(--wgbv-p) * 38.2); padding-left: calc(var(--wgbv-p) * 15.2);
  border: calc(var(--wgbv-p) * .9) solid #DDDDDD; border-radius: calc(var(--wgbv-p) * 19.1); background: #fff; font-size: calc(var(--wgbv-p) * 11.3); color: #A5A099; white-space: nowrap; }

/* ---- visuals/voice-flow.css ---- */
.wgbv-visual[data-wgbv="voice-flow"] { --wgbv-ar: 2624 / 2560; --wgbv-w: 520; --wgbv-h: 507; }
.wgbv-visual[data-wgbv="voice-flow"] .wgbv-stage { overflow: hidden; border-radius: calc(var(--wgbv-p) * 26); color: #111827; }
.wgbv-visual[data-wgbv="voice-flow"] .wgbv-vf-bg { position: absolute; inset: 0; border-radius: calc(var(--wgbv-p) * 26); background: #F3F2F0; }
.wgbv-visual[data-wgbv="voice-flow"] .wgbv-vf-p { position: absolute; left: calc(50% - calc(var(--wgbv-p) * 166)); width: calc(var(--wgbv-p) * 332); border-radius: calc(var(--wgbv-p) * 24); background: #fff; }
.wgbv-visual[data-wgbv="voice-flow"] .wgbv-vf-h { position: absolute; left: 0; right: 0; top: calc(var(--wgbv-p) * 13); font-size: calc(var(--wgbv-p) * 15); font-weight: 600; letter-spacing: -.01em; text-align: center; white-space: nowrap; }
.wgbv-visual[data-wgbv="voice-flow"] .wgbv-vf-data { top: calc(var(--wgbv-p) * 30); height: calc(var(--wgbv-p) * 152); }
.wgbv-visual[data-wgbv="voice-flow"] .wgbv-vf-row { position: absolute; left: calc(var(--wgbv-p) * 28); right: calc(var(--wgbv-p) * 28); top: calc(var(--wgbv-p) * 44); height: calc(var(--wgbv-p) * 46); border: calc(var(--wgbv-p) * 1) solid #E7E5E4; border-radius: calc(var(--wgbv-p) * 9); background: #fff; box-shadow: 0 calc(var(--wgbv-p) * 2) calc(var(--wgbv-p) * 5) rgba(17, 24, 39, .04); }
.wgbv-visual[data-wgbv="voice-flow"] .wgbv-vf-row + .wgbv-vf-row { top: calc(var(--wgbv-p) * 98); }
.wgbv-visual[data-wgbv="voice-flow"] .wgbv-vf-ic { position: absolute; left: calc(var(--wgbv-p) * 22); top: calc(var(--wgbv-p) * 7); display: grid; place-items: center; width: calc(var(--wgbv-p) * 32); height: calc(var(--wgbv-p) * 32); border-radius: 50%; background: #F3F0FF; color: #6D42DB; }
.wgbv-visual[data-wgbv="voice-flow"] .wgbv-vf-ic .wgbv-i { width: calc(var(--wgbv-p) * 16); height: calc(var(--wgbv-p) * 16); stroke-width: 1.9; }
.wgbv-visual[data-wgbv="voice-flow"] .wgbv-vf-t { position: absolute; left: calc(var(--wgbv-p) * 68); top: calc(var(--wgbv-p) * 6); font-size: calc(var(--wgbv-p) * 13); font-weight: 600; white-space: nowrap; }
.wgbv-visual[data-wgbv="voice-flow"] .wgbv-vf-s { position: absolute; left: calc(var(--wgbv-p) * 68); top: calc(var(--wgbv-p) * 25); font-size: calc(var(--wgbv-p) * 11.5); color: #292524; white-space: nowrap; }
.wgbv-visual[data-wgbv="voice-flow"] .wgbv-vf-link { position: absolute; left: calc(50% - calc(var(--wgbv-p) * 1)); top: calc(var(--wgbv-p) * 182); width: calc(var(--wgbv-p) * 2); height: calc(var(--wgbv-p) * 24);
  background: repeating-linear-gradient(#6D42DB 0 calc(var(--wgbv-p) * 5), transparent calc(var(--wgbv-p) * 5) calc(var(--wgbv-p) * 9)); }
.wgbv-visual[data-wgbv="voice-flow"] .wgbv-vf-agent + .wgbv-vf-link { top: calc(var(--wgbv-p) * 344); }
.wgbv-visual[data-wgbv="voice-flow"] .wgbv-vf-dot { position: absolute; left: calc(var(--wgbv-p) * -3); top: calc(var(--wgbv-p) * -4); width: calc(var(--wgbv-p) * 8); height: calc(var(--wgbv-p) * 8); border-radius: 50%; background: #6D42DB; box-shadow: 0 0 0 calc(var(--wgbv-p) * 3) rgba(109, 66, 219, .2); opacity: 0; }
.wgbv-visual[data-wgbv="voice-flow"] .wgbv-vf-agent { top: calc(var(--wgbv-p) * 206); height: calc(var(--wgbv-p) * 138); background: #6D42DB; color: #fff; }
.wgbv-visual[data-wgbv="voice-flow"] .wgbv-vf-pill { position: absolute; left: calc(var(--wgbv-p) * 28); right: calc(var(--wgbv-p) * 28); top: calc(var(--wgbv-p) * 44); height: calc(var(--wgbv-p) * 40); display: grid; place-items: center; border-radius: calc(var(--wgbv-p) * 20); background: #fff; }
.wgbv-visual[data-wgbv="voice-flow"] .wgbv-vf-wave { display: block; width: calc(var(--wgbv-p) * 150); height: calc(var(--wgbv-p) * 17); overflow: visible; }
.wgbv-visual[data-wgbv="voice-flow"] .wgbv-vf-wave path { fill: none; stroke: #57534E; stroke-width: 2.6; stroke-linecap: round; transform-box: fill-box; transform-origin: center; }
.wgbv-visual[data-wgbv="voice-flow"] .wgbv-vf-mic { position: absolute; left: 50%; top: calc(var(--wgbv-p) * 90); display: grid; place-items: center; width: calc(var(--wgbv-p) * 40); height: calc(var(--wgbv-p) * 40); margin-left: calc(var(--wgbv-p) * -20); border-radius: 50%; background: #8B6AF0; color: #fff; }
.wgbv-visual[data-wgbv="voice-flow"] .wgbv-vf-mic .wgbv-i { width: calc(var(--wgbv-p) * 18); height: calc(var(--wgbv-p) * 18); stroke-width: 2; }
.wgbv-visual[data-wgbv="voice-flow"] .wgbv-vf-coach { top: calc(var(--wgbv-p) * 368); height: calc(var(--wgbv-p) * 170); }
.wgbv-visual[data-wgbv="voice-flow"] .wgbv-vf-tip { position: absolute; left: calc(var(--wgbv-p) * 24); right: calc(var(--wgbv-p) * 24); top: calc(var(--wgbv-p) * 44); padding: calc(var(--wgbv-p) * 10) calc(var(--wgbv-p) * 12) calc(var(--wgbv-p) * 11); border: calc(var(--wgbv-p) * 1.5) solid #6D42DB; border-radius: calc(var(--wgbv-p) * 12); background: #fff; }
.wgbv-visual[data-wgbv="voice-flow"] .wgbv-vf-tip-h { display: flex; align-items: center; gap: calc(var(--wgbv-p) * 6); font-size: calc(var(--wgbv-p) * 10.5); font-weight: 600; letter-spacing: .03em; color: #6D42DB; white-space: nowrap; }
.wgbv-visual[data-wgbv="voice-flow"] .wgbv-vf-tip-h .wgbv-i { width: calc(var(--wgbv-p) * 16); height: calc(var(--wgbv-p) * 16); color: #8B6AF0; }
.wgbv-visual[data-wgbv="voice-flow"] .wgbv-vf-x { position: absolute; right: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 10); width: calc(var(--wgbv-p) * 13); height: calc(var(--wgbv-p) * 13); color: #78716C; stroke-width: 2; }
.wgbv-visual[data-wgbv="voice-flow"] .wgbv-vf-tip-t { display: block; margin-top: calc(var(--wgbv-p) * 7); font-size: calc(var(--wgbv-p) * 12.5); line-height: 1.4; }
.wgbv-visual[data-wgbv="voice-flow"]:is(.layout13_image + * > *) { --wgbv-ay: 1; border-radius: 16px; background: #F3F2F0; }
@container (width < 320px) {
  .wgbv-visual[data-wgbv="voice-flow"]:is(.layout13_image + * > *) .wgbv-stage { --wgbv-w: 400; --wgbv-h: 466; }
  .wgbv-visual[data-wgbv="voice-flow"]:is(.layout13_image + * > *) .wgbv-vf-data { top: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="voice-flow"]:is(.layout13_image + * > *) .wgbv-vf-link { top: calc(var(--wgbv-p) * 164); height: calc(var(--wgbv-p) * 18); }
  .wgbv-visual[data-wgbv="voice-flow"]:is(.layout13_image + * > *) .wgbv-vf-agent { top: calc(var(--wgbv-p) * 182); height: calc(var(--wgbv-p) * 128); }
  .wgbv-visual[data-wgbv="voice-flow"]:is(.layout13_image + * > *) .wgbv-vf-agent + .wgbv-vf-link { top: calc(var(--wgbv-p) * 310); }
  .wgbv-visual[data-wgbv="voice-flow"]:is(.layout13_image + * > *) .wgbv-vf-pill { top: calc(var(--wgbv-p) * 42); }
  .wgbv-visual[data-wgbv="voice-flow"]:is(.layout13_image + * > *) .wgbv-vf-mic { top: calc(var(--wgbv-p) * 82); }
  .wgbv-visual[data-wgbv="voice-flow"]:is(.layout13_image + * > *) .wgbv-vf-coach { top: calc(var(--wgbv-p) * 328); }
}

/* ---- visuals/wearable.css ---- */
.wgbv-visual[data-wgbv="wearable"] { --wgbv-ar: 1930 / 1114; --wgbv-w: 400; --wgbv-h: 231; }
.wgbv-visual[data-wgbv="wearable"] .wgbv-sync,
.wgbv-visual[data-wgbv="wearable"] .wgbv-in { position: absolute; background: #fff; border: calc(var(--wgbv-p) * 1) solid #E2E8F0; box-shadow: 0 calc(var(--wgbv-p) * 4) calc(var(--wgbv-p) * 10) calc(var(--wgbv-p) * -2) rgba(15, 23, 42, .10), 0 calc(var(--wgbv-p) * 1) calc(var(--wgbv-p) * 2) rgba(15, 23, 42, .04); }
.wgbv-visual[data-wgbv="wearable"] .wgbv-sync { left: calc(var(--wgbv-p) * 4); top: calc(var(--wgbv-p) * 5); width: calc(var(--wgbv-p) * 160); height: calc(var(--wgbv-p) * 221); border-radius: calc(var(--wgbv-p) * 16); text-align: center; }
.wgbv-visual[data-wgbv="wearable"] .wgbv-watch { position: absolute; left: calc(var(--wgbv-p) * 30); top: calc(var(--wgbv-p) * 16); width: calc(var(--wgbv-p) * 100); height: calc(var(--wgbv-p) * 100); color: #6741D9; }
.wgbv-visual[data-wgbv="wearable"] .wgbv-load circle { fill: none; stroke: #E2E8F0; stroke-width: 18; }
.wgbv-visual[data-wgbv="wearable"] .wgbv-load { opacity: 0; }
.wgbv-visual[data-wgbv="wearable"] .wgbv-load .wgbv-arc { stroke: #6741D9; stroke-linecap: round; stroke-dasharray: 0 1; }
.wgbv-visual[data-wgbv="wearable"] .wgbv-ok { fill: none; stroke: #16A34A; stroke-width: 28; stroke-linecap: round; stroke-linejoin: round; transform-box: fill-box; transform-origin: center; }
.wgbv-visual[data-wgbv="wearable"] .wgbv-h,
.wgbv-visual[data-wgbv="wearable"] .wgbv-busy { position: absolute; left: calc(var(--wgbv-p) * 8); right: calc(var(--wgbv-p) * 8); top: calc(var(--wgbv-p) * 128); font-size: calc(var(--wgbv-p) * 14.5); font-weight: 600; line-height: 1.25; letter-spacing: -.01em; color: #1E293B; }
.wgbv-visual[data-wgbv="wearable"] .wgbv-busy { top: calc(var(--wgbv-p) * 126); font-size: calc(var(--wgbv-p) * 12); font-weight: 500; color: #475569; opacity: 0; visibility: hidden; }
.wgbv-visual[data-wgbv="wearable"] .wgbv-msg { position: absolute; left: calc(var(--wgbv-p) * 14); right: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 153); font-size: calc(var(--wgbv-p) * 11); line-height: 1.45; color: #475569; }
.wgbv-visual[data-wgbv="wearable"] .wgbv-in { left: calc(var(--wgbv-p) * 174); width: calc(var(--wgbv-p) * 222); height: calc(var(--wgbv-p) * 68); border-color: #F1F5F9; border-radius: calc(var(--wgbv-p) * 12); }
.wgbv-visual[data-wgbv="wearable"] .wgbv-in:nth-child(2) { top: calc(var(--wgbv-p) * 5); }
.wgbv-visual[data-wgbv="wearable"] .wgbv-in:nth-child(3) { top: calc(var(--wgbv-p) * 81.5); }
.wgbv-visual[data-wgbv="wearable"] .wgbv-in:nth-child(4) { top: calc(var(--wgbv-p) * 158); }
.wgbv-visual[data-wgbv="wearable"] .wgbv-ih { position: absolute; left: calc(var(--wgbv-p) * 12); right: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 9); display: flex; align-items: center; justify-content: space-between; font-size: calc(var(--wgbv-p) * 11.5); font-weight: 500; line-height: 1.3; color: #1E293B; white-space: nowrap; }
.wgbv-visual[data-wgbv="wearable"] .wgbv-d { display: flex; align-items: center; gap: calc(var(--wgbv-p) * 2); font-size: calc(var(--wgbv-p) * 10); color: #64748B; }
.wgbv-visual[data-wgbv="wearable"] .wgbv-d .wgbv-i { width: calc(var(--wgbv-p) * 11); height: calc(var(--wgbv-p) * 11); color: #6741D9; stroke-width: 2.4; }
.wgbv-visual[data-wgbv="wearable"] .wgbv-v { position: absolute; left: calc(var(--wgbv-p) * 12); bottom: calc(var(--wgbv-p) * 8); font-size: calc(var(--wgbv-p) * 22); font-weight: 700; line-height: 1.2; letter-spacing: -.01em; color: #1E293B; font-variant-numeric: tabular-nums; white-space: nowrap; }
.wgbv-visual[data-wgbv="wearable"] .wgbv-sleep { font-size: calc(var(--wgbv-p) * 17); bottom: calc(var(--wgbv-p) * 10); }
.wgbv-visual[data-wgbv="wearable"] .wgbv-ch { position: absolute; right: calc(var(--wgbv-p) * 10); bottom: calc(var(--wgbv-p) * 9); width: calc(var(--wgbv-p) * 104); height: calc(var(--wgbv-p) * 28); overflow: visible; }
.wgbv-visual[data-wgbv="wearable"] .wgbv-ch path { fill: none; stroke: #6741D9; stroke-width: 1.4; stroke-linejoin: round; stroke-linecap: round; }
.wgbv-visual[data-wgbv="wearable"] .wgbv-ch circle { fill: #6741D9; stroke: #fff; stroke-width: 1.2; transform-box: fill-box; transform-origin: center; }
@media (max-width: 479px) {
  @container (min-height: 185px) and (max-height: 204.98px) {
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-stage { --wgbv-h: 250; }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-sync { top: calc(var(--wgbv-p) * 3); height: calc(var(--wgbv-p) * 244); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-watch { top: calc(var(--wgbv-p) * 29.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-h { top: calc(var(--wgbv-p) * 141.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-busy { top: calc(var(--wgbv-p) * 139.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-msg { top: calc(var(--wgbv-p) * 166.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in { height: calc(var(--wgbv-p) * 72); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in:nth-child(2) { top: calc(var(--wgbv-p) * 3); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in:nth-child(3) { top: calc(var(--wgbv-p) * 89); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in:nth-child(4) { top: calc(var(--wgbv-p) * 175); }
  }
  @container (max-width: 339px) and (min-height: 185px) and (max-height: 204.98px) {
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-watch { top: calc(var(--wgbv-p) * 55); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-h, .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-busy { top: calc(var(--wgbv-p) * 171); }
  }
  @container (min-height: 205px) {
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-stage { --wgbv-w: 400; --wgbv-h: 291; }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-sync { left: calc(var(--wgbv-p) * 4); top: calc(var(--wgbv-p) * 3); width: calc(var(--wgbv-p) * 392); height: calc(var(--wgbv-p) * 70); text-align: left; }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-watch { left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 8); width: calc(var(--wgbv-p) * 54); height: calc(var(--wgbv-p) * 54); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-h, .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-busy, .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-msg { left: calc(var(--wgbv-p) * 80); right: calc(var(--wgbv-p) * 14); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-h { top: calc(var(--wgbv-p) * 16.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-busy { top: calc(var(--wgbv-p) * 27.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-msg { display: block; top: calc(var(--wgbv-p) * 37.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in { left: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 392); height: calc(var(--wgbv-p) * 64); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in:nth-child(2) { top: calc(var(--wgbv-p) * 81); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in:nth-child(3) { top: calc(var(--wgbv-p) * 153); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in:nth-child(4) { top: calc(var(--wgbv-p) * 225); }
  }
  @container (min-height: 225px) {
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-stage { --wgbv-h: 320; }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-sync { height: calc(var(--wgbv-p) * 80); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-watch { left: calc(var(--wgbv-p) * 13); top: calc(var(--wgbv-p) * 9); width: calc(var(--wgbv-p) * 62); height: calc(var(--wgbv-p) * 62); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-h, .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-busy, .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-msg { left: calc(var(--wgbv-p) * 88); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-h { top: calc(var(--wgbv-p) * 21.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-busy { top: calc(var(--wgbv-p) * 32.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-msg { top: calc(var(--wgbv-p) * 42.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in { height: calc(var(--wgbv-p) * 68); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in:nth-child(2) { top: calc(var(--wgbv-p) * 93); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in:nth-child(3) { top: calc(var(--wgbv-p) * 171); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in:nth-child(4) { top: calc(var(--wgbv-p) * 249); }
  }
}
@media (min-width: 480px) and (max-width: 991px) {
  @container (min-height: 200px) {
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-stage { --wgbv-h: 250; }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-sync { top: calc(var(--wgbv-p) * 3); height: calc(var(--wgbv-p) * 244); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-watch { top: calc(var(--wgbv-p) * 29.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-h { top: calc(var(--wgbv-p) * 141.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-busy { top: calc(var(--wgbv-p) * 139.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-msg { top: calc(var(--wgbv-p) * 166.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in { height: calc(var(--wgbv-p) * 72); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in:nth-child(2) { top: calc(var(--wgbv-p) * 3); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in:nth-child(3) { top: calc(var(--wgbv-p) * 89); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in:nth-child(4) { top: calc(var(--wgbv-p) * 175); }
  }
  @container (min-height: 224px) {
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-stage { --wgbv-h: 280; }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-sync { height: calc(var(--wgbv-p) * 274); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-watch { top: calc(var(--wgbv-p) * 44.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-h { top: calc(var(--wgbv-p) * 156.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-busy { top: calc(var(--wgbv-p) * 154.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-msg { top: calc(var(--wgbv-p) * 181.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in { height: calc(var(--wgbv-p) * 86); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in:nth-child(3) { top: calc(var(--wgbv-p) * 97); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in:nth-child(4) { top: calc(var(--wgbv-p) * 191); }
  }
  @container (min-height: 232.8px) {
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-stage { --wgbv-w: 390; --wgbv-h: 291; }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-sync { left: calc(var(--wgbv-p) * 4); top: calc(var(--wgbv-p) * 3); width: calc(var(--wgbv-p) * 382); height: calc(var(--wgbv-p) * 70); text-align: left; }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-watch { left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 8); width: calc(var(--wgbv-p) * 54); height: calc(var(--wgbv-p) * 54); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-h { left: calc(var(--wgbv-p) * 80); right: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 16.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-busy { left: calc(var(--wgbv-p) * 80); right: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 27.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-msg { display: block; left: calc(var(--wgbv-p) * 80); right: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 37.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in { left: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 382); height: calc(var(--wgbv-p) * 64); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in:nth-child(2) { top: calc(var(--wgbv-p) * 81); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in:nth-child(3) { top: calc(var(--wgbv-p) * 153); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in:nth-child(4) { top: calc(var(--wgbv-p) * 225); }
  }
  @container (min-height: 256px) {
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-stage { --wgbv-w: 390; --wgbv-h: 320; }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-sync { left: calc(var(--wgbv-p) * 4); top: calc(var(--wgbv-p) * 3); width: calc(var(--wgbv-p) * 382); height: calc(var(--wgbv-p) * 80); text-align: left; }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-watch { left: calc(var(--wgbv-p) * 13); top: calc(var(--wgbv-p) * 9); width: calc(var(--wgbv-p) * 62); height: calc(var(--wgbv-p) * 62); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-h { left: calc(var(--wgbv-p) * 88); right: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 21.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-busy { left: calc(var(--wgbv-p) * 88); right: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 32.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-msg { display: block; left: calc(var(--wgbv-p) * 88); right: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 42.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in { left: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 382); height: calc(var(--wgbv-p) * 68); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in:nth-child(2) { top: calc(var(--wgbv-p) * 93); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in:nth-child(3) { top: calc(var(--wgbv-p) * 171); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in:nth-child(4) { top: calc(var(--wgbv-p) * 249); }
  }
  @container (min-height: 280px) {
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-stage { --wgbv-w: 390; --wgbv-h: 350; }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-sync { left: calc(var(--wgbv-p) * 4); top: calc(var(--wgbv-p) * 3); width: calc(var(--wgbv-p) * 382); height: calc(var(--wgbv-p) * 88); text-align: left; }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-watch { left: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 11); width: calc(var(--wgbv-p) * 66); height: calc(var(--wgbv-p) * 66); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-h { left: calc(var(--wgbv-p) * 94); right: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 25.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-busy { left: calc(var(--wgbv-p) * 94); right: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 36.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-msg { display: block; left: calc(var(--wgbv-p) * 94); right: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 47); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in { left: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 382); height: calc(var(--wgbv-p) * 74); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in:nth-child(2) { top: calc(var(--wgbv-p) * 101); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in:nth-child(3) { top: calc(var(--wgbv-p) * 185); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in:nth-child(4) { top: calc(var(--wgbv-p) * 269); }
  }
}

@container (aspect-ratio >= 1.6) {
  .wgbv-visual[data-wgbv="wearable"]:is(.platform_content-box .image-wrap *) .wgbv-stage { --wgbv-h: 204; }
  .wgbv-visual[data-wgbv="wearable"]:is(.platform_content-box .image-wrap *) .wgbv-sync { top: calc(var(--wgbv-p) * 4); height: calc(var(--wgbv-p) * 196); }
  .wgbv-visual[data-wgbv="wearable"]:is(.platform_content-box .image-wrap *) .wgbv-watch { left: calc(var(--wgbv-p) * 34); top: calc(var(--wgbv-p) * 10); width: calc(var(--wgbv-p) * 92); height: calc(var(--wgbv-p) * 92); }
  .wgbv-visual[data-wgbv="wearable"]:is(.platform_content-box .image-wrap *) .wgbv-h { top: calc(var(--wgbv-p) * 110); }
  .wgbv-visual[data-wgbv="wearable"]:is(.platform_content-box .image-wrap *) .wgbv-busy { top: calc(var(--wgbv-p) * 108); }
  .wgbv-visual[data-wgbv="wearable"]:is(.platform_content-box .image-wrap *) .wgbv-msg { top: calc(var(--wgbv-p) * 135); }
  .wgbv-visual[data-wgbv="wearable"]:is(.platform_content-box .image-wrap *) .wgbv-in { height: calc(var(--wgbv-p) * 62); }
  .wgbv-visual[data-wgbv="wearable"]:is(.platform_content-box .image-wrap *) .wgbv-in:nth-child(2) { top: calc(var(--wgbv-p) * 4); }
  .wgbv-visual[data-wgbv="wearable"]:is(.platform_content-box .image-wrap *) .wgbv-in:nth-child(3) { top: calc(var(--wgbv-p) * 71); }
  .wgbv-visual[data-wgbv="wearable"]:is(.platform_content-box .image-wrap *) .wgbv-in:nth-child(4) { top: calc(var(--wgbv-p) * 138); }
}

.wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-stage { --wgbv-w: 400; --wgbv-h: 420; }
.wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-sync { left: calc(var(--wgbv-p) * 4); top: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 392); height: calc(var(--wgbv-p) * 180); }
.wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-watch { left: calc(var(--wgbv-p) * 154); top: calc(var(--wgbv-p) * 14); width: calc(var(--wgbv-p) * 92); height: calc(var(--wgbv-p) * 92); }
.wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-h { top: calc(var(--wgbv-p) * 116); }
.wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-busy { top: calc(var(--wgbv-p) * 114); }
.wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-msg { left: calc(var(--wgbv-p) * 80); right: calc(var(--wgbv-p) * 80); top: calc(var(--wgbv-p) * 140); }
.wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-in { left: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 392); height: calc(var(--wgbv-p) * 69); }
.wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-in:nth-child(2) { top: calc(var(--wgbv-p) * 192); }
.wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-in:nth-child(3) { top: calc(var(--wgbv-p) * 270); }
.wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-in:nth-child(4) { top: calc(var(--wgbv-p) * 348); }
.wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-ih { left: calc(var(--wgbv-p) * 14); right: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 10); }
.wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-v { left: calc(var(--wgbv-p) * 14); bottom: calc(var(--wgbv-p) * 10); font-size: calc(var(--wgbv-p) * 18); }
.wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-sleep { bottom: calc(var(--wgbv-p) * 11); font-size: calc(var(--wgbv-p) * 15); }
.wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-ch { right: calc(var(--wgbv-p) * 14); bottom: calc(var(--wgbv-p) * 10); width: calc(var(--wgbv-p) * 120); height: calc(var(--wgbv-p) * 32.3); }
@container (aspect-ratio < .9) {
  .wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-stage { --wgbv-h: 476; }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-sync { height: calc(var(--wgbv-p) * 192); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-watch { left: calc(var(--wgbv-p) * 150); top: calc(var(--wgbv-p) * 16); width: calc(var(--wgbv-p) * 100); height: calc(var(--wgbv-p) * 100); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-h { top: calc(var(--wgbv-p) * 128); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-busy { top: calc(var(--wgbv-p) * 126); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-msg { top: calc(var(--wgbv-p) * 152); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-in { height: calc(var(--wgbv-p) * 82); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-in:nth-child(2) { top: calc(var(--wgbv-p) * 208); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-in:nth-child(3) { top: calc(var(--wgbv-p) * 299); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-in:nth-child(4) { top: calc(var(--wgbv-p) * 390); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-v { bottom: calc(var(--wgbv-p) * 13); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-sleep { bottom: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-ch { bottom: calc(var(--wgbv-p) * 13); width: calc(var(--wgbv-p) * 134); height: calc(var(--wgbv-p) * 36.1); }
}
@container (aspect-ratio < 1.15) and (min-width: 200px) {
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-stage { --wgbv-w: 350; --wgbv-h: 350; }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-sync { left: calc(var(--wgbv-p) * 4); top: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 342); height: calc(var(--wgbv-p) * 100); text-align: left; }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-watch { left: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 12); width: calc(var(--wgbv-p) * 76); height: calc(var(--wgbv-p) * 76); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-h { left: calc(var(--wgbv-p) * 102); right: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 22); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-busy { left: calc(var(--wgbv-p) * 102); right: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 20); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-msg { left: calc(var(--wgbv-p) * 102); right: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 44); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-in { left: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 342); height: calc(var(--wgbv-p) * 74); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-in:nth-child(2) { top: calc(var(--wgbv-p) * 112); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-in:nth-child(3) { top: calc(var(--wgbv-p) * 192); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-in:nth-child(4) { top: calc(var(--wgbv-p) * 272); }
}
@container (aspect-ratio < 1.15) and (max-width: 199.98px) {
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-stage { --wgbv-w: 200; --wgbv-h: 200; }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-sync { left: calc(var(--wgbv-p) * 4); top: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 192); height: calc(var(--wgbv-p) * 192); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-watch { left: calc(var(--wgbv-p) * 54); top: calc(var(--wgbv-p) * 14); width: calc(var(--wgbv-p) * 92); height: calc(var(--wgbv-p) * 92); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-h { top: calc(var(--wgbv-p) * 114); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-busy { top: calc(var(--wgbv-p) * 112); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-msg { left: calc(var(--wgbv-p) * 12); right: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 138); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-in { display: none; }
}
@container (aspect-ratio >= 1.15) {
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-stage { --wgbv-w: 360; --wgbv-h: 270; }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-sync { left: calc(var(--wgbv-p) * 4); top: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 140); height: calc(var(--wgbv-p) * 262); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-watch { left: calc(var(--wgbv-p) * 22); top: calc(var(--wgbv-p) * 22); width: calc(var(--wgbv-p) * 96); height: calc(var(--wgbv-p) * 96); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-h { left: calc(var(--wgbv-p) * 6); right: calc(var(--wgbv-p) * 6); top: calc(var(--wgbv-p) * 130); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-busy { left: calc(var(--wgbv-p) * 6); right: calc(var(--wgbv-p) * 6); top: calc(var(--wgbv-p) * 128); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-msg { left: calc(var(--wgbv-p) * 10); right: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 156); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-in { left: calc(var(--wgbv-p) * 152); width: calc(var(--wgbv-p) * 204); height: calc(var(--wgbv-p) * 82); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-in:nth-child(2) { top: calc(var(--wgbv-p) * 4); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-in:nth-child(3) { top: calc(var(--wgbv-p) * 94); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-in:nth-child(4) { top: calc(var(--wgbv-p) * 184); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-ih { left: calc(var(--wgbv-p) * 12); right: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 10); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-v { left: calc(var(--wgbv-p) * 12); bottom: calc(var(--wgbv-p) * 11); font-size: calc(var(--wgbv-p) * 18); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-sleep { bottom: calc(var(--wgbv-p) * 12); font-size: calc(var(--wgbv-p) * 15); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-ch { right: calc(var(--wgbv-p) * 10); bottom: calc(var(--wgbv-p) * 12); }
}

/* ---- visuals/wearable-setup.css ---- */
.wgbv-visual[data-wgbv="wearable-setup"] { --wgbv-ar: 1 / 1; --wgbv-w: 360; --wgbv-h: 360; --wgbv-ws-c: #10B981; }
.wgbv-visual[data-wgbv="wearable-setup"] .wgbv-ws-win { position: absolute; left: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 16); width: calc(var(--wgbv-p) * 312); height: calc(var(--wgbv-p) * 232); overflow: hidden; border-radius: calc(var(--wgbv-p) * 16); background: #F1F2F5; }
.wgbv-visual[data-wgbv="wearable-setup"] .wgbv-ws-bar { position: absolute; left: 0; right: 0; top: 0; height: calc(var(--wgbv-p) * 16); display: flex; align-items: center; gap: calc(var(--wgbv-p) * 4); padding-left: calc(var(--wgbv-p) * 12); background: #141B2B; }
.wgbv-visual[data-wgbv="wearable-setup"] .wgbv-ws-bar i { display: block; width: calc(var(--wgbv-p) * 6); height: calc(var(--wgbv-p) * 6); border-radius: 50%; background: #EF4444; }
.wgbv-visual[data-wgbv="wearable-setup"] .wgbv-ws-bar i + i { background: #FACC15; }
.wgbv-visual[data-wgbv="wearable-setup"] .wgbv-ws-bar i + i + i { background: #10B981; }
.wgbv-visual[data-wgbv="wearable-setup"] .wgbv-ws-set, .wgbv-visual[data-wgbv="wearable-setup"] .wgbv-ws-add, .wgbv-visual[data-wgbv="wearable-setup"] .wgbv-ws-list { position: absolute; overflow: hidden; background: #fff; box-shadow: 0 calc(var(--wgbv-p) * 1) calc(var(--wgbv-p) * 2) rgba(16, 24, 40, .05), 0 calc(var(--wgbv-p) * 10) calc(var(--wgbv-p) * 24) rgba(16, 24, 40, .09); }
.wgbv-visual[data-wgbv="wearable-setup"] .wgbv-ws-set { left: calc(var(--wgbv-p) * 30); top: calc(var(--wgbv-p) * 46); width: calc(var(--wgbv-p) * 176); height: calc(var(--wgbv-p) * 64); border-radius: calc(var(--wgbv-p) * 11); }
.wgbv-visual[data-wgbv="wearable-setup"] .wgbv-ws-st { position: absolute; left: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 13); font-size: calc(var(--wgbv-p) * 11.5); font-weight: 600; line-height: 1.2; color: #374151; white-space: nowrap; }
.wgbv-visual[data-wgbv="wearable-setup"] .wgbv-ws-ok { position: absolute; right: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 10); width: calc(var(--wgbv-p) * 19); height: calc(var(--wgbv-p) * 19); border-radius: 50%; background: #10B981; }
.wgbv-visual[data-wgbv="wearable-setup"] .wgbv-ws-ok::after { content: ''; position: absolute; left: calc(var(--wgbv-p) * 6.6); top: calc(var(--wgbv-p) * 3.8); width: calc(var(--wgbv-p) * 4.6); height: calc(var(--wgbv-p) * 8.6); border: solid #fff; border-width: 0 calc(var(--wgbv-p) * 1.9) calc(var(--wgbv-p) * 1.9) 0; transform: rotate(45deg); }
.wgbv-visual[data-wgbv="wearable-setup"] .wgbv-ws-sk { position: absolute; left: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 40); width: calc(var(--wgbv-p) * 58); height: calc(var(--wgbv-p) * 5); background: #E5E7EB; }
.wgbv-visual[data-wgbv="wearable-setup"] .wgbv-ws-sk + .wgbv-ws-sk { top: calc(var(--wgbv-p) * 50); width: calc(var(--wgbv-p) * 146); }
.wgbv-visual[data-wgbv="wearable-setup"] .wgbv-ws-add { left: calc(var(--wgbv-p) * 62); top: calc(var(--wgbv-p) * 122); width: calc(var(--wgbv-p) * 230); height: calc(var(--wgbv-p) * 92); border-radius: calc(var(--wgbv-p) * 12); }
.wgbv-visual[data-wgbv="wearable-setup"] .wgbv-ws-head { display: flex; align-items: center; justify-content: space-between; height: calc(var(--wgbv-p) * 32); padding: 0 calc(var(--wgbv-p) * 14); border-bottom: calc(var(--wgbv-p) * 1) solid #F1F5F9; font-size: calc(var(--wgbv-p) * 12.5); line-height: 1.2; color: #94A3B8; }
.wgbv-visual[data-wgbv="wearable-setup"] .wgbv-ws-head .wgbv-i { display: none; width: calc(var(--wgbv-p) * 13); height: calc(var(--wgbv-p) * 13); color: #111827; stroke-width: 2.4; }
.wgbv-visual[data-wgbv="wearable-setup"] .wgbv-ws-body { display: grid; grid-template-columns: 1fr auto; align-items: center; align-content: center; column-gap: calc(var(--wgbv-p) * 10); row-gap: calc(var(--wgbv-p) * 4); height: calc(100% - var(--wgbv-p) * 32); padding: 0 calc(var(--wgbv-p) * 14); }
.wgbv-visual[data-wgbv="wearable-setup"] .wgbv-ws-t1, .wgbv-visual[data-wgbv="wearable-setup"] .wgbv-ws-t2, .wgbv-visual[data-wgbv="wearable-setup"] .wgbv-ws-desc { grid-column: 1; }
.wgbv-visual[data-wgbv="wearable-setup"] .wgbv-ws-t1 { font-size: calc(var(--wgbv-p) * 13.5); font-weight: 700; line-height: 1.2; letter-spacing: -.01em; color: #374151; }
.wgbv-visual[data-wgbv="wearable-setup"] .wgbv-ws-t2 { display: none; font-size: calc(var(--wgbv-p) * 13.5); font-weight: 600; line-height: 1.2; color: #374151; }
.wgbv-visual[data-wgbv="wearable-setup"] .wgbv-ws-desc { display: none; font-size: calc(var(--wgbv-p) * 10.5); line-height: 1.35; color: #6B7280; }
.wgbv-visual[data-wgbv="wearable-setup"] .wgbv-ws-sw { --on: 1; grid-column: 2; grid-row: 1 / span 2; position: relative; display: block; width: calc(var(--wgbv-p) * 36); height: calc(var(--wgbv-p) * 20); border-radius: calc(var(--wgbv-p) * 10); background: color-mix(in srgb, var(--wgbv-ws-c) calc(var(--on) * 100%), #E5E7EB); }
.wgbv-visual[data-wgbv="wearable-setup"] .wgbv-ws-sw i { position: absolute; left: calc(var(--wgbv-p) * 2.5); top: calc(var(--wgbv-p) * 2.5); width: calc(var(--wgbv-p) * 15); height: calc(var(--wgbv-p) * 15); border-radius: 50%; background: #fff; box-shadow: 0 calc(var(--wgbv-p) * .5) calc(var(--wgbv-p) * 1.5) rgba(16, 24, 40, .2); transform: translateX(calc(var(--wgbv-p) * 16 * var(--on))); }
.wgbv-visual[data-wgbv="wearable-setup"] .wgbv-ws-list { left: calc(var(--wgbv-p) * 132); top: calc(var(--wgbv-p) * 205); width: calc(var(--wgbv-p) * 212); display: flex; flex-direction: column; padding: calc(var(--wgbv-p) * 5) 0; border: calc(var(--wgbv-p) * 1) solid #EEF0F3; border-radius: calc(var(--wgbv-p) * 10); }
.wgbv-visual[data-wgbv="wearable-setup"] .wgbv-ws-m { --on: 0; display: flex; align-items: center; gap: calc(var(--wgbv-p) * 9); height: calc(var(--wgbv-p) * 26); padding: 0 calc(var(--wgbv-p) * 12); background: color-mix(in srgb, #F0EEFF calc(var(--on) * 100%), #fff); font-size: calc(var(--wgbv-p) * 11.5); line-height: 1.2; color: #374151; white-space: nowrap; }
.wgbv-visual[data-wgbv="wearable-setup"] .wgbv-ws-m.wgbv-ws-on { --on: 1; }
.wgbv-visual[data-wgbv="wearable-setup"] .wgbv-ws-cb { position: relative; display: block; flex: none; width: calc(var(--wgbv-p) * 13); height: calc(var(--wgbv-p) * 13); border: calc(var(--wgbv-p) * 1.2) solid color-mix(in srgb, #6741D9 calc(var(--on) * 100%), #9CA3AF); border-radius: calc(var(--wgbv-p) * 2.5); background: color-mix(in srgb, #6741D9 calc(var(--on) * 100%), #fff); }
.wgbv-visual[data-wgbv="wearable-setup"] .wgbv-ws-cb::after { content: ''; position: absolute; left: calc(var(--wgbv-p) * 3.4); top: calc(var(--wgbv-p) * 1); width: calc(var(--wgbv-p) * 3.6); height: calc(var(--wgbv-p) * 6.8); border: solid #fff; border-width: 0 calc(var(--wgbv-p) * 1.6) calc(var(--wgbv-p) * 1.6) 0; transform: rotate(45deg) scale(var(--on)); opacity: var(--on); }

.wgbv-visual[data-wgbv="wearable-setup"][data-wgbv-layout="metrics"] { --wgbv-ws-c: #4F46E5; }
.wgbv-visual[data-wgbv="wearable-setup"][data-wgbv-layout="metrics"] .wgbv-ws-set { display: none; }
.wgbv-visual[data-wgbv="wearable-setup"][data-wgbv-layout="metrics"] .wgbv-ws-win { top: calc(var(--wgbv-p) * 22); height: calc(var(--wgbv-p) * 226); }
.wgbv-visual[data-wgbv="wearable-setup"][data-wgbv-layout="metrics"] .wgbv-ws-add { left: calc(var(--wgbv-p) * 40); top: calc(var(--wgbv-p) * 58); width: calc(var(--wgbv-p) * 236); height: calc(var(--wgbv-p) * 118); }
.wgbv-visual[data-wgbv="wearable-setup"][data-wgbv-layout="metrics"] .wgbv-ws-head { height: calc(var(--wgbv-p) * 36); background: #F3F4F6; border-bottom: 0; font-weight: 700; color: #111827; }
.wgbv-visual[data-wgbv="wearable-setup"][data-wgbv-layout="metrics"] .wgbv-ws-head .wgbv-i { display: block; }
.wgbv-visual[data-wgbv="wearable-setup"][data-wgbv-layout="metrics"] .wgbv-ws-body { height: calc(100% - var(--wgbv-p) * 36); align-content: start; padding-top: calc(var(--wgbv-p) * 14); }
.wgbv-visual[data-wgbv="wearable-setup"][data-wgbv-layout="metrics"] .wgbv-ws-t1 { display: none; }
.wgbv-visual[data-wgbv="wearable-setup"][data-wgbv-layout="metrics"] .wgbv-ws-t2 { display: block; }
.wgbv-visual[data-wgbv="wearable-setup"][data-wgbv-layout="metrics"] .wgbv-ws-desc { display: block; }
.wgbv-visual[data-wgbv="wearable-setup"][data-wgbv-layout="metrics"] .wgbv-ws-list { left: calc(var(--wgbv-p) * 112); top: calc(var(--wgbv-p) * 166); width: calc(var(--wgbv-p) * 232); }
.wgbv-visual[data-wgbv="wearable-setup"][data-wgbv-layout="metrics"] .wgbv-ws-m { height: calc(var(--wgbv-p) * 28.5); font-size: calc(var(--wgbv-p) * 12); }

@container (aspect-ratio >= 1.414) {
  .wgbv-visual[data-wgbv="wearable-setup"] .wgbv-stage { --wgbv-w: 400; --wgbv-h: 200; }
  .wgbv-visual[data-wgbv="wearable-setup"] .wgbv-ws-win { left: calc(var(--wgbv-p) * 6); top: calc(var(--wgbv-p) * 6); width: calc(var(--wgbv-p) * 388); height: calc(var(--wgbv-p) * 188); border-radius: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="wearable-setup"] .wgbv-ws-bar { height: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="wearable-setup"] .wgbv-ws-set { left: calc(var(--wgbv-p) * 18); top: calc(var(--wgbv-p) * 32); width: calc(var(--wgbv-p) * 168); height: calc(var(--wgbv-p) * 58); }
  .wgbv-visual[data-wgbv="wearable-setup"] .wgbv-ws-st { top: calc(var(--wgbv-p) * 11); }
  .wgbv-visual[data-wgbv="wearable-setup"] .wgbv-ws-ok { top: calc(var(--wgbv-p) * 9); }
  .wgbv-visual[data-wgbv="wearable-setup"] .wgbv-ws-sk { top: calc(var(--wgbv-p) * 36); }
  .wgbv-visual[data-wgbv="wearable-setup"] .wgbv-ws-sk + .wgbv-ws-sk { top: calc(var(--wgbv-p) * 45); }
  .wgbv-visual[data-wgbv="wearable-setup"] .wgbv-ws-add { left: calc(var(--wgbv-p) * 18); top: calc(var(--wgbv-p) * 100); width: calc(var(--wgbv-p) * 168); height: calc(var(--wgbv-p) * 84); }
  .wgbv-visual[data-wgbv="wearable-setup"] .wgbv-ws-head { height: calc(var(--wgbv-p) * 28); padding: 0 calc(var(--wgbv-p) * 12); font-size: calc(var(--wgbv-p) * 11.5); }
  .wgbv-visual[data-wgbv="wearable-setup"] .wgbv-ws-body { height: calc(100% - var(--wgbv-p) * 28); padding: 0 calc(var(--wgbv-p) * 12); column-gap: calc(var(--wgbv-p) * 8); }
  .wgbv-visual[data-wgbv="wearable-setup"] .wgbv-ws-t1 { font-size: calc(var(--wgbv-p) * 12.5); }
  .wgbv-visual[data-wgbv="wearable-setup"] .wgbv-ws-sw { width: calc(var(--wgbv-p) * 32); height: calc(var(--wgbv-p) * 18); }
  .wgbv-visual[data-wgbv="wearable-setup"] .wgbv-ws-sw i { left: calc(var(--wgbv-p) * 2); top: calc(var(--wgbv-p) * 2); width: calc(var(--wgbv-p) * 14); height: calc(var(--wgbv-p) * 14); transform: translateX(calc(var(--wgbv-p) * 14 * var(--on))); }
  .wgbv-visual[data-wgbv="wearable-setup"] .wgbv-ws-list { left: calc(var(--wgbv-p) * 196); top: calc(var(--wgbv-p) * 32); width: calc(var(--wgbv-p) * 190); padding: calc(var(--wgbv-p) * 4) 0; }
  .wgbv-visual[data-wgbv="wearable-setup"] .wgbv-ws-m { gap: calc(var(--wgbv-p) * 7); height: calc(var(--wgbv-p) * 28.8); padding: 0 calc(var(--wgbv-p) * 9); font-size: calc(var(--wgbv-p) * 10.8); }
  .wgbv-visual[data-wgbv="wearable-setup"] .wgbv-ws-cb { width: calc(var(--wgbv-p) * 12); height: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="wearable-setup"] .wgbv-ws-cb::after { left: calc(var(--wgbv-p) * 3.1); top: calc(var(--wgbv-p) * .9); width: calc(var(--wgbv-p) * 3.4); height: calc(var(--wgbv-p) * 6.4); }
  .wgbv-visual[data-wgbv="wearable-setup"][data-wgbv-layout="metrics"] .wgbv-ws-win { top: calc(var(--wgbv-p) * 6); height: calc(var(--wgbv-p) * 188); }
  .wgbv-visual[data-wgbv="wearable-setup"][data-wgbv-layout="metrics"] .wgbv-ws-add { left: calc(var(--wgbv-p) * 18); top: calc(var(--wgbv-p) * 32); width: calc(var(--wgbv-p) * 168); height: calc(var(--wgbv-p) * 152); }
  .wgbv-visual[data-wgbv="wearable-setup"][data-wgbv-layout="metrics"] .wgbv-ws-head { height: calc(var(--wgbv-p) * 32); }
  .wgbv-visual[data-wgbv="wearable-setup"][data-wgbv-layout="metrics"] .wgbv-ws-body { height: calc(100% - var(--wgbv-p) * 32); padding-top: calc(var(--wgbv-p) * 14); row-gap: calc(var(--wgbv-p) * 6); }
  .wgbv-visual[data-wgbv="wearable-setup"][data-wgbv-layout="metrics"] .wgbv-ws-t2 { font-size: calc(var(--wgbv-p) * 12.5); }
  .wgbv-visual[data-wgbv="wearable-setup"][data-wgbv-layout="metrics"] .wgbv-ws-desc { font-size: calc(var(--wgbv-p) * 10); }
  .wgbv-visual[data-wgbv="wearable-setup"][data-wgbv-layout="metrics"] .wgbv-ws-list { left: calc(var(--wgbv-p) * 196); top: calc(var(--wgbv-p) * 32); width: calc(var(--wgbv-p) * 190); }
  .wgbv-visual[data-wgbv="wearable-setup"][data-wgbv-layout="metrics"] .wgbv-ws-m { height: calc(var(--wgbv-p) * 28.8); font-size: calc(var(--wgbv-p) * 10.8); }
}

@container (aspect-ratio < 0.9) {
  .wgbv-visual[data-wgbv="wearable-setup"][data-wgbv-layout="metrics"] .wgbv-stage { --wgbv-h: 410; }
  .wgbv-visual[data-wgbv="wearable-setup"][data-wgbv-layout="metrics"] .wgbv-ws-win { top: calc(var(--wgbv-p) * 16); height: calc(var(--wgbv-p) * 262); }
  .wgbv-visual[data-wgbv="wearable-setup"][data-wgbv-layout="metrics"] .wgbv-ws-add { left: calc(var(--wgbv-p) * 38); top: calc(var(--wgbv-p) * 54); width: calc(var(--wgbv-p) * 240); height: calc(var(--wgbv-p) * 122); }
  .wgbv-visual[data-wgbv="wearable-setup"][data-wgbv-layout="metrics"] .wgbv-ws-list { left: calc(var(--wgbv-p) * 104); top: calc(var(--wgbv-p) * 164); width: calc(var(--wgbv-p) * 244); padding: calc(var(--wgbv-p) * 6) 0; }
  .wgbv-visual[data-wgbv="wearable-setup"][data-wgbv-layout="metrics"] .wgbv-ws-m { height: calc(var(--wgbv-p) * 45); gap: calc(var(--wgbv-p) * 10); padding: 0 calc(var(--wgbv-p) * 14); font-size: calc(var(--wgbv-p) * 13); }
  .wgbv-visual[data-wgbv="wearable-setup"][data-wgbv-layout="metrics"] .wgbv-ws-cb { width: calc(var(--wgbv-p) * 14); height: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="wearable-setup"][data-wgbv-layout="metrics"] .wgbv-ws-cb::after { left: calc(var(--wgbv-p) * 3.7); top: calc(var(--wgbv-p) * 1.1); width: calc(var(--wgbv-p) * 3.9); height: calc(var(--wgbv-p) * 7.4); }
}
.wgbv-visual[data-wgbv="wearable-setup"]:is(.support_faq-imgwrap *) .wgbv-stage { --wgbv-w: 240; --wgbv-h: 180; }
.wgbv-visual[data-wgbv="wearable-setup"]:is(.support_faq-imgwrap *) .wgbv-ws-win { display: none; }
.wgbv-visual[data-wgbv="wearable-setup"]:is(.support_faq-imgwrap *) .wgbv-ws-set { display: none; }
.wgbv-visual[data-wgbv="wearable-setup"]:is(.support_faq-imgwrap *) .wgbv-ws-head { display: none; }
.wgbv-visual[data-wgbv="wearable-setup"]:is(.support_faq-imgwrap *) .wgbv-ws-desc { display: none; }
.wgbv-visual[data-wgbv="wearable-setup"]:is(.support_faq-imgwrap *) .wgbv-ws-add { left: calc(var(--wgbv-p) * 8); top: calc(var(--wgbv-p) * 6); width: calc(var(--wgbv-p) * 224); height: calc(var(--wgbv-p) * 38); border-radius: calc(var(--wgbv-p) * 9); }
.wgbv-visual[data-wgbv="wearable-setup"]:is(.support_faq-imgwrap *) .wgbv-ws-body { height: 100%; align-content: center; row-gap: 0; padding: 0 calc(var(--wgbv-p) * 10); column-gap: calc(var(--wgbv-p) * 8); }
.wgbv-visual[data-wgbv="wearable-setup"]:is(.support_faq-imgwrap *) .wgbv-ws-t1 { font-size: calc(var(--wgbv-p) * 11.5); }
.wgbv-visual[data-wgbv="wearable-setup"]:is(.support_faq-imgwrap *) .wgbv-ws-t2 { font-size: calc(var(--wgbv-p) * 12); }
.wgbv-visual[data-wgbv="wearable-setup"]:is(.support_faq-imgwrap *) .wgbv-ws-sw { width: calc(var(--wgbv-p) * 30); height: calc(var(--wgbv-p) * 17); }
.wgbv-visual[data-wgbv="wearable-setup"]:is(.support_faq-imgwrap *) .wgbv-ws-sw i { left: calc(var(--wgbv-p) * 2); top: calc(var(--wgbv-p) * 2); width: calc(var(--wgbv-p) * 13); height: calc(var(--wgbv-p) * 13); transform: translateX(calc(var(--wgbv-p) * 13 * var(--on))); }
.wgbv-visual[data-wgbv="wearable-setup"]:is(.support_faq-imgwrap *) .wgbv-ws-list { left: calc(var(--wgbv-p) * 8); top: calc(var(--wgbv-p) * 50); width: calc(var(--wgbv-p) * 224); padding: calc(var(--wgbv-p) * 3) 0; border-radius: calc(var(--wgbv-p) * 9); }
.wgbv-visual[data-wgbv="wearable-setup"]:is(.support_faq-imgwrap *) .wgbv-ws-m { height: calc(var(--wgbv-p) * 24.5); gap: calc(var(--wgbv-p) * 7); padding: 0 calc(var(--wgbv-p) * 10); font-size: calc(var(--wgbv-p) * 11); }
.wgbv-visual[data-wgbv="wearable-setup"]:is(.support_faq-imgwrap *) .wgbv-ws-cb { width: calc(var(--wgbv-p) * 12); height: calc(var(--wgbv-p) * 12); }
.wgbv-visual[data-wgbv="wearable-setup"]:is(.support_faq-imgwrap *) .wgbv-ws-cb::after { left: calc(var(--wgbv-p) * 3.1); top: calc(var(--wgbv-p) * .9); width: calc(var(--wgbv-p) * 3.4); height: calc(var(--wgbv-p) * 6.4); }
@container (aspect-ratio <= 1.15) {
  .wgbv-visual[data-wgbv="wearable-setup"]:is(.support_faq-imgwrap *) .wgbv-stage { --wgbv-w: 200; --wgbv-h: 200; }
  .wgbv-visual[data-wgbv="wearable-setup"]:is(.support_faq-imgwrap *) .wgbv-ws-add { left: calc(var(--wgbv-p) * 6); top: calc(var(--wgbv-p) * 6); width: calc(var(--wgbv-p) * 188); height: calc(var(--wgbv-p) * 40); }
  .wgbv-visual[data-wgbv="wearable-setup"]:is(.support_faq-imgwrap *) .wgbv-ws-body { padding: 0 calc(var(--wgbv-p) * 9); }
  .wgbv-visual[data-wgbv="wearable-setup"]:is(.support_faq-imgwrap *) .wgbv-ws-list { left: calc(var(--wgbv-p) * 6); top: calc(var(--wgbv-p) * 52); width: calc(var(--wgbv-p) * 188); }
  .wgbv-visual[data-wgbv="wearable-setup"]:is(.support_faq-imgwrap *) .wgbv-ws-m { height: calc(var(--wgbv-p) * 27.5); gap: calc(var(--wgbv-p) * 6); padding: 0 calc(var(--wgbv-p) * 8); line-height: 1.12; white-space: normal; }
}

.wgbv-visual[data-wgbv="wearable-setup"]:is(.hero-image-wrapper *) .wgbv-stage { --wgbv-w: 360; --wgbv-h: 424; }
.wgbv-visual[data-wgbv="wearable-setup"]:is(.hero-image-wrapper *) .wgbv-ws-win { left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 14); width: calc(var(--wgbv-p) * 316); height: calc(var(--wgbv-p) * 300); }
.wgbv-visual[data-wgbv="wearable-setup"]:is(.hero-image-wrapper *) .wgbv-ws-set { left: calc(var(--wgbv-p) * 28); top: calc(var(--wgbv-p) * 46); width: calc(var(--wgbv-p) * 190); height: calc(var(--wgbv-p) * 70); }
.wgbv-visual[data-wgbv="wearable-setup"]:is(.hero-image-wrapper *) .wgbv-ws-st { top: calc(var(--wgbv-p) * 15); }
.wgbv-visual[data-wgbv="wearable-setup"]:is(.hero-image-wrapper *) .wgbv-ws-ok { top: calc(var(--wgbv-p) * 12); }
.wgbv-visual[data-wgbv="wearable-setup"]:is(.hero-image-wrapper *) .wgbv-ws-sk { top: calc(var(--wgbv-p) * 44); }
.wgbv-visual[data-wgbv="wearable-setup"]:is(.hero-image-wrapper *) .wgbv-ws-sk + .wgbv-ws-sk { top: calc(var(--wgbv-p) * 55); width: calc(var(--wgbv-p) * 156); }
.wgbv-visual[data-wgbv="wearable-setup"]:is(.hero-image-wrapper *) .wgbv-ws-add { left: calc(var(--wgbv-p) * 46); top: calc(var(--wgbv-p) * 132); width: calc(var(--wgbv-p) * 256); height: calc(var(--wgbv-p) * 100); }
.wgbv-visual[data-wgbv="wearable-setup"]:is(.hero-image-wrapper *) .wgbv-ws-head { height: calc(var(--wgbv-p) * 34); }
.wgbv-visual[data-wgbv="wearable-setup"]:is(.hero-image-wrapper *) .wgbv-ws-body { height: calc(100% - var(--wgbv-p) * 34); }
.wgbv-visual[data-wgbv="wearable-setup"]:is(.hero-image-wrapper *) .wgbv-ws-list { left: calc(var(--wgbv-p) * 100); top: calc(var(--wgbv-p) * 222); width: calc(var(--wgbv-p) * 248); padding: calc(var(--wgbv-p) * 5) 0; }
.wgbv-visual[data-wgbv="wearable-setup"]:is(.hero-image-wrapper *) .wgbv-ws-m { height: calc(var(--wgbv-p) * 38); gap: calc(var(--wgbv-p) * 10); padding: 0 calc(var(--wgbv-p) * 14); font-size: calc(var(--wgbv-p) * 13); }
.wgbv-visual[data-wgbv="wearable-setup"]:is(.hero-image-wrapper *) .wgbv-ws-cb { width: calc(var(--wgbv-p) * 14); height: calc(var(--wgbv-p) * 14); }
.wgbv-visual[data-wgbv="wearable-setup"]:is(.hero-image-wrapper *) .wgbv-ws-cb::after { left: calc(var(--wgbv-p) * 3.7); top: calc(var(--wgbv-p) * 1.1); width: calc(var(--wgbv-p) * 3.9); height: calc(var(--wgbv-p) * 7.4); }