/* Reference lock: x.ai/bot's inline character, Boardly's Satoshi and dark canvas,
   and Sandy's selected low, wide pink Veronica. Approved Veronica page. */
.veronica-page { background: #100d08; }
.vm-hero { padding-block: clamp(160px, 17svh, 200px) 82px; text-align: center; }
.vm-title { display: flex; align-items: center; justify-content: center; gap: clamp(10px, 1.4vw, 22px); width: 100%; font-size: clamp(56px, 6.6vw, 96px); font-weight: 500; line-height: 1.08; letter-spacing: -.055em; }
.vm-character { --character-width: clamp(104px, 10vw, 145px); position: relative; display: inline-block; flex: 0 0 var(--character-width); width: var(--character-width); height: calc(var(--character-width) * .7); margin: 0 -4px; padding: 0; border: 0; border-radius: 24px; background: transparent; -webkit-appearance: none; appearance: none; transform: translateY(5px); }
.vm-character:focus-visible { outline: 2px solid #ed467e; outline-offset: 8px; }
.vm-hop, .vm-body, .vm-gaze { position: absolute; display: block; inset: 0; }
.vm-body { transform-origin: 50% 78%; }
.vm-skin { position: absolute; width: 100%; height: auto; top: 12%; left: 0; user-select: none; -webkit-user-drag: none; }
.vm-gaze { top: 12%; bottom: auto; height: 74.1%; pointer-events: none; }
.vm-hero-mascot .vm-gaze { transform: translate(1.5%, 4%); }
.vm-eye { position: absolute; display: block; top: 52%; width: 4.7%; height: 16.5%; border-radius: 999px; background: linear-gradient(110deg, #32222b 0%, #100a0e 28%, #080508 70%); box-shadow: inset 0 1px 1px #ffffff40, 0 1px 1px #400b2520; transform-origin: 50% 50%; }
.vm-eye::after { content: ''; position: absolute; left: 23%; top: 9%; width: 30%; height: 18%; border-radius: 50%; background: #ffffff25; }
.vm-eye-left { left: 42.8%; }
.vm-eye-right { left: 53.2%; }
.vm-shadow { position: absolute; left: 18%; right: 18%; bottom: 8%; height: 11%; border-radius: 50%; background: radial-gradient(ellipse, #00000078, #00000000 70%); }
.vm-deck { max-width: 650px; margin: 26px auto 0; color: #fff; font-size: clamp(18px, 1.65vw, 23px); line-height: 1.5; letter-spacing: -.018em; }
.vm-actions { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 20px 28px; margin-top: 30px; }
.vm-actions .button { min-height: 50px; padding: 14px 22px; gap: 26px; }
.vm-actions-note { color: #fff; font-size: 16px; line-height: 1.4; white-space: nowrap; }
.vm-capabilities { scroll-margin-top: 0; }
.vm-capability { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: clamp(40px, 7vw, 100px); min-height: min(720px, 90svh); padding-block: 74px; }
.vm-capability h2 { font-size: clamp(48px, 5.5vw, 78px); line-height: 1.04; letter-spacing: -.052em; font-weight: 500; text-wrap: initial; }
.vm-capability-copy > p { margin-top: 25px; max-width: 33ch; font-size: clamp(18px, 1.5vw, 21px); line-height: 1.55; letter-spacing: -.01em; }
.vm-capability-copy > .button { margin-top: 28px; }
.vm-capability figure { margin: 0; }
.vm-capability-reverse .vm-capability-copy { grid-column: 2; grid-row: 1; }
.vm-capability-reverse > figure, .vm-capability-reverse > .vm-fit-card { grid-column: 1; grid-row: 1; }
.vm-context, .vm-fit-card, .vm-introduction { background: #f8f9fb; border: 1px solid #e9ebf0; border-radius: 22px; color: #141008; box-shadow: 0 18px 60px #00000018; }
.vm-context { padding: clamp(28px, 3vw, 42px); }
.vm-brief-visual { align-self: center; }
.vm-illustration-mascot { --character-width: 80px; flex-shrink: 0; pointer-events: none; }
.vm-brief-conversation { display: flex; align-items: center; gap: 14px; margin: 0 0 22px 6px; }
.vm-brief-conversation > p { max-width: 28ch; padding: 15px 19px; border-radius: 15px 15px 15px 3px; background: #281923; border: 1px solid #56303d; color: #fff; font-size: 16px; line-height: 1.4; }
.vm-brief-conversation > p > span { display: block; margin-bottom: 5px; font-size: 11px; color: #ffb3cc; }
.vm-brief-conversation .vm-illustration-mascot { --character-width: 100px; transform: rotate(-7deg); }
.vm-context-top { display: flex; align-items: center; gap: 12px; }
.vm-brief-ready { margin-left: auto; padding: 7px 10px; border: 1px solid #e1e3e8; border-radius: 6px; color: #515563; font-size: 11px; }
.vm-pelta-mark { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: #fff0f5; border: 1px solid #f5c5d5; font-size: 24px; }
.vm-context-top strong { display: block; font-size: 17px; font-weight: 500; }
.vm-context-top div > span { display: block; margin-top: 3px; font-size: 12px; color: #515563; }
.vm-context h3 { margin-top: 27px; font-size: clamp(28px, 3vw, 42px); line-height: 1.12; letter-spacing: -.035em; }
.vm-context > p { margin-top: 17px; font-size: 17px; line-height: 1.55; max-width: 31ch; }
.vm-context-needs { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 25px; }
.vm-context-needs > span { border: 1px solid #e0e2e7; border-radius: 999px; background: #fff; padding: 7px 11px; font-size: 12px; }
.vm-context figcaption { border-top: 1px solid #e0e2e7; margin-top: 28px; padding-top: 17px; font-size: 11px; color: #515563; }
.vm-fit-card { overflow: hidden; }
.vm-fit-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 20px 27px 15px; background: #fff; }
.vm-fit-heading strong { display: block; font-size: 21px; font-weight: 500; letter-spacing: -.025em; }
.vm-fit-heading div > span { display: block; margin-top: 4px; font-size: 12px; color: #515563; }
.vm-fit-tabs { display: flex; padding: 8px 18px; border-bottom: 1px solid #e1e3e8; gap: 6px; background: #f1f2f5; }
.vm-fit-tabs button { display: flex; flex: 1; align-items: center; justify-content: center; gap: 8px; min-width: 0; min-height: 60px; padding: 9px; background: transparent; border: 1px solid transparent; border-radius: var(--button-radius); color: #515563; font-size: 13px; line-height: 1.25; transition: background-color 160ms, border-color 160ms; }
.vm-fit-tabs button img { flex: 0 0 36px; width: 36px; height: 36px; object-fit: cover; border-radius: 50%; }
.vm-fit-tabs button[aria-selected="true"] { background: #fff; color: #141008; border-color: #e3b8c6; box-shadow: 0 1px 3px #00000008; }
.vm-fit-panel { padding: 28px; min-height: 357px; }
.vm-fit-person { display: flex; gap: 15px; align-items: center; }
.vm-fit-person img { flex: 0 0 68px; width: 68px; height: 68px; border-radius: 50%; object-fit: cover; }
.vm-fit-person h3 { font-size: 22px; letter-spacing: -.02em; }
.vm-fit-person p { margin-top: 4px; font-size: 13px; line-height: 1.45; color: #515563; }
.vm-fit-label { display: inline-flex; margin-top: 23px; font-size: 12px; font-weight: 500; padding: 6px 10px; border-radius: 6px; background: #ffedf3; color: #6c1c3a; }
.vm-fit-why { margin-top: 14px; font-size: 18px; line-height: 1.55; letter-spacing: -.015em; }
.vm-fit-note { margin-top: 24px; padding-top: 20px; border-top: 1px solid #e1e3e8; font-size: 12px; line-height: 1.5; color: #515563; }
.vm-introduction { padding: 28px; background: #fff; }
.vm-mail-toolbar { display: flex; align-items: center; gap: 20px; padding-bottom: 20px; border-bottom: 1px solid #e9ebf0; }
.vm-gmail { display: flex; align-items: center; gap: 9px; color: #4b4d52; font-family: Arial, sans-serif; font-size: 19px; }
.vm-gmail svg { width: 24px; height: 18px; }
.vm-gmail svg path { stroke-width: 4px; stroke-linecap: round; }
.vm-mail-inbox { padding: 5px 9px; border-radius: 4px; background: #f1f2f4; font-size: 11px; color: #515563; }
.vm-mail-more { width: 22px; height: 22px; margin-left: auto; stroke-linecap: round; stroke-width: 3px !important; }
.vm-intro-sender { display: flex; gap: 12px; align-items: center; }
.vm-mail-brand-avatar { display: grid; place-items: center; flex: 0 0 40px; width: 40px; height: 40px; border: 1px solid #e9ebf0; border-radius: 50%; background: #fff; }
.vm-mail-brand-avatar img { display: block; width: 15px; height: 25px; object-fit: contain; }
.vm-intro-sender strong { display: block; font-size: 14px; font-weight: 500; }
.vm-intro-sender div > span { display: block; margin-top: 3px; font-size: 11px; color: #515563; }
.vm-intro-time { margin-left: auto; font-size: 11px; color: #515563; }
.vm-introduction h3 { margin-block: 25px 24px; font-size: clamp(19px, 2vw, 26px); line-height: 1.3; letter-spacing: -.025em; text-wrap: initial; }
.vm-intro-message { margin-top: 26px; font-size: 15px; line-height: 1.6; }
.vm-intro-message p + p { margin-top: 18px; }
.vm-introduction figcaption { display: flex; align-items: center; gap: 8px; margin-top: 28px; padding-top: 18px; border-top: 1px solid #e9ebf0; color: #515563; font-size: 11px; }
.vm-introduction figcaption svg { width: 14px; height: 14px; }
.vm-introduction figcaption span { margin-left: auto; }
.vm-review { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 36px; padding-top: 22px; font-size: 13px; }
.vm-review > div { display: flex; align-items: center; gap: 22px; }
.vm-review button { display: inline-flex; align-items: center; gap: 7px; background: none; border: none; padding: 8px 0; font-size: 13px; }
.vm-review button:hover { color: #ff9dbd; }
.veronica-page[data-motion="reduced"] .vm-character { cursor: default; }
@media (max-width: 900px) {
  .vm-capability { grid-template-columns: 1fr; min-height: 0; gap: 42px; padding-block: 68px; }
  .vm-capability h2 { font-size: clamp(44px, 8.4vw, 68px); }
  .vm-capability-copy > p { max-width: 36ch; }
  .vm-capability-reverse .vm-capability-copy, .vm-capability-reverse > figure, .vm-capability-reverse > .vm-fit-card { grid-column: auto; grid-row: auto; }
  .vm-context, .vm-fit-card, .vm-introduction, .vm-network, .vm-brief-visual { width: min(100%, 530px); justify-self: center; }
}
@media (max-width: 699px) {
  .vm-hero { padding-block: 148px 44px; }
  .vm-title { font-size: clamp(32px, 7.8vw, 48px); gap: 8px; letter-spacing: -.05em; white-space: nowrap; }
  .vm-character { --character-width: clamp(61px, 14vw, 90px); margin-inline: -2px; transform: translateY(3px); border-radius: 15px; }
  .vm-deck { max-width: 33ch; margin-top: 23px; font-size: 18px; line-height: 1.5; }
  .vm-actions { gap: 14px 22px; margin-top: 25px; }
  .vm-actions .button { min-height: 48px; font-size: 14px; padding: 13px 17px; gap: 18px; }
  .vm-actions-note { font-size: 14px; }
  .vm-capability { padding-block: 60px; }
  .vm-capability h2 { font-size: clamp(43px, 11vw, 56px); }
  .vm-capability-copy > p { font-size: 18px; margin-top: 22px; }
  .vm-context, .vm-introduction { padding: 25px; border-radius: 18px; }
  .vm-context h3 { font-size: 31px; margin-top: 30px; }
  .vm-brief-conversation { gap: 8px; margin-left: 0; }
  .vm-brief-conversation .vm-illustration-mascot { --character-width: 76px; }
  .vm-brief-conversation > p { padding: 13px 15px; font-size: 14px; }
  .vm-brief-ready { font-size: 10px; padding: 6px 8px; }
  .vm-context > p { font-size: 16px; }
  .vm-context-needs { gap: 6px; }
  .vm-context-needs > span { font-size: 11px; padding: 7px 9px; }
  .vm-fit-heading { padding: 18px 21px 13px; gap: 8px; }
  .vm-fit-heading .vm-illustration-mascot { --character-width: 65px; }
  .vm-fit-heading strong { font-size: 20px; }
  .vm-fit-heading div > span { font-size: 10px; }
  .vm-fit-panel { padding: 23px; min-height: 392px; }
  .vm-fit-person img { width: 56px; height: 56px; flex-basis: 56px; }
  .vm-fit-person h3 { font-size: 20px; }
  .vm-fit-why { font-size: 18px; }
  .vm-fit-tabs { padding: 8px; gap: 4px; }
  .vm-fit-tabs button { font-size: 12px; padding: 9px 6px; gap: 6px; }
  .vm-fit-tabs button img { width: 29px; height: 29px; flex-basis: 29px; }
  .vm-introduction h3 { font-size: 20px; }
  .vm-review { align-items: flex-start; gap: 14px; font-size: 12px; }
  .vm-review > div { gap: 16px; }
  .vm-review button { padding-top: 0; font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .vm-page { scroll-behavior: auto; }
  .veronica-page { scroll-behavior: auto; }
  .veronica-page *, .veronica-page *::before, .veronica-page *::after { scroll-behavior: auto !important; }
}

/* Equal-sized, clear portraits form an open square around a live character. */
.vm-network { width: 100%; height: auto; aspect-ratio: 1; justify-self: center; overflow: visible; border: 0; border-radius: 0; background: transparent; }
.vm-network-field { position: relative; width: 100%; height: auto; aspect-ratio: 1; }
.vm-network-person { position: absolute; left: var(--face-x); top: var(--face-y); width: clamp(30px, 3.6vw, 46px); aspect-ratio: 1; border-radius: 50%; background: #49443f url('/veronica/people/network-atlas.webp'); background-size: 600% 600%; background-position: var(--atlas-x) var(--atlas-y); filter: none; opacity: 1; transform: translate(-50%, -50%); }
.vm-network-mascot { --character-width: 154px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin: 0; pointer-events: none; }
.vm-writing-mascot { pointer-events: auto; cursor: pointer; }
.vm-brief-conversation .vm-shadow { bottom: 5%; }
.vm-privacy-visual { width: 100%; background: #f8f9fb; border: 1px solid #e9ebf0; border-radius: 22px; color: #141008; overflow: hidden; }
.vm-privacy-header { display: flex; gap: 12px; align-items: center; padding: 24px 28px; background: #fff; border-bottom: 1px solid #e5e7eb; }
.vm-privacy-header > strong { font-weight: 500; font-size: 18px; }
.vm-privacy-header > span:last-child { display: inline-flex; align-items: center; gap: 6px; margin-left: auto; color: #515563; font-size: 11px; }
.vm-privacy-visual svg { flex-shrink: 0; width: 15px; height: 15px; }
.vm-privacy-shared { padding: 28px; }
.vm-privacy-label { font-size: 11px; color: #515563; }
.vm-privacy-shared h3 { margin-top: 13px; font-size: 28px; line-height: 1.2; letter-spacing: -.03em; }
.vm-privacy-shared > p:last-of-type { margin-top: 14px; font-size: 15px; line-height: 1.55; color: #515563; }
.vm-privacy-people { display: flex; align-items: center; padding-top: 22px; }
.vm-privacy-people img { width: 36px; height: 36px; border-radius: 50%; border: 2px solid #f8f9fb; object-fit: cover; }
.vm-privacy-people img + img { margin-left: -8px; }
.vm-privacy-people > span { margin-left: 12px; font-size: 11px; color: #515563; }
.vm-privacy-notes { margin: 0 20px 20px; padding: 23px; border: 1px solid #e0d8dc; border-radius: 12px; background: #f2edef; }
.vm-privacy-notes h3 { display: flex; align-items: center; gap: 8px; font-size: 14px; }
.vm-privacy-notes > p { margin-top: 14px; font-size: 16px; line-height: 1.5; }
.vm-privacy-note-footer { display: flex; align-items: center; gap: 7px; margin-top: 20px; padding-top: 17px; border-top: 1px solid #e0d8dc; font-size: 11px; color: #515563; }
@media (max-width: 900px) {
  .vm-privacy-visual { width: min(100%, 530px); justify-self: center; }
}
@media (max-width: 699px) {
  .vm-network-mascot { --character-width: 116px; transform: translate(-50%, -50%); margin: 0; }
  .vm-network-person { width: 30px; }
  .vm-privacy-header { padding: 21px; }
  .vm-privacy-header > span:last-child { font-size: 10px; gap: 5px; }
  .vm-privacy-shared { padding: 23px; }
  .vm-privacy-shared h3 { font-size: 25px; }
  .vm-privacy-notes { margin: 0 14px 14px; padding: 20px; }
}

.vm-team-link { display: inline-flex; align-items: center; gap: 22px; margin-top: 25px; padding-block: 8px; font-size: 16px; border-bottom: 1px solid #ed467e; }
.vm-team-link:hover { color: #ff9dbd; }
.vm-team-link > span { font-size: 22px; }
@media (max-width: 900px) {
  .vm-network { width: min(100%, 530px); }
}
@media (max-width: 699px) {
  #vm-human-title { font-size: clamp(39px, 10.3vw, 56px); }
}
@media (max-width: 360px) {
  .vm-network-person { width: 26px; }
  .vm-network-mascot { --character-width: 96px; }
}

/* Character props use the existing inline hero treatment and product cards. The clock
   is a native vector morph of Veronica's silhouette, never a video or spinner. */
.vm-fit-heading .vm-clock-mascot { --character-width: 112px; height: 112px; margin: -9px -5px -9px 0; transform: none; cursor: pointer; flex-shrink: 0; }
.vm-clock-mascot .vm-hop { inset: 15% 0; }
.vm-clock-mascot .vm-shadow { bottom: 18%; }
.vm-clock-svg { position: absolute; inset: 0; display: block; width: 100%; height: 100%; overflow: visible; stroke: none !important; }
.vm-clock-face { fill: none; stroke: #d8dce5; stroke-width: 1.4; opacity: 0; }
.vm-clock-face path { stroke-width: 2.3; stroke-linecap: round; }
.vm-clock-form, .vm-clock-pin { opacity: 0; }
.vm-privacy-title-line { display: flex; align-items: center; gap: .22em; white-space: nowrap; }
.vm-privacy-mascot { --character-width: 1.65em; font-size: inherit; flex-shrink: 0; margin: 0; transform: rotate(-5deg); cursor: pointer; }
.vm-privacy-mascot .vm-eye-left { left: 35.5%; }
.vm-privacy-mascot .vm-eye-right { left: 59.5%; }
.vm-privacy-mascot .vm-disguise { position: absolute; inset: 0; display: block; width: 100%; height: 100%; overflow: visible; stroke: none; pointer-events: none; transform-origin: 50% 60%; }
.vm-glasses { fill: #ffffff0d; stroke: url(#vm-glasses-frame); stroke-width: 5.5; stroke-linecap: round; }
.vm-glasses-glint { fill: none; stroke: #ffffff66; stroke-width: 1.2; stroke-linecap: round; }
.vm-disguise-brows { fill: none; stroke: #241521; stroke-width: 6; stroke-linecap: round; }
.vm-disguise-nose { fill: url(#vm-disguise-nose); stroke: none; }
.vm-disguise-moustache { fill: url(#vm-glasses-frame); stroke: none; }
.vm-moustache-glint { fill: none; stroke: #4d3345; stroke-width: 1; stroke-linecap: round; }
@media (max-width: 699px) {
  .vm-fit-heading .vm-clock-mascot { --character-width: 88px; height: 88px; margin: -6px -5px -6px 0; }
}

/* Two fixed heading slots, one travelling character. Only her pose and the
   small portal apertures move; the words and email stay stationary. */
.vm-email-title-line { display: flex; align-items: center; gap: .18em; min-height: 1.04em; }
.vm-email-portal-slot { position: relative; display: inline-block; flex: 0 0 1.55em; width: 1.55em; height: 1.04em; }
.vm-email-mascot { --character-width: 1.55em; position: absolute; left: 0; top: 0; height: 100%; margin: 0; font-size: inherit; transform: none; cursor: pointer; z-index: 2; }
.vm-portal-clip { position: absolute; display: block; inset: 0; clip-path: inset(-160% -100% 10% -100%); }
.vm-email-hole { position: absolute; left: -3%; bottom: 3%; width: 106%; height: .16em; border: 1px solid #49353f; border-radius: 50%; background: #020102; box-shadow: inset 0 2px 4px #000; opacity: 0; transform: scaleX(0); transform-origin: 50% 50%; pointer-events: none; }
.vm-email-mascot:focus-visible { outline-offset: 4px; }

/* Every Veronica body uses one size per breakpoint. */
.veronica-page { --vm-mascot-size: 128px; }
.veronica-page .vm-character { --character-width: var(--vm-mascot-size); }
.veronica-page .vm-clock-mascot { height: var(--vm-mascot-size); }
.vm-email-portal-slot { flex-basis: var(--vm-mascot-size); width: var(--vm-mascot-size); height: calc(var(--vm-mascot-size) * .7); }
.vm-email-hole { height: calc(var(--vm-mascot-size) * .1); }
/* MWG017: sixteen slices of one circular light, with Boardly pink at its heart.
   Fixed outer cells keep pointer measurements independent of the card tilt. */
.vm-support-art { width: 100%; max-width: 570px; aspect-ratio: 1; justify-self: center; padding: clamp(12px, 1.5vw, 22px); }
.vm-support-grid { position: relative; display: grid; width: 100%; height: 100%; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-rows: repeat(4, minmax(0, 1fr)); gap: clamp(10px, 1.3vw, 18px); perspective: 300vh; }
.vm-support-cell { display: block; min-width: 0; min-height: 0; }
.vm-support-card { display: block; width: 100%; height: 100%; border-radius: clamp(4px, .6vw, 8px); transform-origin: center; backface-visibility: hidden; background-image: radial-gradient(circle at 50% 50%, #ed467e 0%, #ed467e 20%, #ee8eb0 34%, #f2c7d6 42%, #bcefff 52%, #5b7880 62%, #1a2223 74%, #100d08 84%); background-size: 400% 400%; background-position: var(--glow-x) var(--glow-y); background-repeat: no-repeat; }
@media (prefers-reduced-motion: reduce), (hover: none), (pointer: coarse) {
  .vm-support-card { transform: none !important; }
}
.vm-testimonial .media { display: block; margin: 24px auto 0; }
.vm-testimonial blockquote { margin-top: 0; }
@media (max-width: 900px) {
  .vm-support-art { width: min(100%, 530px); }
}
@media (max-width: 699px) {
  .veronica-page { --vm-mascot-size: 88px; }
}
@media (max-width: 360px) {
  .veronica-page { --vm-mascot-size: 64px; }
}

/* Phone audit: the sticky header occupies its own space in the document. */
@media (max-width:900px) {
  .vm-hero {padding-top:36px;}
  .vm-capability {padding-block:48px; gap:24px;}
  .vm-capability-copy > p {margin-top:18px;}
  .vm-fit-panel {min-height:0; padding:20px;}
  .vm-fit-heading {padding:12px 18px;}
  .vm-fit-heading .vm-clock-mascot {height:72px; --character-width:72px; --vm-mascot-size:72px;}
  .vm-fit-why {font-size:16px; line-height:1.45;}
  .vm-fit-note {margin-top:16px; padding-top:14px;}
  .vm-fit-tabs {padding:6px 8px; gap:4px;}
  .vm-fit-tabs button {min-height:48px; padding:6px 4px; font-size:12px; gap:5px;}
  .vm-fit-tabs button img {width:28px; height:28px; flex-basis:28px;}
  .vm-privacy-top, .vm-privacy-shared {padding:20px;}
  .vm-privacy-notes {padding:16px; margin:0 14px 14px;}
  .vm-privacy-shared h3 {font-size:24px;}
  .vm-context {padding:20px;}
  .vm-context h3 {font-size:28px; margin-top:20px;}
  .vm-brief-conversation {gap:8px; margin-left:0;}
  .vm-brief-conversation > p {font-size:14px; padding:12px;}
}
@media (max-width:680px) and (max-height:739px) {
  .vm-fit-panel {padding:16px;}
  .vm-fit-why {font-size:14px; line-height:1.4;}
  .vm-fit-person img {width:44px; height:44px; flex-basis:44px;}
  .vm-fit-person h3 {font-size:20px;}
  .vm-fit-heading .vm-clock-mascot {height:60px; --character-width:60px; --vm-mascot-size:60px;}
  .vm-fit-note {font-size:11px; margin-top:12px; padding-top:12px;}
}