.svp-charts {
  display: grid;
grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
gap: calc(var(--space-xs) * 0.85);
@media (width < 56.25rem) { & { grid-template-columns: minmax(0, 1fr); } }
}
.mk-lead {
  display: flex;
align-items: center;
gap: calc(var(--u) * 10);
margin: 0 calc(var(--u) * 10) calc(var(--u) * 14);
padding: calc(var(--u) * 12) calc(var(--u) * 14);
border-radius: calc(var(--u) * 14);
background: var(--text-dark);
color: var(--white);
&.mk-lead--end { margin: auto 0 0; inline-size: 100%; text-align: start; }
&.mk-lead--fill { block-size: 100%; margin: 0; }
}
.svp-sync__detail {
  display: block; margin-block-start: 0.15em; font-size: var(--text-xs); color: var(--text-dark-muted);
}
.mk-cat {
  padding: calc(var(--u) * 4) calc(var(--u) * 9);
border-radius: var(--radius-circle);
font-size: calc(var(--u) * 11);
font-weight: 500;
white-space: nowrap;
background: var(--primary-ultra-light);
color: var(--primary);
&[data-cat="everyone"] { background: var(--neutral-ultra-light); color: var(--text-dark-muted); }
&[data-cat="families"] { background: var(--success-ultra-light); color: color-mix(in oklch, var(--success) 55%, black); }
&[data-cat="adults"] { background: var(--warning-ultra-light); color: color-mix(in oklch, var(--warning, oklch(76% 0.15 80)) 55%, black); }
}
.brief__hint {
  font-size: var(--text-s);
color: var(--text-dark-muted);
& strong { font-weight: 600; }
@media (hover: none) { & { display: none; } }
}
.prc-plan__inner {
  display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, calc(var(--content-width) * 0.38));
align-items: center;
gap: var(--space-xl) var(--space-xxl);
@media (width < 56.25rem) { & { grid-template-columns: minmax(0, 1fr); } }
}
.hs-call__disc {
  position: absolute;
inset: 0;
display: grid;
place-items: center;
border-radius: 50%;
background: color-mix(in oklch, var(--base) 70%, var(--primary));
color: var(--secondary);
}
.mini__chrome {
  display: flex;
align-items: center;
gap: calc(var(--u) * 6);
block-size: calc(var(--u) * 18);
padding-inline: calc(var(--u) * 8);
background: var(--bg-light);
}
.mk-block {
  min-inline-size: 0;
margin: calc(var(--u) * 2) 0;
padding: calc(var(--u) * 3) calc(var(--u) * 6);
overflow: hidden;
border: calc(var(--u) * 1) solid transparent;
border-radius: calc(var(--u) * 6);
background: var(--neutral-ultra-light);
font-size: calc(var(--u) * 10.5);
line-height: 1.25;
transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
&[data-at="b1"] { grid-column: 2; grid-row: 1 / span 3; }
&[data-at="b2"] { grid-column: 2; grid-row: 5 / span 3; }
&[data-at="b3"] { grid-column: 3; grid-row: 1 / span 2; }
&[data-at="b4"] { grid-column: 3; grid-row: 4 / span 2; }
&[data-at="b5"] { grid-column: 4; grid-row: 1 / span 8; }
&[data-at="b6"] { grid-column: 5; grid-row: 4 / span 3; }
&[data-at="b7"] { grid-column: 6; grid-row: 2 / span 2; }
&[data-at="b8"] { grid-column: 6; grid-row: 6 / span 2; }
&[data-at="tue"] { grid-column: 3; grid-row: 7 / span 2; }
&[data-at="thu"] { grid-column: 5; grid-row: 2 / span 2; }
&[data-state="empty"] { background: transparent; color: transparent; }
&[data-state="offered"] { border-style: dashed; border-color: var(--primary); background: var(--primary-ultra-light); color: var(--primary); animation: mk-fade 0.32s ease both; }
&[data-state="booked"] { border-color: var(--primary); background: var(--primary); color: var(--white); animation: mk-pop 0.36s cubic-bezier(0.2, 0.8, 0.2, 1) both; }
}
.book__top {
  position: sticky;
inset-block-start: 0;
z-index: 1;
display: flex;
justify-content: space-between;
align-items: center;
gap: var(--space-s);
margin: calc(var(--space-m) * -1) calc(var(--space-m) * -1) 0;
padding: var(--space-xs) var(--space-m) var(--space-s);
border-block-end: var(--border);
background: var(--white);
.c-drawer[data-direction="bottom"] & { padding-block-start: calc(var(--space-xs) * 0.3); }
}
.hs-sms__bubble {
  &.hs-sms__bubble {
display: block; max-inline-size: 92%; padding: calc(var(--u) * 9) calc(var(--u) * 11); font-size: calc(var(--u) * 12);
}
}
.mk-result__name {
  font-size: calc(var(--u) * 13.5);
font-weight: 600;
&.mk-result__name--muted { color: var(--text-dark-muted); }
}
.menu-dropdown-back-button {
  align-items: center;
  gap: 0.5em;
  text-decoration: none;
  display: none;
  inline-size: 100%;
  z-index: 100;
  position: sticky;
  inset-block-start: -1px;

  svg {
    block-size: 1em;
    inline-size: 1em;
    order: -1;

    html[dir='rtl'] & {
      transform: rotate(180deg);
    }
  }
}
.dropdown-vega__footer-link {
  font-size: var(--text-s);
  color: var(--text-dark-muted);
  text-decoration: none;

  &:hover,
  &:focus-visible {
    text-decoration: underline;
  }
}
.mk-svc__meta {
  margin-block-start: calc(var(--u) * 2);
font-size: calc(var(--u) * 11);
color: var(--text-dark-muted);
}
.prc-guar__body {
  display: flex; flex-direction: column; gap: var(--space-l); min-inline-size: 0;
}
.svp-rel {
  display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--space-m);
@media (width < 56.25rem) { & { grid-template-columns: minmax(0, 1fr); } }
}
.hs-week__new {
  position: absolute;
inset: calc(var(--border-width) * -1);
display: flex;
flex-direction: column;
justify-content: center;
padding-inline: calc(var(--u) * 7);
border-radius: calc(var(--u) * 6);
background: var(--primary);
line-height: 1.2;
color: var(--white);
&[data-cue] { transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1), scale 0.5s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.5s ease; }
&[data-state="on"] { box-shadow: 0 0 0 calc(var(--u) * 6) color-mix(in oklch, var(--primary) 25%, transparent); }
}
.mini__slot {
  flex: 1;
padding-block: calc(var(--u) * 7);
border-radius: calc(var(--u) * 6);
background: var(--bg-light);
font-size: calc(var(--u) * 12);
font-weight: 500;
text-align: center;
&[data-state="taken"] { color: var(--text-dark-muted); text-decoration: line-through; }
&[data-state="sel"] { background: var(--primary); color: var(--white); font-weight: 600; }
}
.hs-typed {
  display: grid;
& > * { grid-area: 1 / 1; }
}
.faq__question {
  flex: 1;
}
.hs-site__body {
  display: flex; flex: 1; flex-direction: column; padding: calc(var(--u) * 16) calc(var(--u) * 20);
}
.svp-tiles {
  display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: calc(var(--space-xs) * 0.85);
@media (width < 56.25rem) { & { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
}
.mk-lead__sub {
  overflow: hidden;
font-size: calc(var(--u) * 11);
white-space: nowrap;
text-overflow: ellipsis;
opacity: 0.65;
&.mk-lead__sub--wrap { white-space: normal; }  /* the design lets this one wrap to a second line */
}
.hs-call__badge-icon {
  display: grid;
flex: none;
place-items: center;
inline-size: calc(var(--u) * 30);
aspect-ratio: 1;
border-radius: calc(var(--u) * 9);
background: var(--success);
color: var(--base);
}
.prc-card__price {
  display: flex; flex-direction: column; gap: calc(var(--space-xs) * 0.6);
}
.mk-book__body {
  display: flex;
flex: 1;
flex-direction: column;
gap: calc(var(--u) * 14);
padding: calc(var(--u) * 14) calc(var(--u) * 16);
}
.scene {
  --u: calc(var(--content-width) / 1366);
position: relative;
background: linear-gradient(180deg, var(--white) 0%, var(--bg-light) 100%);
color: var(--text-dark);
line-height: normal;  /* the design's browser default; ACSS's body line height would loosen every miniature */
text-align: start;
font-variant-numeric: tabular-nums;
& svg { block-size: auto; }  /* Studio icons carry width/height 24: the class sets the width, the viewBox the height */
& [data-cue] { transition: opacity 0.5s ease, translate 0.5s cubic-bezier(0.16, 1, 0.3, 1), scale 0.5s cubic-bezier(0.16, 1, 0.3, 1), max-block-size 0.5s ease; }
& [data-cue][data-on="false"] { opacity: 0; }
& [data-fx~="y"][data-on="false"] { translate: 0 calc(var(--u) * 10); }
& [data-fx~="s"][data-on="false"] { scale: 0.92; }
& [data-fx~="sheet"][data-on="false"] { translate: 0 100%; }
& [data-fx~="mh"] { max-block-size: calc(var(--u) * 260); overflow: hidden; }
& [data-fx~="mh"][data-on="false"] { max-block-size: 0; }
@media (prefers-reduced-motion: reduce) { & [data-cue] { transition: none; } }
}
.hs-linkcard__meta {
  font-size: calc(var(--u) * 11); color: var(--text-dark-muted);
}
.mini__report {
  display: grid;
grid-template-columns: auto minmax(0, 1fr);
align-items: end;
gap: calc(var(--u) * 16);
}
.hs-panel {
  position: relative;
display: flex;
flex-direction: column;
gap: calc(var(--u) * 10);
padding: calc(var(--u) * 18);
border: var(--border);
border-radius: calc(var(--u) * 14);
background: var(--white);
box-shadow: 0 calc(var(--u) * 24) calc(var(--u) * 48) calc(var(--u) * -28) color-mix(in oklch, var(--base) 35%, transparent);
}
.svp-chart__line {
  inline-size: 100%; block-size: 10.625rem; margin-block-start: auto; overflow: visible;
}
.sy-window__dots {
  display: flex;
flex: none;
gap: calc(var(--space-xs) * 0.4);
}
.mk-call2__msgs {
  display: flex;
flex-direction: column;
justify-content: flex-end;
gap: calc(var(--u) * 8);
block-size: calc(var(--u) * 212);
overflow: hidden;
padding-block-start: calc(var(--u) * 12);
border-block-start: calc(var(--u) * 1) solid color-mix(in oklch, var(--white) 12%, transparent);
}
.hs-review__top {
  display: flex; align-items: center; gap: calc(var(--u) * 10);
}
.prc-hero__all {
  display: flex; flex-direction: column; align-items: center; gap: var(--space-s); inline-size: 100%; max-inline-size: calc(var(--content-width) * 0.76); margin-block-start: calc(var(--space-m) - var(--space-l));
}
.wwd {
  container-type: inline-size;
padding-block: var(--section-space-l);
--beam-x: 28%;
}
.legal__datum-body {
  display: grid;
gap: 0.6em;
margin: 0 var(--space-m) var(--space-s);
padding-block-start: var(--space-s);
border-block-start: var(--border);
& p { margin: 0; }
}
.hs-col {
  display: flex;
flex: 1 1 calc(var(--u) * 300);
flex-direction: column;
gap: calc(var(--u) * 12);
max-inline-size: calc(var(--u) * 380);
min-inline-size: 0;
& .hs-note { padding: calc(var(--u) * 12) calc(var(--u) * 14); border-radius: calc(var(--u) * 12); }
}
.mini__change {
  flex: 1;
padding-block: calc(var(--u) * 7);
border: var(--border);
border-radius: calc(var(--u) * 6);
color: var(--text-dark);
font-weight: 500;
text-align: center;
}
.prc-cell {
  display: flex;
align-items: flex-start;
gap: calc(var(--space-xs) * 0.8);
padding: var(--space-s);
font-size: var(--text-m);
color: var(--text-dark-muted);
&[data-ours="true"] { background: var(--primary-ultra-light); font-weight: 600; color: var(--text-dark); }
@media (width < 56.25rem) {
  & { display: grid; grid-template-columns: calc(var(--space-s) * 5) 1.375rem minmax(0, 1fr); align-items: start; padding: calc(var(--space-xs) * 0.7) var(--space-s); font-size: var(--text-s); }
  & > .prc-cell__text { grid-column: 3; }  /* the same text edge with or without a mark */
  &[data-ours="true"] { border-radius: var(--radius); }
  &::before { content: attr(data-label); padding-block-start: 0.1em; font-size: var(--text-xs); font-weight: 600; color: var(--text-dark-muted); }
}
}
.mk-result__row {
  display: flex;
align-items: center;
gap: calc(var(--u) * 8);
}
.hs-caret {
  display: inline-block;
inline-size: var(--border-width);
block-size: calc(var(--u) * 12);
margin-inline-start: var(--border-width);
vertical-align: calc(var(--u) * -2);
background: var(--primary);
opacity: 0;
&[data-state="on"] { opacity: 1; }
}
.mk-book {
  position: absolute;
inset: calc(var(--u) * 52) 0 0;
display: flex;
flex-direction: column;
}
.hs-gbp__new {
  &.hs-gbp__new {
padding: calc(var(--u) * 1) calc(var(--u) * 6); border-radius: calc(var(--u) * 4);
}
}
.hero-phone__notes {
  position: relative;
align-self: stretch;
block-size: calc(var(--u) * 320);
margin: calc(var(--u) * 28) calc(var(--u) * 12) 0;
padding: 0;
list-style: none;
}
.prc-card__row-icon {
  display: grid;
place-items: center;
inline-size: 1.375rem;
aspect-ratio: 1;
border-radius: 50%;
background: var(--primary-ultra-light);
color: var(--primary);
& svg { inline-size: 0.75rem; block-size: auto; }
}
.hero__chips {
  display: flex;
flex-wrap: wrap;
gap: calc(var(--space-xs) * 0.75);
align-self: stretch;
margin: var(--space-xl) 0 0;
padding: var(--space-s) 0 0;
list-style: none;
border-block-start: var(--border-light);
}
.mk-card {
  padding: calc(var(--u) * 18) calc(var(--u) * 20);
border-radius: calc(var(--u) * 14);
background: var(--white);
&.mk-card--tight { padding: calc(var(--u) * 16) calc(var(--u) * 18); }
&.mk-card--soft { background: var(--primary-ultra-light); }
&.mk-card--list { display: flex; flex-direction: column; gap: calc(var(--u) * 14); padding: calc(var(--u) * 20) calc(var(--u) * 22); }
&.mk-card--events { padding: calc(var(--u) * 18) calc(var(--u) * 16) calc(var(--u) * 10); }
}
.prc-card__note {
  margin: 0; font-size: var(--text-m); color: var(--text-dark-muted);
}
.mk-done__v {
  font-weight: 500;
}
.svp-sync__arrow {
  color: var(--primary);
}
.svp-sync__title {
  font-size: var(--text-s); font-weight: 600;
}
.mk-call__label {
  font-size: calc(var(--u) * 13);
color: color-mix(in oklch, var(--white) 60%, transparent);
&[data-state="missed"] { color: var(--danger-light); }
}
.mk-site__form {
  margin: calc(var(--u) * 10) calc(var(--u) * 16);
padding: calc(var(--u) * 14);
border: calc(var(--u) * 1) solid var(--border-color-dark);
border-radius: calc(var(--u) * 12);
}
.hs-check {
  display: flex; align-items: center; gap: calc(var(--u) * 9);
}
.brief__done-title {
  margin: 0; font-size: calc(var(--h3) * 1.15); font-weight: 600; line-height: 1.1; letter-spacing: -0.035em; &.brief__done-title { color: var(--text-dark); }
}
.hero-victor__main {
  display: grid;
align-items: center;
gap: var(--space-xl);
@media (width >= 56.25rem) { &:has(.hero-victor__media-wrapper) { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
}
.contact-brief__inner {
  display: grid;
grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
align-items: center;
gap: var(--space-xl) var(--space-xxl);
@media (width < 62.5rem) { & { grid-template-columns: minmax(0, 1fr); } }
}
.hs-sms {
  &.hs-phone__screen { background: var(--bg-light); }
}
.mk-card__text {
  margin-block-start: calc(var(--u) * 8);
font-size: calc(var(--u) * 13);
line-height: 1.5;
}
.star-rating-alpha {
  display: flex;
  flex-direction: row;
  gap: calc(var(--content-gap) / 3);
  inline-size: 100%;
  max-inline-size: max-content;
  align-items: center;
  justify-content: start;
  font-size: var(--font-size);
  &[data-layout='stacked' i] {
    display: flex;
    flex-direction: column;
    align-items: start;
  }
}
.book__title {
  margin: 0;
font-size: var(--h3);
font-weight: 600;
line-height: 1.1;
letter-spacing: -0.035em;
}
.hs-field__label {
  font-size: calc(var(--u) * 11.5); color: var(--text-dark-muted);
}
.prc-guar__point {
  display: flex; flex-direction: column; gap: calc(var(--space-xs) * 0.6); padding-block-start: var(--space-s); border-block-start: var(--border);
}
.hs-people__sent {
  position: absolute;
inset: 0;
display: grid;
place-items: center;
border-radius: inherit;
background: color-mix(in oklch, var(--success) 78%, black);
&[data-cue] { transition: opacity 0.4s ease; }
}
.price-card__amount {
  display: flex;
align-items: baseline;
gap: calc(var(--space-xs) * 0.75);
margin: 0;
}
.prc-calc__fill {
  display: block;
inline-size: var(--w, 0%);
block-size: 100%;
border-radius: 999px;
background: color-mix(in oklch, var(--white) 55%, transparent);
transition: inline-size 0.7s cubic-bezier(0.16, 1, 0.3, 1);
&[data-bar="jobs"] { background: var(--secondary); }
}
.c-drawer__body {
  padding: var(--drawer-body-padding, var(--default-body-padding));
  overflow-y: auto;
  flex-grow: 1;

  .c-drawer[data-direction='top'] & {
    padding: var(--drawer-body-padding, var(--default-body-padding) var(--default-body-padding) 0);
  }

  .c-drawer:is([data-direction='left'], [data-direction='right']) &,
  .c-drawer__wrapper[data-no-drag='true'] & {
    padding: var(--drawer-body-padding, var(--default-body-padding));
  }

  .c-drawer[data-direction='top'] & {
    order: -1;
  }
}
.mk-msg__bubble {
  padding: calc(var(--u) * 10) calc(var(--u) * 12);
font-size: calc(var(--u) * 13);
line-height: 1.4;
.mk-msg--out & { border-radius: calc(var(--u) * 16) calc(var(--u) * 16) calc(var(--u) * 4) calc(var(--u) * 16); background: var(--success-ultra-light); }
.mk-msg--in & { border: calc(var(--u) * 1) solid var(--border-color-dark); border-radius: calc(var(--u) * 16) calc(var(--u) * 16) calc(var(--u) * 16) calc(var(--u) * 4); background: var(--white); }
}
.phone__signal {
  display: flex;
align-items: flex-end;
gap: calc(var(--u) * 1.5);
block-size: calc(var(--u) * 10);
}
.process {
  container-type: inline-size;
padding-block: var(--section-space-l) calc(var(--section-space-l) * 0.8);
}
.mk-call2__title {
  font-size: calc(var(--u) * 14);
font-weight: 600;
}
.btn--split {
  &.btn--split { display: flex; justify-content: space-between; align-items: center; inline-size: 100%; }
}
.product__get {
  display: flex;
gap: calc(var(--space-xs) * 0.9);
& .ico { inline-size: 1.25em; block-size: 1.25em; margin-block-start: 0.05em; }
font-size: var(--text-m);
line-height: 1.4;
}
.feature-card-alpha {
  display: flex; flex-direction: column; gap: calc(var(--space-xs) * 0.9);
}
.problem__unit {
  color: var(--neutral-semi-light);
}
.mk-events__list {
  display: flex;
flex-direction: column;
gap: calc(var(--u) * 2);
margin-block-start: calc(var(--u) * 6);
}
.svp-call {
  display: flex;
align-items: flex-start;
gap: calc(var(--space-xs) * 0.85);
inline-size: 100%;
max-inline-size: calc(var(--content-width) * 0.22);
padding: var(--space-s);
border: var(--border);
border-radius: var(--radius);
background: var(--white);
box-shadow: 0 calc(var(--space-m) * 0.75) calc(var(--space-xl) * 0.6) calc(var(--space-m) * -1) color-mix(in oklch, var(--base) 35%, transparent);
}
.mini__weeks {
  display: flex;
gap: calc(var(--u) * 5);
margin-block-start: calc(var(--u) * 4);
& span { flex: 1; font-size: calc(var(--u) * 9.5); text-align: center; color: var(--text-dark-muted); }
}
.hs-book__done-meta {
  display: flex; flex-direction: column; font-size: calc(var(--u) * 12); line-height: 1.5; color: var(--text-dark-muted);
}
.mk-stars {
  display: inline-flex;
vertical-align: -0.1em;
color: var(--warning);
&.mk-stars--faint { color: inherit; }
& .star-rating-alpha__star-group { gap: 0.08em; }
& .star-rating-alpha__label { display: none; }
}
.site-header__progress {
  position: absolute;
inset: auto 0 calc(var(--border-width) * -1);
block-size: var(--border-width);
background: var(--secondary);
transform: scaleX(var(--progress, 0));
transform-origin: left;
opacity: 0;
transition: opacity 0.3s ease;
.scrolling & { opacity: 1; }
}
.hs-week__cell {
  position: relative;
display: flex;
align-items: center;
block-size: calc(var(--u) * 40);
padding-inline: calc(var(--u) * 7);
overflow: hidden;
border: var(--border);
border-radius: calc(var(--u) * 6);
font-size: calc(var(--u) * 11);
font-weight: 600;
white-space: nowrap;
color: var(--neutral-semi-light);
&[data-state="taken"] { border-color: var(--primary-ultra-light); background: var(--primary-ultra-light); color: var(--text-dark); }
}
.brief__n {
  font-size: var(--text-s); font-weight: 600; color: var(--primary);
}
.prc-calc__bars {
  display: flex; flex-direction: column; gap: var(--space-s);
}
.mk-done__row {
  display: flex;
justify-content: space-between;
gap: calc(var(--u) * 12);
padding: calc(var(--u) * 9) 0;
font-size: calc(var(--u) * 12.5);
&.mk-done__row--rule { border-block-start: calc(var(--u) * 1) solid var(--border-color-dark); }
}
.hs-gbp__head {
  display: flex;
flex-wrap: wrap;  /* a narrow card (phones) drops the score under the name instead of squeezing the name to a word a line */
flex: none;
align-items: center;
gap: calc(var(--u) * 16);
padding: calc(var(--u) * 18) calc(var(--u) * 20) calc(var(--u) * 16);
border-block-end: var(--border);
}
.hs-lines__row {
  display: flex; justify-content: space-between; gap: calc(var(--u) * 8);
}
.prc-calc__inputs {
  display: flex; flex-direction: column; gap: var(--space-l); min-inline-size: 0; padding: var(--space-l); border-inline-end: var(--border);
}
.hs-btn__glyph {
  inline-size: calc(var(--u) * 14); aspect-ratio: 1;
}
.sy-card__body {
  display: flex;
flex: 1;
flex-direction: column;
gap: calc(var(--space-xs) * 0.55);
padding: var(--space-m);
border-block-start: var(--border);
}
.contact-fan__card {
  position: absolute;
inset: 0;
padding: calc(var(--space-xs) * 0.8);
border-radius: calc(var(--radius) * 1.6);
box-shadow: 0 var(--space-l) var(--space-xxl) calc(var(--space-l) * -1) color-mix(in oklch, black 60%, transparent);
color: var(--white);
transition: translate 0.7s cubic-bezier(0.16, 1, 0.3, 1), rotate 0.7s cubic-bezier(0.16, 1, 0.3, 1);
& svg { display: block; inline-size: 1.25rem; block-size: auto; }
&[data-app="wa"] { background: #25D366; color: var(--base); translate: calc(var(--space-xs) * -1) 2px; rotate: -2.5deg; }
&[data-app="fb"] { background: #0866FF; translate: calc(var(--space-m) * -0.85) calc(var(--space-xs) * 0.5); rotate: -5deg; }
&[data-app="sms"] { background: var(--white); color: var(--base); translate: calc(var(--space-xl) * -0.6) var(--space-xs); rotate: -7.5deg; }
@media (prefers-reduced-motion: reduce) { & { transition: none; } }
}
.mk-done__table {
  inline-size: 100%;
margin-block-start: calc(var(--u) * 22);
padding: calc(var(--u) * 4) calc(var(--u) * 14);
border: calc(var(--u) * 1) solid var(--border-color-dark);
border-radius: calc(var(--u) * 14);
text-align: start;
}
.sy-card__go {
  display: flex;
justify-content: space-between;
align-items: center;
margin-block-start: auto;
padding-block-start: var(--space-xs);
font-size: var(--text-m);
font-weight: 600;
& svg { inline-size: 1.1em; block-size: 1.1em; }
}
.prc-card__figure {
  font-size: calc(var(--h1) * 0.88); font-weight: 600; line-height: 0.9; letter-spacing: -0.06em; font-variant-numeric: tabular-nums;
}
.hs-thread__who {
  display: flex; flex-direction: column; min-inline-size: 0;
}
.mini__browser {
  overflow: hidden;
border: var(--border);
border-radius: calc(var(--u) * 8);
}
.svp-faq {
  display: grid;
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.4fr);
align-items: start;
gap: var(--space-xl) var(--space-xxl);
inline-size: 100%;
& .section-intro__headline { max-inline-size: none; font-size: calc(var(--h2) * 0.8); }  /* design: the FAQ head is a size down from the section heads */
& > .section-intro { align-self: start; }  /* level with the top of the list */
@media (width < 56.25rem) { & { grid-template-columns: minmax(0, 1fr); } }
}
.pricing__inner {
  display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: center;
gap: var(--space-xl);
@container (width < 56.25rem) { & { grid-template-columns: minmax(0, 1fr); } }
}
.prc-calc__bar-head {
  display: flex; justify-content: space-between; font-size: var(--text-s); color: color-mix(in oklch, var(--white) 66%, transparent);
}
.prc-calc__slider {
  display: flex; flex-direction: column; gap: calc(var(--space-xs) * 0.9);
}
.svp-saw__biz {
  font-size: var(--text-l); font-weight: 600; letter-spacing: -0.02em;
}
.voices {
  container-type: inline-size;
padding-block: var(--section-space-l);
}
.hs-web__menu {
  inline-size: calc(var(--u) * 15); aspect-ratio: 1;
}
.hero__actions {
  display: flex;
flex-wrap: wrap;
gap: calc(var(--space-xs) * 0.9);
margin-block-start: var(--space-l);
}
.mk-review__who {
  display: flex;
align-items: center;
gap: calc(var(--u) * 10);
}
.problem {
  container-type: inline-size;
padding-block: var(--section-space-l);  /* the same above and below (Paul, 12 Oct) */
}
.prc-row__name {
  padding: var(--space-s) var(--space-s) var(--space-s) 0; font-size: var(--text-m); font-weight: 600; @media (width < 56.25rem) { & { padding-block-end: var(--space-xs); } }
}
.ico--tick {
  color: var(--primary);
}
.book-form__trap {
  position: absolute;
inset-inline-start: -100vw;
inline-size: 1px;
block-size: 1px;
overflow: hidden;
}
.prc-plan__copy {
  display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-m); min-inline-size: 0;
}
.eyebrow {
  display: inline-flex;
align-items: center;
align-self: flex-start;
gap: calc(var(--space-xs) * 0.6);
margin: 0;
padding: calc(var(--space-xs) * 0.45) calc(var(--space-xs) * 0.8);
border-radius: var(--btn-radius);
font-family: var(--text-font-family);
font-size: calc(var(--text-s) * 0.9);
font-weight: 600;
letter-spacing: -0.01em;
line-height: 1.2;
&.eyebrow { background: color-mix(in oklch, var(--primary) 14%, transparent); color: var(--primary); }
:is(.bg--dark, .bg--ultra-dark) &.eyebrow { background: color-mix(in oklch, var(--secondary) 14%, transparent); color: var(--secondary); }
}
.svp-person__foot {
  margin-block-start: auto;
padding-block-start: var(--space-s);
border-block-start: var(--border);
font-size: calc(var(--text-s) * 0.9);
color: var(--text-dark-muted);
}
.prc-card {
  border: var(--border);
border-radius: calc(var(--radius) * 1.4);
background: var(--white);
display: flex;
flex-direction: column;
gap: var(--space-m);
min-inline-size: 0;
padding: var(--space-l);
box-shadow: 0 var(--space-xl) var(--space-xxl) calc(var(--space-xl) * -1) color-mix(in oklch, var(--base) 40%, transparent);
}
.mk-tilecard__copy {
  min-inline-size: 0;
}
.mk-node__kind {
  font-size: calc(var(--u) * 11);
font-weight: 500;
color: var(--neutral-semi-light);
}
.svp-call__body {
  font-size: var(--text-s); line-height: 1.45; color: var(--text-dark-muted);
}
.hs-book__tick-glyph {
  inline-size: calc(var(--u) * 26); aspect-ratio: 1;
}
.mk-call__number {
  margin-block-start: calc(var(--u) * 10);
font-size: calc(var(--u) * 28);
letter-spacing: -0.02em;
}
.mk-call__disc {
  position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: color-mix(in oklch, var(--white) 10%, transparent);
font-size: calc(var(--u) * 30);
}
.sy-toast__mark {
  display: grid;
flex: none;
place-items: center;
inline-size: 1.75rem;
aspect-ratio: 1;
border-radius: calc(var(--radius) * 0.8);
background: var(--mark, var(--primary));
font-size: var(--text-xs);
font-weight: 600;
color: var(--white);
}
.hs-phone--slim {
  &.hs-phone--slim {
inline-size: auto;
padding: calc(var(--u) * 6);
border-radius: calc(var(--u) * 30);
& > .hs-phone__screen { border-radius: calc(var(--u) * 25); background: var(--bg-light); }
}
}
.c-drawer {
  /* Defaults — single source of truth for fallback values */
  --default-radius: var(--radius-l);
  --default-max-height: 92dvh;
  --default-inset: 8px;
  --default-max-width: 24rem;
  --default-body-padding: var(--space-l);

  position: fixed;
  background: var(--drawer-bg, #fff);
  outline: none;
  overflow: visible;
  touch-action: none;
  will-change: transform;
  transition: transform var(--duration) var(--easing);
  display: flex;
  flex-direction: column;

  /* No-drag mode: re-enable native touch panning, hide the (now meaningless) handle */
  .c-drawer__wrapper[data-no-drag='true'] & {
    touch-action: auto;

    & .c-drawer__handle {
      display: none;
    }
  }

  @media (hover: hover) and (pointer: fine) {
    user-select: none;
  }

  @media (prefers-reduced-motion: reduce) {
    transition: none !important;
  }

  /* Over-drag background fill — vertical directions only */
  &:is([data-direction='bottom'], [data-direction='top'])::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 200%;
    background: inherit;
    background-color: var(--drawer-bg, #fff);
    transform: translateZ(0);
  }

  /* Direction variants */

  &[data-direction='bottom'] {
    --inset: var(--drawer-inset, var(--default-inset));
    bottom: 0;
    left: var(--inset);
    right: var(--inset);
    max-height: var(--drawer-max-height, var(--default-max-height));
    max-width: var(--drawer-max-width);
    margin-inline: auto;
    border-radius: var(--drawer-radius, var(--default-radius)) var(--drawer-radius, var(--default-radius)) 0 0;
    transform: translate3d(0, 100%, 0);

    &[data-state='open'] {
      transform: translate3d(0, 0, 0);
    }

    &::after {
      top: 100%;
    }
  }

  &[data-direction='top'] {
    --inset: var(--drawer-inset, var(--default-inset));
    top: var(--wp-admin--admin-bar--height, 0px);
    left: var(--inset);
    right: var(--inset);
    max-height: var(--drawer-max-height, var(--default-max-height));
    max-width: var(--drawer-max-width);
    margin-inline: auto;
    border-radius: 0 0 var(--drawer-radius, var(--default-radius)) var(--drawer-radius, var(--default-radius));
    transform: translate3d(0, -100%, 0);

    &[data-state='open'] {
      transform: translate3d(0, 0, 0);
    }

    &::after {
      bottom: 100%;
    }
  }

  &[data-direction='left'] {
    --inset: var(--drawer-inset, var(--default-inset));
    top: calc(var(--inset) + var(--wp-admin--admin-bar--height, 0px));
    left: var(--inset);
    right: var(--inset);
    bottom: var(--inset);
    max-width: var(--drawer-max-width, var(--default-max-width));
    border-radius: var(--drawer-radius, var(--default-radius));
    transform: translate3d(calc(-100% - var(--inset)), 0, 0);

    &[data-state='open'] {
      transform: translate3d(0, 0, 0);
    }
  }

  &[data-direction='right'] {
    --inset: var(--drawer-inset, var(--default-inset));
    top: calc(var(--inset) + var(--wp-admin--admin-bar--height, 0px));
    right: var(--inset);
    left: var(--inset);
    bottom: var(--inset);
    max-width: var(--drawer-max-width, var(--default-max-width));
    border-radius: var(--drawer-radius, var(--default-radius));
    transform: translate3d(calc(100% + var(--inset)), 0, 0);
    margin-left: auto;

    &[data-state='open'] {
      transform: translate3d(0, 0, 0);
    }
  }

  &.c-drawer--dragging,
  &.c-drawer--dragging * {
    cursor: grabbing !important;
  }
}
.sy-live__dot {
  inline-size: 0.4375rem;
aspect-ratio: 1;
border-radius: 50%;
background: var(--success);
@media (prefers-reduced-motion: no-preference) { & { animation: sy-pulse 1.8s ease-in-out infinite; } }
}
.hs-proof__live {
  display: flex; align-items: center; gap: calc(var(--u) * 8); font-size: calc(var(--u) * 12.5); color: color-mix(in oklch, var(--white) 60%, transparent);
}
.hs-proof__glyph {
  inline-size: calc(var(--u) * 16); aspect-ratio: 1;
}
.hs-web__nav {
  display: flex; justify-content: space-between; align-items: center; font-size: calc(var(--u) * 12.5);
}
.svp-chart__delta {
  font-weight: 600; color: color-mix(in oklch, var(--success) 55%, black);
}
.mk-thread__dot {
  inline-size: calc(var(--u) * 6);
block-size: calc(var(--u) * 6);
border-radius: 50%;
background: var(--success);
}
.hs-review {
  display: flex;
flex-direction: column;
gap: calc(var(--u) * 8);
padding-block: calc(var(--u) * 16);
border-block-end: var(--border);
.hs-gbp__list > &:last-child { border-block-end: 0; }
}
.mk-review__text {
  margin-block-start: calc(var(--u) * 8);
font-size: calc(var(--u) * 13.5);
line-height: 1.5;
}
.hero__accent {
  color: var(--secondary);
}
.svp-visit__calls {
  display: flex;
flex-direction: column;
gap: var(--space-m);
&[data-side="left"] { align-items: flex-end; }
&[data-side="right"] { align-items: flex-start; }
@media (width < 56.25rem) { & { display: none; } }
}
.mk-site__kicker {
  font-size: calc(var(--u) * 11);
font-weight: 500;
opacity: 0.7;
}
.prc-row {
  display: grid;
grid-template-columns: minmax(9.375rem, 1.1fr) minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1fr);
border-block-start: var(--border);
&.prc-row--head { align-items: end; border-block-start: 0; }
.prc-row--head + & { border-block-start: calc(var(--border-width) * 1) solid var(--text-dark); }
@media (width < 56.25rem) {
  & { grid-template-columns: minmax(0, 1fr); padding-block-end: var(--space-s); }
  &.prc-row--head { display: none; }
}
}
.mk-flow__head {
  display: flex;
justify-content: space-between;
align-items: center;
gap: calc(var(--u) * 12);
padding: 0 calc(var(--u) * 4) calc(var(--u) * 14);
border-block-end: calc(var(--u) * 1) solid var(--border-color-dark);
}
.hs-proof__btn {
  padding: calc(var(--u) * 7) calc(var(--u) * 12);
border: var(--border-width) solid color-mix(in oklch, var(--white) 25%, transparent);
border-radius: calc(var(--u) * 6);
font-size: calc(var(--u) * 12.5);
font-weight: 600;
&[data-tone="solid"] { border-color: var(--white); background: var(--white); color: var(--text-dark); }
}
.sy-toast__copy {
  min-inline-size: 0;
}
.book-form__label {
  font-size: calc(var(--text-s) * 0.93);
font-weight: 500;
color: var(--text-dark);
}
.prc-card__knob {
  display: block;
inline-size: 1.25rem;
aspect-ratio: 1;
border-radius: 50%;
background: var(--white);
box-shadow: 0 1px 3px color-mix(in oklch, black 25%, transparent);
transition: translate 0.45s cubic-bezier(0.16, 1, 0.3, 1);
[aria-pressed="true"] > * > & { translate: 1.25rem 0; }
}
.prc-calc__presets {
  display: flex; flex-wrap: wrap; gap: calc(var(--space-xs) * 0.6);
}
.feature-card-alpha__description {
  margin: 0; max-inline-size: 22em; font-size: var(--text-m); line-height: 1.6; color: var(--text-dark-muted);
}
.svp-panel__body {
  max-inline-size: calc(var(--content-width) * 0.38); font-size: var(--text-s); line-height: 1.55; color: var(--text-dark-muted);
}
.hs-week {
  &.hs-week {
gap: calc(var(--u) * 6); padding: calc(var(--u) * 16);
}
}
.svp-chart {
  display: flex;
flex-direction: column;
block-size: 15.625rem;
padding: var(--space-m);
border-radius: var(--radius);
background: var(--white);
}
.section-intro__content-wrapper {
  align-items: flex-start;
gap: calc(var(--content-gap) * 0.53);
/* Siteyard (sy_kit.SITEYARD) */
display: flex;
flex-direction: column;
gap: var(--space-m);
}
.svp-tile__src {
  font-size: var(--text-xs); color: var(--text-dark-muted);
}
.prc-card__per {
  font-size: var(--text-l); color: var(--text-dark-muted);
}
.mk-lead__title {
  overflow: hidden;
font-size: calc(var(--u) * 12.5);
font-weight: 600;
white-space: nowrap;
text-overflow: ellipsis;
}
.mk-tile {
  padding: calc(var(--u) * 18) calc(var(--u) * 20);
border-radius: calc(var(--u) * 14);
background: var(--white);
transition: background-color 0.3s ease, color 0.3s ease;
&.mk-tile--s { padding: calc(var(--u) * 16) calc(var(--u) * 18); }
&[data-state="on"] { background: var(--primary); color: var(--white); }
}
.hs-people__when {
  font-size: calc(var(--u) * 11);
color: var(--neutral-semi-light);
&[data-tone="soon"] { font-weight: 600; color: var(--primary); }
}
.hs-call-log__who {
  padding-block-start: calc(var(--u) * 2);
font-size: calc(var(--u) * 11.5);
color: color-mix(in oklch, var(--white) 50%, transparent);
&[data-tone="ai"] { color: var(--secondary); }
}
.hero-victor__action {
  display: flex;
}
.site-footer__heading {
  margin: 0;
padding-block-end: calc(var(--space-xs) * 0.3);
font-family: var(--text-font-family);
font-size: calc(var(--text-s) * 0.87);
font-weight: 600;
letter-spacing: 0;
line-height: 1.4;
&.site-footer__heading { color: var(--white); }
}
.hs-lines {
  display: flex;
flex-direction: column;
gap: calc(var(--u) * 8);
margin-block-start: calc(var(--u) * 6);
font-size: calc(var(--u) * 13);
}
.mk-done {
  position: absolute;
inset: calc(var(--u) * 52) 0 0;
z-index: 8;
display: flex;
flex-direction: column;
align-items: center;
padding: calc(var(--u) * 44) calc(var(--u) * 20) calc(var(--u) * 20);
background: var(--white);
text-align: center;
}
.product__desc {
  display: inline;
margin: 0;
}
.svp-app__day {
  font-size: calc(var(--u) * 8.5); font-weight: 600;
}
.hero-phone__date {
  font-size: calc(var(--u) * 14);
font-weight: 500;
color: color-mix(in oklch, var(--white) 70%, transparent);
}
.brief__picks {
  display: flex; flex-wrap: wrap; gap: calc(var(--space-xs) * 0.65);
}
.mk-search__glass {
  color: var(--neutral-semi-light);
&.mk-search__glass { inline-size: calc(var(--u) * 16); block-size: calc(var(--u) * 16); }
}
.problem__inner {
  gap: 0;
}
.mock--board {
  --u: calc(min(100cqi, var(--content-width) * 0.527) / 720);
inline-size: 100%;
@container (width < 42rem) { & { --u: calc(min(100cqi, var(--content-width) * 0.3075) / 420); } }
}
.hs-checks {
  display: flex;
flex-direction: column;
gap: calc(var(--u) * 9);
margin-block-start: calc(var(--u) * 4);
font-size: calc(var(--u) * 13);
}
.svp-voice__stat {
  display: flex;
flex-direction: column;
align-items: flex-start;
margin-inline-end: var(--space-xl);
padding-inline-end: var(--space-xl);
border-inline-end: var(--border-width) solid color-mix(in oklch, var(--white) 14%, transparent);
@media (width < 56.25rem) {
  & { margin-inline-end: 0; padding: 0 0 var(--space-xl); border-inline-end: 0; border-block-end: var(--border-width) solid color-mix(in oklch, var(--white) 14%, transparent); }
}
}
.site-footer__nav {
  display: grid;
grid-template-columns: repeat(2, minmax(0, max-content));  /* Company | Contact, grouped at the right */
justify-content: end;
gap: var(--space-l) calc(var(--space-xxl) * 1.5);
@container (width < 48rem) { & { grid-template-columns: repeat(2, minmax(0, 1fr)); justify-content: start; column-gap: var(--gutter); } }
}
.book-form__privacy {
  margin: calc(var(--space-xs) * -0.6) 0 0;
font-size: calc(var(--text-s) * 0.87);
line-height: 1.5;
color: var(--text-dark-muted);
}
.hs-book__pay {
  &.hs-book__pay {
flex: none;
block-size: calc(var(--u) * 38);
margin-block-start: auto;
font-size: calc(var(--u) * 12.5);
transition: scale 0.2s ease;
&[data-state="press"] { scale: 0.95; }
}
}
.hs-call__number {
  margin-block-start: calc(var(--u) * 4); font-size: calc(var(--u) * 21); font-weight: 600; letter-spacing: -0.02em;
}
.prc-card__toggle-text {
  font-size: var(--text-s); line-height: 1.45; color: var(--text-dark-muted);
}
.mk-site__bar {
  display: flex;
justify-content: space-between;
align-items: center;
padding: calc(var(--u) * 12) calc(var(--u) * 16);
border-block-end: calc(var(--u) * 1) solid var(--border-color-dark);
}
.price-card__name {
  font-weight: 600;
}
.hs-diary {
  &.hs-diary {
gap: calc(var(--u) * 7);
padding: calc(var(--u) * 16) calc(var(--u) * 18);
}
}
.contact-brief__copy {
  display: flex; flex-direction: column; gap: var(--space-l); min-inline-size: 0;
}
.book__done {
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--space-s);
padding-block: var(--space-l);
&[hidden] { display: none; }
&:focus { outline: none; }
}
.hs-status__island {
  inline-size: calc(var(--u) * 54);
block-size: calc(var(--u) * 16);
border-radius: calc(var(--u) * 10);
background: var(--text-dark);
}
.hs-chipcard__dot {
  inline-size: calc(var(--u) * 7); aspect-ratio: 1; border-radius: 50%; background: color-mix(in oklch, var(--success) 55%, var(--white));
}
.hs-auto__done {
  &.hs-auto__done {
margin-block-start: auto;
}
}
.sy-card__name {
  font-size: var(--h4);
font-weight: 600;
letter-spacing: -0.025em;
}
.prc-card__toggle {
  display: flex;
justify-content: space-between;
align-items: center;
gap: var(--space-s);
padding: var(--space-s) calc(var(--space-s) * 1.1);
border: var(--border);
border-radius: calc(var(--radius) * 0.9);
background: var(--white);
color: var(--text-dark);
font: inherit;
text-align: start;
cursor: pointer;
transition: background-color 0.3s ease, border-color 0.3s ease;
&[aria-pressed="true"] { border-color: var(--primary); background: color-mix(in oklch, var(--primary) 6%, var(--white)); }
}
.hs-app__dot {
  inline-size: calc(var(--u) * 6); aspect-ratio: 1; border-radius: 50%; background: currentColor;
}
.c-drawer__handle-wrapper {
  position: relative;
  padding: var(--drawer-handle-padding, 1.25rem 0 1rem);
  display: flex;
  justify-content: center;

  /* Only show grab cursor if data-no-drag is true */
  .c-drawer__wrapper[data-no-drag='false'] & {
    cursor: grab;
  }

  /* Hide the handle wrapper if data node drag is true or its direction left or right */
  .c-drawer__wrapper[data-no-drag='true'] &,
  .c-drawer:is([data-direction='left'], [data-direction='right']) & {
    display: none;
  }

  @media (hover: hover) and (pointer: fine) {
    &:hover .c-drawer__handle {
      opacity: 1;
      width: calc(var(--handle-width) * 1.4);
    }
  }

  & .c-drawer__handle {
    --handle-width: var(--drawer-handle-width, 48px);
    --handle-height: var(--drawer-handle-height, 4px);
    --handle-color: var(--drawer-handle-color, #b4b4b8);
    display: block;
    position: relative;
    opacity: 0.7;
    background: var(--handle-color);
    margin-left: auto;
    margin-right: auto;
    height: var(--handle-height);
    min-height: 0px;
    width: var(--handle-width);
    border-radius: 1rem;
    touch-action: none;
    transition:
      width 0.3s cubic-bezier(0.25, 1, 0.5, 1),
      opacity 0.15s;

    &:active {
      opacity: 1;
    }

    @media (prefers-reduced-motion: reduce) {
      transition: none !important;
    }
  }
}
.mk-book__foot {
  padding: 0 calc(var(--u) * 16) calc(var(--u) * 22);
}
.section-intro__lede {
  font-size: var(--text-l);
line-height: 1.6;
max-inline-size: 55ch;
margin: 0;
/* Siteyard (sy_kit.SITEYARD) */
max-inline-size: calc(var(--content-width) * 0.42);
color: var(--text-dark-muted);
.bg--dark & { color: color-mix(in oklch, var(--white) 66%, transparent); }
& strong { font-weight: 600; color: var(--text-dark); }
.bg--dark & strong { color: var(--white); }
}
.scene__stage {
  display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: calc(var(--u) * 28);
padding: calc(var(--u) * 28) var(--space-m);
&[data-align="stretch"] { align-items: stretch; gap: calc(var(--u) * 24); }
&[data-align="row4"] { gap: calc(var(--u) * 12); padding-inline: var(--space-s); }
&[data-align="row3"] { gap: calc(var(--u) * 20); }
/* phones: panes that would wrap into a tall column share one spot instead; the one playing comes to the front */
@media (width < 56.25rem) {
  [data-stack] > .scene__frame > & { display: grid; place-items: center; }
  [data-stack] > .scene__frame > & > * { grid-area: 1 / 1; z-index: 1; transition: translate 0.6s cubic-bezier(0.16, 1, 0.3, 1), rotate 0.6s cubic-bezier(0.16, 1, 0.3, 1), scale 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s ease; }
  [data-stack] > .scene__frame > & > [data-front="true"] { z-index: 2; }
  [data-stack] > .scene__frame > & > [data-front="false"] { translate: 0 calc(var(--u) * -22); rotate: -4deg; scale: 0.92; opacity: 0.3; }  /* faint: column panes have gaps it would show through */
}
}
.svp-chat__embed {
  display: block; inline-size: 100%; min-block-size: 40rem; border: 0;
}
.svp-saw {
  display: flex;
flex-direction: column;
gap: calc(var(--space-xs) * 0.85);
padding: var(--space-m);
border-inline-start: var(--border);
background: var(--bg-light);
@media (width < 56.25rem) { & { border-inline-start: 0; border-block-start: var(--border); } }
}
.hero-phone {
  --u: calc(min(20.625rem, 100cqi) / 330);
position: relative;
inline-size: calc(var(--u) * 330);
aspect-ratio: 1 / 2;
padding: calc(var(--u) * 12);
border-radius: calc(var(--u) * 52);
background: color-mix(in oklch, var(--base) 55%, black);
box-shadow: 0 0 0 var(--border-width) color-mix(in oklch, var(--white) 12%, transparent),
  0 calc(var(--u) * 50) calc(var(--u) * 100) calc(var(--u) * -24) color-mix(in oklch, black 75%, transparent);
}
.prc-calc__seg {
  display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: calc(var(--space-xs) * 0.6);
}
.hs-note__glyph {
  inline-size: calc(var(--u) * 15); aspect-ratio: 1;
}
.prc-calc__seg-btn {
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: calc(var(--space-xs) * 0.2);
padding: calc(var(--space-xs) * 0.9) var(--space-s);
border: 0;
border-radius: var(--radius);
background: var(--white);
box-shadow: inset 0 0 0 1px color-mix(in oklch, var(--text-dark) 12%, transparent);
color: var(--text-dark);
font: inherit;
text-align: start;
cursor: pointer;
transition: background-color 0.25s ease, box-shadow 0.25s ease;
&:hover { box-shadow: inset 0 0 0 1px color-mix(in oklch, var(--primary) 50%, transparent); }
&[aria-pressed="true"] { background: var(--primary-ultra-light); box-shadow: inset 0 0 0 2px var(--primary); }
}
.sy-window__url {
  flex: 1;
min-inline-size: 0;
max-inline-size: calc(var(--content-width) * 0.25);
margin-inline: auto;
padding: calc(var(--space-xs) * 0.35) calc(var(--space-xs) * 0.85);
overflow: hidden;
border-radius: var(--btn-radius);
background: var(--chrome-url);
font-size: var(--text-xs);
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
color: var(--chrome-text);
[data-variant="mist"] > .sy-window__bar > & { background: var(--chrome-url-mist); }
}
.sy-tag {
  flex: none;
padding: calc(var(--space-xs) * 0.3) calc(var(--space-xs) * 0.65);
border-radius: calc(var(--btn-radius) * 0.85);
font-size: var(--text-xs);
font-weight: 600;
white-space: nowrap;
background: var(--neutral-ultra-light);
color: var(--text-dark-muted);
&[data-tone="ok"] { background: var(--success-ultra-light); color: color-mix(in oklch, var(--success) 55%, black); }
&[data-tone="bad"] { background: var(--danger-ultra-light); color: var(--danger); }
}
.hs-proof__actions {
  display: flex; gap: calc(var(--u) * 8);
}
.site-mobile {
  display: flex;
flex-direction: column;
gap: var(--space-s);
padding-block: var(--space-l) var(--space-m);
}
.legal__body {
  inline-size: 100%;
max-inline-size: calc(var(--content-width) * 0.62);
color: var(--text-dark-muted);
font-size: var(--text-m);
line-height: 1.7;
& p, & .legal__list, & .legal__table-wrap { margin: 0 0 1em; }
& strong { font-weight: 600; color: var(--text-dark); }
}
.mk-tilerow__slot {
  min-inline-size: 0;
}
.site-main {
  display: block;
@media (prefers-reduced-motion: no-preference) {
  & [data-rise="pending"] { opacity: 0; }
  & [data-rise="in"] { animation: sy-rise 1.15s cubic-bezier(0.16, 1, 0.3, 1) both; }
}
}
.mk-site__title {
  margin-block-start: calc(var(--u) * 10);
font-size: calc(var(--u) * 25);
font-weight: 500;
line-height: 1.02;
letter-spacing: -0.04em;
}
.hs-thread {
  &.hs-thread {
flex: 1 1 calc(var(--u) * 360);
max-inline-size: calc(var(--u) * 500);
min-inline-size: 0;
min-block-size: calc(var(--u) * 384);
}
}
.hs-web__page {
  display: flex; flex: 1; flex-direction: column; gap: calc(var(--u) * 10); padding: calc(var(--u) * 10) calc(var(--u) * 12);
}
.hs-people__row {
  display: grid;
grid-template-columns: calc(var(--u) * 30) minmax(0, 1fr) auto;
align-items: center;
gap: calc(var(--u) * 10);
padding-block: calc(var(--u) * 10);
border-block-start: var(--border);
&.hs-people__row--due { margin: calc(var(--u) * 6) calc(var(--u) * -8) 0; padding-inline: calc(var(--u) * 8); border: 0; border-radius: calc(var(--u) * 8); transition: background-color 0.4s ease; }
&.hs-people__row--due[data-state="on"] { background: var(--primary-ultra-light); }
}
.mk-pill {
  flex: none;
padding: calc(var(--u) * 5) calc(var(--u) * 9);
border-radius: var(--radius-circle);
background: var(--neutral-ultra-light);
color: var(--text-dark-muted);
font-size: calc(var(--u) * 11.5);
font-weight: 500;
white-space: nowrap;
transition: background-color 0.3s ease, color 0.3s ease;
&[data-state="on"], &[data-state="replied"] { background: var(--primary); color: var(--white); }
&[data-state="booked"] { background: var(--text-dark); color: var(--white); }
&[data-state="sent"] { background: color-mix(in oklch, var(--neutral-light) 45%, var(--white)); }
&[data-state="queued"] { color: var(--neutral-semi-light); }
&[data-state="soft"] { background: var(--primary-ultra-light); color: var(--primary); }
}
.mk-tilecard__title {
  overflow: hidden;
font-size: calc(var(--u) * 13);
font-weight: 600;
white-space: nowrap;
text-overflow: ellipsis;
}
.faq__ask-btn {
  &.faq__ask-btn { margin-block-start: var(--space-s); }
}
.hero__inner {
  flex: 1;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(17.5rem, 23.75rem);
align-items: center;
gap: var(--space-xl);
@container (width < 60rem) { & { grid-template-columns: minmax(0, 1fr); } }
}
.hs-pay__amount {
  font-size: calc(var(--u) * 26); letter-spacing: -0.04em; text-align: center;
}
.hs-call-log__wave {
  display: flex;
align-items: center;
gap: calc(var(--u) * 3);
block-size: calc(var(--u) * 38);
margin-block-start: calc(var(--u) * 14);
}
.toggle-animated-hamburger-1 {
  --transition-duration-rotate: var(--toggle-transition-duration, 0.2s);
  --transition-duration-collapse: calc(var(--transition-duration-rotate) / 1.5);
  inline-size: var(--toggle-icon-size, 1.25em);
  block-size: var(--toggle-icon-size, 1.25em);
  color: inherit;

  [class*='hamburger-line'] {
    stroke: var(--toggle-icon-color, currentColor);
    stroke-width: var(--toggle-icon-line-width, 8px);
    stroke-linecap: round;
    transition:
      /* rotation starts slightly after collapse begins */
      rotate var(--transition-duration-rotate) var(--ease-smooth),
      /* collapse moves start immediately */ transform var(--transition-duration-collapse) var(--ease-smooth) var(--transition-duration-rotate);
    transform-origin: center;
    transform: translateX(0) translateY(0);
    rotate: 0deg;
  }

  .toggle.active & .hamburger-line--top {
    transform: translateY(20px) translateX(0px);
    rotate: 45deg;
    transition:
      transform var(--transition-duration-collapse) var(--ease-smooth),
      rotate var(--transition-duration-rotate) var(--ease-smooth) var(--transition-duration-collapse);
  }

  .toggle.active & .hamburger-line--bottom {
    transform: translateY(-20px) translateX(0px);
    rotate: -45deg;
    transition:
      transform var(--transition-duration-collapse) var(--ease-smooth),
      rotate var(--transition-duration-rotate) var(--ease-smooth) var(--transition-duration-collapse);
  }
}
.legal__table-wrap {
  inline-size: 100%; overflow-x: auto;
}
.hs-serp__glyph {
  flex: none; inline-size: calc(var(--u) * 13); aspect-ratio: 1; color: var(--text-dark-muted);
}
.svp-feat {
  position: relative;
display: flex;
align-items: center;
gap: calc(var(--space-xs) * 0.85);
inline-size: 100%;
margin-block-end: calc(var(--space-xs) * 0.3);
padding: calc(var(--space-xs) * 0.95);
overflow: hidden;
border: 0;
border-radius: calc(var(--radius) * 0.8);
background: transparent;
font: inherit;
text-align: start;
cursor: pointer;
transition: background-color 0.3s ease;
&.svp-feat { color: var(--text-dark); }
&[data-state="on"] { background: var(--primary-ultra-light); }
&[data-state="on"] .sy-tile { background: var(--primary); color: var(--white); }
&:focus-visible { outline: 2px solid var(--primary); outline-offset: -2px; }
}
.review-card__figure {
  font-family: var(--heading-font-family);
font-size: calc(var(--h2) * 0.83);
font-weight: 600;
line-height: 0.95;
letter-spacing: -0.05em;
color: var(--secondary);
}
.prc-table-wrap {
  inline-size: 100%; margin-block-start: var(--space-xxl); overflow-x: auto;
}
.hs-toggle__knob {
  display: block;
inline-size: calc(var(--u) * 16);
aspect-ratio: 1;
border-radius: 50%;
background: var(--white);
transition: translate 0.3s cubic-bezier(0.16, 1, 0.3, 1);
[data-state="on"] > & { translate: calc(var(--u) * 16) 0; }
}
.hs-call__buttons {
  position: absolute;
inset: 0;
display: flex;
justify-content: space-around;
align-items: center;
}
.hero-note__when {
  align-self: start;
font-size: calc(var(--u) * 11);
color: var(--text-dark-muted);
}
.hs-avatar {
  display: grid;
flex: none;
place-items: center;
inline-size: calc(var(--u) * 30);
aspect-ratio: 1;
border-radius: 50%;
font-size: calc(var(--u) * 11);
font-weight: 600;
background: color-mix(in oklch, var(--primary) 18%, var(--white));
&[data-tint="a"] { background: color-mix(in oklch, var(--danger) 20%, var(--white)); }
&[data-tint="b"] { background: color-mix(in oklch, var(--success) 16%, var(--white)); }
&.hs-avatar--xs { inline-size: calc(var(--u) * 26); font-size: calc(var(--u) * 10); }
}
.mini__approve {
  flex: 1;
display: flex;
align-items: center;
justify-content: center;
gap: calc(var(--u) * 6);
padding-block: calc(var(--u) * 7);
border-radius: calc(var(--u) * 6);
background: var(--primary);
color: var(--white);
font-weight: 600;
& .tick { inline-size: calc(var(--u) * 10); block-size: calc(var(--u) * 10); color: currentColor; }
}
.brief__again {
  &.brief__again { align-self: flex-start; margin-block-start: calc(var(--space-xs) * 0.6); }
}
.hs-thread__row {
  position: relative;
display: flex;
flex-shrink: 0;  /* its min-block-size let the thread squeeze a row under its bubble: on a narrow card the next bubble overlapped it */
justify-content: flex-start;
min-block-size: calc(var(--u) * 36);
&[data-side="out"] { justify-content: flex-end; }
}
.scene__frame {
  transition: opacity 0.35s ease;
&[data-stage="off"] { opacity: 0; }
}
.hs-note__copy {
  display: flex;
flex-direction: column;
& > span { color: var(--text-dark-muted); }
}
.mk-svc {
  display: flex;
justify-content: space-between;
align-items: center;
padding: calc(var(--u) * 9) calc(var(--u) * 12);
border: calc(var(--u) * 1.5) solid var(--border-color-dark);
border-radius: calc(var(--u) * 10);
transition: border-color 0.3s ease;
&[data-state="sel"] { border-color: var(--primary); }
}
.price-card__point {
  display: inline-flex;
align-items: center;
gap: calc(var(--space-xs) * 0.4);
font-size: calc(var(--text-s) * 0.9);
color: var(--text-dark-muted);
& .ico { inline-size: 1.15em; block-size: 1.15em; color: color-mix(in oklch, var(--success) 70%, black); }
}
.mk-board__pair {
  display: grid;
grid-template-columns: var(--grid-2);
gap: calc(var(--u) * 10);
}
.phone__charge {
  position: absolute;
inset: calc(var(--u) * 1) auto calc(var(--u) * 1) calc(var(--u) * 1);
inline-size: calc(var(--u) * 15);
border-radius: calc(var(--u) * 1.5);
background: var(--success);
}
.price-card__cta {
  &.price-card__cta { margin-block-start: var(--space-s); }
}
.site-header__inner {
  inline-size: 100%; max-inline-size: var(--content-width); margin-inline: auto;  /* ACSS content width, as the sections (Paul, 11 Oct) */
}
.hs-status {
  display: flex;
flex: none;
justify-content: space-between;
align-items: center;
block-size: calc(var(--u) * 30);
padding-inline: calc(var(--u) * 18);
font-size: calc(var(--u) * 11);
font-weight: 600;
}
.hs-call-log__id {
  display: flex;
flex-direction: column;
min-inline-size: 0;
& > strong { font-size: calc(var(--u) * 16); }
& > span { font-size: calc(var(--u) * 12.5); color: color-mix(in oklch, var(--white) 60%, transparent); }
}
.mini__tiles {
  display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: calc(var(--u) * 5);
padding: calc(var(--u) * 6);
background: var(--white);
}
.review-card__role {
  font-size: calc(var(--text-s) * 0.87);
color: var(--text-light-muted);
}
.contact-hero__dot {
  inline-size: 0.625rem;
aspect-ratio: 1;
border-radius: 50%;
box-shadow: 0 0 0 2px var(--base);
& + & { margin-inline-start: -0.2rem; }
&[data-app="wa"] { background: #25D366; }
&[data-app="fb"] { background: #0866FF; }
&[data-app="sms"] { background: var(--white); }
}
.mini__tile {
  padding: calc(var(--u) * 5) calc(var(--u) * 6);
border-radius: calc(var(--u) * 4);
background: var(--bg-light);
font-size: calc(var(--u) * 8.5);
font-weight: 600;
}
.hs-book__slot {
  padding-block: calc(var(--u) * 6);
border: var(--border);
border-radius: calc(var(--u) * 6);
transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
&[data-state="taken"] { border-color: transparent; background: var(--bg-light); color: var(--neutral-semi-light); text-decoration: line-through; }
&[data-state="sel"] { border-color: var(--primary); background: var(--primary); font-weight: 600; color: var(--white); }
}
.svp-app__act {
  display: flex;
justify-content: center;
padding: calc(var(--u) * 10);
border: 0;
border-radius: calc(var(--u) * 9);
background: var(--primary);
color: var(--white);
font: inherit;
font-size: calc(var(--u) * 12);
font-weight: 600;
cursor: pointer;
transition: background-color 0.3s ease;
&[aria-pressed="true"] { background: color-mix(in oklch, var(--success) 70%, black); }
}
.hs-pill {
  display: flex;
align-self: flex-start;
align-items: center;
gap: calc(var(--u) * 7);
margin-block-start: calc(var(--u) * 4);
padding: calc(var(--u) * 6) calc(var(--u) * 10);
border-radius: calc(var(--u) * 6);
background: var(--primary-ultra-light);
color: var(--primary);
font-size: calc(var(--u) * 12.5);
font-weight: 600;
}
.mk-thread__number {
  margin-block-start: calc(var(--u) * 6);
font-size: calc(var(--u) * 12.5);
font-weight: 600;
}
.svp-bar__fill {
  block-size: var(--h, 50%);
border-radius: calc(var(--radius) * 0.4);
background: var(--primary-ultra-light);
transform-origin: bottom;
[data-highlight="true"] > & { background: var(--primary); }
@media (prefers-reduced-motion: no-preference) {
  [data-rise="in"] & { animation: sy-grow 1.1s cubic-bezier(0.16, 1, 0.3, 1) both; }
  .svp-bar:nth-child(2) > & { animation-delay: 0.08s; } .svp-bar:nth-child(3) > & { animation-delay: 0.16s; }
  .svp-bar:nth-child(4) > & { animation-delay: 0.24s; } .svp-bar:nth-child(5) > & { animation-delay: 0.32s; }
  .svp-bar:nth-child(6) > & { animation-delay: 0.4s; } .svp-bar:nth-child(7) > & { animation-delay: 0.48s; }
}
}
.hs-chipcard__glyph {
  inline-size: calc(var(--u) * 13); aspect-ratio: 1; color: var(--primary);
}
.faq__ask-label {
  display: inline-flex;
align-items: center;
gap: calc(var(--space-xs) * 0.75);
}
.hs-call__btn-glyph {
  inline-size: calc(var(--u) * 20);
aspect-ratio: 1;
&.hs-call__btn-glyph--down { rotate: 135deg; }
}
.faq__inner {
  display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr);
gap: var(--space-xl);
@container (width < 56.25rem) { & { grid-template-columns: minmax(0, 1fr); } }
}
.brief__pill {
  display: flex;
align-items: center;
gap: calc(var(--space-xs) * 0.9);
min-block-size: 3rem;
padding: calc(var(--space-xs) * 0.8) calc(var(--space-xs) * 1.1) calc(var(--space-xs) * 0.8) calc(var(--space-xs) * 0.8);
border: 0;
border-radius: calc(var(--radius) * 0.8);
background: color-mix(in oklch, var(--primary) 4%, var(--white));
box-shadow: inset 0 0 0 1px color-mix(in oklch, var(--primary) 30%, transparent);
color: var(--text-dark);
font: inherit;
font-size: var(--text-m);
font-weight: 600;
text-align: start;
cursor: pointer;
transition: background-color 0.25s ease, box-shadow 0.25s ease, translate 0.4s cubic-bezier(0.16, 1, 0.3, 1);
&:hover { translate: 0 -1px; }
&[aria-pressed="true"] { background: color-mix(in oklch, var(--primary) 10%, var(--white)); box-shadow: inset 0 0 0 2px var(--primary); }
/* ACSS's focus style drops the border; keep it and add a clear ring for keyboard users */
&.brief__pill:focus-visible { box-shadow: inset 0 0 0 1px color-mix(in oklch, var(--primary) 30%, transparent); outline: 2px solid var(--primary); outline-offset: 2px; }
&.brief__pill[aria-pressed="true"]:focus-visible { box-shadow: inset 0 0 0 2px var(--primary); }
@media (width < 47.5rem) { & { gap: calc(var(--space-xs) * 0.6); min-block-size: calc(var(--space-xs) * 3.1); padding: calc(var(--space-xs) * 0.55) calc(var(--space-xs) * 0.6); font-size: var(--text-s); line-height: 1.25; } }
}
.svp-avatar {
  display: grid;
flex: none;
place-items: center;
inline-size: 2.875rem;
aspect-ratio: 1;
border-radius: 50%;
background: var(--warning-ultra-light);
font-size: var(--text-s);
font-weight: 600;
color: var(--text-dark);
&[data-tint="cool"] { background: var(--primary-ultra-light); }
&[data-tint="green"] { background: var(--success-ultra-light); }
&.svp-avatar--logo { inline-size: var(--space-xl); overflow: hidden; background: var(--white); }
}
.review-card__id {
  display: grid;
min-inline-size: 0;
}
.mini__fig {
  margin: 0;
}
.hs-speed {
  display: grid;
flex: none;
place-items: center;
inline-size: calc(var(--u) * 68);
aspect-ratio: 1;
border-radius: 50%;
background: conic-gradient(color-mix(in oklch, var(--success) 78%, black) var(--deg, 0deg), var(--bg-light) 0);
}
.mk-event {
  display: grid;
grid-template-columns: calc(var(--u) * 46) minmax(0, 1fr) auto;
align-items: center;
gap: calc(var(--u) * 14);
padding: calc(var(--u) * 10) calc(var(--u) * 8);
border-radius: calc(var(--u) * 12);
transition: background-color 0.4s ease;
&[data-state="on"] { background: var(--primary-ultra-light); }
}
.svp-app__venue {
  font-size: calc(var(--u) * 11); font-weight: 600; color: var(--primary);
}
.prc-calc__note {
  margin: 0; font-size: var(--text-xs); color: color-mix(in oklch, var(--white) 50%, transparent);
}
.mk-results {
  display: flex;
flex-direction: column;
gap: calc(var(--u) * 8);
margin-block-start: calc(var(--u) * 14);
}
.toggle__label {
  position: relative;
  display: inline-block;
  overflow: hidden;
  transition: inline-size var(--toggle-transition-duration, 0.2s) var(--ease-smooth);
  inline-size: fit-content;

  .toggle__label-text {
    display: block;
    white-space: nowrap;
    inline-size: fit-content;
  }

  /* For alternate mode: stack vertically */
  .label-off,
  .label-on {
    transition:
      transform 0.2s var(--ease-smooth),
      opacity 0.2s var(--ease-smooth);
    line-height: 1.2;
  }

  .label-off {
    transform: translateY(0%);
    opacity: 1;
  }

  .label-on {
    transform: translateY(100%);
    opacity: 0;
    position: absolute;
  }
}
.hs-auto__col {
  &.hs-auto__col {
flex: 1 1 calc(var(--u) * 150);
max-inline-size: calc(var(--u) * 224);
min-inline-size: 0;
block-size: calc(var(--u) * 340);
}
}
.mk-thread {
  position: absolute;
inset: 0;
display: flex;
flex-direction: column;
background: color-mix(in oklch, var(--success) 5%, var(--bg-light));
}
.prc-calc__lead {
  display: flex; flex-direction: column; gap: calc(var(--space-xs) * 0.8);
}
.book-form__status {
  min-block-size: 1lh;
margin: 0;
font-size: var(--text-s);
color: var(--text-dark-muted);
}
.brief__pick {
  padding: calc(var(--space-xs) * 0.55) var(--space-xs);
border-radius: 999px;
background: var(--primary-ultra-light);
color: var(--primary);
font-size: var(--text-s);
font-weight: 600;
}
.hs-diary__row {
  display: grid;
grid-template-columns: calc(var(--u) * 46) minmax(0, 1fr);
align-items: center;
gap: calc(var(--u) * 10);
}
.band {
  position: relative;
isolation: isolate;
overflow: clip;
--beam-x: 72%;
/* doubled: ACSS's .bg--dark { background } loads after the records on the live site and wiped the glow (Paul, 11 Oct) */
&.band { background:
  radial-gradient(ellipse 95% 85% at 50% 40%, transparent 55%, color-mix(in oklch, black 42%, transparent)),
  radial-gradient(circle calc(var(--content-width) * 0.4) at 8% 118%, color-mix(in oklch, var(--primary) 34%, transparent), transparent 72%),
  radial-gradient(ellipse 70% 60% at var(--glow-x, 85%) 0%, color-mix(in oklch, var(--secondary) 18%, transparent), transparent 60%),
  linear-gradient(160deg, var(--base) 0%, var(--base) 38%, color-mix(in oklch, var(--base) 72%, var(--primary)) 100%); }
&::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset-block-start: -30%;
  inset-inline-start: var(--beam-x);
  inline-size: calc(var(--content-width) * 0.8);
  aspect-ratio: 11 / 9;
  translate: -50% 0;
  pointer-events: none;
  background: radial-gradient(ellipse 40% 55% at 50% 0%, color-mix(in oklch, var(--secondary) 26%, transparent),
    color-mix(in oklch, var(--primary) 10%, transparent) 45%, transparent 70%);
  animation: sy-beam 10s ease-in-out infinite;
}
&::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  opacity: 0.09;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
}
.hs-call__badge-copy {
  display: flex;
flex-direction: column;
font-size: calc(var(--u) * 12);
line-height: 1.35;
& > span { color: color-mix(in oklch, var(--white) 60%, transparent); }
}
.prc-hero__chips {
  display: flex; flex-wrap: wrap; justify-content: center; gap: calc(var(--space-xs) * 0.8);
}
.mk-camp {
  display: flex;
justify-content: space-between;
align-items: center;
gap: calc(var(--u) * 12);
padding-block-end: calc(var(--u) * 14);
border-block-end: calc(var(--u) * 1) solid var(--border-color-dark);
}
.mk-block__sub {
  overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
opacity: 0.75;
}
.hs-book {
  display: flex;
flex: 1;
flex-direction: column;
gap: calc(var(--u) * 5);  /* 7 in design clipped the pay button off the screen (Paul, 11 Oct) */
padding: calc(var(--u) * 6) calc(var(--u) * 12) calc(var(--u) * 12);
}
.svp-quote__text {
  margin: 0;
& p { margin: 0; font-size: calc(var(--h2) * 0.4 + var(--h3) * 0.4); font-weight: 600; line-height: 1.14; letter-spacing: -0.035em; text-wrap: balance; }
}
.prc-card__assure {
  display: flex;
flex-wrap: wrap;
justify-content: center;
gap: calc(var(--space-xs) * 0.6) var(--space-m);
margin: 0;
padding: 0;
list-style: none;
font-size: var(--text-s);
color: var(--text-dark-muted);
}
.hs-repeat {
  &.hs-repeat {
flex: 1 1 calc(var(--u) * 220);
max-inline-size: calc(var(--u) * 260);
min-inline-size: 0;
block-size: calc(var(--u) * 384);
gap: 0;
}
}
.hs-sms__body--stack {
  &.hs-sms__body--stack {
display: flex; flex-direction: column; gap: calc(var(--u) * 8);
}
}
.mk-site__why {
  padding: calc(var(--u) * 4) calc(var(--u) * 16) calc(var(--u) * 12);
}
.hs-web__form {
  position: absolute;
inset: auto 0 0;
display: flex;
flex-direction: column;
gap: calc(var(--u) * 7);
padding: calc(var(--u) * 14) calc(var(--u) * 12) calc(var(--u) * 12);
border-radius: calc(var(--u) * 18) calc(var(--u) * 18) 0 0;
background: var(--white);
box-shadow: 0 calc(var(--u) * -12) calc(var(--u) * 30) calc(var(--u) * -12) color-mix(in oklch, var(--base) 30%, transparent);
transition: translate 0.6s cubic-bezier(0.16, 1, 0.3, 1);
&[data-state="down"] { translate: 0 105%; }
& > strong { font-size: calc(var(--u) * 13.5); }
}
.book__close {
  display: inline-flex;
align-items: center;
gap: calc(var(--space-xs) * 0.75);
block-size: 2.5rem;
padding-inline: var(--space-xs);
border: var(--border);
border-radius: var(--btn-radius);
background: transparent;
font-size: calc(var(--text-s) * 0.93);
font-weight: 500;
cursor: pointer;
&.book__close { color: var(--text-dark); line-height: 1; letter-spacing: normal; text-transform: none; }
&:hover { border-color: color-mix(in oklch, var(--text-dark) 30%, transparent); }
& svg { display: block; inline-size: 0.9em; block-size: 0.9em; }
}
.btn--ink {
  --btn-background: var(--text-dark);
--btn-background-hover: var(--text-dark);
--btn-text-color: var(--white);
--btn-text-color-hover: var(--white);
--btn-border-color: var(--text-dark);
--btn-border-color-hover: var(--text-dark);
--btn-glow: color-mix(in oklch, var(--base) 40%, transparent);
gap: calc(var(--space-xs) * 0.75);
&.btn--outline {
  --btn-background: transparent;
  --btn-background-hover: color-mix(in oklch, var(--text-dark) 6%, transparent);
  --btn-text-color: var(--text-dark);
  --btn-text-color-hover: var(--text-dark);
  --btn-border-width: var(--border-width);
  --btn-border-color: color-mix(in oklch, var(--text-dark) 22%, transparent);
  --btn-border-color-hover: color-mix(in oklch, var(--text-dark) 50%, transparent);
}
transition: translate 0.5s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.5s cubic-bezier(0.16, 1, 0.3, 1),
  background-color var(--transition), color var(--transition), border-color var(--transition);
@media (hover: hover) {
  &:hover { translate: 0 calc(var(--space-xs) / -6); box-shadow: 0 calc(var(--space-xs) * 0.8) calc(var(--space-l) * 0.8) calc(var(--space-xs) * -0.6) var(--btn-glow, color-mix(in oklch, var(--primary) 50%, transparent)); }
}
&:active { translate: none; transition-duration: 0.15s; }
@media (prefers-reduced-motion: reduce) { &:hover { translate: none; } }
}
.svp-voice__figure {
  margin: 0;
font-size: calc(var(--h1) * 0.8);  /* fits £14k in the column (Paul, 11 Oct: "just shrink the big text") */
font-weight: 600;
line-height: 0.85;
letter-spacing: -0.06em;
white-space: nowrap;
font-variant-numeric: tabular-nums;
color: var(--white);
@media (width < 56.25rem) { & { font-size: calc(var(--h1) * 1.28); } }
}
.prc-chip {
  display: inline-flex;
align-items: center;
gap: calc(var(--space-xs) * 0.8);
padding: calc(var(--space-xs) * 0.6) var(--space-s) calc(var(--space-xs) * 0.6) calc(var(--space-xs) * 0.6);
border-radius: 999px;
background: color-mix(in oklch, var(--white) 6%, transparent);
box-shadow: inset 0 0 0 1px color-mix(in oklch, var(--white) 14%, transparent);
font-size: var(--text-m);
font-weight: 500;
text-decoration: none;
transition: background-color 0.3s ease, translate 0.5s cubic-bezier(0.16, 1, 0.3, 1);
&.prc-chip { color: var(--white); }
&:hover { background: color-mix(in oklch, var(--white) 12%, transparent); translate: 0 -3px; }
&[data-optional="true"] { background: transparent; outline: 1px dashed color-mix(in oklch, var(--white) 28%, transparent); outline-offset: -1px; }
&[data-optional="true"].prc-chip { color: color-mix(in oklch, var(--white) 80%, transparent); }
}
.ico--lead {
  inline-size: 1.35em; block-size: 1.35em;
}
.price-card__detail {
  color: var(--text-dark-muted);
}
.header-wrapper {
  pointer-events: none;
  z-index: 50;
  padding: 0;
  > * {
    pointer-events: auto;
  }
  /* # HEADER */
  /* ## Overlay & Sticky Header */
  &[data-overlay-header='true'],
  &[data-sticky-header='true'] {
    inset-block-start: var(--wp-admin--admin-bar--height, 0px);
  }

  &[data-overlay-header='true'] {
    position: absolute;
  }

  &[data-sticky-header='true'] {
    position: sticky;
  }

  &[data-sticky-header='true'][data-overlay-header='true'] {
    position: fixed;
  }

  &[data-overlay-header='true'][data-overlay-header-offset='true'] + main > :first-child > :first-child {
    margin-block-start: var(--header-height);
  }

  /* ### hide on scroll */
  &[data-hide-on-scroll='true'] .header {
    transition: transform 0.4s var(--ease-swift);
  }
  /* ### if hiding the header move the header up on scroll */
  &.hide .header {
    transform: translateY(-100%);
  }
  &:has(.menu-wrapper.mobile) {
    .toggle {
      display: flex;
      z-index: 1000;
    }
  }
  /* ## Skip Link */
  .skip-link {
    position: absolute;
    top: -1500px;
    left: 32px;
    overflow: hidden;
    z-index: 999;
    background: white;
    color: black;
    border: none;
    &:focus-visible {
      top: 32px;
    }
  }
  /* # VARIABLES */
  /* ## Link Vars */
  --link-color: var(--text-color-dark);
  --link-color-hover: var(--text-dark);
  --link-color-active: var(--link-color-hover);
  --link-bg-color: transparent;
  --link-bg-color-hover: var(--bg-light);
  --link-bg-color-active: var(--link-bg-color-hover);
  --link-font-weight: var(--btn-font-weight);
  --link-transition: all 0.2s ease-out;
  --link-padding-inline: var(--btn-padding-inline);
  --link-padding-block: var(--btn-padding-block);
  --link-border-radius: var(--btn-border-radius);
  /* ## Dropdown Vars */
  --dropdown-padding: var(--space-s);
  --dropdown-border-radius: var(--radius);
  --dropdown-border-width: 0px;
  --dropdown-border-color: var(--border-color-dark);
  --dropdown-bg: white;
  --dropdown-box-shadow: 0px 1px 1px rgba(3, 7, 18, 0.01), 0px 2px 3px rgba(3, 7, 18, 0.01), 0px 5px 6px rgba(3, 7, 18, 0.01), 0px 8px 11px rgba(3, 7, 18, 0.02), 0px 13px 18px rgba(3, 7, 18, 0.03), 0px 18px 25px rgba(3, 7, 18, 0.03), 0px 25px 34px rgba(3, 7, 18, 0.04), 0px 32px 45px rgba(3, 7, 18, 0.04);
  --dropdown-link-min-border-radius: 8px;
  --dropdown-link-padding-block: 0.75em;
  --dropdown-link-padding-inline: 0.75em;
  --dropdown-link-font-weight: var(--link-font-weight);
  --dropdown-link-color: var(--link-color);
  --dropdown-link-color-hover: var(--link-color-hover);
  --dropdown-link-color-active: var(--link-color-active);
  --dropdown-link-bg-color: var(--link-bg-color);
  --dropdown-link-bg-color-hover: var(--link-bg-color-hover);
  --dropdown-link-bg-color-active: var(--link-bg-color-active);
  /* ### available dropdown vars
  --dropdown-transition-property
  --dropdown-transition-duration
  --dropdown-transition-delay
  --dropdown-transition-timing
  */
  /* ### starting position for dropdown when closed on desktop (closed)*/
  --dropdown-closed-top: calc(var(--space-m) + 20px);
  /* ### ending position for dropdown when open on desktop (open)*/
  --dropdown-open-top: calc(var(--space-m) + 20px);
  /* ## Mobile Vars */
  --mobile-menu-padding-inline: var(--gutter);
  --mobile-menu-padding-block: var(--space-m);
  --mobile-menu-bg-color: var(--white);
  --mobile-menu-width: 768px;
  --mobile-dropdown-stacked-timing: cubic-bezier(0.86, 0.01, 0.09, 1.01);
  /* # DROPDOWN SETTINGS */
  /* ## Global Dropdown Animation (Closed) */
  .menu-dropdown .menu-dropdown__content-wrapper {
    filter: blur(4px);
  }
  /* ## Global Dropdown Animation (Open) */
  .menu-dropdown.is-open > .menu-dropdown__content-wrapper {
    filter: blur(0);
  }
  /* ## Desktop Dropdown Animation (Closed) */
  .menu-wrapper.desktop .menu-dropdown .menu-dropdown__content-wrapper,
  .menu-wrapper.desktop .morph-container {
    scale: 0.95;
  }
  /* ## Desktop Dropdown Animation (Open) */
  .menu-wrapper.desktop .menu-dropdown.is-open > .menu-dropdown__content-wrapper,
  .menu-wrapper.desktop .morph-container.is-active {
    scale: 1;
  }
  /* ## Dropdown Back Button */
  .menu-dropdown-back-button {
    font-weight: var(--link-font-weight);
    padding-block: 1em;
    padding-inline: var(--mobile-menu-padding-inline);
    color: var(--link-color);
    background-color: var(--mobile-menu-bg-color);
    border-block-end: 1px solid #ececec;
  }
  /* # ON DESKTOP */
  .menu-wrapper.desktop {
    /* ## Top Level Links */
    .nav__list > li > *:is(a, button) {
      color: var(--link-color);
      text-decoration: none;
      line-height: 100%;
      border-radius: var(--link-border-radius);
      transition: var(--link-transition);
      padding-inline: var(--link-padding-inline);
      padding-block: var(--link-padding-block);
      font-weight: var(--link-font-weight);
      &:hover,
      &.active {
        background-color: var(--link-bg-color-hover);
        color: var(--link-color-hover);
      }
      &.active-link {
        color: var(--link-color-active);
        background: var(--link-bg-color-active);
      }
    }
    /* ## Last Top Level Item as Button (uncomment if wanted)
    .nav__list > li:last-child > *:is(a, button) {
      --btn-background: var(--primary);
      --btn-background-hover: var(--primary-hover);
      --btn-text-color: var(--primary-ultra-light);
      --btn-text-color-hover: var(--primary-ultra-light);
      --btn-border-color: var(--primary);
      --btn-border-color-hover: var(--primary-hover);
      --btn-outline-background-hover: var(--primary-hover);
      --btn-outline-border-hover: var(--primary-hover);
      --btn-outline-text-color: var(--primary);
      --btn-outline-text-color-hover: var(--primary-ultra-light);
      --focus-color: var(--primary-dark);
      padding-block: var(--btn-padding-block);
      padding-inline: var(--btn-padding-inline);
      min-inline-size: var(--btn-min-width);
      line-height: var(--btn-line-height);
      font-size: var(--btn-font-size, var(--text-m));
      font-weight: var(--btn-font-weight);
      font-style: var(--btn-font-style);
      text-decoration: var(--btn-text-decoration);
      text-transform: var(--btn-text-transform);
      letter-spacing: var(--btn-letter-spacing);
      border-width: var(--btn-border-width);
      border-style: var(--btn-border-style);
      border-radius: var(--btn-border-radius);
      display: var(--btn-display, inline-flex);
      text-align: center;
      justify-content: center;
      align-items: center;
      background: var(--btn-background);
      color: var(--btn-text-color);
      border-color: var(--btn-border-color);
      transition: var(--btn-transition, var(--transition));
    
      &:hover, &:focus-visible {
        background: var(--btn-background-hover);
        border-color: var(--btn-border-color-hover);
        color: var(--btn-text-color-hover);
        text-decoration: var(--btn-text-decoration-hover);
      }
    }
    */
    /* ## Direct List Items */
    .nav__list > li {
      inline-size: fit-content;
    }
    /* ## Links Inside Standard Dropdown */
    .menu-dropdown__content > li > *:is(a, button) {
      color: var(--link-color);
      text-decoration: none;
      line-height: 100%;
      padding-block: var(--dropdown-link-padding-block);
      padding-inline: var(--dropdown-link-padding-inline);
      color: var(--dropdown-link-color);
      background-color: var(--dropdown-link-bg-color);
      border-radius: max(calc(var(--dropdown-border-radius) - var(--dropdown-padding)), var(--dropdown-link-min-border-radius));
      transition: var(--link-transition);
      white-space: nowrap;
      font-weight: var(--dropdown-link-font-weight);
      &:hover,
      &.active {
        background-color: var(--dropdown-link-bg-color-hover);
        color: var(--dropdown-link-color-hover);
      }
      &.active-link {
        color: var(--dropdown-link-color-active);
        background: var(--dropdown-link-bg-color-active);
      }
    }
  }
  /* # ON MOBILE */
  .menu-wrapper.mobile {
    /* ## Top Level & Dropdown Links */
    .nav__list > li > *:is(a, button),
    .menu-dropdown__content > li > *:is(a, button) {
      color: var(--link-color);
      text-decoration: none;
      line-height: 100%;
      font-weight: var(--btn-font-weight);
      padding-block: var(--btn-padding-block);
      background-color: var(--link-bg-color);
      transition: var(--link-transition);
      padding-inline: 0;
    }
    .menu-wrapper__inner {
      display: flex;
      flex-direction: column;
    }
    .nav {
      flex: 1;
      position: relative;
      padding-inline: var(--mobile-menu-padding-inline);
      overflow-y: auto;
      overflow-x: clip;
    }
    .nav__list {
      flex-direction: column;
      flex-grow: 1;
      block-size: 100%;
      > li {
        inline-size: 100%;
        max-inline-size: 100%;
        > a,
        .menu-dropdown,
        .menu-dropdown__trigger {
          inline-size: 100%;
        }
      }
    }
    .menu-dropdown__trigger {
      inline-size: 100%;
      justify-content: space-between;
    }
    /* ## Spacing Refinements */
    :where(& .menu-dropdown__content-wrapper.stacked-mode .menu-dropdown__content) {
      padding-block: var(--mobile-menu-padding-block);
      padding-inline: var(--mobile-menu-padding-inline);
    }
    :where(& .menu-dropdown.accordion-mode .menu-dropdown__content) {
      padding-inline: var(--space-xs);
    }
    :where(& .menu-dropdown.accordion-mode[data-mega-menu='true'] .menu-dropdown__content) {
      padding-block: var(--space-xs);
    }
  }
/* Siteyard (sy_vendor.OVERRIDES) */
--link-color: color-mix(in oklch, var(--white) 72%, transparent);
--link-color-hover: var(--white);
--link-color-active: var(--white);
--link-bg-color-hover: transparent;
--link-font-weight: 500;
--link-padding-inline: calc(var(--space-xs) * 0.75);
--link-padding-block: 0.5em;
--dropdown-padding: 0;
--dropdown-border-radius: 0;
--dropdown-bg: var(--base);
--dropdown-box-shadow: 0 2.5rem 5rem color-mix(in oklch, black 35%, transparent);
--dropdown-closed-top: 0;
--dropdown-open-top: 0;
--mobile-menu-padding-inline: var(--gutter);
--mobile-menu-bg-color: var(--base);
--mobile-menu-width: 100%;
color: var(--white);
& .menu-dropdown .menu-dropdown__content-wrapper { filter: none; }
& .menu-wrapper.desktop .menu-dropdown .menu-dropdown__content-wrapper { scale: 1; }
inset-inline: 0;
/* The wrapper is ACSS's header height (Layout > Header, 84px). Nick's script writes the wrapper's measured height
   back to --header-height, so the wrapper must not grow past it: the bar inside shrinks on scroll, the wrapper doesn't. */
block-size: var(--header-height);
--bar: var(--header-height);
--toggle-icon-color: var(--white);
--dropdown-trigger-icon-size: 0.7em;
/* the nav bar and its panel share one lifted surface (the 11 Oct design's #151D30) */
--nav-surface: color-mix(in oklch, var(--white) 4%, var(--base));
--dropdown-closed-top: var(--space-s);
--dropdown-open-top: calc(var(--space-xs) * 1.05);
--dropdown-border-radius: calc(var(--radius) * 1.4);
--dropdown-border-width: var(--border-width);
--dropdown-border-color: color-mix(in oklch, var(--white) 14%, transparent);
--dropdown-bg: var(--nav-surface);
--dropdown-box-shadow: 0 calc(var(--space-s) * 2) calc(var(--space-s) * 4) calc(var(--space-s) * -1) color-mix(in oklch, black 60%, transparent);
&.scrolling { --bar: calc(var(--header-height) * 0.76); }
/* the panel's right edge meets the bar's (the trigger sits inside the bar's padding) */
& .menu-wrapper.desktop .nav__list > .menu-dropdown > .menu-dropdown__content-wrapper { margin-inline-end: calc(var(--space-xs) * -0.3); }
}
.hs-call-log__picked {
  display: flex;
flex-wrap: wrap;
align-items: center;
gap: calc(var(--u) * 6);
margin-block-start: auto;
padding-block-start: calc(var(--u) * 16);
border-block-start: var(--border-width) solid color-mix(in oklch, var(--white) 10%, transparent);
font-size: calc(var(--u) * 12);
&[data-cue] { transition: opacity 0.5s ease; }
}
.hs-event__past {
  font-size: calc(var(--u) * 14); font-weight: 600; color: var(--neutral-semi-light);
}
.cta {
  container-type: inline-size;
padding-block: var(--section-space-l) calc(var(--section-space-l) * 0.8);
--beam-x: 80%;
}
.svp-quote {
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: calc(var(--space-l) * 0.8);
min-inline-size: 0;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
background: none;
color: var(--white);  /* ACSS styles figure:has(> blockquote) as a quote card; this one is the bare design */
--blockquote-text-text-align: start;
}
.svp-chat {
  display: grid;
grid-template-columns: 20rem minmax(0, 1fr);
@media (width < 56.25rem) { & { grid-template-columns: minmax(0, 1fr); } }
}
.price-card__assure {
  display: flex;
flex-wrap: wrap;
gap: calc(var(--space-xs) * 0.45) var(--space-s);
margin: var(--space-s) 0 0;
padding: 0;
list-style: none;
}
.sy-toast__dot {
  flex: none;
inline-size: 0.5rem;
aspect-ratio: 1;
border-radius: 50%;
background: var(--success);
&[data-tone="white"] { background: var(--white); }
&[data-tone="wa"] { background: var(--success); }
@media (prefers-reduced-motion: no-preference) { & { animation: sy-pulse 1.8s ease-in-out infinite; } }
}
.hero-victor {
  display: flex;
flex-direction: column;
gap: var(--space-xl);
padding: var(--section-space-l) var(--gutter);
}
.hs-call__kind {
  font-size: calc(var(--u) * 12); color: color-mix(in oklch, var(--white) 60%, transparent);
}
.mk-slot {
  padding: calc(var(--u) * 9) 0;
border: calc(var(--u) * 1) solid var(--border-color-dark);
border-radius: calc(var(--u) * 9);
font-size: calc(var(--u) * 12.5);
font-weight: 500;
text-align: center;
transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
&[data-state="taken"] { border-color: color-mix(in oklch, var(--text-dark) 6%, transparent); background: transparent; color: var(--neutral-semi-light); text-decoration: line-through; }
&[data-state="sel"] { border-color: var(--primary); background: var(--primary); color: var(--white); }
}
.mk-result__rank {
  margin-inline-start: auto;
font-size: calc(var(--u) * 11.5);
font-weight: 500;
color: var(--primary);
}
.mk-node__line {
  display: flex;
align-items: baseline;
gap: calc(var(--u) * 8);
}
.mk-card__title {
  font-size: calc(var(--u) * 15);
font-weight: 500;
}
.svp-quote__role {
  font-size: var(--text-s); color: color-mix(in oklch, var(--white) 60%, transparent);
}
.prc-card__name {
  font-size: var(--text-l); font-weight: 600; &.prc-card__name { color: var(--text-dark); }
}
.mk-card__kicker {
  font-size: calc(var(--u) * 11.5);
font-weight: 500;
color: var(--text-dark-muted);
&.mk-card__kicker--accent { color: var(--primary); }
}
.hs-rate__head {
  display: flex;
flex-direction: column;
text-align: center;
& > strong { font-size: calc(var(--u) * 14); }
& > span { font-size: calc(var(--u) * 11.5); color: var(--text-dark-muted); }
}
.svp-obj__a {
  display: flex;
flex-direction: column;
gap: calc(var(--space-xs) * 0.5);
align-self: flex-end;
max-inline-size: 96%;
margin-block-start: calc(var(--space-xs) * 0.5);
padding: calc(var(--space-xs) * 1.3) calc(var(--space-xs) * 1.5);
border-radius: 1rem 1rem 0.25rem 1rem;
background: var(--primary);
color: var(--white);
}
.mk-site__send {
  margin-block-start: calc(var(--u) * 10);
padding: calc(var(--u) * 10);
border-radius: calc(var(--u) * 8);
background: var(--text-dark);
color: var(--white);
font-size: calc(var(--u) * 12.5);
font-weight: 600;
text-align: center;
transition: background-color 0.25s ease, scale 0.25s ease;
&[data-state="go"], &[data-state="sent"], &[data-state="press"] { background: var(--primary); }
&[data-state="press"] { scale: 0.96; }
}
.hs-sms__head {
  display: flex;
flex: none;
align-items: center;
gap: calc(var(--u) * 8);
padding: calc(var(--u) * 8) calc(var(--u) * 12) calc(var(--u) * 10);
border-block-end: var(--border);
background: var(--white);
font-size: calc(var(--u) * 12.5);
}
.svp-visit {
  display: grid;
grid-template-columns: minmax(0, 1fr) calc(var(--content-width) * 0.249) minmax(0, 1fr);
align-items: center;
gap: var(--space-xl);
inline-size: 100%;
max-inline-size: calc(var(--content-width) * 0.76);
margin: var(--space-xxl) auto 0;
@media (width < 56.25rem) { & { grid-template-columns: minmax(0, 1fr); justify-items: center; } }
}
.phone {
  position: relative;
inline-size: calc(var(--u) * 300);
block-size: calc(var(--u) * 640);
padding: calc(var(--u) * 9);
border-radius: calc(var(--u) * 52);
background: var(--neutral-dark);
box-shadow: inset 0 0 0 calc(var(--u) * 1.5) var(--neutral-semi-dark), inset 0 0 0 calc(var(--u) * 4) var(--neutral-ultra-dark), var(--box-shadow-device);
}
.hs-diary__time {
  font-family: var(--mono-font-family, ui-monospace, monospace);
font-size: calc(var(--u) * 11.5);
color: var(--neutral-semi-light);
}
.c-drawer__overlay {
  position: fixed;
  inset: 0;
  background: var(--drawer-overlay-color, rgba(0, 0, 0, 0.4));
  opacity: 0;
  transition: opacity var(--duration) var(--easing);

  &[data-state='open'] {
    opacity: 1;
  }

  @media (prefers-reduced-motion: reduce) {
    transition: none !important;
  }
}
.hs-site__url {
  display: flex;
flex: none;
justify-content: center;
align-items: center;
block-size: calc(var(--u) * 34);
border-block-end: var(--border);
background: var(--bg-light);
font-size: calc(var(--u) * 11.5);
color: var(--text-dark-muted);
}
.svp-chat__ask {
  font-size: var(--text-l); font-weight: 600;
}
.mk-cal__toast {
  &.mk-cal__toast {
  position: absolute;
  inset: auto calc(var(--u) * 16) calc(var(--u) * -14) calc(var(--u) * 16);
  margin: 0;
  box-shadow: 0 calc(var(--u) * 14) calc(var(--u) * 30) color-mix(in oklch, black 22%, transparent);
}
}
.mk-events__head {
  display: flex;
justify-content: space-between;
align-items: center;
gap: calc(var(--u) * 12);
padding: 0 calc(var(--u) * 6) calc(var(--u) * 12);
}
.hs-book__sent {
  margin-block-start: calc(var(--u) * 6);
padding: calc(var(--u) * 6) calc(var(--u) * 10);
border-radius: calc(var(--u) * 6);
background: var(--bg-light);
font-size: calc(var(--u) * 11);
color: var(--text-dark-muted);
}
.hs-call__foot {
  position: relative;
inline-size: 100%;
block-size: calc(var(--u) * 60);
margin-block-start: auto;
}
.section-intro {
  inline-size: 100%;
display: flex;
flex-direction: column;
gap: calc(var(--content-gap) * 0.8);
margin-block-end: calc(var(--content-gap) * 0.5);
/* Siteyard (sy_kit.SITEYARD) */
margin-block-end: 0;
gap: var(--space-m);
&[data-intro-style="Center" i] { align-items: center; text-align: center; }
&[data-intro-style="Center" i] .section-intro__content-wrapper { align-items: center; }
&[data-intro-style="Center" i] .section-intro__lede { margin-inline: auto; }
&[data-intro-style="Center" i] .section-intro__cta-wrapper { justify-content: center; }
&[data-intro-style="Two Column" i] .section-intro__content-wrapper {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  align-items: end;
  gap: var(--space-m) var(--space-xxl);
}
&[data-intro-style="Two Column" i] .section-intro__heading, &[data-intro-style="Two Column" i] .section-intro__headline { grid-column: 1; }
&[data-intro-style="Two Column" i] .section-intro__lede { grid-column: 2; grid-row: 1 / 3; align-self: end; }
&[data-intro-style="Two Column" i]:not(:has(.section-intro__lede)) .section-intro__content-wrapper { grid-template-columns: minmax(0, 1fr); }
@media (width < 56.25rem) {
  &[data-intro-style="Two Column" i] .section-intro__content-wrapper { grid-template-columns: minmax(0, 1fr); }
  &[data-intro-style="Two Column" i] .section-intro__lede { grid-column: 1; grid-row: auto; }
}
}
.mk-call__ring {
  position: relative;
inline-size: calc(var(--u) * 84);
block-size: calc(var(--u) * 84);
margin-block-start: calc(var(--u) * 60);
}
.svp-call__title {
  font-size: var(--text-m); font-weight: 600; color: var(--text-dark);
}
.site-header__scrim {
  position: absolute;
z-index: -1;
inset-inline: 0;
inset-block-start: 100%;
block-size: 100vh;
background: color-mix(in oklch, color-mix(in oklch, var(--base) 45%, black) 55%, transparent);
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
.header-wrapper:has(.menu-wrapper.desktop .menu-dropdown.is-open) & { opacity: 1; pointer-events: auto; }
}
.star-rating-alpha__label {
  line-height: 1;
}
.svp-sync__copy {
  min-inline-size: 0;
}
.prc-guar__point-title {
  font-size: var(--text-m); font-weight: 600;
}
.hs-thread__sub {
  font-size: calc(var(--u) * 12); color: var(--text-dark-muted);
}
.hs-book__label {
  margin-block-start: calc(var(--u) * 1);
font-size: calc(var(--u) * 10);
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--neutral-semi-light);
}
.hs-serp__item {
  display: flex;
flex-direction: column;
gap: calc(var(--u) * 2);
padding: calc(var(--u) * 10);
&[data-state] { border: var(--border); border-radius: calc(var(--u) * 9); background: var(--white); transition: background-color 0.3s ease; }
&[data-state="on"] { background: var(--primary-ultra-light); }
}
.hs-web__cta {
  &.hs-web__cta {
block-size: calc(var(--u) * 36);   font-size: calc(var(--u) * 12.5); 
}
}
.phone__key {
  position: absolute;
inline-size: calc(var(--u) * 3);
border-radius: calc(var(--u) * 2);
background: var(--neutral-semi-dark);
&.phone__key--1 { inset-inline-start: calc(var(--u) * -2.5); inset-block-start: calc(var(--u) * 118); block-size: calc(var(--u) * 26); }
&.phone__key--2 { inset-inline-start: calc(var(--u) * -2.5); inset-block-start: calc(var(--u) * 166); block-size: calc(var(--u) * 48); }
&.phone__key--3 { inset-inline-start: calc(var(--u) * -2.5); inset-block-start: calc(var(--u) * 224); block-size: calc(var(--u) * 48); }
&.phone__key--4 { inset-inline-end: calc(var(--u) * -2.5); inset-block-start: calc(var(--u) * 184); block-size: calc(var(--u) * 76); }
}
.svp-inc__list {
  padding: calc(var(--space-xs) * 0.85);
border-inline-end: var(--border);
@media (width < 56.25rem) { & { border-inline-end: 0; border-block-end: var(--border); } }
}
.mk-site__field {
  display: flex;
align-items: center;
block-size: calc(var(--u) * 30);
margin-block-start: calc(var(--u) * 6);
padding: 0 calc(var(--u) * 10);
border: calc(var(--u) * 1) solid var(--border-color-dark);
border-radius: calc(var(--u) * 7);
font-size: calc(var(--u) * 11.5);
color: var(--text-dark-muted);
&:nth-child(2) { margin-block-start: calc(var(--u) * 10); }
}
.mk-bubble {
  margin-block-start: calc(var(--u) * 10);
padding: calc(var(--u) * 11) calc(var(--u) * 13);
border-radius: calc(var(--u) * 14) calc(var(--u) * 14) calc(var(--u) * 4) calc(var(--u) * 14);
background: var(--primary);
color: var(--white);
font-size: calc(var(--u) * 13);
line-height: 1.45;
&.mk-bubble--in { border-radius: calc(var(--u) * 14) calc(var(--u) * 14) calc(var(--u) * 14) calc(var(--u) * 4); background: var(--bg-light); color: var(--text-dark); }
}
.book__done-text {
  margin: 0;
font-size: calc(var(--text-s) * 1.03);
line-height: 1.6;
color: var(--text-dark-muted);
}
.dropdown-vega__cta-link {
  font-size: var(--text-s);
  color: var(--text-dark);
  text-decoration: none;
  display: flex;
  flex-direction: row;
  gap: 1ch;
  align-items: center;

  svg {
    height: 1.5em;
    width: 1.5em;
    color: inherit;

    path {
      stroke: currentColor;
    }
  }

  &:hover,
  &:focus-visible {
    text-decoration: underline;
  }
/* Siteyard (sy_vendor.OVERRIDES) */
&.dropdown-vega__cta-link { font-weight: 500; color: var(--secondary); }
& svg { block-size: 1.1em; inline-size: 1.1em; }
}
.site-mobile__note {
  margin: 0;
font-size: calc(var(--text-s) * 0.93);
color: color-mix(in oklch, var(--white) 62%, transparent);
}
.svp-quote__name {
  font-size: var(--text-m); font-weight: 600;
}
.svp-inner {
  align-items: center; gap: 0;
}
.hs-gbp__count {
  display: flex; align-items: center; gap: calc(var(--u) * 6); font-size: calc(var(--u) * 12.5); color: var(--text-dark-muted);
}
.hs-book__day {
  display: flex;
flex-direction: column;
padding-block: calc(var(--u) * 5);
border: var(--border);
border-radius: calc(var(--u) * 6);
transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
&[data-state="sel"] { border-color: var(--primary); background: var(--primary); color: var(--white); }
}
.book__done-icon {
  display: flex;
align-items: center;
justify-content: center;
inline-size: 2.75rem;
aspect-ratio: 1;
border-radius: 50%;
background: var(--primary-ultra-light);
color: var(--primary);
& .ico { inline-size: 1.6rem; block-size: 1.6rem; }
}
.hs-thread__avatar {
  display: grid;
flex: none;
place-items: center;
inline-size: calc(var(--u) * 36);
aspect-ratio: 1;
border-radius: 50%;
background: color-mix(in oklch, var(--success) 16%, var(--white));
font-size: calc(var(--u) * 13);
font-weight: 600;
}
.scene__step-n {
  font-family: var(--mono-font-family, ui-monospace, monospace);
font-size: calc(var(--u) * 12);
color: var(--neutral-semi-light);
[data-on="true"] > & { color: var(--primary); }
}
.prc-hero__actions {
  display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-xs);
}
.hs-web {
  position: absolute;
inset: calc(var(--u) * 30) 0 0;
display: flex;
flex-direction: column;
background: var(--white);
&[data-cue] { transition: opacity 0.35s ease; }
}
.mini__headline {
  font-size: calc(var(--u) * 13);
font-weight: 600;
line-height: 1.1;
letter-spacing: -0.02em;
}
.book-chip {
  position: relative;
padding: calc(var(--space-xs) * 0.65) calc(var(--space-xs) * 1.2);
border: var(--border);
border-radius: 999px;  /* pill, as the other choice chips (Paul, 11 Oct) */
font-size: calc(var(--text-s) * 0.97);
cursor: pointer;
transition: background-color var(--transition), border-color var(--transition), color var(--transition);
&:has(:checked) { border-color: var(--primary); background: var(--primary); color: var(--white); }
&:has(:focus-visible) { outline: var(--focus-width) solid var(--focus-color, var(--primary-light)); outline-offset: var(--focus-offset); }
}
.hs-app {
  display: flex; align-items: center; gap: calc(var(--u) * 10);
}
.brief__actions {
  display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--space-xs) var(--space-s);
margin-block-start: var(--space-m);
@media (width < 47.5rem) { & { margin-block-start: var(--space-xs); } }
}
.brief__done-icon {
  display: grid;
place-items: center;
inline-size: 3.25rem;
aspect-ratio: 1;
border-radius: 50%;
background: var(--primary-ultra-light);
color: var(--primary);
& svg { inline-size: 1.4rem; block-size: auto; }
}
.mk-site__burger {
  display: flex;
flex-direction: column;
gap: calc(var(--u) * 3);
}
.hs-book__days {
  display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: calc(var(--u) * 4);
font-size: calc(var(--u) * 10.5);
text-align: center;
}
.mk-flow__on {
  display: flex;
align-items: center;
gap: calc(var(--u) * 8);
font-size: calc(var(--u) * 12);
font-weight: 500;
color: var(--text-dark-muted);
& .mk-toggle { inline-size: calc(var(--u) * 34); block-size: calc(var(--u) * 20); padding: calc(var(--u) * 2); }
& .mk-toggle__knob { inline-size: calc(var(--u) * 16); block-size: calc(var(--u) * 16); }
}
.mk-flow__title {
  margin-block-start: calc(var(--u) * 3);
font-size: calc(var(--u) * 17);
font-weight: 500;
letter-spacing: -0.02em;
}
.review-card__quote {
  flex: 1;
margin: 0;
padding: 0;
border: 0;
}
.mk-thread__avatar {
  display: flex;
align-items: center;
justify-content: center;
inline-size: calc(var(--u) * 36);
block-size: calc(var(--u) * 36);
margin-inline: auto;
border-radius: 50%;
background: var(--neutral-ultra-light);
color: var(--text-dark-muted);
font-size: calc(var(--u) * 12);
font-weight: 600;
}
.mini__meta {
  font-size: calc(var(--u) * 12);
color: var(--text-dark-muted);
.mini__fig > & { display: block; margin-block-start: calc(var(--u) * 4); font-size: calc(var(--u) * 11.5); }
}
.hs-week__time {
  font-family: var(--mono-font-family, ui-monospace, monospace);
font-size: calc(var(--u) * 11);
color: var(--neutral-semi-light);
}
.prc-calc__scale {
  display: flex; justify-content: space-between; font-size: var(--text-xs); color: var(--text-dark-muted);
}
.feature-card-alpha__icon {
  inline-size: var(--icon-size, 2.375rem);
}
.mk-event__meta {
  overflow: hidden;
margin-block-start: calc(var(--u) * 3);
font-size: calc(var(--u) * 12);
color: var(--text-dark-muted);
white-space: nowrap;
text-overflow: ellipsis;
}
.svp-hero__actions {
  display: flex;
flex-wrap: wrap;
justify-content: center;
gap: calc(var(--space-xs) * 0.85);
}
.mini {
  --u: calc(1rem / 16);
display: flex;
flex-direction: column;
inline-size: 100%;
max-inline-size: calc(var(--u) * 300);
block-size: calc(var(--u) * 216);
padding: calc(var(--u) * 16) calc(var(--u) * 18);
border-radius: calc(var(--u) * 10);
background: var(--white);
box-shadow: 0 calc(var(--u) * 16) calc(var(--u) * 36) calc(var(--u) * -18) color-mix(in oklch, var(--base) 35%, transparent);
color: var(--text-dark);
& > * { flex-shrink: 0; }
& span { white-space: nowrap; }
}
.mk-call__where {
  margin-block-start: calc(var(--u) * 4);
font-size: calc(var(--u) * 13);
opacity: 0.6;
}
.hs-gbp__meta {
  display: flex; flex-direction: column; & > .hs-stars { font-size: calc(var(--u) * 12); }
}
.hs-week__clock {
  padding: calc(var(--u) * 4) calc(var(--u) * 9);
border-radius: calc(var(--u) * 5);
background: var(--bg-light);
font-size: calc(var(--u) * 11.5);
white-space: nowrap;
color: var(--text-dark-muted);
}
.svp-app__meta {
  margin-block-start: calc(var(--u) * 2); overflow: hidden; font-size: calc(var(--u) * 11); color: var(--text-dark-muted); white-space: nowrap; text-overflow: ellipsis;
}
.pricing__title {
  margin: 0;
font-size: calc(var(--h2) * 1.0);
font-weight: 600;
line-height: 0.98;
letter-spacing: -0.045em;
}
.sy-window__body {
  position: relative;
}
.site-footer__about {
  margin: 0;
font-size: calc(var(--text-s) * 1.03);
line-height: 1.6;
color: color-mix(in oklch, var(--white) 66%, transparent);
}
.hs-thread__name {
  font-size: calc(var(--u) * 14.5); font-weight: 600;
}
.hs-gbp__list {
  flex: 1;
overflow: hidden;
padding-inline: calc(var(--u) * 20);
& [data-fx~="mh"] { transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), max-block-size 0.7s cubic-bezier(0.16, 1, 0.3, 1); }
}
.svp-rel-wrap {
  inline-size: 100%; margin: var(--space-xxl) auto 0;
}
.svp-tool {
  display: flex;
flex-direction: column;
gap: calc(var(--space-xs) * 0.95);
min-inline-size: 0;
padding: var(--space-s);
border: var(--border);
border-radius: var(--radius);
}
.hs-review__id {
  display: flex;
flex-direction: column;
& > strong { font-size: calc(var(--u) * 13.5); }
& > span { font-size: calc(var(--u) * 12); color: var(--text-dark-muted); }
}
.hs-sms__from {
  flex: none;
padding: calc(var(--u) * 8) calc(var(--u) * 12) calc(var(--u) * 10);
border-block-end: var(--border);
background: var(--white);
font-size: calc(var(--u) * 12.5);
font-weight: 600;
text-align: center;
}
.svp-feat__prog {
  position: absolute;
inset: auto 0 0;
block-size: 2px;
background: var(--primary);
transform-origin: left;
scale: 0 1;
@media (prefers-reduced-motion: no-preference) { [data-state="on"] > & { animation: sy-fill var(--cycle, 5s) linear both; } }
}
.site-mobile__label {
  font-family: var(--heading-font-family);
font-size: calc(var(--h2) * 0.85);
font-weight: 600;
line-height: 1.05;
letter-spacing: -0.04em;
}
.book__status {
  display: inline-flex;
align-items: center;
gap: calc(var(--space-xs) * 0.6);
margin: 0;
font-size: calc(var(--text-s) * 0.9);
color: var(--text-dark-muted);
}
.hs-site__head {
  display: flex;
justify-content: space-between;
align-items: baseline;
padding-block-end: calc(var(--u) * 8);
& > strong { font-size: calc(var(--u) * 19); letter-spacing: -0.02em; }
& > span { font-size: calc(var(--u) * 12.5); color: var(--text-dark-muted); }
}
.svp-results__note {
  font-size: var(--text-xs); color: var(--text-dark-muted);
}
.hero {
  container-type: inline-size;
display: flex;
flex-direction: column;
min-block-size: min(100svh, 60rem);
padding-block: calc(var(--header-height) + var(--section-space-s)) var(--section-space-s);
--beam-x: 72%;
}
.hs-book__slots {
  display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: calc(var(--u) * 4);
font-size: calc(var(--u) * 11);
text-align: center;
}
.mk-event__new {
  flex: none;
padding: calc(var(--u) * 2) calc(var(--u) * 6);
border-radius: calc(var(--u) * 4);
background: var(--primary);
color: var(--white);
font-size: calc(var(--u) * 10);
font-weight: 600;
}
.mk-review__avatar {
  display: flex;
align-items: center;
justify-content: center;
inline-size: calc(var(--u) * 30);
block-size: calc(var(--u) * 30);
border-radius: 50%;
background: var(--secondary-ultra-light);
color: var(--primary);
font-size: calc(var(--u) * 12);
font-weight: 600;
}
.hs-site__chips {
  display: flex; flex-wrap: wrap; gap: calc(var(--u) * 8); margin-block-start: auto; padding-block-start: calc(var(--u) * 14);
}
.mk-node__title {
  font-size: calc(var(--u) * 14.5);
font-weight: 500;
}
.svp-app__title {
  font-size: calc(var(--u) * 13); font-weight: 600;
}
.mk-site__h {
  font-size: calc(var(--u) * 15);
font-weight: 600;
letter-spacing: -0.02em;
&.mk-site__h--s { font-size: calc(var(--u) * 14); letter-spacing: 0; }
}
.hs-note__icon {
  display: grid;
flex: none;
place-items: center;
inline-size: calc(var(--u) * 28);
aspect-ratio: 1;
border-radius: calc(var(--u) * 8);
.hs-col & { inline-size: calc(var(--u) * 30); }
&[data-tone="ok"] { background: var(--success-ultra-light); color: color-mix(in oklch, var(--success) 78%, black); }
&[data-tone="soft"] { background: var(--primary-ultra-light); color: var(--primary); }
&[data-tone="okdark"] { background: color-mix(in oklch, var(--white) 12%, transparent); color: color-mix(in oklch, var(--success) 55%, var(--white)); }
&[data-tone="lite"] { background: color-mix(in oklch, var(--white) 12%, transparent); color: var(--secondary); }
&.hs-note__icon--mark { background: var(--mark, var(--primary)); font-size: calc(var(--u) * 13); font-weight: 600; color: var(--white); }
}
.hs-call-log__bar {
  flex: 1;
block-size: calc(var(--u) * var(--h, 3));
border-radius: calc(var(--u) * 2);
background: var(--secondary);
transition: block-size 0.12s linear;
&[data-state="ended"] { background: color-mix(in oklch, var(--white) 22%, transparent); }
}
.price-card__per {
  font-size: var(--text-m);
color: var(--text-dark-muted);
}
.section-intro__cta-wrapper {
  display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--space-xs);
}
.contact-reach {
  display: flex; flex-direction: column; gap: var(--space-m);
}
.contact-pill__icon {
  display: grid;
place-items: center;
inline-size: 1.4em;
aspect-ratio: 1;
border-radius: 50%;
background: color-mix(in oklch, var(--white) 20%, transparent);
[data-app="email"] > & { background: color-mix(in oklch, var(--primary) 12%, transparent); }
& svg { inline-size: 0.8em; block-size: auto; }
}
.price-card__figure {
  font-family: var(--heading-font-family);
font-size: var(--h1);
font-weight: 600;
line-height: 0.85;
letter-spacing: -0.06em;
}
.book-help__note {
  margin: 0;
font-size: calc(var(--text-s) * 0.9);
color: var(--text-dark-muted);
&[hidden] { display: none; }
}
.hs-bubble__meta {
  display: block;
margin-block-start: calc(var(--u) * 2);
font-size: calc(var(--u) * 10.5);
color: var(--neutral-semi-light);
[data-side="out"] > & { text-align: end; color: color-mix(in oklch, var(--success) 55%, black); }
}
.sy-card__demo {
  container-type: inline-size;
position: relative;
display: grid;
place-items: start center;
aspect-ratio: 5 / 4;
overflow: hidden;
background: var(--bg-light);
pointer-events: none;
& > .mock--phone { padding-block-start: calc(min(100cqi, var(--content-width) * 0.3075) * 20 / 420); }  /* the board mocks' top inset (u(20) at card size), Paul 11 Oct */
}
.mk-msg__meta {
  margin-block-start: calc(var(--u) * 4);
font-size: calc(var(--u) * 11);
font-weight: 500;
text-align: end;
color: var(--neutral-semi-light);
}
.mini__slots {
  display: flex;
gap: calc(var(--u) * 5);
margin: calc(var(--u) * 10) 0 0;
padding: 0;
list-style: none;
}
.prc-calc__preset {
  padding: calc(var(--space-xs) * 0.7) calc(var(--space-xs) * 1.05);
border: 0;
border-radius: 999px;
background: var(--white);
box-shadow: inset 0 0 0 1px var(--border-color, color-mix(in oklch, var(--text-dark) 12%, transparent));
color: var(--text-dark);
font: inherit;
font-size: var(--text-s);
font-weight: 500;
cursor: pointer;
&[aria-pressed="true"] { background: var(--primary-ultra-light); box-shadow: inset 0 0 0 2px var(--primary); }
}
.price-card__toggle {
  display: flex;
align-items: center;
gap: var(--space-s);
inline-size: 100%;
margin-block-start: var(--space-s);
padding: calc(var(--space-s) * 0.95) var(--space-s);
border: var(--border);
border-radius: var(--btn-radius);
background: var(--white);
font-family: var(--text-font-family);
color: var(--text-dark);
cursor: pointer;
transition: background-color 0.3s ease, border-color 0.3s ease;
/* ACSS styles bare buttons (centred, button type); this one reads as a row of text */
&.price-card__toggle { text-align: start; line-height: 1.4; letter-spacing: normal; font-weight: 400; text-transform: none; }
&[aria-pressed="true"] { border-color: var(--primary); background: color-mix(in oklch, var(--primary) 6%, white); }
&:focus-visible { outline: var(--focus-width) solid var(--primary-light); outline-offset: var(--focus-offset); }
}
.mk-thread__head {
  padding: calc(var(--u) * 56) calc(var(--u) * 16) calc(var(--u) * 12);
border-block-end: calc(var(--u) * 1) solid var(--border-color-dark);
background: var(--white);
text-align: center;
}
.site-footer__small {
  margin: 0;
font-size: calc(var(--text-s) * 0.87);
color: color-mix(in oklch, var(--white) 55%, transparent);
}
.brief__step {
  display: flex;
grid-area: 1 / 1;
flex-direction: column;
gap: calc(var(--space-xs) * 1.1);
@media (width < 47.5rem) { & { gap: calc(var(--space-xs) * 0.6); } }  /* phones: a compact card (Paul, 12 Oct: "the form not to be massive") */
visibility: hidden;
&[data-state="on"] { visibility: visible; }
/* phones: the card fits the open question (Paul, 12 Oct: "the form not to be massive"); it only changes height when you
   move between questions, and its top stays put. Desktop keeps one height for every step. */
@media (width < 47.5rem) { &[data-state="off"] { display: none; } }
& .consent { margin-block-start: calc(var(--space-xs) * 0.8); }
@media (width < 47.5rem) { & .consent { font-size: var(--text-xs); line-height: 1.45; } }
@media (prefers-reduced-motion: no-preference) { &[data-state="on"] { animation: sy-q 0.55s cubic-bezier(0.16, 1, 0.3, 1) both; } }
}
.contact-details__line {
  margin: 0;
color: var(--text-dark);
max-inline-size: calc(var(--content-width) * 0.8);
font-size: calc(var(--h2) * 0.89);
font-weight: 600;
line-height: 1.35;
letter-spacing: -0.045em;
text-wrap: pretty;
&.contact-details__line { color: var(--text-dark); }
&.contact-details__line--compact { max-inline-size: none; font-size: calc(var(--h3) * 1.35); line-height: 1.4; }
@media (pointer: coarse) { &.contact-details__line--compact { line-height: 1.5; } }  /* room for each pill's 44px tap area */
}
.mk-person__avatar {
  display: flex;
align-items: center;
justify-content: center;
inline-size: calc(var(--u) * 32);
block-size: calc(var(--u) * 32);
border-radius: 50%;
background: var(--bg-light);
color: var(--text-dark-muted);
font-size: calc(var(--u) * 12);
font-weight: 600;
}
.mk-site__tile {
  display: block;
inline-size: 100%;
aspect-ratio: 1;
object-fit: cover;
border-radius: calc(var(--u) * 8);
background: var(--neutral-ultra-light);
}
.wwd__hint {
  margin: 0;
font-size: calc(var(--text-s) * 1.01);
color: var(--text-light-muted);
}
.mk-call2__head {
  display: flex;
align-items: center;
gap: calc(var(--u) * 12);
}
.mk-result__logo {
  display: flex;
align-items: center;
justify-content: center;
inline-size: calc(var(--u) * 22);
block-size: calc(var(--u) * 22);
border-radius: 50%;
background: var(--base);
color: var(--white);
font-size: calc(var(--u) * 11);
font-weight: 600;
}
.book-form__error {
  font-size: var(--text-xs);
color: var(--danger-semi-dark);
&:empty { display: none; }
}
.sy-window__dot {
  inline-size: 0.625rem;
aspect-ratio: 1;
border-radius: 50%;
background: #ff5f57;
box-shadow: inset 0 0 0 calc(var(--border-width) * 0.5) color-mix(in oklch, black 14%, transparent);
&:nth-child(2) { background: #febc2e; }
&:nth-child(3) { background: #28c840; }
}
.header__container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;

  .toggle {
    display: none;
  }
/* Siteyard (sy_vendor.OVERRIDES) */
gap: var(--space-m);
block-size: var(--bar);
transition: block-size 0.4s cubic-bezier(0.2, 0.7, 0.2, 1);
& > .menu-wrapper.desktop { flex: 1; inline-size: auto; }
}
.brief__q {
  margin: 0; font-size: calc(var(--h3) * 1.15); font-weight: 600; line-height: 1.15; letter-spacing: -0.035em; &.brief__q { color: var(--text-dark); } @media (width < 47.5rem) { & { font-size: var(--h3); } }
}
.svp-event__copy {
  min-inline-size: 0;
}
.prc-calc__jobs-value {
  font-weight: 600; color: var(--white);
}
.legal__datum {
  border: var(--border);
border-radius: var(--radius);
background: var(--white);
transition: border-color 0.25s ease;
&[open] { border-color: color-mix(in oklch, var(--primary) 35%, transparent); }
}
.mk-cal__head {
  display: flex;
justify-content: space-between;
align-items: center;
gap: calc(var(--u) * 12);
padding: 0 calc(var(--u) * 2) calc(var(--u) * 12);
}
.svp-hero__copy {
  display: flex;
flex-direction: column;
align-items: center;
gap: var(--space-m);
text-align: center;
& .section-intro__lede { color: color-mix(in oklch, var(--white) 66%, transparent); }
}
.hs-thread__row--sm {
  &.hs-thread__row--sm {
min-block-size: calc(var(--u) * 34);
}
}
.voices__inner {
  gap: 0;
}
.mk-site__scroll {
  transition: transform 2.1s cubic-bezier(0.45, 0.05, 0.3, 1);
&[data-state="down"] { transform: translateY(calc(var(--u) * -202)); }
}
.prc-chip__icon {
  display: grid;
flex: none;
place-items: center;
inline-size: 1.875rem;
aspect-ratio: 1;
border-radius: 50%;
background: color-mix(in oklch, var(--secondary) 18%, transparent);
color: var(--secondary);
font-size: var(--text-l);
font-weight: 500;
& svg { inline-size: 0.95rem; block-size: auto; }
[data-optional="true"] > & { background: color-mix(in oklch, var(--white) 8%, transparent); color: var(--white); }
}
.hs-call__ring {
  position: absolute;
inset: 0;
border: calc(var(--u) * 2) solid var(--secondary);
border-radius: 50%;
scale: var(--ring, 1);
opacity: var(--ring-o, 0);
}
.pricing__lede {
  margin: 0;
max-inline-size: 29em;
font-size: var(--text-m);
line-height: 1.65;
color: var(--text-dark-muted);
}
.dropdown-vega__grid-item-icon {
  --icon-color: var(--neutral);
  flex-shrink: 0;
  block-size: 2.5rem;
  inline-size: 2.5rem;
  border-radius: calc(var(--radius) * 0.5);
  overflow: hidden;
  padding: 0.5em;
  background: var(--neutral-ultra-light);

  svg {
    block-size: 100%;
    inline-size: 100%;

    path {
      stroke: var(--icon-color);
    }
  }
/* Siteyard (sy_vendor.OVERRIDES) */
--icon-color: var(--secondary);
display: grid;
place-items: center;
block-size: calc(var(--space-s) * 2);
inline-size: calc(var(--space-s) * 2);
padding: 0;
border-radius: calc(var(--radius) * 0.8);
background: color-mix(in oklch, var(--white) 7%, transparent);
color: var(--secondary);
transition: background-color 0.25s ease;
& svg { block-size: 50%; inline-size: 50%; }
& svg path { stroke: inherit; }  /* Paul's icons carry their own stroke or fill (stripColors -> currentColor) */
}
.sy-live {
  display: inline-flex;
align-items: center;
gap: calc(var(--space-xs) * 0.45);
font-size: var(--text-xs);
color: var(--text-dark-muted);
}
.svp-app__do {
  [aria-pressed="true"] > & { display: none; }
}
.hs-diary__head {
  display: flex;
justify-content: space-between;
align-items: baseline;
padding-block-end: calc(var(--u) * 6);
& > strong { font-size: calc(var(--u) * 15); }
& > span { font-size: calc(var(--u) * 12.5); color: var(--text-dark-muted); }
}
.sy-card__group {
  font-family: var(--mono-font-family, ui-monospace, monospace);
font-size: var(--text-xs);
color: var(--primary);
}
.sy-toast__title {
  display: block;
font-weight: 600;
[data-tone="ink"] > .sy-toast__copy > &, [data-tone="accent"] > .sy-toast__copy > & { display: inline; }
}
.sy-window {
  --chrome-bar: var(--bg-light);
--chrome-bar-mist: var(--white);
--chrome-url: var(--white);
--chrome-url-mist: var(--bg-light);
--chrome-text: var(--text-dark-muted);
--chrome-line: var(--border);
overflow: hidden;
border-radius: calc(var(--radius) * 1.4);
background: var(--white);
color: var(--text-dark);
&[data-theme="dark"], &[data-theme="auto"] {
  --chrome-bar: var(--base);
  --chrome-bar-mist: var(--base);
  --chrome-url: color-mix(in oklch, var(--white) 10%, var(--base));
  --chrome-url-mist: color-mix(in oklch, var(--white) 10%, var(--base));
  --chrome-text: color-mix(in oklch, var(--white) 70%, transparent);
  --chrome-line: var(--border-light);
}
.bg--dark &[data-theme="auto"] {
  --chrome-bar: var(--bg-light);
  --chrome-bar-mist: var(--white);
  --chrome-url: var(--white);
  --chrome-url-mist: var(--bg-light);
  --chrome-text: var(--text-dark-muted);
  --chrome-line: var(--border);
}
box-shadow: 0 calc(var(--space-xs) * 0.12) calc(var(--space-xs) * 0.5) color-mix(in oklch, var(--base) 8%, transparent), 0 calc(var(--space-xl) * 0.6) calc(var(--space-xxl) * 0.8) calc(var(--space-xl) * -0.6) color-mix(in oklch, var(--base) 40%, transparent);
&[data-shadow="dark"] { box-shadow: 0 calc(var(--space-xl) * 0.6) calc(var(--space-xxl) * 0.9) calc(var(--space-l) * -1) color-mix(in oklch, black 60%, transparent), 0 0 calc(var(--space-xxl) * 0.8) calc(var(--space-l) * -1) color-mix(in oklch, var(--secondary) 40%, transparent); }
&[data-variant="flush"] { border-end-start-radius: 0; border-end-end-radius: 0; box-shadow: 0 calc(var(--space-s) * -0.5) calc(var(--space-xxl) * 0.8) calc(var(--space-m) * -0.7) color-mix(in oklch, var(--secondary) 40%, transparent); }
&[data-variant="mist"] { border: var(--border); background: var(--bg-light); }
&[data-frame="none"] { border: var(--border); }  /* no bar, so a hairline keeps its top edge (Paul, 11 Oct: "a bit faint up top") */
.bg--dark &[data-frame="none"] { border: var(--border-light); }
}
.hs-web__input {
  display: flex;
align-items: center;
block-size: calc(var(--u) * 32);
padding-inline: calc(var(--u) * 9);
border: var(--border);
border-radius: calc(var(--u) * 7);
font-size: calc(var(--u) * 12);
&.hs-web__input--area { align-items: flex-start; block-size: auto; min-block-size: calc(var(--u) * 46); padding-block: calc(var(--u) * 8); line-height: 1.4; }
}
.hs-call__badge {
  position: absolute;
inset: 0;
display: flex;
align-items: center;
gap: calc(var(--u) * 10);
padding: calc(var(--u) * 10) calc(var(--u) * 12);
border-radius: calc(var(--u) * 14);
background: color-mix(in oklch, var(--white) 10%, transparent);
text-align: start;
}
.section-intro__headline {
  line-height: 1.06;
letter-spacing: -0.03em;
font-weight: var(--heading-font-weight);
text-transform: var(--heading-text-transform, none);  /* the headline stands in for the page or section heading, so it follows ACSS's heading setting (Paul, 11 Oct) */
margin: 0;
text-wrap: balance;
max-inline-size: 24ch;
color: var(--heading-color);
/* Siteyard (sy_kit.SITEYARD) */
max-inline-size: 15em;
font-size: var(--h2);
font-weight: 600;
line-height: 0.96;
letter-spacing: -0.05em;
&.section-intro__headline { color: var(--text-dark); }
.bg--dark &.section-intro__headline { color: var(--white); }
&[data-heading-level="h1"] { max-inline-size: 13em; font-size: calc(var(--h1) * 0.9); line-height: 0.92; letter-spacing: -0.055em; }
}
.prc-calc__track {
  display: block; block-size: 0.625rem; overflow: hidden; border-radius: 999px; background: color-mix(in oklch, var(--white) 8%, transparent);
}
.step__head {
  display: flex;
justify-content: space-between;
align-items: baseline;
gap: var(--space-xs);
}
.prc-card__switch {
  flex: none;
inline-size: 2.875rem;
block-size: 1.625rem;
padding: 3px;
border-radius: 999px;
background: var(--neutral-light);
transition: background-color 0.3s ease;
[aria-pressed="true"] > & { background: var(--primary); }
}
.svp-results {
  display: flex; flex-direction: column; gap: calc(var(--space-xs) * 0.85); padding: var(--space-s);
}
.svp-chart__head {
  display: flex; justify-content: space-between; gap: var(--space-xs); font-size: var(--text-s);
}
.legal__h3 {
  margin: 1.4em 0 0.5em;
font-size: var(--text-l);
line-height: 1.2;
&.legal__h3 { color: var(--text-dark); }
}
.phone__bar {
  inline-size: calc(var(--u) * 3);
border-radius: calc(var(--u) * 1);
background: currentColor;
&:nth-child(1) { block-size: calc(var(--u) * 4); }
&:nth-child(2) { block-size: calc(var(--u) * 5.5); }
&:nth-child(3) { block-size: calc(var(--u) * 7.5); }
&:nth-child(4) { block-size: calc(var(--u) * 10); }
}
:where([data-etch-element="container"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
  max-inline-size: var(--content-width, 1366px);
  align-self: center; margin-inline: auto;
}
:where([data-etch-element="flex-div"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
}
:where([data-etch-element="iframe"]) {
  inline-size: 100%;
  height: auto;
 aspect-ratio: 16/9;
}
:where([data-etch-element="section"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.hs-call__badge-glyph {
  inline-size: calc(var(--u) * 15); aspect-ratio: 1;
}
.hs-speed__score {
  display: grid;
place-items: center;
inline-size: calc(var(--u) * 54);
aspect-ratio: 1;
border-radius: 50%;
background: var(--white);
font-size: calc(var(--u) * 19);
font-weight: 600;
letter-spacing: -0.03em;
}
.prc-calc__fee-value {
  font-weight: 600; color: var(--white);
}
.step__text {
  margin: 0;
font-size: calc(var(--text-s) * 1.03);
line-height: 1.6;
color: var(--text-dark-muted);
}
.mk-board__col {
  display: flex;
flex-direction: column;
gap: calc(var(--u) * 10);
}
.hs-serp__bar {
  display: flex;
align-items: center;
gap: calc(var(--u) * 7);
block-size: calc(var(--u) * 34);
padding-inline: calc(var(--u) * 12);
border-radius: calc(var(--u) * 17);
background: var(--bg-light);
font-size: calc(var(--u) * 12);
}
.mk-site__actions {
  display: flex;
align-items: center;
gap: calc(var(--u) * 6);
margin-block-start: calc(var(--u) * 16);
}
.svp-app__list {
  display: flex;
flex: 1;
flex-direction: column;
gap: calc(var(--u) * 7);
min-block-size: 0;
padding: calc(var(--u) * 4) calc(var(--u) * 10) calc(var(--u) * 14);
overflow: auto;
scrollbar-width: none;
}
.ico {
  display: block;
flex: none;
inline-size: 1.2em;
block-size: 1.2em;
}
.mk-card__row {
  display: flex;
justify-content: space-between;
align-items: center;
gap: calc(var(--u) * 8);
}
.scene__step-line {
  position: absolute;
inset: calc(var(--border-width) * -1) 0 auto;
block-size: calc(var(--u) * 2);
}
.menu-dropdown__trigger {
  display: flex;
  flex-direction: row;
  align-items: center;
  inline-size: fit-content;
  gap: var(--dropdown-trigger-gap, 0.5em);
}
.brief__fill {
  display: block;
inline-size: var(--progress);
block-size: 100%;
background: var(--primary);
transition: inline-size 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.wwd__link {
  text-decoration-line: underline;
text-decoration-thickness: 0.06em;
text-underline-offset: 0.18em;
text-decoration-color: color-mix(in oklch, var(--white) 35%, transparent);
background-image: linear-gradient(transparent 64%, color-mix(in oklch, var(--secondary) 28%, transparent) 64%,
  color-mix(in oklch, var(--secondary) 28%, transparent) 94%, transparent 94%);
background-repeat: no-repeat;
background-size: 0% 100%;
transition: color 0.3s ease, background-size 0.5s cubic-bezier(0.16, 1, 0.3, 1);
&.wwd__link { color: var(--white); }
&:hover, &:focus-visible { background-size: 100% 100%; }
&.wwd__link:hover { color: var(--secondary); }
}
.toggle__icon {
  color: var(--toggle-icon-color, black);
  inline-size: var(--toggle-icon-size, 1.25em);
  block-size: var(--toggle-icon-size, 1.25em);

  path {
    stroke: currentColor;
    fill: currentColor;
  }
}
.hero-phone__home {
  position: absolute;
inset-block-end: calc(var(--u) * 10);
inset-inline-start: 50%;
inline-size: calc(var(--u) * 120);
block-size: calc(var(--u) * 4);
translate: -50% 0;
border-radius: calc(var(--u) * 4);
background: color-mix(in oklch, var(--white) 50%, transparent);
}
.mk-event__title {
  overflow: hidden;
font-size: calc(var(--u) * 14);
font-weight: 500;
white-space: nowrap;
text-overflow: ellipsis;
}
.mk-toggle__knob {
  inline-size: calc(var(--u) * 20);
block-size: calc(var(--u) * 20);
border-radius: 50%;
background: var(--white);
box-shadow: 0 calc(var(--u) * 1) calc(var(--u) * 3) color-mix(in oklch, var(--black) 25%, transparent);
}
.prc-calc__bar {
  display: flex; flex-direction: column; gap: calc(var(--space-xs) * 0.55);
}
.book-chip__input {
  position: absolute;
inset: 0;
opacity: 0;
margin: 0;
cursor: pointer;
}
.cta__title {
  margin: var(--space-m) 0 0;
max-inline-size: 10em;
font-size: calc(var(--h1) * 1.15);
font-weight: 600;
line-height: 0.92;
letter-spacing: -0.055em;
}
.hs-hold {
  position: relative;
&[data-shape="card"] { flex: 1 1 calc(var(--u) * 150); max-inline-size: calc(var(--u) * 224); min-inline-size: 0; block-size: calc(var(--u) * 340); }
&[data-shape="phone"] { flex: 1 1 calc(var(--u) * 170); max-inline-size: calc(var(--u) * 200); min-inline-size: calc(var(--u) * 170); block-size: calc(var(--u) * 340); }
&[data-shape] > :last-child { block-size: 100%; }
}
.prc-calc__result {
  display: flex;
flex-direction: column;
gap: var(--space-l);
min-inline-size: 0;
padding: var(--space-l);
background: var(--base);
color: var(--white);
}
.hs-pill__glyph {
  inline-size: calc(var(--u) * 13); aspect-ratio: 1;
}
.mk-call2__sub {
  margin-block-start: calc(var(--u) * 2);
overflow: hidden;
font-size: calc(var(--u) * 12);
white-space: nowrap;
text-overflow: ellipsis;
opacity: 0.6;
}
.site-footer__link {
  font-size: calc(var(--text-s) * 0.97);
&.site-footer__link { color: color-mix(in oklch, var(--white) 66%, transparent); }
&.site-footer__link:hover { color: var(--white); }
}
.product {
  container-type: inline-size;
display: grid;
grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
align-items: center;
gap: var(--space-l) var(--space-xl);
padding-block: var(--section-space-s);
border-block-start: var(--border);
scroll-margin-block-start: var(--offset);
&:nth-child(even) { grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr); }
&:nth-child(even) > .product__media { order: 2; }
@media (width < 56.25rem) {
  &, &:nth-child(even) { grid-template-columns: minmax(0, 1fr); }
  &:nth-child(even) > .product__media { order: 0; }
}
}
.svp-tool__cat {
  font-size: calc(var(--text-s) * 0.9); color: var(--text-dark-muted);
}
.prc-calc__group {
  display: flex; flex-direction: column; gap: calc(var(--space-xs) * 0.8);
}
.price-card__note {
  margin: calc(var(--space-xs) * 1.1) 0 0;
font-size: calc(var(--text-s) * 0.97);
color: var(--text-dark-muted);
}
.brief__status {
  margin: var(--space-xs) 0 0; font-size: var(--text-s); color: var(--text-dark-muted); &:empty { visibility: hidden; } &:empty::after { content: "\00a0"; }
}
.hs-proof {
  position: relative;
display: flex;
align-items: center;
gap: calc(var(--u) * 12);
padding: calc(var(--u) * 14) calc(var(--u) * 16);
border: var(--border);
border-radius: calc(var(--u) * 12);
background: var(--white);
box-shadow: 0 calc(var(--u) * 24) calc(var(--u) * 48) calc(var(--u) * -28) color-mix(in oklch, var(--base) 35%, transparent);
font-size: calc(var(--u) * 13);
line-height: 1.4;
&[data-size="lg"] { gap: calc(var(--u) * 16); padding: calc(var(--u) * 16); }
&[data-tone="dark"] { flex-direction: column; align-items: stretch; gap: calc(var(--u) * 10); padding: calc(var(--u) * 16); border-color: transparent; background: var(--text-dark); color: var(--white); box-shadow: none; }
}
.hs-panel__title {
  display: flex;
flex-direction: column;
& > strong { font-size: calc(var(--u) * 17); letter-spacing: -0.02em; }
& > span { font-size: calc(var(--u) * 12.5); color: var(--text-dark-muted); }
}
.svp-saw__text {
  font-size: var(--text-s); line-height: 1.5; color: var(--text-dark-muted);
}
.mk-search {
  position: absolute;
inset: calc(var(--u) * 52) 0 0;
padding: calc(var(--u) * 14);
}
.hs-call__avatar {
  position: relative;
flex: none;
inline-size: calc(var(--u) * 92);
aspect-ratio: 1;
margin-block-start: calc(var(--u) * 34);
}
.faq__sign {
  display: flex;
align-items: center;
justify-content: center;
flex: none;
inline-size: 2rem;
aspect-ratio: 1;
border: var(--border);
border-radius: 50%;
color: var(--text-dark);
transition: rotate 0.4s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
& .ico { inline-size: 1rem; block-size: 1rem; }
[open] > summary > & { rotate: 45deg; border-color: var(--text-dark); background: var(--text-dark); color: var(--white); }
}
.hs-form {
  &.hs-form {
flex: 1 1 calc(var(--u) * 280);
max-inline-size: calc(var(--u) * 330);
min-inline-size: 0;
block-size: calc(var(--u) * 405);  /* fixed at its content's height (the design's min 384 grew to this), so nothing below moves */
& > * { flex: none; }
& > .hs-form__publish { margin-block-start: auto; }
padding: calc(var(--u) * 20);
}
}
.svp-person__line {
  display: flex; align-items: center; gap: calc(var(--space-xs) * 0.7);
}
.mk-wave {
  display: flex;
align-items: center;
gap: calc(var(--u) * 3);
block-size: calc(var(--u) * 20);
}
.hs-thread__tag {
  &.hs-thread__tag {
margin-inline-start: auto;
}
}
.faq__a {
  padding-inline-end: var(--gutter);
padding-block-end: var(--space-m);
& p { margin: 0; max-inline-size: 45rem; font-size: var(--text-m); line-height: 1.7; color: var(--text-dark-muted); }
}
.hero__device {
  container-type: inline-size;
display: flex;
justify-content: center;
min-inline-size: 0;
}
.hero-note__title {
  font-size: calc(var(--u) * 13.5);
font-weight: 600;
}
.hs-thread__system {
  align-self: center;
padding: calc(var(--u) * 3) calc(var(--u) * 9);
border-radius: calc(var(--u) * 5);
background: var(--white);
font-size: calc(var(--u) * 11.5);
color: var(--text-dark-muted);
}
.prc-plan__lede {
  margin: 0; max-inline-size: 28em; font-size: var(--text-l); line-height: 1.6; color: var(--text-dark-muted);
}
.prc-calc__head {
  margin: 0; min-block-size: 1.9em; font-size: calc(var(--h2) * 0.85); font-weight: 600; line-height: 0.95; letter-spacing: -0.05em;
}
.mk-event__day {
  margin-block-start: calc(var(--u) * 1);
font-size: calc(var(--u) * 17);
font-weight: 600;
line-height: 1.1;
letter-spacing: -0.02em;
}
.mk-event__line {
  display: flex;
align-items: center;
gap: calc(var(--u) * 8);
min-inline-size: 0;
}
.prc-guar__big {
  display: flex; flex-direction: column; align-items: flex-start;
}
.prc-table__them {
  padding: 0 var(--space-s) calc(var(--space-s) * 0.8); font-size: var(--text-m); font-weight: 600;
}
.site-footer {
  container-type: inline-size;
padding: var(--section-space-m) var(--gutter) var(--space-m);
border-block-start: var(--border-light);
&.bg--dark { background: var(--base); }
& > * { inline-size: 100%; max-inline-size: var(--content-width); margin-inline: auto; }  /* ACSS content width, as the sections (Paul, 11 Oct) */
}
.mini__big {
  display: flex;
align-items: baseline;
gap: calc(var(--u) * 8);
margin: 0;
}
.hs-people__note {
  margin-block-start: auto; font-size: calc(var(--u) * 11.5); color: var(--text-dark-muted);
}
.mk-say {
  flex: none;
align-self: flex-start;
max-inline-size: 82%;
padding: calc(var(--u) * 9) calc(var(--u) * 12);
border-radius: calc(var(--u) * 12);
background: color-mix(in oklch, var(--white) 10%, transparent);
font-size: calc(var(--u) * 13);
line-height: 1.4;
&[data-who="c"] { align-self: flex-end; background: var(--primary); }
}
.svp-tools {
  display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
align-content: start;
gap: calc(var(--space-xs) * 0.7);
padding: var(--space-s);
@media (width < 56.25rem) { & { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
}
.hs-note {
  position: relative;
display: flex;
align-items: center;
gap: calc(var(--u) * 10);
padding: calc(var(--u) * 10) calc(var(--u) * 12);
border: var(--border);
border-radius: calc(var(--u) * 10);
background: var(--white);
font-size: calc(var(--u) * 13);
line-height: 1.35;
&[data-tone="dark"] { border-color: transparent; background: var(--text-dark); color: var(--white); }
&[data-tone="dark"] .hs-note__copy > span { color: color-mix(in oklch, var(--white) 60%, transparent); }
}
.svp-feat__title {
  font-size: var(--text-s);
font-weight: 600;
opacity: 0.62;
[data-state="on"] > & { opacity: 1; }
}
.cta__lede {
  margin: calc(var(--space-m) * 0.9) 0 0;
max-inline-size: 31em;
font-size: calc(var(--text-l) * 0.92);
line-height: 1.6;
color: var(--text-light-muted);
}
.dropdown-vega__grid-item {
  display: flex;
  gap: var(--space-s);
  align-items: flex-start;
  opacity: 1;
  transition: opacity 0.3s ease;
  padding: var(--space-m);
  background: color-mix(in oklch, var(--neutral) 5%, transparent);
  border-radius: var(--radius-s);

  /* Begin Clickable Parent */
  position: relative;
  a::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 10;
  }
  &.etch-builder-block a::after {
    content: '';
    position: relative;
  }
  /* End Clickable Parent */
/* Siteyard (sy_vendor.OVERRIDES) */
align-items: center;
gap: calc(var(--space-s) * 0.8);
padding: calc(var(--space-xs) * 1.05);
border-radius: var(--radius);
background: color-mix(in oklch, var(--white) 3.5%, transparent);
transition: background-color 0.25s ease;
&:has(a:is(:hover, :focus-visible, [aria-current="true"], [aria-current="page"])) {
  background: color-mix(in oklch, var(--white) 8%, transparent);
  & .dropdown-vega__grid-item-icon { background: color-mix(in oklch, var(--secondary) 22%, transparent); }
}
&:has(a:focus-visible) { box-shadow: inset 0 0 0 var(--focus-width) var(--secondary); }
}
.legal__table {
  inline-size: 100%;
border-collapse: collapse;
font-size: var(--text-s);
line-height: 1.5;
& th, & td { padding: 0.6em 0.9em; text-align: start; vertical-align: top; border-block-end: var(--border); }
& thead th { font-size: var(--text-xs); font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text-dark-muted); }
& td:first-child { font-weight: 600; color: var(--text-dark); }
@media (width <= 36rem) {
  & thead { display: none; }
  & tr { display: block; padding-block: 0.5em; border-block-end: var(--border); }
  & td { display: flex; justify-content: space-between; gap: var(--space-s); padding: 0.3em 0; border: none; text-align: end; }
  & td::before { content: attr(data-label); flex: none; font-weight: 600; color: var(--text-dark); text-align: start; white-space: nowrap; }
}
}
.hs-repeat__bars {
  display: grid;
grid-template-columns: repeat(7, minmax(0, 1fr));
align-items: end;
gap: calc(var(--u) * 6);
block-size: calc(var(--u) * 130);
margin-block-start: auto;
}
.book__head {
  display: flex;
flex-direction: column;
gap: calc(var(--space-xs) * 0.6);
}
.hs-col--proof {
  &.hs-col--proof {
flex: 1 1 calc(var(--u) * 320); max-inline-size: calc(var(--u) * 420);
}
}
.contact-fan {
  position: relative;
justify-self: center;
inline-size: 100%;
max-inline-size: calc(var(--content-width) * 0.35);
block-size: calc(var(--content-width) * 0.42);
&:hover .contact-fan__card[data-app="wa"] { translate: calc(var(--space-m) * -0.8) calc(var(--space-xs) * 0.3); rotate: -4.5deg; }
&:hover .contact-fan__card[data-app="fb"] { translate: calc(var(--space-xl) * -0.75) calc(var(--space-xs) * 1); rotate: -8deg; transition-delay: 0.04s; }
&:hover .contact-fan__card[data-app="sms"] { translate: calc(var(--space-xxl) * -0.73) calc(var(--space-xs) * 1.8); rotate: -11.5deg; transition-delay: 0.08s; }
@media (width < 62.5rem) { & { block-size: calc(var(--content-width) * 0.4); } }
}
.svp-obj__detail {
  font-size: var(--text-s); line-height: 1.55; text-wrap: pretty;
}
.hs-serp {
  display: flex; flex-direction: column; gap: calc(var(--u) * 8); padding: calc(var(--u) * 6) calc(var(--u) * 10);
}
.hs-panel__step {
  font-family: var(--mono-font-family, ui-monospace, monospace);
font-size: calc(var(--u) * 11.5);
color: var(--primary);
}
.book-form {
  display: flex;
flex-direction: column;
gap: calc(var(--space-s) * 0.95);
&[hidden] { display: none; }
}
.site-consent {
  display: none;
}
.hs-web__send {
  &.hs-web__send {
block-size: calc(var(--u) * 36);
font-size: calc(var(--u) * 12.5);
transition: scale 0.2s ease;
&[data-state="press"] { scale: 0.96; }
}
}
.hs-week__row {
  display: grid;
grid-template-columns: calc(var(--u) * 40) repeat(5, minmax(0, 1fr));
align-items: center;
gap: calc(var(--u) * 5);
&.hs-week__row--days { font-size: calc(var(--u) * 11.5); font-weight: 600; color: var(--text-dark-muted); }
}
.hero-phone__clock {
  font-size: calc(var(--u) * 72);
font-weight: 600;
line-height: 1;
letter-spacing: -0.04em;
}
.product__facts {
  display: flex;
flex-direction: column;
gap: calc(var(--space-xs) * 0.45);
align-self: stretch;
margin: 0;
padding-block-start: calc(var(--space-s) * 0.9);
border-block-start: var(--border);
font-size: calc(var(--text-s) * 0.97);
line-height: 1.5;
}
.hs-pay__from {
  font-size: calc(var(--u) * 12); text-align: center; color: var(--text-dark-muted);
}
.faq__item {
  border-block-end: var(--border);
&::details-content { block-size: 0; overflow: clip; transition: block-size 0.5s cubic-bezier(0.16, 1, 0.3, 1), content-visibility 0.5s allow-discrete; }
&[open]::details-content { block-size: auto; }
@supports (interpolate-size: allow-keywords) { & { interpolate-size: allow-keywords; } }
}
.mk-event__info {
  min-inline-size: 0;
}
.svp-obj {
  display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--space-s);
inline-size: 100%;
margin-block-start: var(--space-xxl);
@media (width < 56.25rem) { & { grid-template-columns: minmax(0, 1fr); } }
}
.hs-call-log__timer {
  margin-inline-start: auto;
font-family: var(--mono-font-family, ui-monospace, monospace);
font-weight: 400;
color: color-mix(in oklch, var(--white) 70%, transparent);
}
.review-card__result {
  display: flex;
flex-direction: column;
gap: calc(var(--space-xs) * 0.6);
margin: 0 0 var(--space-m);
}
.dropdown-vega__footer-links {
  display: flex;
  gap: var(--space-m);
}
.menu-dropdown__content-wrapper {
  position: absolute;
  inset-block-start: 100%;
  inset-inline-start: 0;
  min-inline-size: 200px;
  z-index: 999;
  transform-origin: top center;
  visibility: hidden;
  transition-property: var(--dropdown-transition-property, all);
  transition-duration: var(--dropdown-transition-duration, 0.15s);
  transition-delay: var(--dropdown-transition-delay, 0);
  transition-timing-function: var(--dropdown-transition-timing, cubic-bezier(0.4, 0, 0.2, 1));
  opacity: 0;

  &.stacked-mode {
    position: absolute;
    inset-block: 0;
    inset-inline: 0;
    background: var(--mobile-menu-bg-color);
    transform: translateX(100%);
    overflow-y: auto;
    overflow-x: clip;
    transform-origin: center center;
    transition-timing-function: var(--mobile-dropdown-stacked-timing, ease-out);
    transition-duration: var(--mobile-menu-transition-duration);

    .menu-dropdown-back-button {
      display: flex;
    }

    &.open {
      transform: translateX(0);
      scale: 1;
      visibility: visible;
      opacity: 1;
    }

    &.open:has(+ .menu-dropdown__content-wrapper.open) {
      transform: translateX(20px);
      scale: 0.98;

      /*RTL language flip direction */
      html[dir='RTL'] & {
        transform: translateX(-20px);
      }
    }

    .nav__list:has(~ &) {
      transform: translateX(0);
      scale: 1;
      transform-origin: center center;
      transition-property: transform, opacity, scale;
      opacity: 1;
      transition-duration: var(--mobile-menu-transition-duration);
      transition-delay: var(--dropdown-transition-delay, 0);
      transition-timing-function: var(--mobile-dropdown-stacked-timing, ease-out);
    }

    /* mobile dropdown stacked animations */
    .nav__list:has(~ &.open) {
      transform: translateX(20px);
      scale: 0.98;
      opacity: 0;

      /*RTL language flip direction */
      html[dir='rtl'] & {
        transform: translateX(-20px);
      }
    }
  }
}
.hs-tag {
  padding: calc(var(--u) * 4) calc(var(--u) * 9);
border-radius: calc(var(--u) * 5);
font-size: calc(var(--u) * 12);
font-weight: 600;
white-space: nowrap;
background: var(--neutral-ultra-light);
color: var(--text-dark-muted);
&[data-tone="ok"] { background: var(--success-ultra-light); color: color-mix(in oklch, var(--success) 55%, black); }
&[data-tone="past"] { background: var(--bg-light); color: var(--neutral-semi-light); }
&[data-tone="accent"] { background: var(--primary); color: var(--white); }
}
.hs-hold__slot {
  position: absolute;
inset: 0;
display: grid;
place-items: center;
border: calc(var(--u) * 1.5) dashed color-mix(in oklch, var(--text-dark) 16%, transparent);
border-radius: calc(var(--u) * 10);
font-family: var(--mono-font-family, ui-monospace, monospace);
font-size: calc(var(--u) * 11.5);
color: var(--neutral-semi-light);
.hs-col & { border-radius: calc(var(--u) * 12); }
[data-shape="card"] > & { border-radius: calc(var(--u) * 14); }
[data-shape="phone"] > & { border-radius: calc(var(--u) * 30); }
}
.hero__lede {
  margin: var(--space-m) 0 0;
max-inline-size: 30.5em;
font-size: var(--text-m);
line-height: 1.6;
color: var(--text-light-muted);
}
.prc-guar {
  display: grid;
grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.6fr);
align-items: center;
gap: var(--space-xl) var(--space-xxl);
inline-size: 100%;
@media (width < 56.25rem) { & { grid-template-columns: minmax(0, 1fr); } }
}
.problem__num {
  margin: 0;
font-family: var(--heading-font-family);
font-size: calc(var(--h1) * 1.35);
font-weight: 600;
line-height: 0.88;
letter-spacing: -0.06em;
color: var(--text-dark);
}
.site-footer__cookie {
  &.site-footer__cookie { padding: calc(var(--space-xs) * 0.35) 0; border: 0; background: none; font: inherit; color: inherit; cursor: pointer; }
}
.mk-node__dot {
  inline-size: calc(var(--u) * 6);
aspect-ratio: 1;
border-radius: 50%;
background: currentColor;
[data-state="running"] > * > & { animation: mk-dot 1s ease-in-out infinite; }
}
.hs-review__text {
  margin: 0; font-size: calc(var(--u) * 13.5); line-height: 1.5;
}
.svp-inc {
  display: grid;
grid-template-columns: 21.25rem minmax(0, 1fr);
block-size: 27.5rem;
@media (width < 56.25rem) { & { grid-template-columns: minmax(0, 1fr); block-size: auto; } }
}
.hs-pay {
  position: absolute;
inset: auto 0 0;
display: flex;
flex-direction: column;
gap: calc(var(--u) * 10);
padding: calc(var(--u) * 16) calc(var(--u) * 14);
border-radius: calc(var(--u) * 18) calc(var(--u) * 18) 0 0;
background: var(--white);
box-shadow: 0 calc(var(--u) * -10) calc(var(--u) * 30) calc(var(--u) * -12) color-mix(in oklch, var(--base) 30%, transparent);
&[data-cue] { transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), translate 0.6s cubic-bezier(0.16, 1, 0.3, 1); }
}
.brief {
  --progress: 0%;
display: grid;
grid-template-rows: auto minmax(0, 1fr);  /* one height whatever the step (Paul, 11 Oct): every question, and the thank-you, share a cell */
min-inline-size: 0;
min-block-size: calc(var(--content-width) * 0.395);
@media (width < 47.5rem) { & { min-block-size: 0; } }
overflow: hidden;
border-radius: calc(var(--radius) * 1.2);
background: var(--white);
color: var(--text-dark);
box-shadow: 0 var(--space-l) var(--space-xxl) calc(var(--space-l) * -1) color-mix(in oklch, black 50%, transparent);
}
.wwd__inner {
  gap: var(--space-m);
& > .fill-text-alpha { max-inline-size: 75rem; min-inline-size: 0; }
}
.product__actions {
  display: flex;
flex-wrap: wrap;
gap: var(--space-xs);
}
.hero__title {
  margin: var(--space-m) 0 0;
max-inline-size: 11em;
font-size: var(--h1);
font-weight: 600;
line-height: 0.94;
letter-spacing: -0.05em;
}
.brief__pills {
  display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: calc(var(--space-xs) * 0.65);
margin-block-start: calc(var(--space-xs) * 0.8);
&:focus { outline: none; }  /* focused by script so the A-F keys work; the choices themselves show focus */
/* phones keep the two columns (Paul, 12 Oct: "the form not to be massive"); long labels wrap inside their tile */
}
.legal__updated {
  &.legal__updated { font-weight: 700; color: var(--text-dark); }
}
.hero__chip {
  display: inline-flex;
align-items: center;
gap: calc(var(--space-xs) * 0.7);
padding: calc(var(--space-xs) * 0.5) var(--space-s) calc(var(--space-xs) * 0.5) calc(var(--space-xs) * 0.5);
border-radius: 999px;  /* pill, as the Pricing hero's chips (Paul, 11 Oct) */
background: color-mix(in oklch, var(--white) 6%, transparent);
box-shadow: inset 0 0 0 1px color-mix(in oklch, var(--white) 14%, transparent);
font-size: calc(var(--text-s) * 1.01);
font-weight: 500;
color: var(--text-light);
}
.hs-serp__caret {
  &.hs-serp__caret {
flex: none; block-size: calc(var(--u) * 13); margin-inline-start: calc(var(--u) * -6);
}
}
.hs-app__mark {
  display: grid;
flex: none;
place-items: center;
inline-size: calc(var(--u) * 32);
aspect-ratio: 1;
border-radius: calc(var(--u) * 9);
background: var(--mark, var(--primary));
font-size: calc(var(--u) * 14);
font-weight: 600;
color: var(--white);
}
.hs-call-log {
  display: flex;
flex: 1 1 calc(var(--u) * 380);
flex-direction: column;
max-inline-size: calc(var(--u) * 480);
min-inline-size: 0;
min-block-size: calc(var(--u) * 384);
padding: calc(var(--u) * 22);
border-radius: calc(var(--u) * 14);
background: var(--base);
color: var(--white);
box-shadow: 0 calc(var(--u) * 30) calc(var(--u) * 60) calc(var(--u) * -28) color-mix(in oklch, var(--base) 60%, transparent);
}
.mobile-menu-header {
  flex-direction: column;
  justify-content: center;
  padding-inline: var(--mobile-menu-padding-inline);
  min-block-size: var(--header-height);
  display: none;

  /* display only off canvas */
  .menu-wrapper.off-canvas-mode &{
    display: flex;
  }
}
.svp-panel__top {
  display: flex; justify-content: space-between; align-items: center;
}
.hs-sms__body--fill {
  &.hs-sms__body--fill {
flex: 1;
}
}
.mk-tilecard__sub {
  margin-block-start: calc(var(--u) * 2);
overflow: hidden;
font-size: calc(var(--u) * 11.5);
white-space: nowrap;
text-overflow: ellipsis;
color: var(--text-dark-muted);
[data-state] > * > & { color: inherit; opacity: 0.7; }
}
.hs-call__btn {
  display: grid;
place-items: center;
inline-size: calc(var(--u) * 50);
aspect-ratio: 1;
border-radius: 50%;
color: var(--white);
&[data-tone="decline"] { background: var(--danger); }
&[data-tone="accept"] { background: color-mix(in oklch, var(--success) 78%, black); }
}
.svp-app__chips {
  display: flex; gap: calc(var(--u) * 5); margin-block-start: calc(var(--u) * 11);
}
.mk-call__pulse {
  position: absolute;
inset: 0;
border: calc(var(--u) * 2) solid color-mix(in oklch, var(--white) 50%, transparent);
border-radius: 50%;
animation: mk-ring 1.4s ease-out infinite;
}
.hero-victor__list-item {
  padding-block-start: var(--space-m); border-block-start: calc(var(--border-width) * 1.5) solid var(--text-dark);
}
.mk-site__action {
  padding: calc(var(--u) * 10) calc(var(--u) * 14);
border-radius: calc(var(--u) * 8);
background: var(--white);
color: var(--base);
font-size: calc(var(--u) * 12);
font-weight: 600;
&.mk-site__action--ghost { background: transparent; color: var(--white); border: calc(var(--u) * 1) solid color-mix(in oklch, var(--white) 35%, transparent); font-weight: 400; }
}
.review-card__text {
  margin: 0;
font-size: var(--text-m);
line-height: 1.5;
letter-spacing: -0.01em;
color: var(--white);
}
.mk-events__title {
  font-size: calc(var(--u) * 17);
font-weight: 500;
letter-spacing: -0.02em;
}
.hs-gbp {
  &.hs-gbp {
flex: 1 1 calc(var(--u) * 380);
max-inline-size: calc(var(--u) * 500);
min-inline-size: 0;
block-size: calc(var(--u) * 384);
}
}
.site-mobile__want {
  margin: 0;
font-size: var(--text-s);
font-weight: 500;
color: color-mix(in oklch, var(--white) 60%, transparent);
}
.hs-typed__sizer {
  visibility: hidden;
}
.header__logo {
  svg {
    width: 2.5rem;
  height: auto;
  }
/* Siteyard (sy_vendor.OVERRIDES) */
flex: none;
display: flex;
align-items: center;
& svg { inline-size: auto; block-size: 1.75rem; }
}
.sy-tile__icon {
  inline-size: 47%;
aspect-ratio: 1;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.product__line {
  margin: 0;
max-inline-size: 30.5em;
font-size: var(--text-m);
line-height: 1.6;
color: var(--text-dark-muted);
}
.step__title {
  margin: 0;
font-size: var(--h3);
font-weight: 600;
letter-spacing: -0.03em;
}
.hs-booked__glyph {
  inline-size: calc(var(--u) * 13); aspect-ratio: 1;
}
.hs-call-log__status {
  display: flex;
align-items: center;
gap: calc(var(--u) * 8);
font-size: calc(var(--u) * 12.5);
font-weight: 600;
}
.mk-day__num {
  margin-block-start: calc(var(--u) * 2);
font-size: calc(var(--u) * 15);
font-weight: 600;
}
.svp-tool__name {
  font-size: var(--text-s); font-weight: 600;
}
.svp-person__glyph {
  &.svp-person__glyph { inline-size: 1.1rem; block-size: 1.1rem; }
color: var(--primary);
}
.mk-done__title {
  margin-block-start: calc(var(--u) * 18);
font-size: calc(var(--u) * 24);
font-weight: 500;
letter-spacing: -0.03em;
}
.hs-gbp__rating {
  font-size: calc(var(--u) * 38); line-height: 1; letter-spacing: -0.05em;
}
.svp-problem__sum {
  display: flex;
justify-content: space-between;
padding: var(--space-s) var(--space-m);
background: var(--danger-ultra-light);
font-size: var(--text-s);
font-weight: 600;
color: var(--danger);
}
.mk-toast__title {
  margin-block-start: calc(var(--u) * 6);
font-size: calc(var(--u) * 13);
font-weight: 600;
}
.hero__chip-icon {
  display: grid;
flex: none;
place-items: center;
inline-size: 1.75rem;
aspect-ratio: 1;
border-radius: 50%;
background: color-mix(in oklch, var(--secondary) 18%, transparent);
color: var(--secondary);
& svg { inline-size: 0.95rem; block-size: auto; }
}
.hs-sms__reply {
  &.hs-sms__reply {
align-self: flex-end;
max-inline-size: 80%;
&[data-tone="accent"] { border-radius: calc(var(--u) * 12) calc(var(--u) * 12) calc(var(--u) * 4) calc(var(--u) * 12); background: var(--primary); color: var(--white); }
}
}
.hs-people__id {
  display: flex;
flex-direction: column;
min-inline-size: 0;
& > strong { font-size: calc(var(--u) * 13); }
& > span { font-size: calc(var(--u) * 11.5); color: var(--text-dark-muted); }
}
.dropdown-drop-in__list-heading {
  text-transform: uppercase;
  font-size: var(--text-s);
  font-weight: 400;
  letter-spacing: 0.05em;
  color: var(--text-dark-muted);
/* Siteyard (sy_vendor.OVERRIDES) */
margin: 0;
font-size: var(--text-xs);
font-weight: 500;
letter-spacing: 0.08em;
text-transform: uppercase;
color: color-mix(in oklch, var(--white) 55%, transparent);
}
.product__gets {
  display: flex;
flex-direction: column;
gap: calc(var(--space-xs) * 0.9);
margin: 0;
padding: 0;
list-style: none;
}
.dropdown-vega {
  display: flex;
  flex-direction: column;
  gap: var(--content-gap);

  .menu-wrapper.mobile & {
    .dropdown-vega__grid {
      grid-template-columns: 1fr;
    }
    
    .dropdown-vega__footer {
      flex-direction: column;
      gap: var(--space-s);
      align-items: flex-start;
    }
  }

  .menu-wrapper.desktop &:has(.dropdown-vega__grid-item a:is(:hover, :focus-visible)) .dropdown-vega__grid-item:not(:has(a:hover, a:focus-visible)) {
    opacity: 0.6;
  }
/* Siteyard (sy_vendor.OVERRIDES) */
gap: 0;
inline-size: min(calc(var(--space-s) * 36), calc(100vw - var(--space-s) * 2));
padding: calc(var(--space-s) * 1.2);
color: var(--white);
.menu-wrapper.desktop &:has(.dropdown-vega__grid-item a:is(:hover, :focus-visible)) .dropdown-vega__grid-item:not(:has(a:hover, a:focus-visible)) { opacity: 1; }
}
.consent__error {
  grid-column: 2;
font-size: var(--text-xs);
color: var(--danger-semi-dark);
&:empty { display: none; }
}
.hs-pay__btn {
  &.hs-pay__btn {
block-size: calc(var(--u) * 40);
font-size: calc(var(--u) * 13);
}
}
.prc-card__point {
  display: flex; align-items: center; gap: 0.35em; & .ico { inline-size: 1em; block-size: 1em; }
}
.dropdown-drop-in__item-content {
  display: flex;
  flex-direction: column;

  p {
    font-size: var(--text-s);
  }
/* Siteyard (sy_vendor.OVERRIDES) */
min-inline-size: 0;
display: flex;
flex-direction: column;
gap: calc(var(--space-xs) * 0.2);
& p { margin: 0; font-size: calc(var(--text-s) * 0.93); color: color-mix(in oklch, var(--white) 55%, transparent); }
}
.prc-card__toggle-title {
  font-size: var(--text-m); font-weight: 600;
}
.svp-app__num {
  margin-block-start: calc(var(--u) * 2); font-size: calc(var(--u) * 15); font-weight: 600;
}
.hs-rate__text {
  flex: none;
block-size: calc(var(--u) * 92);
padding: calc(var(--u) * 10);
border: var(--border);
border-radius: calc(var(--u) * 8);
font-size: calc(var(--u) * 12);
line-height: 1.5;
}
.pricing__copy {
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--space-m);
min-inline-size: 0;
}
.hs-app__id {
  display: flex; flex-direction: column; & > strong { font-size: calc(var(--u) * 15); }
}
.mk-board {
  display: flex;
flex-direction: column;
gap: calc(var(--u) * 14);
inline-size: 100%;
padding: calc(var(--u) * 52) calc(var(--u) * 48);
&.mk-board--follow { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); align-content: center; }
&.mk-board--events { gap: calc(var(--u) * 12); padding: calc(var(--u) * 48) calc(var(--u) * 44); }
@container (width < 42rem) {
  & { padding: calc(var(--u) * 20) calc(var(--u) * 18); }
  &.mk-board--follow { grid-template-columns: var(--grid-1); }
}
}
.mk-book__days {
  display: grid;
grid-template-columns: var(--grid-5);
gap: calc(var(--u) * 5);
margin-block-start: calc(var(--u) * 8);
}
.svp-event {
  display: grid;
grid-template-columns: 3.25rem 2.25rem minmax(0, 1fr) auto;
align-items: center;
gap: var(--space-xs);
padding: var(--space-s) var(--space-m);
border-block-end: var(--border);
@media (width < 37.5rem) { & { grid-template-columns: 2.25rem minmax(0, 1fr) auto; } & > .svp-event__time { display: none; } }
@media (prefers-reduced-motion: no-preference) {
  [data-rise="in"] &, [data-rise="done"] & { animation: sy-in 0.7s cubic-bezier(0.16, 1, 0.3, 1) both; }
  &:nth-child(2) { animation-delay: 0.25s; } &:nth-child(3) { animation-delay: 0.50s; } &:nth-child(4) { animation-delay: 0.75s; } &:nth-child(5) { animation-delay: 1.00s; } &:nth-child(6) { animation-delay: 1.25s; }
}
}
.book-form__submit {
  &.book-form__submit { margin-block-start: calc(var(--space-xs) * 0.3); }
&:disabled { opacity: 0.6; cursor: progress; }
}
.prc-plan__setup-text {
  font-size: var(--text-m); line-height: 1.6; color: var(--text-dark-muted);
}
.prc-calc__year {
  display: flex;
flex-direction: column;
gap: calc(var(--space-xs) * 0.5);
margin-block-start: auto;
padding-block-start: var(--space-m);
border-block-start: var(--border-width) solid color-mix(in oklch, var(--white) 12%, transparent);
}
.sy-toast {
  position: absolute;
z-index: 2;
display: flex;
align-items: center;
gap: calc(var(--space-xs) * 0.7);
padding: calc(var(--space-xs) * 0.85) var(--space-xs);
border-radius: var(--radius);
background: var(--white);
color: var(--text-dark);
box-shadow: 0 calc(var(--space-s) * 0.9) calc(var(--space-xl) * 0.6) calc(var(--space-s) * -0.8) color-mix(in oklch, black 50%, transparent);
font-size: calc(var(--text-s) * 0.9);
text-align: start;
&[data-position="left"] { inset-block-end: calc(100% - var(--space-xs)); inset-inline-start: calc(var(--space-xl) * 1.2); }  /* its bottom just inside the panel's top edge, clear of the first row (Paul, 11 Oct) */
&[data-position="right"] { inset-block-end: calc(var(--space-xl) * -0.6); inset-inline-end: calc(var(--space-xl) * -0.6); animation-delay: -2.5s; }
&[data-position="right-top"] { inset-block-end: calc(100% - var(--space-xs)); inset-inline-end: calc(var(--space-xl) * -0.6); animation-delay: -2.5s; }
&[data-tone="ink"] { background: var(--text-dark); color: var(--white); }
&[data-tone="accent"] { background: var(--primary); color: var(--white); }
@media (prefers-reduced-motion: no-preference) { & { animation: sy-float 5s ease-in-out infinite; } }
@media (width < 73.75rem) { & { display: none; } }
}
.mk-site__grid {
  display: grid;
grid-template-columns: var(--grid-2);
gap: calc(var(--u) * 6);
padding: calc(var(--u) * 16);
}
.price-card {
  min-inline-size: 0;
padding: var(--space-l);
border: var(--border);
border-radius: var(--btn-radius);
background: var(--white);
box-shadow: 0 1.875rem 3.75rem -2.125rem color-mix(in oklch, var(--base) 35%, transparent);
}
.legal-hero {
  --beam-x: 50%; --glow-x: 50%; padding-block: calc(var(--header-height) + var(--section-space-m)) var(--section-space-m);
}
.hs-rate__star {
  inline-size: calc(var(--u) * 30);
aspect-ratio: 1;
color: var(--neutral-light);
scale: 0.85;
transition: scale 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), color 0.2s ease;
&[data-state="on"] { color: var(--warning); scale: 1; }
&[data-state="pop"] { color: var(--warning); scale: 1.3; }
}
.mk-tilecard {
  display: flex;
align-items: center;
gap: calc(var(--u) * 12);
min-inline-size: 0;
padding: calc(var(--u) * 14) calc(var(--u) * 16);
border-radius: calc(var(--u) * 14);
background: var(--white);
transition: background-color 0.3s ease, color 0.3s ease;
&[data-state="off"] { background: var(--text-dark); color: var(--white); }
&[data-state="on"] { background: var(--primary); color: var(--white); }
}
.mk-tilecard__icon {
  display: flex;
flex: none;
align-items: center;
justify-content: center;
inline-size: calc(var(--u) * 28);
aspect-ratio: 1;
border-radius: calc(var(--u) * 8);
background: var(--primary-ultra-light);
color: var(--primary);
font-size: calc(var(--u) * 14);
[data-state] > & { background: color-mix(in oklch, var(--white) 14%, transparent); color: inherit; }
}
.menu-link {
  display: flex;
  align-items: center;
}
.svp-bars {
  display: grid;
grid-template-columns: repeat(7, minmax(0, 1fr));
align-items: end;
gap: calc(var(--space-xs) * 0.55);
block-size: 10rem;
margin-block-start: auto;
}
.products {
  padding-block: 0 calc(var(--section-space-l) * 0.8);
}
.menu-wrapper-backdrop {
  position: fixed;
  inset: 0;
  z-index: 998;
  background-color: var(--mobile-menu-backdrop-color);
  opacity: 0%;
  visibility: hidden;
  transition-property: opacity, visibility;
  transition-duration: var(--mobile-menu-transition-duration);
  transition-delay: calc(var(--mobile-menu-transition-duration) / 1.5);
  transition-timing-function: ease-out;
  pointer-events: none;

  .menu-wrapper.open & {
    visibility: visible;
    opacity: var(--mobile-menu-backdrop-opacity);
  }
}
.svp-person {
  display: flex;
flex-direction: column;
gap: var(--space-s);
padding: var(--space-m);
border-inline-end: var(--border);
@media (width < 56.25rem) { & { border-inline-end: 0; border-block-end: var(--border); } }
}
.hero-victor__content-wrapper {
  display: flex; flex-direction: column; justify-content: center; gap: var(--space-m);
}
.mk-toast__sub {
  margin-block-start: calc(var(--u) * 2);
font-size: calc(var(--u) * 12);
color: var(--text-dark-muted);
}
.hs-noterow {
  display: flex;
flex-wrap: wrap;
gap: calc(var(--u) * 12);
& > .hs-hold { display: flex; flex: 1 1 calc(var(--u) * 200); }
& .hs-note { flex: 1; }
}
.svp-works {
  display: grid;
grid-template-columns: minmax(0, 1fr) 23.75rem;
@media (width < 56.25rem) { & { grid-template-columns: minmax(0, 1fr); } }
}
.hs-stars__star {
  flex: none; inline-size: 1em; block-size: 1em;
}
.hs-rate {
  position: absolute;
inset: calc(var(--u) * 30) 0 0;
display: flex;
flex-direction: column;
gap: calc(var(--u) * 12);
padding: calc(var(--u) * 18) calc(var(--u) * 14) calc(var(--u) * 14);
background: var(--white);
}
.hs-thread__body {
  display: flex;
flex: 1;
flex-direction: column;
gap: calc(var(--u) * 9);
padding: calc(var(--u) * 14) calc(var(--u) * 18);
overflow: hidden;
background: var(--bg-light);
}
.svp-tool__status {
  display: flex;
align-items: center;
gap: calc(var(--space-xs) * 0.4);
font-size: var(--text-xs);
font-weight: 500;
color: var(--text-dark-muted);
&[data-status="Connected"] { color: color-mix(in oklch, var(--success) 55%, black); }
}
.hs-call__body {
  display: flex;
flex: 1;
flex-direction: column;
align-items: center;
padding: calc(var(--u) * 20) calc(var(--u) * 14) calc(var(--u) * 16);
text-align: center;
}
.hs-call__missed {
  position: absolute; inset: 0; font-weight: 600; color: color-mix(in oklch, var(--danger) 55%, var(--white));
}
.svp-quote__id {
  display: flex; flex-direction: column;
}
.prc-plan__setup {
  display: flex;
flex-direction: column;
gap: calc(var(--space-xs) * 0.9);
inline-size: 100%;
max-inline-size: 28em;
padding-block-start: var(--space-m);
border-block-start: var(--border);
}
.hs-review__sent {
  display: block; margin-block-start: calc(var(--u) * 3); font-size: calc(var(--u) * 11); font-weight: 600; color: var(--primary);
}
.svp-app__chip {
  padding: calc(var(--u) * 6) calc(var(--u) * 10);
border: var(--border);
border-radius: calc(var(--u) * 20);
background: var(--white);
color: var(--text-dark);
font: inherit;
font-size: calc(var(--u) * 11);
font-weight: 600;
cursor: pointer;
transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease;
&[aria-pressed="true"] { border-color: var(--primary); background: var(--primary); color: var(--white); }
}
.hs-proof__icon {
  display: grid;
flex: none;
place-items: center;
inline-size: calc(var(--u) * 34);
aspect-ratio: 1;
border-radius: calc(var(--u) * 9);
background: var(--primary-ultra-light);
color: var(--primary);
}
.hero-note {
  position: absolute;
inset: 0 0 auto;
display: grid;
grid-template-columns: calc(var(--u) * 34) minmax(0, 1fr) auto;
align-items: center;
gap: calc(var(--u) * 10);
padding: calc(var(--u) * 12) calc(var(--u) * 14);
border-radius: calc(var(--u) * 20);
background: color-mix(in oklch, var(--white) 88%, transparent);
-webkit-backdrop-filter: blur(calc(var(--u) * 12));
backdrop-filter: blur(calc(var(--u) * 12));
color: var(--text-dark);
text-align: start;
transition: translate 0.8s cubic-bezier(0.16, 1, 0.3, 1), scale 0.8s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.5s ease;
&[data-pos="0"] { translate: 0 0; scale: 1; opacity: 1; }
&[data-pos="1"] { translate: 0 calc(var(--u) * 76); scale: 0.98; opacity: 0.88; }
&[data-pos="2"] { translate: 0 calc(var(--u) * 152); scale: 0.96; opacity: 0.76; }
&[data-pos="3"] { translate: 0 calc(var(--u) * 228); scale: 0.94; opacity: 0; }
&[data-pos="4"] { translate: 0 calc(var(--u) * -80); scale: 0.92; opacity: 0; }
@media (prefers-reduced-motion: reduce) { & { transition: none; } }
}
.hs-ledger__sub {
  display: flex; justify-content: space-between; align-items: center; font-size: calc(var(--u) * 12); color: var(--text-dark-muted);
}
.hs-review__reply {
  display: flex;
flex-direction: column;
gap: calc(var(--u) * 2);
padding: calc(var(--u) * 9) calc(var(--u) * 11);
border-radius: calc(var(--u) * 7);
background: var(--bg-light);
font-size: calc(var(--u) * 12.5);
& > span:not(.hs-review__sent) { color: var(--text-dark-muted); }
[data-fx] > & { background: var(--primary-ultra-light); }
}
.hs-event__day {
  font-family: var(--mono-font-family, ui-monospace, monospace);
font-size: calc(var(--u) * 12);
color: var(--neutral-semi-light);
.hs-event--new > & { color: var(--primary); }
}
.svp-app__more {
  display: none;
flex-direction: column;
gap: calc(var(--u) * 7);
padding: 0 calc(var(--u) * 10) calc(var(--u) * 10);
[data-state="open"] > & { display: flex; }
@media (prefers-reduced-motion: no-preference) { [data-state="open"] > & { animation: sy-in 0.45s cubic-bezier(0.16, 1, 0.3, 1) both; } }
}
.book-help__chips {
  display: flex;
flex-wrap: wrap;
gap: calc(var(--space-xs) * 0.6);
}
.prc-hero__inner {
  display: flex; flex-direction: column; align-items: center; gap: var(--space-l); text-align: center;
}
.problem__label {
  margin: var(--space-s) 0 0;
max-inline-size: 15em;
font-size: var(--text-l);
line-height: 1.45;
color: var(--text-dark-muted);
}
.mk-cal {
  position: relative;
padding: calc(var(--u) * 16) calc(var(--u) * 16) calc(var(--u) * 14);
border-radius: calc(var(--u) * 14);
background: var(--white);
}
.mk-toast {
  position: absolute;
inset-block-start: calc(var(--u) * 50);
inset-inline: calc(var(--u) * 10);
z-index: 11;
padding: calc(var(--u) * 12) calc(var(--u) * 14);
border: calc(var(--u) * 1) solid var(--border-color-dark);
border-radius: calc(var(--u) * 18);
background: color-mix(in oklch, var(--white) 96%, transparent);
backdrop-filter: blur(calc(var(--u) * 10));
box-shadow: 0 calc(var(--u) * 20) calc(var(--u) * 40) calc(var(--u) * -18) color-mix(in oklch, var(--text-dark) 45%, transparent);
}
.mk-board__cols {
  display: grid;
grid-template-columns: var(--grid-2);
gap: calc(var(--u) * 14);
align-items: start;
min-block-size: calc(var(--u) * 380);
@container (width < 42rem) { & { grid-template-columns: var(--grid-1); min-block-size: 0; } }
}
.faq__title {
  margin: var(--space-m) 0 0;
font-size: calc(var(--h2) * 0.76);
font-weight: 600;
line-height: 1;
letter-spacing: -0.045em;
}
.mini__url {
  font-size: calc(var(--u) * 9);
color: var(--text-dark-muted);
}
.hs-event__old {
  max-block-size: calc(var(--u) * 70);
overflow: hidden;
transition: max-block-size 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1);
&[data-state="struck"] .hs-event__past { text-decoration: line-through; }
&[data-state="gone"] { max-block-size: 0; opacity: 0; }
}
.scene__step-fill {
  display: block;
inline-size: var(--p, 100%);
block-size: 100%;
background: var(--primary);
}
.mk-person__name {
  font-size: calc(var(--u) * 13.5);
font-weight: 500;
}
.svp-tile__value {
  font-size: calc(var(--h2) * 0.76);
font-weight: 600;
line-height: 1;
letter-spacing: -0.05em;
white-space: nowrap;
@media (width < 24rem) { & { font-size: calc(var(--h2) * 0.62); } }
}
.problem__stat {
  padding-inline: var(--space-m);
border-inline-start: var(--border);
&:first-child { padding-inline-start: 0; border-inline-start: 0; }
&:last-child { padding-inline-end: 0; }
@container (width < 45rem) { & { padding-inline: 0; border-inline-start: 0; } }
}
.mk-cal__hour {
  grid-column: 1;
padding-block-start: calc(var(--u) * 3);
font-size: calc(var(--u) * 10.5);
font-variant-numeric: tabular-nums;
color: var(--neutral-semi-light);
}
.hs-caret--tall {
  &.hs-caret--tall {
block-size: calc(var(--u) * 15); vertical-align: baseline;
}
}
.hs-web__rating {
  font-size: calc(var(--u) * 11); text-align: center; color: var(--text-dark-muted);
}
.mini__chart {
  min-inline-size: 0;
}
.svp-hero__best {
  margin: 0;
font-size: var(--text-s);
color: color-mix(in oklch, var(--white) 60%, transparent);
& strong { font-weight: 600; color: var(--white); }
}
.svp-app__toggle {
  display: grid;
grid-template-columns: calc(var(--u) * 40) minmax(0, 1fr) auto;
align-items: center;
gap: calc(var(--u) * 10);
inline-size: 100%;
padding: calc(var(--u) * 10);
border: 0;
background: transparent;
color: inherit;
font: inherit;
text-align: start;
cursor: pointer;
}
.hs-toggle {
  inline-size: calc(var(--u) * 36);
block-size: calc(var(--u) * 20);
padding: calc(var(--u) * 2);
border-radius: calc(var(--u) * 10);
background: var(--neutral-light);
transition: background-color 0.3s ease;
&[data-state="on"] { background: var(--primary); }
}
.menu-dropdown__trigger-label {
  white-space: nowrap;
}
.svp-sync__row {
  display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: calc(var(--space-xs) * 0.85);
padding: var(--space-xs) var(--space-m);
border-block-end: var(--border);
@media (prefers-reduced-motion: no-preference) {
  [data-rise="in"] &, [data-rise="done"] & { animation: sy-in 0.7s cubic-bezier(0.16, 1, 0.3, 1) both; }
  &:nth-child(2) { animation-delay: 0.18s; } &:nth-child(3) { animation-delay: 0.36s; } &:nth-child(4) { animation-delay: 0.54s; } &:nth-child(5) { animation-delay: 0.72s; } &:nth-child(6) { animation-delay: 0.90s; }
}
}
.hs-field {
  display: flex; flex-direction: column; gap: calc(var(--u) * 4);
}
.book__lede {
  margin: 0;
font-size: calc(var(--text-s) * 0.97);
color: var(--text-dark-muted);
}
.svp-obj__q {
  align-self: flex-start;
max-inline-size: 92%;
margin: 0;
padding: calc(var(--space-xs) * 1.1) calc(var(--space-xs) * 1.3);
border-radius: 1rem 1rem 1rem 0.25rem;
background: var(--bg-light);
font-size: var(--text-l);
font-weight: 600;
line-height: 1.35;
letter-spacing: -0.02em;
text-wrap: pretty;
color: var(--text-dark);
}
.voices__list {
  display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--space-s);
margin: var(--space-xl) 0 0;
padding: 0;
list-style: none;
@container (width >= 53.75rem) { &:has(> :nth-child(4):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@container (width < 53.75rem) { & { grid-template-columns: minmax(0, 1fr); } }
}
.mini__title {
  font-size: calc(var(--u) * 12.5);
font-weight: 600;
}
.hs-serp__url {
  font-size: calc(var(--u) * 10.5);
color: var(--neutral-semi-light);
[data-state] > & { color: var(--text-dark-muted); }
}
.hs-serp__results {
  display: flex; flex-direction: column; gap: calc(var(--u) * 6);
}
.mk-toast__app {
  display: flex;
align-items: center;
gap: calc(var(--u) * 6);
}
.svp-panel__head {
  display: flex;
flex-direction: column;
gap: calc(var(--space-xs) * 0.55);
padding: var(--space-m) var(--space-l) var(--space-s);
border-block-end: var(--border);
}
.mk-done__k {
  color: var(--text-dark-muted);
}
.svp-saw__card {
  display: flex;
flex: 1;
flex-direction: column;
gap: calc(var(--space-xs) * 0.85);
padding: var(--space-s);
border-radius: var(--radius);
background: var(--white);
}
.mk-node {
  position: relative;
display: grid;
grid-template-columns: calc(var(--u) * 32) minmax(0, 1fr) auto;
align-items: center;
gap: calc(var(--u) * 14);
padding: calc(var(--u) * 10);
border-radius: calc(var(--u) * 12);
transition: background-color 0.3s ease;
&[data-state="running"] { background: var(--primary-ultra-light); }
/* phones: one pill width for Waiting / Running… / Done, so the step titles never rewrap and the panel keeps its height */
@media (width < 56.25rem) { & > .mk-pill { min-inline-size: calc(var(--u) * 72); text-align: center; } }
/* the line to the next step runs from this icon's bottom edge to the next icon's top, behind both */
&:not(:last-child)::after {
  content: "";
  position: absolute;
  z-index: 0;
  inset-inline-start: calc(var(--u) * 25);
  inset-block-start: calc(50% + calc(var(--u) * 16));
  inline-size: calc(var(--u) * 2);
  block-size: calc(100% - calc(var(--u) * 28));
  border-radius: calc(var(--u) * 2);
  background: var(--border-color-dark);
  transition: background-color 0.3s ease;
}
&[data-state="done"]:not(:last-child)::after { background: var(--primary); }
}
.dropdown-drop-in__item-content-heading {
  font-size: var(--text-m);
  color: var(--heading-color);
  margin-block-end: 0.5em;

  a {
    font-weight: inherit;
    font-size: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    text-decoration: none;
    color: inherit;
  }
/* Siteyard (sy_vendor.OVERRIDES) */
margin: 0;
font-size: calc(var(--text-l) * 0.9);
font-weight: 500;
letter-spacing: -0.02em;
line-height: 1.2;
white-space: nowrap;
color: var(--white);
& a { outline: none; }
}
.mk-flow {
  &.mk-flow { padding: calc(var(--u) * 18) calc(var(--u) * 18) calc(var(--u) * 8); }
}
.contact-brief {
  padding-block: var(--section-space-l); scroll-margin-block-start: var(--header-height);
}
.svp-quote__accent {
  color: var(--secondary);
}
.mk-site__brand {
  font-size: calc(var(--u) * 14);
font-weight: 600;
letter-spacing: -0.02em;
}
.hs-thread__lead {
  margin-block-start: auto;
}
.svp-label {
  font-size: var(--text-xs);
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--text-dark-muted);
}
.prc-table {
  min-inline-size: 47.5rem; @media (width < 56.25rem) { & { min-inline-size: 0; } }
}
.step {
  display: flex;
flex-direction: column;
overflow: hidden;
border-radius: var(--btn-radius);
background: var(--white);
}
.svp-sync {
  display: flex;
flex-direction: column;
border-inline-start: var(--border);
background: var(--bg-light);
@media (width < 56.25rem) { & { border-inline-start: 0; border-block-start: var(--border); } }
}
.hs-serp__title {
  font-size: calc(var(--u) * 12.5);
color: var(--text-dark-muted);
[data-state] > & { font-size: calc(var(--u) * 13); color: var(--primary); }
}
.site-footer__grid {
  display: grid;
grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
gap: var(--space-xl) var(--gutter);
@container (width < 48rem) { & { grid-template-columns: minmax(0, 1fr); } }
}
.brief__prev {
  inline-size: 2.5rem;
block-size: 2.5rem;
border: 0;
background: var(--primary);
color: var(--white);
font: inherit;
font-size: var(--text-m);
cursor: pointer;
&:disabled { opacity: 0.35; cursor: default; }
}
.mk-node__sub {
  margin-block-start: calc(var(--u) * 2);
overflow: hidden;
font-size: calc(var(--u) * 12.5);
white-space: nowrap;
text-overflow: ellipsis;
color: var(--text-dark-muted);
}
.hs-call {
  &.hs-call {
background: linear-gradient(180deg, color-mix(in oklch, var(--base) 82%, var(--primary)), var(--base));
color: var(--white);
}
}
.header {
  --ease-swift: cubic-bezier(0.78, 0.02, 0.22, 0.9);
  padding-inline: var(--gutter);
  padding-block: var(--space-m);
  inline-size: 100%;
  background: white;

  &:has(.menu-wrapper.mobile:not(.overlay-mode)) {
    position: relative;
  }
/* Siteyard (sy_vendor.OVERRIDES) */
position: relative;
z-index: 1000;
padding-block: 0;
background: transparent;
border-block-end: var(--border-width) solid transparent;
transition: background-color 0.4s ease, border-color 0.4s ease;
&::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  -webkit-backdrop-filter: blur(1rem);
  backdrop-filter: blur(1rem);
  opacity: 0;
  transition: opacity 0.4s ease;
}
.header-wrapper:is(.scrolling, :has(.menu-dropdown.is-open)) & {
  background: color-mix(in oklch, var(--base) 92%, transparent);
  border-block-end-color: color-mix(in oklch, var(--white) 12%, transparent);
  &::before { opacity: 1; }
}
body.menu-open & { background: transparent; border-block-end-color: transparent; &::before { opacity: 0; } }
}
.svp-chat__book {
  min-inline-size: 0;
}
.svp-app__head {
  display: flex; flex-direction: column; padding: calc(var(--u) * 10) calc(var(--u) * 16) calc(var(--u) * 10);
}
.brief__key {
  display: grid;
flex: none;
place-items: center;
inline-size: 1.625rem;
aspect-ratio: 1;
border-radius: calc(var(--radius) * 0.5);
background: var(--white);
box-shadow: inset 0 0 0 1px color-mix(in oklch, var(--primary) 40%, transparent);
color: var(--primary);
font-size: var(--text-xs);
font-weight: 700;
[aria-pressed="true"] > & { background: var(--primary); box-shadow: none; color: var(--white); }
@media (width < 47.5rem) { & { inline-size: calc(var(--space-xs) * 1.65); } }
}
.contact-hero__copy {
  display: flex; flex-direction: column; gap: var(--space-l); min-inline-size: 0;
}
.phone__screen {
  position: relative;
inline-size: 100%;
block-size: 100%;
overflow: hidden;
border-radius: calc(var(--u) * 43);
background: var(--white);
}
.product__term {
  display: inline;
color: var(--text-dark-muted);
&::after { content: " "; }
}
.products__list {
  display: flex;
flex-direction: column;
}
.mock {
  --u: calc(min(100cqi, var(--content-width) * 0.2635) / 360);
position: relative;
color: var(--text-dark);
font-family: var(--text-font-family);
line-height: 1.4;
letter-spacing: 0;
& [data-on="false"]:not([data-keep]) { display: none; }
& [data-on="false"][data-keep] { visibility: hidden; opacity: 0; animation: none; }
& .mk-pop { animation: mk-pop 0.36s cubic-bezier(0.2, 0.8, 0.2, 1) both; }
& .mk-fade { animation: mk-fade 0.32s ease both; }
& p { margin: 0; }
}
.svp-quote__who {
  display: flex; align-items: center; gap: calc(var(--space-xs) * 0.85);
}
.sy-window__bar {
  display: flex;
align-items: center;
gap: calc(var(--space-xs) * 0.85);
block-size: 2.75rem;
padding-inline: var(--space-s);
border-block-end: var(--chrome-line);
background: var(--chrome-bar);
[data-variant="mist"] > & { background: var(--chrome-bar-mist); }
}
.book-form__grid {
  display: grid;
grid-template-columns: repeat(auto-fit, minmax(11.25rem, 1fr));
gap: calc(var(--space-s) * 0.95) var(--space-xs);
}
.mk-event__date {
  padding: calc(var(--u) * 6) 0;
border: calc(var(--u) * 1) solid var(--border-color-dark);
border-radius: calc(var(--u) * 10);
background: var(--white);
text-align: center;
}
.svp-avatar__logo {
  display: block;
inline-size: 100%;
block-size: 100%;
object-fit: contain;
/* optical centring: each client logo's visual weight sits off its file's centre (measured 12 Oct; Paul: "offcenter vert").
   Keyed by file name, so a re-upload under the same name keeps it */
&[src*="/logo-noth."] { translate: 0 -4%; }
&[src*="/logo-bbp."] { translate: 0 -4%; }
&[src*="/logo-dsm."] { translate: 3% 0; }
}
.hs-rate__note {
  font-size: calc(var(--u) * 11); text-align: center; color: var(--text-dark-muted);
}
.hs-form__publish {
  &.hs-form__publish {
block-size: calc(var(--u) * 42);
margin-block-start: auto;
transition: scale 0.2s ease;
&[data-state="press"] { scale: 0.96; }
}
}
.mk-review__src {
  font-size: calc(var(--u) * 11);
color: var(--text-dark-muted);
}
.svp-bar__day {
  font-size: calc(var(--text-xs) * 0.95); text-align: center; color: var(--text-dark-muted);
}
.svp-bar {
  display: flex; flex-direction: column; justify-content: flex-end; gap: calc(var(--space-xs) * 0.4); block-size: 100%;
}
.hero-note__copy {
  display: flex;
flex-direction: column;
min-inline-size: 0;
}
.price-card__toggle-title {
  font-size: var(--text-m);
font-weight: 600;
}
.review-card__label {
  font-size: calc(var(--text-s) * 0.97);
color: var(--text-light-muted);
}
.svp-app__event {
  flex: none;
border: var(--border);
border-radius: calc(var(--u) * 12);
background: var(--white);
transition: border-color 0.25s ease;
&[data-state="open"] { border-color: var(--primary); }
&[hidden] { display: none; }
}
.mini__figure {
  font-size: calc(var(--u) * 22);
font-weight: 600;
letter-spacing: -0.03em;
line-height: 1;
}
.mk-done__check {
  display: flex;
align-items: center;
justify-content: center;
inline-size: calc(var(--u) * 60);
block-size: calc(var(--u) * 60);
border-radius: 50%;
background: var(--primary);
color: var(--white);
font-size: calc(var(--u) * 24);
}
.svp-voice__unit {
  font-size: 0.4em;
letter-spacing: -0.03em;
&[data-gap="true"] { margin-inline-start: 0.25em; }
}
.mk-person {
  display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
align-items: center;
gap: calc(var(--u) * 12);
}
.mini__badge {
  padding: calc(var(--u) * 3) calc(var(--u) * 8);
border-radius: 999em;
font-size: calc(var(--u) * 11);
font-weight: 600;
background: var(--primary-ultra-light);
color: var(--primary);
&[data-tone="up"] { background: var(--success-ultra-light); color: color-mix(in oklch, var(--success) 60%, black); }
}
.mk-tile__label {
  font-size: calc(var(--u) * 12);
font-weight: 500;
color: var(--text-dark-muted);
[data-state="on"] > & { color: inherit; opacity: 0.75; }
}
.hs-phone {
  flex: none;
inline-size: calc(var(--u) * 224);
block-size: calc(var(--u) * 384);
padding: calc(var(--u) * 7);
border-radius: calc(var(--u) * 34);
background: var(--text-dark);
box-shadow: 0 calc(var(--u) * 30) calc(var(--u) * 60) calc(var(--u) * -28) color-mix(in oklch, var(--base) 60%, transparent);
}
.hs-phone__screen {
  position: relative;
display: flex;
flex-direction: column;
block-size: 100%;
overflow: hidden;
border-radius: calc(var(--u) * 28);
background: var(--white);
}
.mk-msg {
  max-inline-size: 82%;
&.mk-msg--out { align-self: flex-end; }
&.mk-msg--in { align-self: flex-start; }
}
.svp-prow__meta {
  display: block; margin-block-start: 0.2em; font-size: calc(var(--text-s) * 0.93); color: var(--text-dark-muted);
}
.toggle {
  --ease-smooth: cubic-bezier(0.25, 0.8, 0.3, 1);
  display: flex;
  flex-direction: row;
  gap: var(--toggle-icon-gap, 0.25em);
  align-items: center;
  inline-size: fit-content;

  /*alternating labels */
  &.active .label-off {
    transform: translateY(-100%);
    opacity: 0;
  }

  &.active .label-on {
    transform: translateY(-100%);
    opacity: 1;
  }
/* Siteyard (sy_vendor.OVERRIDES) */
--toggle-icon-size: 1.05em;
--toggle-icon-line-width: 7px;
&.toggle {
  flex-direction: row-reverse;
  gap: calc(var(--space-xs) * 0.9);
  block-size: 2.75rem;
  padding-inline: var(--space-s);
  border: var(--border-width) solid color-mix(in oklch, var(--white) 24%, transparent);
  border-radius: var(--btn-radius);
  background: transparent;
  color: var(--white);
  font-size: calc(var(--text-s) * 0.97);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: normal;
  text-transform: none;
  cursor: pointer;
}
}
.svp-sync__event {
  display: block; font-size: var(--text-s); font-weight: 600;
}
.prc-mark {
  display: grid;
flex: none;
margin-block-start: calc((1lh - 1.375rem) / 2);  /* centred on the first line of its text */
place-items: center;
inline-size: 1.375rem;
aspect-ratio: 1;
border-radius: 50%;
& svg { inline-size: 0.7rem; block-size: auto; }
&[data-mark="yes"] { background: var(--primary); color: var(--white); }
&[data-mark="partly"] { background: var(--bg-light); color: var(--text-dark-muted); box-shadow: inset 0 0 0 1px color-mix(in oklch, var(--text-dark) 12%, transparent); }
&[data-mark="no"] { background: var(--danger-ultra-light); color: var(--danger); }
}
.hs-sms__body {
  padding: calc(var(--u) * 12) calc(var(--u) * 10);
}
.contact-hero__links {
  display: flex;
flex-direction: column;  /* the form link on its own line under the apps (Paul, 12 Oct: "not so messy") */
align-items: flex-start;
gap: var(--space-s);
font-size: var(--text-m);
}
.svp-voice__note {
  margin: calc(var(--space-m) * 0.67) 0 0;
font-size: var(--text-m);
line-height: 1.5;
text-wrap: balance;
color: color-mix(in oklch, var(--white) 66%, transparent);
&:empty { display: none; }
}
.hs-rate__post {
  &.hs-rate__post {
flex: none;
block-size: calc(var(--u) * 40);
margin-block-start: auto;
font-size: calc(var(--u) * 13);
transition: scale 0.2s ease;
&[data-state="press"] { scale: 0.96; }
}
}
.legal__data {
  display: grid; gap: calc(var(--space-xs) * 0.8); margin: 1.5em 0;
}
.nav__list {
  display: flex;
  flex-direction: row;
  gap: 0.2rem;
  align-items: center;

  li {
    max-inline-size: 100%;
  }
}
.price-card__switch {
  flex: none;
position: relative;
inline-size: 2.875rem;
block-size: 1.625rem;
border-radius: 999em;
background: var(--neutral-ultra-light, var(--bg-light));
box-shadow: inset 0 0 0 var(--border-width) var(--border-color-dark);
transition: background-color 0.3s ease;
&::after {
  content: "";
  position: absolute;
  inset-block-start: 0.1875rem;
  inset-inline-start: 0.1875rem;
  inline-size: 1.25rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--white);
  box-shadow: 0 0.0625rem 0.1875rem color-mix(in oklch, black 20%, transparent);
  transition: translate 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
[aria-pressed="true"] > & { background: var(--primary); box-shadow: none; }
[aria-pressed="true"] > &::after { translate: 1.25rem 0; }
}
.consent {
  display: grid;
grid-template-columns: auto minmax(0, 1fr);
align-items: start;
gap: calc(var(--space-xs) * 0.4) calc(var(--space-xs) * 0.8);
font-size: calc(var(--text-s) * 0.87);
line-height: 1.5;
color: var(--text-dark-muted);
}
.hs-repeat__count {
  margin-block-start: calc(var(--u) * 12); font-size: calc(var(--u) * 56); line-height: 1; letter-spacing: -0.05em;
}
.mk-day__dow {
  font-size: calc(var(--u) * 10.5);
opacity: 0.7;
}
.price-card__item {
  display: flex;
gap: calc(var(--space-xs) * 0.9);
& .ico { inline-size: 1.25em; block-size: 1.25em; margin-block-start: 0.05em; }
padding-block: calc(var(--space-xs) * 1.1);
border-block-end: var(--border);
font-size: calc(var(--text-s) * 1.03);
line-height: 1.45;
}
.svp-tool__id {
  display: flex; flex-direction: column;
}
.prc-card__list {
  display: flex; flex-direction: column; border-block-start: var(--border);
}
.mk-book__services {
  display: flex;
flex-direction: column;
gap: calc(var(--u) * 6);
margin-block-start: calc(var(--u) * 8);
}
.mini__bars {
  display: flex;
align-items: flex-end;
gap: calc(var(--u) * 5);
block-size: calc(var(--u) * 74);
}
.form-human {
  display: grid; &:empty { display: none; }
}
.svp-sec {
  position: relative;
isolation: isolate;
overflow: clip;
padding-block: var(--section-space-l);
&:not(.band)::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset-block-start: -30%;
  inset-inline-start: 50%;
  inline-size: calc(var(--content-width) * 0.9);
  aspect-ratio: 3 / 2;
  translate: -50% 0;
  pointer-events: none;
  background: radial-gradient(ellipse 40% 50% at 50% 0%, var(--glow, var(--white)), transparent 70%);
}
&.svp-sec--mist { background: var(--bg-light); --glow: var(--white); }
&.svp-sec--white { background: var(--white); --glow: var(--primary-ultra-light); }
/* dark sections take the .band glow, same as the home "What we do" (Paul, 11 Oct) */
&.svp-sec--navy { --beam-x: 28%; }
}
.cta__action {
  margin-block-start: calc(var(--space-xl) * 0.68);
}
.product__copy {
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--space-m);
min-inline-size: 0;
}
.cta__inner {
  align-items: center;
gap: 0;
text-align: center;
& > .eyebrow { align-self: center; }  /* the shared eyebrow sits at the start; this section is centred (Paul, 12 Oct) */
}
.svp-panel__title {
  font-size: var(--h3); font-weight: 600; letter-spacing: -0.03em;
}
.hs-booked {
  display: flex;
align-items: center;
gap: calc(var(--u) * 8);
margin-block-start: auto;
padding: calc(var(--u) * 9) calc(var(--u) * 10);
border-radius: calc(var(--u) * 9);
background: var(--success-ultra-light);
font-size: calc(var(--u) * 11.5);
font-weight: 600;
color: color-mix(in oklch, var(--success) 55%, black);
}
.mk-events__count {
  padding: calc(var(--u) * 5) calc(var(--u) * 10);
border-radius: var(--radius-circle);
background: var(--primary-ultra-light);
color: var(--primary);
font-size: calc(var(--u) * 11.5);
font-weight: 500;
white-space: nowrap;
}
.problem__stats {
  display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
gap: var(--space-l) 0;
margin: var(--space-l) 0 0;
padding: 0;
list-style: none;
}
.site-footer__brand-col {
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--space-s);
max-inline-size: 25rem;
}
.site-region {
  display: none;
}
.u-link {
  text-decoration: none;
background-image: linear-gradient(currentColor, currentColor);
background-size: 0 1px;
background-repeat: no-repeat;
background-position: 0 100%;
padding-block-end: 0.2em;
transition: background-size 0.5s cubic-bezier(0.2, 0.7, 0.2, 1), color var(--transition);
&:hover, &:focus-visible { background-size: 100% 1px; }
}
.svp-saw__status {
  display: flex;
align-items: center;
gap: calc(var(--space-xs) * 0.55);
margin-block-start: auto;
font-size: calc(var(--text-s) * 0.9);
font-weight: 600;
color: var(--danger);
}
.legal__action {
  margin: 0 0 1em;
}
.site-mobile__cta {
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--space-s);
padding-block: var(--space-m) var(--space-l);
}
.hs-week__head {
  display: flex;
justify-content: space-between;
align-items: center;
gap: calc(var(--u) * 10);
padding-block-end: calc(var(--u) * 6);
& > strong { font-size: calc(var(--u) * 15); }
}
.book-help {
  display: flex;
flex-direction: column;
gap: calc(var(--space-xs) * 0.75);
margin: 0;
padding: 0;
border: 0;
min-inline-size: 0;
}
.svp-app__copy {
  display: flex; flex-direction: column; align-items: flex-start; min-inline-size: 0; text-align: start;
}
.btn--white {
  --btn-background: var(--white);
--btn-background-hover: var(--white);
--btn-text-color: var(--base);
--btn-text-color-hover: var(--base);
--btn-border-color: var(--white);
--btn-border-color-hover: var(--white);
--btn-glow: color-mix(in oklch, var(--secondary) 55%, transparent);
--focus-color: var(--secondary-light);
gap: calc(var(--space-xs) * 0.75);
&.btn--outline {
  --btn-background: transparent;
  --btn-background-hover: color-mix(in oklch, var(--white) 8%, transparent);
  --btn-text-color: var(--white);
  --btn-text-color-hover: var(--white);
  --btn-border-width: 1px;
  --btn-border-color: color-mix(in oklch, var(--white) 16%, transparent);
  --btn-border-color-hover: color-mix(in oklch, var(--white) 40%, transparent);
}
transition: translate 0.5s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.5s cubic-bezier(0.16, 1, 0.3, 1),
  background-color var(--transition), color var(--transition), border-color var(--transition);
@media (hover: hover) {
  &:hover { translate: 0 calc(var(--space-xs) / -6); box-shadow: 0 calc(var(--space-xs) * 0.8) calc(var(--space-l) * 0.8) calc(var(--space-xs) * -0.6) var(--btn-glow, color-mix(in oklch, var(--primary) 50%, transparent)); }
}
&:active { translate: none; transition-duration: 0.15s; }
@media (prefers-reduced-motion: reduce) { &:hover { translate: none; } }
}
.btn--whatsapp {
  --btn-background: var(--success);
--btn-background-hover: var(--success);
--btn-text-color: var(--base);
--btn-text-color-hover: var(--base);
--btn-border-color: var(--success);
--btn-border-color-hover: var(--success);
--btn-glow: color-mix(in oklch, var(--success) 45%, transparent);
gap: calc(var(--space-xs) * 0.75);
transition: translate 0.5s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.5s cubic-bezier(0.16, 1, 0.3, 1),
  background-color var(--transition), color var(--transition), border-color var(--transition);
@media (hover: hover) {
  &:hover { translate: 0 calc(var(--space-xs) / -6); box-shadow: 0 calc(var(--space-xs) * 0.8) calc(var(--space-l) * 0.8) calc(var(--space-xs) * -0.6) var(--btn-glow, color-mix(in oklch, var(--primary) 50%, transparent)); }
}
&:active { translate: none; transition-duration: 0.15s; }
@media (prefers-reduced-motion: reduce) { &:hover { translate: none; } }
}
.site-footer__list {
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: calc(var(--space-xs) * 0.9);
margin: 0;
padding: 0;
list-style: none;
}
.prc-hero__down {
  & .ico { rotate: 90deg; }
}
.svp-sync__head {
  display: flex;
justify-content: space-between;
align-items: center;
padding: var(--space-s) var(--space-m);
border-block-end: var(--border);
}
.brief__ok {
  &.brief__ok { gap: calc(var(--space-xs) * 0.8); }
& svg { inline-size: 1em; block-size: auto; }
}
.mk-msg__ticks {
  color: var(--secondary);
}
.mk-book__label {
  font-size: calc(var(--u) * 11.5);
font-weight: 500;
color: var(--text-dark-muted);
}
.mk-cal__grid {
  display: grid;
grid-template-columns: calc(var(--u) * 30) repeat(5, minmax(0, 1fr));
grid-template-rows: repeat(8, calc(var(--u) * 26));
column-gap: calc(var(--u) * 4);
background-image: linear-gradient(var(--border-color-dark) calc(var(--u) * 1), transparent calc(var(--u) * 1));
background-size: 100% calc(var(--u) * 26);
}
.hs-call-log__line {
  display: grid;
grid-template-columns: calc(var(--u) * 92) minmax(0, 1fr);
gap: calc(var(--u) * 10);
}
.hs-reconciled {
  display: flex;
align-items: center;
gap: calc(var(--u) * 7);
font-size: calc(var(--u) * 12.5);
color: var(--text-dark-muted);
&[data-cue] { transition: opacity 0.45s ease; }
}
.site-footer__flag {
  display: inline-block;
inline-size: 1.2em;
block-size: 1.2em;
margin-inline-start: calc(var(--space-xs) * 0.35);
vertical-align: -0.22em;
}
.svp-inc__panels {
  min-inline-size: 0;
}
.mk-person__job {
  font-size: calc(var(--u) * 11.5);
color: var(--text-dark-muted);
}
.mk-cal__title {
  font-size: calc(var(--u) * 16);
font-weight: 500;
letter-spacing: -0.02em;
}
.prc-card__toggle-copy {
  display: flex; flex-direction: column; align-items: flex-start; gap: 0.2em; text-align: start;
}
.svp-voice {
  display: grid;
grid-template-columns: calc(var(--content-width) * 0.234) minmax(0, 1fr);
align-items: center;
inline-size: 100%;
max-inline-size: calc(var(--content-width) * 0.76);
margin-inline: auto;
&[data-stat="false"] { grid-template-columns: minmax(0, 1fr); }
@media (width < 56.25rem) { & { grid-template-columns: minmax(0, 1fr); gap: var(--space-xl); } }
}
.mk-say__typing {
  display: flex;
flex: none;
align-self: flex-start;
gap: calc(var(--u) * 4);
padding: calc(var(--u) * 12) calc(var(--u) * 14);
border-radius: calc(var(--u) * 12);
background: color-mix(in oklch, var(--white) 10%, transparent);
& .mk-typing__dot { inline-size: calc(var(--u) * 5); block-size: calc(var(--u) * 5); background: var(--white); }
&.mk-say__typing[data-state="off"] { visibility: hidden; animation: none; }
}
.svp-cta {
  --beam-x: 50%;
padding-block: var(--section-space-l) 0;
& .section-intro__headline { max-inline-size: 13em; font-size: calc(var(--h1) * 0.9); line-height: 0.92; letter-spacing: -0.055em; }
}
.legal__datum-head {
  position: relative;
display: flex;
align-items: baseline;
padding: var(--space-s) calc(var(--space-m) + var(--space-l)) var(--space-s) var(--space-m);  /* the card's padding sits on the summary, so the whole row is the tap target */
list-style: none;
cursor: pointer;
&::-webkit-details-marker { display: none; }
& h3 { margin: 0; font-size: var(--text-l); line-height: 1.3; color: var(--text-dark); }
&::after {
  content: "+";
  position: absolute;
  inset-inline-end: var(--space-m);
  inset-block-start: 50%;
  translate: 0 -50%;
  font-size: var(--text-xl);
  font-weight: 400;
  line-height: 1;
  color: var(--primary);
}
[open] > &::after { content: "\2212"; }
}
.hs-reconciled__glyph {
  inline-size: calc(var(--u) * 13); aspect-ratio: 1; color: color-mix(in oklch, var(--success) 78%, black);
}
.svp-app__date {
  display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
block-size: calc(var(--u) * 40);
border-radius: calc(var(--u) * 9);
background: var(--primary-ultra-light);
color: var(--primary);
line-height: 1;
}
.svp-person__lines {
  display: flex; flex-direction: column; gap: calc(var(--space-xs) * 0.7); font-size: var(--text-s);
}
.hs-serp__q {
  overflow: hidden; white-space: nowrap;
}
.toggle-animated-hamburger-2 {
  inline-size: var(--toggle-icon-size, 1.25em);
  block-size: var(--toggle-icon-size, 1.25em);
  color: inherit;

  [class*='hamburger-line'] {
    stroke: var(--toggle-icon-color, currentColor);
    stroke-width: var(--toggle-icon-line-width, 8px);
    stroke-linecap: round;
    transition:
      transform var(--toggle-transition-duration, 0.2s) var(--ease-smooth),
      opacity calc(var(--toggle-transition-duration, 0.2s) * 0.75) var(--ease-smooth);
    transform-origin: center;
    transform: translateX(0) translateY(0) rotate(0);
  }

  .toggle.active & .hamburger-line--top {
    transform: translateY(16px) translateX(-16px) rotate(45deg);
  }
  .toggle.active & .hamburger-line--middle {
    opacity: 0;
    transform: scaleX(0);
  }
  .toggle.active & .hamburger-line--bottom {
    transform: translateY(-16px) translateX(-16px) rotate(-45deg);
  }
}
.consent__link {
  &.consent__link { color: var(--primary); text-decoration: underline; }
}
.mk-book__brand {
  font-size: calc(var(--u) * 14);
font-weight: 600;
letter-spacing: -0.02em;
}
.brief__trap {
  position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%);
}
.faq {
  container-type: inline-size;
padding-block: var(--section-space-l);
}
.svp-tile {
  display: flex;
flex-direction: column;
gap: calc(var(--space-xs) * 0.7);
min-inline-size: 0;
padding: var(--space-m);
border-radius: var(--radius);
background: var(--white);
@media (width < 24rem) { & { padding: var(--space-s); } }  /* small phones: room for "Emergencies" and "30 days" in a half-width tile */
}
.hs-book__opt {
  display: flex;
justify-content: space-between;
padding: calc(var(--u) * 8) calc(var(--u) * 10);
border: calc(var(--u) * 1.5) solid var(--border-color-dark);
border-radius: calc(var(--u) * 7);
font-size: calc(var(--u) * 11.5);
transition: border-color 0.3s ease, background-color 0.3s ease;
& > span { color: var(--text-dark-muted); }
&[data-state="sel"] { border-color: var(--primary); background: var(--primary-ultra-light); }
}
.hs-stars {
  display: inline-flex;
gap: 0.1em;
vertical-align: -0.12em;
color: var(--warning);
}
.site-footer__legal {
  display: flex;
flex-wrap: wrap;
gap: var(--space-xs) 0;
margin: 0;
padding: 0;
list-style: none;
font-size: calc(var(--text-s) * 0.87);
& .site-footer__link { display: inline-block; padding-block: calc(var(--space-xs) * 0.35); font-size: calc(var(--text-s) * 0.87); }  /* taller tap targets */
& > li + li::before { content: "|"; content: "|" / ""; margin-inline: calc(var(--space-xs) * 0.75); color: color-mix(in oklch, var(--white) 30%, transparent); }
}
.step__time {
  font-size: calc(var(--text-s) * 0.93);
white-space: nowrap;
color: var(--text-dark-muted);
}
.contact-hero {
  --beam-x: 50%; --glow-x: 50%; padding-block: calc(var(--header-height) + var(--section-space-m)) var(--section-space-l);
}
.mk-thread__body {
  display: flex;
flex: 1;
flex-direction: column;
gap: calc(var(--u) * 8);
padding: calc(var(--u) * 14) calc(var(--u) * 12);
}
.svp-tile__label {
  font-size: calc(var(--text-s) * 0.93); color: var(--text-dark-muted);
}
.hs-proof__copy {
  display: flex;
flex-direction: column;
& > strong { font-size: calc(var(--u) * 14); }
& > span { color: var(--text-dark-muted); }
[data-tone="dark"] > & > strong { font-size: calc(var(--u) * 15); }
[data-tone="dark"] > & > span { color: color-mix(in oklch, var(--white) 66%, transparent); }
}
.mk-book__bar {
  display: flex;
justify-content: space-between;
align-items: center;
padding: calc(var(--u) * 12) calc(var(--u) * 16);
border-block-end: calc(var(--u) * 1) solid var(--border-color-dark);
}
.prc-card__row-copy {
  min-inline-size: 0;
}
.consent__box {
  inline-size: 1.15rem;
block-size: 1.15rem;
margin: 0.15em 0 0;
accent-color: var(--primary);
cursor: pointer;
}
.book__done-title {
  margin: 0;
font-size: var(--h3);
font-weight: 600;
line-height: 1.1;
letter-spacing: -0.035em;
}
.hs-serp__meta {
  font-size: calc(var(--u) * 11);
color: var(--neutral-semi-light);
[data-state] > & { color: var(--text-dark-muted); }
}
.process__inner {
  gap: 0;
}
.site-footer__brand {
  display: block;
&.site-footer__brand { color: var(--white); }
& svg { display: block; block-size: 1.75rem; inline-size: auto; aspect-ratio: 1678 / 461; }
}
.mk-review__stars {
  display: flex;
margin-block-start: calc(var(--u) * 10);
font-size: calc(var(--u) * 18);
& .star-rating-alpha__star-group { gap: calc(var(--u) * 2); }
& .star-rating-alpha__star { color: var(--warning); transition: color 0.2s ease; }
& .star-rating-alpha__label { display: none; }
&[data-state="0"] .star-rating-alpha__star:nth-child(n+1) { color: var(--neutral-light); }
&[data-state="1"] .star-rating-alpha__star:nth-child(n+2) { color: var(--neutral-light); }
&[data-state="2"] .star-rating-alpha__star:nth-child(n+3) { color: var(--neutral-light); }
&[data-state="3"] .star-rating-alpha__star:nth-child(n+4) { color: var(--neutral-light); }
&[data-state="4"] .star-rating-alpha__star:nth-child(n+5) { color: var(--neutral-light); }
}
.pricing {
  container-type: inline-size;
padding-block: var(--section-space-l) calc(var(--section-space-l) * 0.8);
border-block-start: var(--border);
&.pricing--solo { border-block-start: 0; }
&.pricing--solo .pricing__inner { grid-template-columns: minmax(0, calc(var(--content-width) * 0.42)); justify-content: center; }
}
.book-help__legend {
  padding: 0;
margin-block-end: calc(var(--space-xs) * 0.75);
font-size: calc(var(--text-s) * 0.93);
font-weight: 500;
}
.scene__step-label {
  font-size: calc(var(--u) * 13.5);
font-weight: 600;
color: var(--neutral-semi-light);
transition: color 0.3s ease;
[data-on="true"] > & { color: var(--text-dark); }
}
.site-nav {
  .menu-wrapper.desktop & {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  --link-color: color-mix(in oklch, var(--white) 75%, transparent);
  --link-color-hover: var(--white);
  --link-color-active: var(--white);
  --link-bg-color-hover: color-mix(in oklch, var(--white) 6%, transparent);
  --link-bg-color-active: color-mix(in oklch, var(--white) 10%, transparent);  /* the page you're on (Paul, 11 Oct) */
  --link-border-radius: calc(var(--radius) * 0.8);
  --link-padding-inline: calc(var(--space-s) * 0.8);
  --link-padding-block: 0;
}
.menu-wrapper.desktop & .nav__list {
  gap: calc(var(--space-xs) * 0.15);
  padding: calc(var(--space-xs) * 0.3);
  border-radius: calc(var(--radius) * 1.2);
  background: var(--nav-surface);
  box-shadow: inset 0 0 0 var(--border-width) color-mix(in oklch, var(--white) 12%, transparent);
}
.menu-wrapper.desktop & .menu-link > a {
  display: inline-flex;
  align-items: center;
  block-size: calc(var(--space-s) * 2.1);
  font-size: calc(var(--text-m) * 0.94);
  white-space: nowrap;
  transition: background-color 0.25s ease, color 0.25s ease;
}
.menu-wrapper.desktop & .nav__list > .menu-dropdown > .menu-dropdown__trigger {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(var(--space-s) * 1.4);
  min-inline-size: calc(var(--space-s) * 11);
  block-size: calc(var(--space-s) * 2.1);
  padding-block: 0;
  padding-inline: calc(var(--space-s) * 0.8) calc(var(--space-xs) * 0.9);
  border-radius: calc(var(--radius) * 0.8);
  background: color-mix(in oklch, var(--secondary) 22%, transparent);
  color: var(--secondary);
  font-size: calc(var(--text-m) * 0.94);
  font-weight: 500;
  letter-spacing: normal;
  line-height: 1;
  white-space: nowrap;
  transition: background-color 0.25s ease;
  &:is(:hover, .active, [aria-expanded="true"]) { background: color-mix(in oklch, var(--secondary) 30%, transparent); color: var(--secondary); }
}
/* on a service page "I want to…" is the active item: its open colour */
.menu-wrapper.desktop & .nav__list > .menu-dropdown:has(.site-outcomes__link[aria-current="page"]) > .menu-dropdown__trigger { background: color-mix(in oklch, var(--secondary) 30%, transparent); }
.menu-wrapper.mobile & { display: flex; flex-direction: column; }
.menu-wrapper.mobile & .nav__list { gap: 0; }
.menu-wrapper.mobile & .menu-link > a[aria-current="page"] { color: var(--secondary); }
}
.svp-problem {
  display: grid;
grid-template-columns: minmax(0, 1fr) 21.25rem;
@media (width < 56.25rem) { & { grid-template-columns: minmax(0, 1fr); } }
}
.hs-web__load {
  flex: none; block-size: calc(var(--u) * 3); background: var(--bg-light);
}
.hs-site {
  &.hs-site {
flex: 1 1 calc(var(--u) * 400);
max-inline-size: calc(var(--u) * 540);
min-inline-size: 0;
block-size: calc(var(--u) * 405);  /* fixed: Quiz night arrives before the Ceilidh row leaves; the 12 units it needs then push only the chips, still hidden */
}
}
.site-header {
  & .menu-dropdown__trigger-label[data-sy-pill] { display: inline-grid; justify-items: start; overflow: clip; }
& [data-sy-pill] > * { grid-area: 1 / 1; white-space: nowrap; }
& [data-sy-sizer] { visibility: hidden; }
& .menu-dropdown__trigger-icon-wrapper > svg:not([data-sy-icon]) { display: none; }
& .menu-dropdown :is(.menu-dropdown__trigger.active, .menu-dropdown__trigger) .menu-dropdown__trigger-icon[data-sy-icon] { --dropdown-trigger-icon-size: 1.25em; transform: none; }
& .menu-dropdown__trigger-icon[data-sy-icon] path[fill="currentColor"] { stroke: none; }
}
.hero-phone__notch {
  position: absolute;
inset-block-start: calc(var(--u) * 12);
inset-inline-start: 50%;
inline-size: calc(var(--u) * 96);
block-size: calc(var(--u) * 28);
translate: -50% 0;
border-radius: calc(var(--u) * 20);
background: color-mix(in oklch, var(--base) 55%, black);
}
.scene__dot {
  inline-size: calc(var(--u) * 6);
aspect-ratio: 1;
border-radius: 50%;
background: currentColor;
opacity: 0.3;
@media (prefers-reduced-motion: no-preference) {
  & { animation: hs-dot 0.3s steps(1) infinite; }
  &:nth-child(2) { animation-delay: 0.2s; }
  &:nth-child(3) { animation-delay: 0.1s; }
}
}
.prc-calc__head-b {
  color: var(--secondary);
}
.svp-tile__fill {
  display: block;
block-size: 100%;
background: var(--primary);
transform-origin: left;
@media (prefers-reduced-motion: no-preference) { [data-rise="in"] & { animation: sy-fill 1.8s cubic-bezier(0.16, 1, 0.3, 1) both; } }
}
.c-drawer__wrapper {
  --duration: var(--drawer-duration, 0.5s);
  --easing: var(--drawer-easing, cubic-bezier(0.32, 0.72, 0, 1));
  position: fixed;
  inset: 0;
  z-index: 9999;
  pointer-events: none;
  visibility: hidden;

  &.c-drawer__wrapper--visible {
    pointer-events: auto;
    visibility: visible;
  }

  /* Passive mode */

  &[data-passive='true'] .c-drawer__overlay {
    display: none;
  }

  &[data-passive='true'].c-drawer__wrapper--visible {
    pointer-events: none;
    visibility: visible;
  }

  &[data-passive='true'] .c-drawer {
    pointer-events: auto;
  }

  /* Editor mode — driven by data-editor-toggle, not the --visible class.
     The builder can strip classes during re-renders, but it preserves
     data attributes since it manages them. */

  .etch-canvas-body &[data-editor-toggle='true'] {
    pointer-events: none;
    visibility: visible;
  }

  .etch-canvas-body &[data-editor-toggle='true'] .c-drawer__overlay {
    pointer-events: none;
    opacity: 1;
  }

  .etch-canvas-body &[data-editor-toggle='true'] .c-drawer {
    pointer-events: auto;
    transform: translate3d(0, 0, 0);
  }
/* Siteyard (sy_vendor.OVERRIDES) */
&#book-drawer {
  --drawer-max-width: 33.75rem;
  --drawer-inset: 0rem;
  --drawer-radius: 0;
  --drawer-bg: var(--white);
  --drawer-body-padding: 0;
  --drawer-overlay-color: color-mix(in oklch, var(--base) 55%, transparent);
  --drawer-handle-color: var(--neutral-light);
}
&#book-drawer .c-drawer[data-direction="bottom"] { --drawer-radius: 1rem; max-block-size: 92dvh; }
}
.hs-bubble {
  position: relative;
max-inline-size: 84%;
padding: calc(var(--u) * 9) calc(var(--u) * 12);
border-radius: calc(var(--u) * 12) calc(var(--u) * 12) calc(var(--u) * 12) calc(var(--u) * 4);
background: var(--white);
font-size: calc(var(--u) * 13);
line-height: 1.45;
&[data-side="out"] { border-radius: calc(var(--u) * 12) calc(var(--u) * 12) calc(var(--u) * 4) calc(var(--u) * 12); background: var(--success-ultra-light); }
&[data-cue] { transition: opacity 0.3s ease, translate 0.5s cubic-bezier(0.16, 1, 0.3, 1); }
}
.mk-call {
  position: absolute;
inset: 0;
display: flex;
flex-direction: column;
align-items: center;
padding: calc(var(--u) * 92) calc(var(--u) * 24) calc(var(--u) * 52);
background: var(--neutral);
color: var(--white);
}
.hero-victor__media-wrapper {
  margin: 0;
}
.mk-typing__dot {
  inline-size: calc(var(--u) * 6);
block-size: calc(var(--u) * 6);
border-radius: 50%;
background: var(--neutral-semi-light);
animation: mk-dot 1s ease-in-out infinite;
&.mk-typing__dot--2 { animation-delay: 0.15s; }
&.mk-typing__dot--3 { animation-delay: 0.3s; }
}
.hs-book__title {
  display: flex;
flex-direction: column;
& > strong { font-size: calc(var(--u) * 14); }
& > span { font-size: calc(var(--u) * 11); color: var(--text-dark-muted); }
}
.hs-call__glyph {
  inline-size: calc(var(--u) * 34); aspect-ratio: 1;
}
.consent-group {
  display: grid; gap: calc(var(--space-xs) * 0.6);
}
.hs-check__box {
  display: grid;
flex: none;
place-items: center;
inline-size: calc(var(--u) * 18);
aspect-ratio: 1;
border: calc(var(--u) * 1.5) solid color-mix(in oklch, var(--text-dark) 20%, transparent);
border-radius: calc(var(--u) * 5);
background: var(--white);
color: var(--white);
transition: background-color 0.3s ease, border-color 0.3s ease;
&[data-state="on"] { border-color: color-mix(in oklch, var(--success) 78%, black); background: color-mix(in oklch, var(--success) 78%, black); }
}
.prc-table__us {
  display: flex;
flex-direction: column;
gap: 0.25rem;
& svg { align-self: flex-start; inline-size: auto; block-size: 1.25rem; }
padding: var(--space-s) var(--space-s) calc(var(--space-s) * 0.8);
border-radius: calc(var(--radius) * 1.2) calc(var(--radius) * 1.2) 0 0;
background: var(--base);
color: var(--white);
}
.hs-btn__over {
  position: absolute;
inset: calc(var(--border-width) * -1);
display: flex;
justify-content: center;
align-items: center;
gap: calc(var(--u) * 8);
border-radius: inherit;
color: var(--white);
&[data-tone="ok"] { background: color-mix(in oklch, var(--success) 78%, black); }
&[data-cue] { transition: opacity 0.45s ease, scale 0.45s cubic-bezier(0.16, 1, 0.3, 1); }
}
.prc-card__row {
  display: grid;
grid-template-columns: 1.375rem minmax(0, 1fr) auto;
align-items: center;
gap: calc(var(--space-xs) * 0.9);
padding-block: calc(var(--space-xs) * 0.85);
border-block-end: var(--border);
font-size: var(--text-m);
text-decoration: none;
transition: color 0.2s ease;
&.prc-card__row { color: var(--text-dark); }
&:hover { color: var(--primary); }
}
.hs-thread__head {
  display: flex;
flex: none;
align-items: center;
gap: calc(var(--u) * 12);
padding: calc(var(--u) * 13) calc(var(--u) * 18);
border-block-end: var(--border);
}
.hs-people {
  &.hs-people {
flex: 1 1 calc(var(--u) * 250);
max-inline-size: calc(var(--u) * 290);
min-inline-size: 0;
block-size: calc(var(--u) * 384);
gap: 0;
padding: calc(var(--u) * 16);
}
}
.contact-hero__inner {
  display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, calc(var(--content-width) * 0.35));
align-items: center;
gap: var(--space-xxl);
@media (width < 62.5rem) { & { grid-template-columns: minmax(0, 1fr); } }
}
.brief__bar {
  flex: none; block-size: 0.25rem; background: var(--bg-light);
}
.mk-svc__price {
  font-size: calc(var(--u) * 13);
font-weight: 600;
}
.mini__site {
  display: flex;
align-items: flex-end;
justify-content: space-between;
gap: calc(var(--u) * 8);
padding: calc(var(--u) * 7) calc(var(--u) * 11) calc(var(--u) * 8);
background: var(--base);
color: var(--white);
}
.hs-col--wide {
  &.hs-col--wide {
flex: 1 1 calc(var(--u) * 380); max-inline-size: calc(var(--u) * 540);
}
}
.mk-site__hero {
  padding: calc(var(--u) * 26) calc(var(--u) * 16) calc(var(--u) * 22);
background: var(--base);
color: var(--white);
}
.phone__time {
  font-size: calc(var(--u) * 14);
font-weight: 600;
letter-spacing: -0.01em;
}
.mk-typing {
  display: flex;
align-self: flex-start;
gap: calc(var(--u) * 4);
padding: calc(var(--u) * 12) calc(var(--u) * 14);
border: calc(var(--u) * 1) solid var(--border-color-dark);
border-radius: calc(var(--u) * 16) calc(var(--u) * 16) calc(var(--u) * 16) calc(var(--u) * 4);
background: var(--white);
&.mk-typing[data-state="off"] { visibility: hidden; animation: none; }
&.mk-typing[data-state="gone"] { display: none; }
}
.svp-prow__copy {
  min-inline-size: 0;
}
.prc-card__row-line {
  color: var(--text-dark-muted);
}
.sy-tile {
  display: grid;
flex: none;
place-items: center;
inline-size: 2.125rem;
aspect-ratio: 1;
border-radius: calc(var(--radius) * 0.9);
background: var(--bg-light);
color: var(--text-dark-muted);
transition: background-color 0.3s ease, color 0.3s ease;
&[data-size="s"] { inline-size: 1.75rem; border-radius: calc(var(--radius) * 0.8); }
&[data-size="l"] { inline-size: 2.25rem; }
&[data-tone="soft"] { background: var(--primary-ultra-light); color: var(--primary); }
&[data-tone="accent"] { background: var(--primary); color: var(--white); }
&[data-tone="ok"] { background: var(--success-ultra-light); color: color-mix(in oklch, var(--success) 55%, black); }
&[data-tone="bad"] { background: var(--danger-ultra-light); color: var(--danger); }
& > .ico { inline-size: 55%; block-size: 55%; }
}
.brief__nav {
  display: flex; gap: 2px; overflow: hidden; border-radius: calc(var(--radius) * 0.6);
}
.hs-web__load-fill {
  display: block; inline-size: var(--p, 100%); block-size: 100%; background: var(--primary);
}
.prc-card__amount {
  display: flex; align-items: baseline; gap: calc(var(--space-xs) * 0.6); margin: 0; &.prc-card__amount { color: var(--text-dark); }
}
.svp-prow {
  display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: var(--space-s);
padding-block: var(--space-s);
border-block-end: var(--border);
@media (prefers-reduced-motion: no-preference) {
  [data-state="on"] & { animation: sy-in 0.7s cubic-bezier(0.16, 1, 0.3, 1) both; }
  &:nth-child(2) { animation-delay: 0.12s; }
}
}
.mk-book__link {
  font-size: calc(var(--u) * 11.5);
color: var(--text-dark-muted);
}
.hs-review__stars {
  margin-inline-start: auto; font-size: calc(var(--u) * 12);
}
.prc-guar__point-text {
  font-size: var(--text-s); line-height: 1.55; color: var(--text-dark-muted);
}
.hs-referral__glyph {
  flex: none; inline-size: calc(var(--u) * 15); aspect-ratio: 1; color: var(--secondary);
}
.mk-filter {
  padding: calc(var(--u) * 4) calc(var(--u) * 9);
border-radius: var(--radius-circle);
background: var(--neutral-ultra-light);
font-size: calc(var(--u) * 11);
font-weight: 500;
white-space: nowrap;
&[data-state="on"] { background: var(--text-dark); color: var(--white); }
}
.prc-guar__points {
  display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--space-s);
@media (width < 56.25rem) { & { grid-template-columns: minmax(0, 1fr); } }
}
.hero__copy {
  display: flex;
flex-direction: column;
align-items: flex-start;
min-inline-size: 0;
}
.hs-call__state {
  position: relative;
display: block;
inline-size: 100%;
block-size: calc(var(--u) * 18);
margin-block-start: calc(var(--u) * 4);
font-size: calc(var(--u) * 13);
}
.menu-dropdown__content {
  display: flex;
  flex-direction: column;
  --divider-gap: 0.5em;

  > li {
    display: flex;
    inline-size: 100%;
    max-inline-size: 100%;
  }

  > li > a,
  > li > button {
    inline-size: 100%;
  }
}
.svp-chart__area {
  fill: var(--primary-ultra-light);
}
.hs-chipcard {
  display: flex;
align-items: center;
gap: calc(var(--u) * 8);
padding: calc(var(--u) * 8) calc(var(--u) * 11);
border: var(--border);
border-radius: calc(var(--u) * 8);
background: var(--white);
font-size: calc(var(--u) * 12.5);
& > span { color: var(--text-dark-muted); }
&[data-tone="dark"] { border-color: transparent; background: var(--text-dark); color: var(--white); }
&[data-tone="dark"] > span { color: color-mix(in oklch, var(--white) 60%, transparent); }
}
.svp-saw__btn {
  padding: calc(var(--space-xs) * 0.85);
border: var(--border);
border-radius: calc(var(--radius) * 0.8);
font-size: var(--text-s);
font-weight: 600;
text-align: center;
color: var(--text-dark-muted);
}
.mk-thread__app {
  display: flex;
align-items: center;
justify-content: center;
gap: calc(var(--u) * 5);
margin-block-start: calc(var(--u) * 3);
font-size: calc(var(--u) * 10.5);
color: var(--text-dark-muted);
}
.prc-calc__opt-price {
  font-size: var(--text-s);
color: var(--text-dark-muted);
font-variant-numeric: tabular-nums;
[aria-pressed="true"] > & { color: var(--primary); }
}
.brief__foot {
  display: flex;
justify-content: space-between;
align-items: center;
gap: var(--space-s);
margin-block-start: var(--space-l);
@media (width < 47.5rem) { & { margin-block-start: var(--space-s); } }
}
.hs-total__value {
  font-size: calc(var(--u) * 32);
letter-spacing: -0.04em;
.hs-total--center > & { font-size: calc(var(--u) * 30); }
}
.mk-svc__name {
  font-size: calc(var(--u) * 13);
font-weight: 600;
}
.hs-web__hero {
  display: flex;
flex: none;
flex-direction: column;
justify-content: flex-end;
block-size: calc(var(--u) * 96);
padding: calc(var(--u) * 12);
border-radius: calc(var(--u) * 10);
background: linear-gradient(150deg, var(--primary-ultra-light), color-mix(in oklch, var(--primary) 30%, var(--white)));
& > strong { font-size: calc(var(--u) * 17); line-height: 1.1; letter-spacing: -0.03em; }
& > span { margin-block-start: calc(var(--u) * 4); font-size: calc(var(--u) * 11); color: var(--text-dark-muted); }
}
.hs-proof__big {
  &.hs-proof__big { font-size: calc(var(--u) * 26); line-height: 1.05; letter-spacing: -0.04em; }
}
.svp-call__copy {
  display: flex; flex-direction: column; gap: calc(var(--space-xs) * 0.2);
}
.mk-search__bar {
  display: flex;
align-items: center;
gap: calc(var(--u) * 10);
padding: calc(var(--u) * 12) calc(var(--u) * 16);
border: calc(var(--u) * 1) solid var(--border-color-dark);
border-radius: var(--radius-circle);
font-size: calc(var(--u) * 14);
box-shadow: 0 calc(var(--u) * 4) calc(var(--u) * 14) calc(var(--u) * -8) color-mix(in oklch, var(--text-dark) 25%, transparent);
}
.mk-board__tiles {
  display: grid;
grid-template-columns: var(--grid-3);
gap: calc(var(--u) * 10);
}
.prc-card__head {
  display: flex; justify-content: space-between; align-items: center; gap: var(--space-xs);
}
.hero-note__detail {
  margin-block-start: calc(var(--u) * 1);
overflow: hidden;
font-size: calc(var(--u) * 12.5);
white-space: nowrap;
text-overflow: ellipsis;
color: var(--text-dark-muted);
}
.site-footer__col {
  display: flex;
flex-direction: column;
gap: var(--space-xs);
}
.svp-chat__fallback {
  display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
gap: var(--space-s);
block-size: 100%;
min-block-size: 18rem;
padding: var(--space-l);
@media (width < 56.25rem) { & { min-block-size: 0; padding: var(--space-m); } }  /* stacked under Paul's card: no empty band to hold */
}
.svp-stage {
  position: relative;
inline-size: 100%;
margin: var(--space-xxl) auto 0;  /* full ACSS content width, aligned with header and footer (Paul, 11 Oct) */
}
.mk-site__line {
  inline-size: calc(var(--u) * 16);
block-size: calc(var(--u) * 1.5);
background: var(--text-dark);
}
.brief__steps {
  display: grid; flex: 1; align-items: center; @media (width < 47.5rem) { & { align-items: start; } }
}
.book {
  display: flex;
flex-direction: column;
gap: var(--space-m);
padding: var(--space-m) var(--space-m) var(--space-xl);
color: var(--text-dark);
&.book--inline { padding: var(--space-m) var(--space-l) var(--space-l); }
&.book--inline .book__top { position: static; margin-inline: calc(var(--space-l) * -1); padding-inline: var(--space-l); background: none; }
}
.svp-obj__card {
  display: flex;
flex-direction: column;
gap: calc(var(--space-xs) * 1.1);
min-inline-size: 0;
padding: var(--space-m);
border: var(--border);
border-radius: calc(var(--radius) * 1.4);
background: var(--white);
box-shadow: 0 calc(var(--space-xs) * 0.12) calc(var(--space-xs) * 0.5) color-mix(in oklch, var(--base) 8%, transparent), 0 calc(var(--space-xl) * 0.6) calc(var(--space-xxl) * 0.8) calc(var(--space-xl) * -0.6) color-mix(in oklch, var(--base) 40%, transparent);
}
.phone__island {
  position: absolute;
inset-block-start: calc(var(--u) * 11);
inset-inline-start: 50%;
z-index: 10;
inline-size: calc(var(--u) * 92);
block-size: calc(var(--u) * 27);
translate: -50% 0;
border-radius: calc(var(--u) * 20);
background: var(--black);
}
.site-outcomes__select {
  display: none;
}
.svp-visit__phone {
  container-type: inline-size;
inline-size: 100%;
max-inline-size: calc(var(--content-width) * 0.249);
--u: calc(100cqi / 300);  /* the mock phone is 300u wide */
& .phone__screen { background: var(--bg-light); }
}
.hs-check__glyph {
  inline-size: calc(var(--u) * 12); aspect-ratio: 1;
}
.hs-call-log__avatar {
  display: grid;
flex: none;
place-items: center;
inline-size: calc(var(--u) * 40);
aspect-ratio: 1;
border-radius: 50%;
background: color-mix(in oklch, var(--primary) 18%, var(--white));
color: var(--text-dark);
font-size: calc(var(--u) * 13);
font-weight: 600;
}
.phone__battery {
  position: relative;
inline-size: calc(var(--u) * 25);
block-size: calc(var(--u) * 12);
margin-inline-end: calc(var(--u) * 3);
border: calc(var(--u) * 1) solid color-mix(in oklch, currentColor 40%, transparent);
border-radius: calc(var(--u) * 3.5);
&::after { content: ""; position: absolute; inset-inline-end: calc(var(--u) * -4); inset-block-start: calc(var(--u) * 3); inline-size: calc(var(--u) * 1.5); block-size: calc(var(--u) * 4); border-radius: 0 calc(var(--u) * 1) calc(var(--u) * 1) 0; background: color-mix(in oklch, currentColor 40%, transparent); }
}
.hs-status--slim {
  &.hs-status--slim {
block-size: calc(var(--u) * 28);
padding-inline: calc(var(--u) * 16);
font-size: calc(var(--u) * 10.5);
& > .hs-status__island { inline-size: calc(var(--u) * 48); block-size: calc(var(--u) * 14); border-radius: calc(var(--u) * 8); }
}
}
.mk-search__caret {
  inline-size: calc(var(--u) * 1.5);
block-size: calc(var(--u) * 16);
margin-inline-start: calc(var(--u) * -8);
background: var(--primary);
animation: mk-blink 1s step-end infinite;
}
.prc-plan__setup-title {
  font-size: var(--text-s); font-weight: 600;
}
.btn--primary {
  gap: calc(var(--space-xs) * 0.75);
transition: translate 0.5s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.5s cubic-bezier(0.16, 1, 0.3, 1),
  background-color var(--transition), color var(--transition), border-color var(--transition);
@media (hover: hover) {
  &:hover { translate: 0 calc(var(--space-xs) / -6); box-shadow: 0 calc(var(--space-xs) * 0.8) calc(var(--space-l) * 0.8) calc(var(--space-xs) * -0.6) var(--btn-glow, color-mix(in oklch, var(--primary) 50%, transparent)); }
}
&:active { translate: none; transition-duration: 0.15s; }
@media (prefers-reduced-motion: reduce) { &:hover { translate: none; } }
}
.mk-toggle {
  display: flex;
flex: none;
justify-content: flex-start;
inline-size: calc(var(--u) * 44);
block-size: calc(var(--u) * 26);
padding: calc(var(--u) * 3);
border-radius: var(--radius-circle);
background: var(--neutral-light);
transition: background-color 0.3s ease;
&[data-state="on"] { justify-content: flex-end; background: var(--primary); }
}
.brief__form {
  display: flex;
grid-area: 2 / 1;
flex-direction: column;
padding: var(--space-xl) var(--space-xl) var(--space-l);
&[hidden] { display: flex; visibility: hidden; }
@media (width < 47.5rem) { &[hidden] { display: none; } }  /* phones: the thank-you takes only its own height */
&[hidden] .brief__step { visibility: hidden; animation: none; }  /* the open question sets itself visible; hide it under the thank-you */
@media (width < 47.5rem) { & { padding: var(--space-l) var(--space-m) var(--space-m); } }
}
.phone__icons {
  display: flex;
align-items: center;
gap: calc(var(--u) * 5);
}
.svp-tile__line {
  display: block; block-size: 3px; overflow: hidden; border-radius: 2px; background: var(--bg-light);
}
.svp-hero {
  --beam-x: 50%;
--glow-x: 50%;  /* design's service hero: the top glow over the centre (Paul, 11 Oct) */
padding-block: calc(var(--header-height) + var(--section-space-m)) 0;
}
.product__link {
  text-decoration: none;
&.product__link { color: inherit; }
&:hover, &:focus-visible { text-decoration: underline; text-decoration-thickness: 0.05em; text-underline-offset: 0.12em; }
}
.hs-event__copy {
  display: flex;
flex-direction: column;
min-inline-size: 0;
& > strong { font-size: calc(var(--u) * 14); }
& > span { font-size: calc(var(--u) * 12); color: var(--text-dark-muted); }
}
.hs-ledger {
  display: flex;
flex-direction: column;
gap: calc(var(--u) * 4);
margin-block-start: calc(var(--u) * 4);
padding: calc(var(--u) * 11) calc(var(--u) * 12);
border: var(--border);
border-radius: calc(var(--u) * 8);
}
.site-footer__made {
  white-space: nowrap;
}
.hs-call-log__lines {
  display: flex;
flex-direction: column;
gap: calc(var(--u) * 11);
margin-block-start: calc(var(--u) * 16);
font-size: calc(var(--u) * 13.5);
line-height: 1.45;
}
.mk-toast__head {
  display: flex;
justify-content: space-between;
font-size: calc(var(--u) * 10.5);
color: var(--text-dark-muted);
}
.hs-gbp__id {
  display: flex;
flex-direction: column;
min-inline-size: 0;
& > strong { font-size: calc(var(--u) * 17); letter-spacing: -0.02em; }
& > span { font-size: calc(var(--u) * 12.5); color: var(--text-dark-muted); }
}
.sy-card {
  --chrome-bar: var(--base);
--chrome-bar-mist: var(--base);
--chrome-url: color-mix(in oklch, var(--white) 10%, var(--base));
--chrome-url-mist: color-mix(in oklch, var(--white) 10%, var(--base));
--chrome-text: color-mix(in oklch, var(--white) 70%, transparent);
--chrome-line: var(--border-light);
.bg--dark & {
  --chrome-bar: var(--bg-light);
  --chrome-bar-mist: var(--white);
  --chrome-url: var(--white);
  --chrome-url-mist: var(--bg-light);
  --chrome-text: var(--text-dark-muted);
  --chrome-line: var(--border);
}
display: flex;
flex-direction: column;
overflow: hidden;
border: var(--border);  /* the demo's mist meets the mist section without it */
border-radius: calc(var(--radius) * 1.4);  /* the panels' corners, border and shadow (Paul, 11 Oct) */
background: var(--white);
text-decoration: none;
box-shadow: 0 calc(var(--space-xs) * 0.12) calc(var(--space-xs) * 0.5) color-mix(in oklch, var(--base) 8%, transparent), 0 calc(var(--space-xl) * 0.6) calc(var(--space-xxl) * 0.8) calc(var(--space-xl) * -0.6) color-mix(in oklch, var(--base) 40%, transparent);
transition: translate 0.5s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.5s cubic-bezier(0.16, 1, 0.3, 1);
&.sy-card { color: var(--text-dark); }
&:hover, &:focus-visible { translate: 0 calc(var(--space-xs) * -0.45); box-shadow: 0 var(--space-l) var(--space-xxl) calc(var(--space-l) * -1) color-mix(in oklch, var(--base) 45%, transparent); }
@media (prefers-reduced-motion: reduce) { &:hover, &:focus-visible { translate: none; } }
}
.svp-obj__answer {
  font-size: var(--text-m); font-weight: 600; line-height: 1.3; letter-spacing: -0.02em; text-wrap: pretty;
}
.hs-app__state {
  display: flex; align-items: center; gap: calc(var(--u) * 5); font-size: calc(var(--u) * 12); color: color-mix(in oklch, var(--success) 55%, black);
}
.hs-rate__stars {
  display: flex; justify-content: center; gap: calc(var(--u) * 4);
}
.svp-chart__note {
  color: var(--text-dark-muted);
}
.prc-hero {
  --beam-x: 50%; --glow-x: 50%; padding-block: calc(var(--header-height) + var(--section-space-m)) var(--section-space-l);
}
.star-rating-alpha__star {
  inline-size: 1em;
}
.mk-book__cta {
  padding: calc(var(--u) * 13);
border-radius: calc(var(--u) * 10);
background: var(--neutral-light);
color: var(--white);
font-size: calc(var(--u) * 13);
font-weight: 600;
text-align: center;
transition: background-color 0.25s ease, scale 0.25s ease;
&[data-state="ready"] { background: var(--text-dark); }
&[data-state="go"], &[data-state="press"] { background: var(--primary); }
&[data-state="press"] { scale: 0.96; }
}
.dropdown-vega__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-s);
  flex-wrap: wrap;
/* Siteyard (sy_vendor.OVERRIDES) */
padding: calc(var(--space-xs) * 0.15) calc(var(--space-xs) * 0.3) calc(var(--space-s) * 0.9);
}
.hs-chip {
  padding: calc(var(--u) * 4) calc(var(--u) * 9);
border-radius: calc(var(--u) * 5);
background: color-mix(in oklch, var(--secondary) 16%, transparent);
color: var(--secondary);
font-weight: 600;
}
.mini__site-copy {
  display: flex;
flex-direction: column;
gap: calc(var(--u) * 3);
}
.mk-cal__days {
  display: grid;
grid-template-columns: calc(var(--u) * 30) repeat(5, minmax(0, 1fr));
column-gap: calc(var(--u) * 4);
padding-block-end: calc(var(--u) * 6);
font-size: calc(var(--u) * 11);
font-weight: 500;
color: var(--text-dark-muted);
& span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
}
.mk-call2__who {
  flex: 1;
min-inline-size: 0;
}
.hs-people__head {
  display: flex;
justify-content: space-between;
align-items: baseline;
padding-block-end: calc(var(--u) * 10);
border-block-end: var(--border);
& > strong { font-size: calc(var(--u) * 15); }
& > span { font-size: calc(var(--u) * 12.5); color: var(--text-dark-muted); }
}
.mk-done__sub {
  margin-block-start: calc(var(--u) * 6);
font-size: calc(var(--u) * 13);
color: var(--text-dark-muted);
}
.svp-chart__stroke {
  fill: none;
stroke: var(--primary);
stroke-width: 2.5;
stroke-linecap: round;
vector-effect: non-scaling-stroke;
stroke-dasharray: 700;
@media (prefers-reduced-motion: no-preference) { [data-rise="in"] & { animation: sy-draw 2.4s cubic-bezier(0.16, 1, 0.3, 1) both; } }
}
.contact-pill {
  display: inline-flex;
align-items: center;
gap: 0.3em;
margin: 0.06em 0;
padding: 0.12em 0.55em 0.12em 0.16em;
border-radius: 999px;
font-size: 0.6em;
line-height: 1.2;
letter-spacing: -0.03em;
vertical-align: middle;
text-decoration: none;
transition: translate 0.5s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.5s cubic-bezier(0.16, 1, 0.3, 1);
&:hover { translate: 0 -2px; box-shadow: 0 var(--space-xs) var(--space-m) calc(var(--space-xs) * -0.5) color-mix(in oklch, currentColor 35%, transparent); }
&[data-app="wa"] { background: #25D366; color: var(--base); }
&[data-app="fb"] { background: #0866FF; color: var(--white); }
&[data-app="sms"] { background: var(--base); color: var(--white); }
&[data-app="call"] { background: var(--primary); color: var(--white); }
&[data-app="email"] { background: var(--white); color: var(--primary); box-shadow: inset 0 0 0 1px color-mix(in oklch, var(--primary) 30%, transparent); }
/* touch screens (Paul, 12 Oct: bigger for thumbs): a little larger, and an invisible margin takes the tap target to about 44px
   without spreading the sentence's lines apart */
@media (pointer: coarse) {
  & { position: relative; margin-block: 0.1em; padding: 0.24em 0.65em 0.24em 0.2em; }
  &::after { content: ""; position: absolute; inset: -0.3em -0.15em; }
}
}
.toggle-animated-hamburger-3 {
  inline-size: var(--toggle-icon-size, 1.25em);
  block-size: var(--toggle-icon-size, 1.25em);
  color: inherit;

  [class*='hamburger-line'] {
    stroke: var(--toggle-icon-color, currentColor);
    stroke-width: var(--toggle-icon-line-width, 8px);
    stroke-linecap: round;
    transition:
      transform var(--toggle-transition-duration, 0.2s) var(--ease-smooth),
      opacity calc(var(--toggle-transition-duration, 0.2s) * 0.75) ease,
      stroke-dasharray var(--toggle-transition-duration, 0.2s) var(--ease-smooth),
      stroke-dashoffset var(--toggle-transition-duration, 0.2s) var(--ease-smooth);
    transform-origin: center;
    transform: translateX(0) translateY(0) rotate(0);
  }

  .hamburger-line--middle {
    stroke-dasharray: 45 15;
    stroke-dashoffset: 45;
  }

  .hamburger-line--bottom {
    stroke-dasharray: 30 30;
    stroke-dashoffset: 30;
  }

  .toggle.active & .hamburger-line--top {
    transform: translateY(16px) translateX(-16px) rotate(45deg);
  }
  .toggle.active & .hamburger-line--middle {
    transform: scaleX(0);
    stroke-dasharray: 0 61;
    stroke-dashoffset: 1;
  }
  .toggle.active & .hamburger-line--bottom {
    transform: translateY(-16px) translateX(-16px) rotate(-45deg);
    stroke-dasharray: 60 0;
    stroke-dashoffset: 60;
  }
}
.contact-hero__link {
  display: inline-flex;
align-items: center;
gap: calc(var(--space-xs) * 0.6);
text-decoration: none;
&.contact-hero__link { color: color-mix(in oklch, var(--white) 66%, transparent); }
& strong { font-weight: 500; color: var(--white); }
&.contact-hero__link--form { font-weight: 500; color: var(--secondary); }
&:hover strong, &.contact-hero__link--form:hover { color: var(--white); }
@media (pointer: coarse) { & { position: relative; } &::after { content: ""; position: absolute; inset: calc(var(--space-xs) * -0.65) 0; } }  /* about 44px to tap */
}
.svp-saw__dot {
  inline-size: 0.5rem; aspect-ratio: 1; border-radius: 50%; background: currentColor;
}
.scene__steps {
  display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, calc(var(--u) * 190)), 1fr));
border-block-start: var(--border);
background: var(--white);
@media (width < 56.25rem) {  /* phones, with the panes stacked: the four steps two by two, not four rows */
  [data-stack] > & { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-stack] > & > :nth-child(odd) { border-inline-start: 0; }
  [data-stack] > & > :nth-child(n + 3) { border-block-start: var(--border); }
}
}
.mk-thread__missed-dot {
  inline-size: calc(var(--u) * 6);
block-size: calc(var(--u) * 6);
border-radius: 50%;
background: var(--danger);
}
.hs-ledger__top {
  display: flex; justify-content: space-between; font-size: calc(var(--u) * 13); font-weight: 600;
}
.hs-book__tick {
  display: grid;
place-items: center;
inline-size: calc(var(--u) * 56);
aspect-ratio: 1;
border-radius: 50%;
background: var(--success-ultra-light);
color: color-mix(in oklch, var(--success) 78%, black);
}
.svp-event__meta {
  display: block;
overflow: hidden;
font-size: calc(var(--text-s) * 0.93);
text-overflow: ellipsis;
white-space: nowrap;
color: var(--text-dark-muted);
}
.mk-site {
  position: absolute;
inset: calc(var(--u) * 52) 0 0;
overflow: hidden;
}
.product__media {
  container-type: inline-size;
display: grid;
place-items: center;
aspect-ratio: 1;
@media (width < 56.25rem) { & { aspect-ratio: auto; } }  /* phones: the panel takes the mock's own height (a fixed 4/5 cut the bottom off every mock) */
padding: var(--space-m);
overflow: clip;
border-radius: var(--btn-radius);
}
.prc-calc__kicker {
  font-size: var(--text-s); color: color-mix(in oklch, var(--white) 60%, transparent);
}
.mk-chip {
  display: inline-flex;
align-items: center;
gap: calc(var(--u) * 6);
margin-block-start: calc(var(--u) * 8);
padding: calc(var(--u) * 7) calc(var(--u) * 12);
border: calc(var(--u) * 1) solid var(--border-color-dark);
border-radius: var(--radius-circle);
font-size: calc(var(--u) * 12);
font-weight: 500;
white-space: nowrap;
}
.hs-book__done {
  position: absolute;
inset: calc(var(--u) * 30) 0 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: calc(var(--u) * 10);
padding: calc(var(--u) * 20);
background: var(--white);
text-align: center;
& > strong { font-size: calc(var(--u) * 17); letter-spacing: -0.02em; }
}
.legal__list {
  display: flex;
flex-direction: column;
gap: calc(var(--space-xs) * 0.5);
padding-inline-start: 1.25em;
list-style: disc;
& li::marker { color: var(--primary); }
}
.svp-app__heading {
  margin-block-start: calc(var(--u) * 2); font-size: calc(var(--u) * 21); font-weight: 600; line-height: 1.15; letter-spacing: -0.03em;
}
.hs-people__tag {
  position: relative;
padding: calc(var(--u) * 3) calc(var(--u) * 7);
border-radius: calc(var(--u) * 4);
background: var(--primary);
font-size: calc(var(--u) * 11);
font-weight: 600;
color: var(--white);
&[data-cue] { transition: opacity 0.4s ease; }
}
.site-mobile__list {
  margin: 0;
padding: 0;
list-style: none;
border-block-start: var(--border-width) solid color-mix(in oklch, var(--white) 14%, transparent);
}
.faq__q {
  display: flex;
align-items: center;
gap: var(--space-s);
padding-block: var(--space-m);
list-style: none;
font-size: var(--text-l);
font-weight: 600;
letter-spacing: -0.02em;
cursor: pointer;
&::-webkit-details-marker { display: none; }
&:focus-visible { outline: var(--focus-width) solid var(--primary-light); outline-offset: var(--focus-offset); }
}
.hs-repeat__bar {
  block-size: var(--h, 8%);
border-radius: calc(var(--u) * 4);
background: var(--primary-ultra-light);
&[data-x] { --h: 8%; background: var(--primary); transition: block-size 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
&[data-state="up"] { --h: 90%; }
}
.book__pulse {
  flex: none;
inline-size: 0.45rem;
aspect-ratio: 1;
border-radius: 50%;
background: var(--primary);
animation: sy-pulse 1.8s ease-in-out infinite;
}
.mini__note {
  display: flex;
align-items: center;
gap: calc(var(--u) * 8);
margin: calc(var(--u) * 6) 0 0;
padding: calc(var(--u) * 7) calc(var(--u) * 10);
overflow: hidden;
border-radius: calc(var(--u) * 6);
background: var(--bg-light);
font-size: calc(var(--u) * 11.5);
white-space: nowrap;
color: var(--text-dark-muted);
& .mini__icon { flex: none; inline-size: calc(var(--u) * 13); block-size: calc(var(--u) * 13); color: var(--primary); }
}
.brief__tick {
  flex: none;
color: var(--primary);
opacity: 0;
transition: opacity 0.2s ease;
[aria-pressed="true"] > & { opacity: 1; }
& svg { display: block; inline-size: 1rem; block-size: auto; }
@media (width < 47.5rem) { & { display: none; } }  /* phones: the filled key and ring show the choice; the tick's room would push every tile wider */
}
.step__body {
  display: flex;
flex-direction: column;
gap: calc(var(--space-xs) * 0.75);
padding: var(--space-m);
}
.mk-wave__bar {
  inline-size: calc(var(--u) * 3);
block-size: 100%;
border-radius: calc(var(--u) * 2);
background: var(--primary);
animation: mk-wave 0.9s ease-in-out infinite;
&:nth-child(2) { animation-delay: 0.15s; }
&:nth-child(3) { animation-delay: 0.3s; }
&:nth-child(4) { animation-delay: 0.45s; }
&:nth-child(5) { animation-delay: 0.6s; }
}
.brief__sub {
  margin: 0; font-size: var(--text-s); color: var(--text-dark-muted);
}
.scene__step {
  position: relative;
display: flex;
align-items: baseline;
gap: calc(var(--u) * 10);
min-inline-size: 0;
padding: calc(var(--u) * 14) calc(var(--u) * 18);
& + & { border-inline-start: var(--border); }
}
.svp-tool__mark {
  display: grid;
flex: none;
place-items: center;
inline-size: 2.125rem;
aspect-ratio: 1;
border-radius: calc(var(--radius) * 0.9);
background: var(--mark, var(--primary));
font-size: var(--text-s);
font-weight: 600;
color: var(--white);
}
.prc-calc__label-row {
  display: flex; justify-content: space-between; align-items: baseline; gap: var(--space-xs);
}
.svp-panel__rows {
  padding: calc(var(--space-xs) * 0.55) var(--space-l);
}
.prc-calc__label {
  font-size: var(--text-xs); font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text-dark-muted);  /* the site's label style (.svp-label, Paul 11 Oct) */
}
.faq__ask {
  align-self: stretch;
max-inline-size: 26.25rem;
margin-block-start: var(--space-l);
padding: var(--space-m);
border-radius: var(--btn-radius);
background: var(--white);
}
.voices__title {
  margin: var(--space-m) 0 0;
max-inline-size: 10.5em;
font-size: calc(var(--h2) * 1.04);
font-weight: 600;
line-height: 0.98;
letter-spacing: -0.045em;
}
.svp-tool__top {
  display: flex; justify-content: space-between; align-items: center; gap: calc(var(--space-xs) * 0.55);
}
.hs-total {
  display: flex;
justify-content: space-between;
align-items: baseline;
margin-block-start: auto;
padding-block-start: calc(var(--u) * 12);
border-block-start: var(--border);
&.hs-total--center { flex-direction: column; align-items: center; }
}
.prc-calc__opt-name {
  font-size: var(--text-s); font-weight: 600; text-align: start;
}
.brief__label {
  flex: 1; text-align: start;
}
.menu-wrapper {
  gap: 0;
  inline-size: fit-content;

  /* - on mobile off canvas mode */
  &.mobile.off-canvas-mode {
    position: fixed;
    inset: 0;
    visibility: hidden;
    inline-size: 100%;
    pointer-events: none;
    z-index: 999;
    opacity: 1;
    transition: visibility var(--mobile-menu-transition-duration, 0.2s) ease-out;
  }

  /* - on mobile reveal mode */
  &.mobile.reveal-mode {
    inline-size: 100%;
    position: absolute;
    inset-block-start: 100%;
    inset-inline: 0;
    overflow: hidden;
    visibility: hidden;
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    background-color: var(--mobile-menu-bg-color);
    transition: clip-path, visibility, transform, opacity;
    transition-duration: var(--mobile-menu-transition-duration, 0.2s);
    transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);

    .menu-wrapper__inner {
      overflow-y: auto;
      overflow-x: clip;
      transform: translateY(20px);
    }

    .nav {
      padding-block-end: var(--mobile-menu-padding-block);
    }
  }

  /* - on mobile AND on open */
  &.mobile.open {
    visibility: visible;
    opacity: 1;
  }

  /* - on mobile AND open AND reveal mode */
  &.mobile.reveal-mode.open {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);

    .menu-wrapper__inner {
      transform: translateY(0);
    }
  }

  /* HELPER CLASSES */

  /* - hide item on desktop */
  &.desktop :is(.hide-from-desktop-menu, [data-menu-hide='desktop']) {
    display: none;
  }

  /* - hide item on mobile */
  &.mobile :is(.hide-from-mobile-menu, [data-menu-hide='mobile']) {
    display: none;
  }

  /* hide menu until initialized */

  &:not([data-menu-initialized]) {
    opacity: 0;
  }

  /* MORPH MODE (desktop shared morphing container, JS-created) */
  .morph-container {
    position: absolute;
    inset-block-start: 100%;
    inset-inline-start: 0;
    z-index: 999;
    background: var(--dropdown-bg, white);
    box-shadow: var(--dropdown-box-shadow);
    border-radius: var(--dropdown-border-radius);
    border: var(--dropdown-border-width) solid var(--dropdown-border-color);
    visibility: hidden;
    opacity: 0;
    transform: translateY(var(--dropdown-closed-top, 40px));
    transition-property: opacity, transform, visibility, scale;
    transition-duration: var(--dropdown-transition-duration, 0.15s);
    transition-timing-function: var(--dropdown-transition-timing, cubic-bezier(0.4, 0, 0.2, 1));
    transition-delay: var(--dropdown-transition-delay, 0s);

    /* open / close */
    &.is-active {
      visibility: visible;
      opacity: 1;
      transform: translateY(var(--dropdown-open-top, 20px));
    }

    /* JS adds is-morphing while sliding between panels: the container box
       itself animates position and size, and clips the panel slide */
    &.is-morphing {
      overflow: clip;
      transition-property: opacity, transform, visibility, inset-inline-start, inline-size, block-size;
      transition-duration: var(--dropdown-transition-duration, 0.3s);
      transition-timing-function: var(--dropdown-transition-timing, cubic-bezier(0.4, 0, 0.2, 1));
    }

    /* panels: shown via is-active (the .is-open parent selector no longer
       applies once JS moves them into the shared container) */
    .menu-dropdown__content-wrapper.morph-panel {
      transition-property: opacity, visibility;

      &.is-active {
        visibility: visible;
        opacity: 1;
      }

      /* the shared container carries the dropdown chrome instead */
      > .menu-dropdown__content {
        background: transparent;
        box-shadow: none;
        border: none;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      transition: none;
    }
  }
}
.hs-serp__flag {
  font-size: calc(var(--u) * 11); font-weight: 600; color: color-mix(in oklch, var(--success) 78%, black);
}
.svp-panel {
  display: none;
flex-direction: column;
min-inline-size: 0;
&[data-state="on"] { display: flex; }
@media (prefers-reduced-motion: no-preference) { &[data-state="on"] > .svp-panel__head { animation: sy-in 0.7s cubic-bezier(0.16, 1, 0.3, 1) both; } }
}
.svp-problem__log {
  min-inline-size: 0;
}
.book-form__input {
  inline-size: 100%;
padding: var(--space-xs);
border: var(--border);
border-radius: var(--btn-radius);
background: var(--white);
color: var(--text-dark);
font: inherit;
font-size: calc(var(--text-s) * 1.03);
@media (pointer: coarse) { & { font-size: var(--text-m); } }  /* 16px or more on touch screens, or iOS zooms the page on focus */
outline: none;
transition: border-color var(--transition), box-shadow var(--transition);
&::placeholder { color: var(--text-dark-muted); }
&:focus { border-color: var(--primary); box-shadow: 0 0 0 0.1875rem var(--primary-ultra-light); }
&[aria-invalid="true"] { border-color: var(--danger); }
&.book-form__input--area { resize: vertical; min-block-size: 7.5rem; line-height: 1.5; }
}
.hs-linkcard {
  display: flex;
flex-direction: column;
gap: calc(var(--u) * 3);
max-inline-size: 92%;
padding: calc(var(--u) * 10) calc(var(--u) * 11);
border: var(--border);
border-radius: calc(var(--u) * 10);
background: var(--white);
font-size: calc(var(--u) * 12);
&[data-state="on"] { background: var(--primary-ultra-light); }
& > .hs-stars { font-size: calc(var(--u) * 13); }
}
.hs-call-log__picked-label {
  margin-inline-end: calc(var(--u) * 4); color: color-mix(in oklch, var(--white) 50%, transparent);
}
.faq__aside {
  display: flex;
flex-direction: column;
align-items: flex-start;
min-inline-size: 0;
}
.mk-call2__disc {
  position: relative;
display: flex;
flex: none;
align-items: center;
justify-content: center;
inline-size: calc(var(--u) * 36);
aspect-ratio: 1;
border-radius: 50%;
background: color-mix(in oklch, var(--white) 14%, transparent);
font-size: calc(var(--u) * 16);
transition: background-color 0.3s ease;
&[data-state="on"] { background: var(--primary); }
}
.mk-filters {
  display: flex;
gap: calc(var(--u) * 6);
padding: 0 calc(var(--u) * 6) calc(var(--u) * 12);
border-block-end: calc(var(--u) * 1) solid var(--border-color-dark);
}
.wwd__text {
  margin: 0;
font-family: var(--heading-font-family);
font-size: calc(var(--h2) * 0.94);
font-weight: 600;
line-height: 1.12;
letter-spacing: -0.045em;
text-wrap: pretty;
}
.mk-toast__icon {
  inline-size: calc(var(--u) * 14);
block-size: calc(var(--u) * 14);
border-radius: calc(var(--u) * 4);
background: var(--primary);
}
.review-card {
  display: flex;
flex-direction: column;
padding: var(--space-m);
border: var(--border-width) solid color-mix(in oklch, var(--white) 10%, transparent);
border-radius: var(--btn-radius);
background: color-mix(in oklch, var(--white) 5%, transparent);
}
.book-form__field {
  display: flex;
flex-direction: column;
gap: calc(var(--space-xs) * 0.55);
min-inline-size: 0;
}
.prc-plan {
  scroll-margin-block-start: var(--header-height);
}
.prc-card__row-go {
  color: var(--text-dark-muted); & svg { inline-size: 0.85rem; block-size: auto; }
}
.mini__head {
  display: flex;
justify-content: space-between;
align-items: center;
gap: calc(var(--u) * 8);
block-size: calc(var(--u) * 22);
}
.prc-guar__num {
  font-size: calc(var(--h1) * 2.2); font-weight: 600; line-height: 0.8; letter-spacing: -0.07em; color: var(--primary);
}
.mk-call2__clock {
  min-inline-size: calc(var(--u) * 32);
font-size: calc(var(--u) * 12.5);
font-variant-numeric: tabular-nums;
text-align: end;
opacity: 0.7;
}
.process__title {
  margin: var(--space-m) 0 0;
max-inline-size: 12.5em;
font-size: calc(var(--h2) * 1.04);
font-weight: 600;
line-height: 0.98;
letter-spacing: -0.045em;
}
.menu-wrapper__inner {
  pointer-events: auto;
  min-block-size: 0px;
  transition-property: visibility, opacity, transform;
      transition-duration: var(--mobile-menu-transition-duration, 0.2s);
      transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);

  .menu-wrapper.off-canvas-mode.mobile & {
    position: absolute;
    inset-block-end: 0;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    background: var(--mobile-menu-bg-color);
    max-inline-size: var(--mobile-menu-width, 500px);
    inline-size: 100%;
    overflow: hidden;
    block-size: 100%;
    inset-block-start: var(--wp-admin--admin-bar--height, 0px);
  }

  .menu-wrapper.off-canvas-mode.mobile.open & {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 0) !important;
  }

  .menu-wrapper.off-canvas-mode.mobile[data-mobile-off-canvas-direction='from right' i] & {
    transform: translateX(100%);
    inset-inline-end: 0;

    html[dir='RTL'] & {
      inset-inline-start: 0;
      inset-inline-end: unset;
    }
  }

  .menu-wrapper.off-canvas-mode.mobile[data-mobile-off-canvas-direction='from left' i] & {
    transform: translateX(-100%);
    will-change: inset-inline;
    inset-inline-start: 0;

    html[dir='RTL'] & {
      inset-inline-end: 0;
      inset-inline-start: unset;
    }
  }

  .menu-wrapper.off-canvas-mode.mobile[data-mobile-off-canvas-direction='from top' i] & {
    transform: translateY(-100%);
    --mobile-menu-width: 100%;
  }

  .menu-wrapper.off-canvas-mode.mobile[data-mobile-off-canvas-direction='from bottom' i] & {
    transform: translateY(100%);
    --mobile-menu-width: 100%;
  }

  .menu-wrapper:not(.off-canvas-mode).mobile & {
    max-block-size: 70vh;
  }
}
.hs-event {
  display: grid;
grid-template-columns: calc(var(--u) * 54) minmax(0, 1fr) auto;
align-items: center;
gap: calc(var(--u) * 12);
padding-block: calc(var(--u) * 11);
border-block-end: var(--border);
&.hs-event--new { margin-inline: calc(var(--u) * -10); padding-inline: calc(var(--u) * 10); border: 0; border-radius: calc(var(--u) * 8); background: var(--primary-ultra-light); }
& > .hs-tag { padding: calc(var(--u) * 3) calc(var(--u) * 8); font-size: calc(var(--u) * 11.5); }
}
.svp-sync__time {
  font-family: var(--mono-font-family, ui-monospace, SFMono-Regular, Menlo, monospace);
font-size: calc(var(--text-xs) * 0.95);
color: var(--text-dark-muted);
}
.phone__status {
  position: absolute;
inset: 0 0 auto;
z-index: 9;
display: flex;
justify-content: space-between;
align-items: center;
block-size: calc(var(--u) * 50);
padding: calc(var(--u) * 3) calc(var(--u) * 30) 0 calc(var(--u) * 34);
color: var(--text-dark);
transition: color 0.3s ease;
&[data-state="light"] { color: var(--white); }
}
.brief__next {
  inline-size: 2.5rem;
block-size: 2.5rem;
border: 0;
background: var(--primary);
color: var(--white);
font: inherit;
font-size: var(--text-m);
cursor: pointer;
&:disabled { opacity: 0.35; cursor: default; }
}
.review-card__who {
  display: flex;
align-items: center;
gap: calc(var(--space-xs) * 0.9);
margin: var(--space-m) 0 0;
padding-block-start: calc(var(--space-s) * 0.9);
border-block-start: var(--border-light);
}
.sy-toast__meta {
  color: var(--text-dark-muted);
:is([data-tone="ink"], [data-tone="accent"]) > .sy-toast__copy > & { margin-inline-start: calc(var(--space-xs) * 0.6); color: color-mix(in oklch, var(--white) 70%, transparent); }
}
.mk-result {
  padding: calc(var(--u) * 12) calc(var(--u) * 14);
border: calc(var(--u) * 1) solid var(--border-color-dark);
border-radius: calc(var(--u) * 14);
.mock &.mk-result--2 { opacity: 0.7; animation-delay: 0.12s; }
.mock &.mk-result--3 { opacity: 0.55; animation-delay: 0.24s; }
&.mk-result--top { border-width: calc(var(--u) * 1.5); transition: border-color 0.3s ease, background-color 0.3s ease; }
&.mk-result--top[data-state="on"] { border-color: var(--primary); background: color-mix(in oklch, var(--text-dark) 2%, var(--white)); }
}
.hs-referral {
  display: flex;
align-items: center;
gap: calc(var(--u) * 9);
margin-block-start: calc(var(--u) * 14);
padding: calc(var(--u) * 10) calc(var(--u) * 11);
border-radius: calc(var(--u) * 9);
background: var(--text-dark);
font-size: calc(var(--u) * 12);
line-height: 1.35;
color: var(--white);
}
.mk-tilerow {
  display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: calc(var(--u) * 12);
block-size: calc(var(--u) * 84);
&.mk-tilerow--auto { grid-template-columns: minmax(0, 1fr) calc(var(--u) * 150); }
}
.hs-toggle-row {
  display: flex; justify-content: space-between; align-items: center; padding-block: calc(var(--u) * 4); font-size: calc(var(--u) * 13);
}
.hs-call__note {
  margin-block-start: calc(var(--u) * 18); font-size: calc(var(--u) * 12); color: color-mix(in oklch, var(--white) 55%, transparent);
}
.price-card__toggle-text {
  font-size: calc(var(--text-s) * 0.93);
line-height: 1.45;
color: var(--text-dark-muted);
}
.mk-call2__ring {
  position: absolute;
inset: 0;
border: calc(var(--u) * 2) solid var(--primary);
border-radius: 50%;
animation: mk-ring 1.4s ease-out infinite;
}
.mini__book {
  padding: calc(var(--u) * 4) calc(var(--u) * 7);
border-radius: calc(var(--u) * 4);
background: var(--white);
color: var(--base);
font-size: calc(var(--u) * 8.5);
font-weight: 600;
}
.mk-book__slots {
  display: grid;
grid-template-columns: var(--grid-3);
gap: calc(var(--u) * 5);
margin-block-start: calc(var(--u) * 8);
}
.prc-card__row-name {
  font-weight: 600;
}
.process__list {
  display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--space-s);
margin: var(--space-xl) 0 0;
padding: 0;
list-style: none;
@container (width < 53.75rem) { & { grid-template-columns: minmax(0, 1fr); } }
}
.brief__input {
  inline-size: 100%;
margin-block-start: calc(var(--space-xs) * 0.8);
padding: calc(var(--space-xs) * 0.8) 0;
border: 0;
border-block-end: 2px solid var(--border-color, color-mix(in oklch, var(--text-dark) 14%, transparent));
border-radius: 0;
background: transparent;
color: var(--primary);
font: inherit;
font-size: var(--text-xl);
font-weight: 500;
letter-spacing: -0.02em;
outline: none;
transition: border-color 0.2s ease;
&:focus { border-block-end-color: var(--primary); }
&::placeholder { color: color-mix(in oklch, var(--primary) 35%, var(--white)); opacity: 1; }
&.brief__input--area { font-size: var(--text-l); line-height: 1.45; resize: none; }
@media (width < 47.5rem) { &.brief__input--area { block-size: calc(var(--text-l) * 1.45 * 2 + var(--space-xs) * 1.6); } }
}
.svp-event__time {
  font-family: var(--mono-font-family, ui-monospace, SFMono-Regular, Menlo, monospace);
font-size: var(--text-xs);
color: var(--text-dark-muted);
}
.svp-panel__n {
  font-family: var(--mono-font-family, ui-monospace, SFMono-Regular, Menlo, monospace);
font-size: var(--text-xs);
color: var(--primary);
}
.dropdown-vega__footer {
  display: flex;
  justify-content: end;
  align-items: center;
  padding-block: var(--space-m);
  padding-block-end: calc(var(--space-m) - var(--dropdown-padding));
  border-block-start: var(--border-width) solid #ececec;
}
.price-card__toggle-copy {
  flex: 1;
display: flex;
flex-direction: column;
gap: calc(var(--space-xs) * 0.2);
min-inline-size: 0;
}
.hs-sms__link {
  font-weight: 600; color: var(--primary);
}
.hero-phone__screen {
  position: relative;
display: flex;
flex-direction: column;
align-items: center;
block-size: 100%;
padding-block-start: calc(var(--u) * 70);
border-radius: calc(var(--u) * 42);
overflow: hidden;
background: linear-gradient(180deg, color-mix(in oklch, var(--primary) 45%, var(--base)) 0%, color-mix(in oklch, var(--base) 85%, var(--primary)) 70%);
color: var(--white);
text-align: center;
}
.svp-prow__title {
  display: block; font-size: var(--text-s); font-weight: 600;
}
.hs-call__calling {
  position: absolute; inset: 0; color: color-mix(in oklch, var(--white) 70%, transparent);
}
.mk-site__ticks {
  display: flex;
flex-direction: column;
gap: calc(var(--u) * 8);
margin-block-start: calc(var(--u) * 10);
font-size: calc(var(--u) * 12);
color: var(--text-dark-muted);
}
.feature-card-alpha__heading {
  margin: 0; font-size: var(--h3); font-weight: 600; line-height: 1.15; letter-spacing: -0.03em;
}
.svp-app__info {
  margin: 0; font-size: calc(var(--u) * 11.5); line-height: 1.5; color: var(--text-dark-muted);
}
.hs-week__new-meta {
  font-weight: 400; opacity: 0.8;
}
.mk-site__rating {
  margin-block-start: calc(var(--u) * 10);
font-size: calc(var(--u) * 11.5);
opacity: 0.8;
}
.hs-btn {
  position: relative;
display: flex;
justify-content: center;
align-items: center;
block-size: calc(var(--u) * 44);
border: var(--border);
border-radius: calc(var(--u) * 8);
font-size: calc(var(--u) * 13.5);
font-weight: 600;
color: var(--text-dark-muted);
&[data-tone="solid"] { border: 0; background: var(--primary); color: var(--white); }
&[data-tone="ink"] { border: 0; background: var(--text-dark); color: var(--white); }
}
.menu-dropdown__trigger-icon {
  block-size: var(--dropdown-trigger-icon-size, 1em);
  inline-size: var(--dropdown-trigger-icon-size, 1em);
  min-inline-size: var(--dropdown-trigger-icon-size, 1em);
  transition: transform var(--dropdown-transition-duration, 0.15s) ease-out;
  color: inherit;

  path {
    stroke: currentColor
  }
}
.mk-review__name {
  font-size: calc(var(--u) * 13.5);
font-weight: 500;
}
.legal__h2 {
  margin: var(--space-m) 0 var(--space-xs);
padding-block-start: var(--space-m);
border-block-start: var(--border);
font-size: var(--h4);
line-height: 1.2;
letter-spacing: -0.02em;
&.legal__h2 { color: var(--text-dark); }
}
.sy-card__desc {
  font-size: var(--text-s);
line-height: 1.55;
color: var(--text-dark-muted);
}
.menu-dropdown {
  /* on open */
  &.is-open > .menu-dropdown__content-wrapper {
    visibility: visible;
    opacity: 1;
  }

  .menu-dropdown .menu-dropdown__trigger {
    inline-size: 100%;
    justify-content: space-between;
    text-align: start;
  }

  /* DROPDOWN MODE */
  &.dropdown-mode {
    position: relative;

    .menu-dropdown__content-wrapper {
      transform: translateY(var(--dropdown-closed-top, 40px));
      height: fit-content;
    }

    .menu-dropdown__content {
      padding: var(--dropdown-padding);
      block-size: fit-content;
      background: var(--dropdown-bg, white);
      box-shadow: var(--dropdown-box-shadow);
      border-radius: var(--dropdown-border-radius);
      border-width: var(--dropdown-border-width);
      border-color: var(--dropdown-border-color);
      border-style: solid;
    }

    /* - nested dropdowns */
    .menu-dropdown {
      /* -- Nested trigger styling */
      .menu-dropdown__trigger {
        inline-size: 100%;
        justify-content: space-between;
        text-align: start;

        /* --- Rotate arrow 90° for nested (pointing right) */
        .menu-dropdown__trigger-icon {
          transform: rotate(-90deg);

          html[dir='rtl'] & {
            transform: rotate(90deg);
          }
        }

        &.active .menu-dropdown__trigger-icon {
          transform: rotate(0deg); /* Back to pointing down when open */
        }
      }

      > .menu-dropdown__content-wrapper {
        position: absolute;
        inset-inline-start: calc(100% + var(--dropdown-padding));
      }
    }

    .menu-dropdown__content-wrapper {
      inset-block-end: 0;
    }

    /* - dropdown positioning */
    .menu-dropdown__content-wrapper.position-left {
      inset-inline-start: auto;
      inset-inline-end: 100%;
      margin-inline-start: 0;
      margin-inline-end: var(--dropdown-padding);

      &.position-bottom {
        transform-origin: top right;

        html[dir='rtl'] & {
          transform-origin: top left;
        }
      }

      &.position-top {
        transform-origin: bottom right;

        html[dir='rtl'] & {
          transform-origin: bottom left;
        }
      }
    }

    .menu-dropdown__content-wrapper.position-right {
      &.position-bottom {
        transform-origin: top left;

        html[dir='rtl'] & {
          transform-origin: top right;
        }
      }

      &.position-top {
        transform-origin: bottom left;

        html[dir='rtl'] & {
          transform-origin: bottom right;
        }
      }
    }

    .menu-dropdown__content-wrapper.position-top {
      inset-block-start: auto;
      inset-block-end: calc(100% + var(--dropdown-padding));
    }

    /* - transforming open */
    &.is-open > .menu-dropdown__content-wrapper {
      transform: translateY(var(--dropdown-open-top, 20px));
    }

    .menu-dropdown > .menu-dropdown__content-wrapper {
      transform: translateY(calc((var(--dropdown-padding) + var(--dropdown-border-width)) * -1));

      &.position-top {
        transform: translateY(calc(var(--dropdown-padding) + var(--dropdown-border-width)));
      }
    }
  }

  /* ACCORDION MODE */
  &.accordion-mode {
    inline-size: 100%;

    .menu-dropdown {
      flex-direction: column;
    }

    .menu-dropdown__content-wrapper {
      position: static;
    }
  }

  /* STACKED MODE */
  &.stacked-mode {
    .menu-dropdown__trigger-icon-wrapper {
      transform: rotate(-90deg);

      html[dir='rtl'] & {
        transform: rotate(90deg);
      }
    }
  }

  /* specifically not stacked mode flip trigger icon */
  &:not(.stacked-mode) .menu-dropdown__trigger.active .menu-dropdown__trigger-icon {
    transform: scaley(-1);
  }
}
.mk-call2 {
  display: flex;
flex-direction: column;
gap: calc(var(--u) * 12);
padding: calc(var(--u) * 16) calc(var(--u) * 18);
border-radius: calc(var(--u) * 14);
background: var(--text-dark);
color: var(--white);
}
.contact-brief__facts {
  grid-column: 1 / -1;
}
.site-footer__base {
  display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: var(--space-xs) var(--space-l);
margin-block-start: var(--space-xl);
padding-block-start: var(--space-s);
border-block-start: var(--border-light);
}
.legal-hero__inner {
  align-items: center; text-align: center;
}
.review-card__logo {
  display: block;
inline-size: 100%;
block-size: 100%;
object-fit: contain;
/* optical centring: each client logo's visual weight sits off its file's centre (measured 12 Oct; Paul: "offcenter vert").
   Keyed by file name, so a re-upload under the same name keeps it */
&[src*="/logo-noth."] { translate: 0 -4%; }
&[src*="/logo-bbp."] { translate: 0 -4%; }
&[src*="/logo-dsm."] { translate: 3% 0; }
}
.hero-victor__image {
  display: block; inline-size: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: calc(var(--radius) * 1.4);
}
.consent__text {
  cursor: pointer;
}
.hs-call-log__caller {
  display: flex;
align-items: center;
gap: calc(var(--u) * 12);
margin-block-start: calc(var(--u) * 14);
}
.section-intro__heading {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  margin: 0;
  inline-size: fit-content;
  font-size: var(--text-l);
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: var(--base-text-lh);
  text-transform: uppercase;
  color: var(--eyebrow-color);
  --relative-heading-color: var(--eyebrow-color);
  max-inline-size: none;
/* Siteyard (sy_kit.SITEYARD) */
padding: calc(var(--space-xs) * 0.45) calc(var(--space-xs) * 0.8);
border-radius: var(--btn-radius);
background: color-mix(in oklch, var(--primary) 14%, transparent);
font-family: var(--text-font-family);
font-size: calc(var(--text-s) * 0.9);
font-weight: 600;
letter-spacing: -0.01em;
line-height: 1.2;
text-transform: none;
&.section-intro__heading { color: var(--primary); }
.bg--dark &.section-intro__heading { background: color-mix(in oklch, var(--secondary) 14%, transparent); color: var(--secondary); }
}
.dropdown-vega__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--grid-gap);
/* Siteyard (sy_vendor.OVERRIDES) */
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: calc(var(--space-xs) * 0.6);
margin: 0;
padding: 0;
list-style: none;
}
.prc-calc__value {
  font-size: var(--h4); font-weight: 600; letter-spacing: -0.04em; color: var(--primary); font-variant-numeric: tabular-nums;
}
.prc-calc {
  border: var(--border);
border-radius: calc(var(--radius) * 1.4);
background: var(--white);
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
inline-size: 100%;
margin-block-start: var(--space-xxl);
overflow: hidden;
box-shadow: 0 var(--space-xl) var(--space-xxl) calc(var(--space-xl) * -1) color-mix(in oklch, var(--base) 40%, transparent);
@media (width < 56.25rem) { & { grid-template-columns: minmax(0, 1fr); } }
}
.mini__figs {
  display: flex;
gap: calc(var(--u) * 16);
}
.mk-day {
  padding: calc(var(--u) * 7) 0;
border: calc(var(--u) * 1) solid var(--border-color-dark);
border-radius: calc(var(--u) * 10);
text-align: center;
transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
&[data-state="sel"] { border-color: var(--text-dark); background: var(--text-dark); color: var(--white); }
}
.fill-text-alpha {
  > * {
    display: inline !important;
    /* Base Color - Must Be Transparent */
    color: oklch(from var(--base-color, black) l c h / var(--base-color-opacity, 0.2));
    /* Fill Color */
    background: linear-gradient(to right, var(--fill-color, black), var(--fill-color, black));
    background-clip: text;
    -webkit-background-clip: text;
    background-repeat: no-repeat;
  }
}
.brief__done-text {
  margin: 0; max-inline-size: 26em; font-size: var(--text-m); line-height: 1.6; color: var(--text-dark-muted);
}
.mk-event__mon {
  font-size: calc(var(--u) * 10.5);
font-weight: 500;
color: var(--primary);
}
.mini__kicker {
  font-size: calc(var(--u) * 8.5);
font-weight: 600;
color: var(--secondary);
}
.brief__error {
  align-self: flex-start;
margin: calc(var(--space-xs) * 0.8) 0 0;
padding: calc(var(--space-xs) * 0.5) calc(var(--space-xs) * 0.9);
border-radius: calc(var(--radius) * 0.4);
background: var(--danger-ultra-light);
color: var(--danger);
font-size: var(--text-s);
font-weight: 500;
&[hidden] { display: block; visibility: hidden; }  /* its room is kept, so an error doesn't move the card */
&:empty::after { content: "\00a0"; }
}
.contact-brief__paul {
  max-inline-size: 30rem;  /* holds the Avatar Note (sy_parts) under a rule */
padding-block-start: var(--space-m);
border-block-start: var(--border-width) solid color-mix(in oklch, var(--white) 12%, transparent);
}
.prc-guar__days {
  font-size: var(--h4); font-weight: 600; letter-spacing: -0.03em;
}
.svp-app__done {
  display: none;
align-items: center;
gap: calc(var(--u) * 5);
[aria-pressed="true"] > & { display: inline-flex; }
& svg { inline-size: calc(var(--u) * 13); block-size: auto; }
}
.mk-node__icon {
  position: relative;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
inline-size: calc(var(--u) * 32);
aspect-ratio: 1;
border-radius: calc(var(--u) * 9);
background: var(--neutral-ultra-light);
color: var(--neutral-semi-light);
font-size: calc(var(--u) * 12);
transition: background-color 0.3s ease, color 0.3s ease;
& svg { display: none; }
[data-state="running"] > & { background: var(--text-dark); color: var(--white); }
[data-state="done"] > & { background: var(--primary); color: var(--white); }
[data-state="done"] > & svg { display: block; }
[data-state="done"] > & .mk-node__dot { display: none; }
}
.mini__body {
  margin-block-start: calc(var(--u) * 12);
}
.faq__list {
  min-inline-size: 0;
border-block-start: var(--border-width) solid var(--text-dark);
}
.hero-note__icon {
  display: flex;
align-items: center;
justify-content: center;
inline-size: calc(var(--u) * 34);
aspect-ratio: 1;
border-radius: calc(var(--u) * 9);
font-size: calc(var(--u) * 18);
color: var(--white);
background: var(--primary);
[data-tone="green"] > & { background: color-mix(in oklch, var(--success) 80%, black); }
[data-tone="amber"] > & { background: oklch(76% 0.15 80); }
[data-tone="ink"] > & { background: var(--base); }
[data-tone="violet"] > & { background: oklch(from var(--primary) 0.5 0.17 calc(h + 40)); }
& .ico { inline-size: calc(var(--u) * 20); block-size: calc(var(--u) * 20); }
& .star-rating-alpha__label { display: none; }
}
.legal {
  padding-block: var(--section-space-l); background: var(--white);
}
.product__title {
  margin: calc(var(--space-xs) * -0.1) 0 calc(var(--space-xs) * -0.6);
font-size: calc(var(--h2) * 0.84);
font-weight: 600;
line-height: 1;
letter-spacing: -0.045em;
}
.hs-diary__slot {
  position: relative;
display: flex;
align-items: center;
block-size: calc(var(--u) * 36);
padding-inline: calc(var(--u) * 10);
border: var(--border-width) dashed var(--border-color-dark);
border-radius: calc(var(--u) * 7);
font-size: calc(var(--u) * 12);
color: var(--neutral-semi-light);
&[data-state="taken"] { border-color: transparent; background: var(--primary-ultra-light); font-weight: 600; color: var(--text-dark); }
}
.hero-victor__list {
  display: grid;
gap: var(--space-l) var(--space-xl);
margin: 0;
padding: 0;
list-style: none;
@media (width >= 56.25rem) { & { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
}
.prc-table__from {
  font-size: var(--text-xs); color: color-mix(in oklch, var(--white) 60%, transparent);
}
.contact-hero__dots {
  display: inline-flex;
}
.menu-dropdown__trigger-icon-wrapper {
  inline-size: fit-content;
}
.review-card__avatar {
  flex: none;
display: flex;
align-items: center;
justify-content: center;
inline-size: 2.25rem;
aspect-ratio: 1;
border-radius: 50%;
background: var(--warning-ultra-light);
color: var(--text-dark);
font-size: calc(var(--text-s) * 0.87);
font-weight: 600;
&[data-tint="cool"] { background: var(--primary-ultra-light); }
&[data-tint="green"] { background: var(--success-ultra-light); }
&.review-card__avatar--logo { inline-size: calc(var(--space-l) * 1.2); overflow: hidden; background: var(--white); }
}
.hs-panel__meta {
  font-size: calc(var(--u) * 12.5); color: var(--text-dark-muted);
}
.hs-gbp__score {
  display: flex; align-items: center; gap: calc(var(--u) * 10); margin-inline-start: auto;
}
.price-card__list {
  margin: var(--space-m) 0 0;
padding: 0;
list-style: none;
border-block-start: var(--border);
}
.mk-block__label {
  overflow: hidden;
font-weight: 600;
white-space: nowrap;
text-overflow: ellipsis;
}
.prc-calc__range {
  inline-size: 100%; block-size: 1.75rem; accent-color: var(--primary); cursor: pointer;
}
.hs-card {
  display: flex;
flex-direction: column;
overflow: hidden;
border: var(--border);
border-radius: calc(var(--u) * 14);
background: var(--white);
box-shadow: 0 calc(var(--u) * 24) calc(var(--u) * 48) calc(var(--u) * -28) color-mix(in oklch, var(--base) 35%, transparent);
}
.mini__bar {
  flex: 1;
border-radius: calc(var(--u) * 3) calc(var(--u) * 3) calc(var(--u) * 1) calc(var(--u) * 1);
background: color-mix(in oklch, var(--primary) 22%, white);
&:nth-child(1) { block-size: 42%; }
&:nth-child(2) { block-size: 58%; }
&:nth-child(3) { block-size: 50%; }
&:nth-child(4) { block-size: 100%; background: var(--primary); }
}
.mk-lead__copy {
  min-inline-size: 0;
}
.svp-event__title {
  display: block; font-size: var(--text-s); font-weight: 600;
}
.mk-result__meta {
  margin-block-start: calc(var(--u) * 5);
font-size: calc(var(--u) * 12);
color: var(--text-dark-muted);
&.mk-result__meta--faint { color: var(--neutral-semi-light); }
}
.site-header__brand {
  &.site-header__brand { color: var(--white); }
}
.mk-flow__nodes {
  display: flex;
flex-direction: column;
gap: calc(var(--u) * 4);
padding: calc(var(--u) * 10) 0 calc(var(--u) * 4);
}
.legal__link {
  &.legal__link { color: var(--primary); text-decoration: underline; text-underline-offset: 0.2em; }
}
.mk-tile__value {
  margin-block-start: calc(var(--u) * 8);
font-size: calc(var(--u) * 34);
font-weight: 500;
line-height: 1;
letter-spacing: -0.04em;
.mk-tile--s > & { margin-block-start: calc(var(--u) * 6); font-size: calc(var(--u) * 30); }
}
.hs-call-log__live {
  inline-size: calc(var(--u) * 8);
aspect-ratio: 1;
border-radius: 50%;
background: color-mix(in oklch, var(--success) 55%, var(--white));
transition: background-color 0.3s ease;
&[data-state="ended"] { background: var(--neutral-semi-light); }
}
.hs-referral__copy {
  display: flex; flex-direction: column; & > span { color: color-mix(in oklch, var(--white) 60%, transparent); }
}
.scene__dots {
  position: absolute;
inset-block-start: 0;
display: flex;
gap: calc(var(--u) * 4);
padding: calc(var(--u) * 13) calc(var(--u) * 14);
border-radius: calc(var(--u) * 12);
background: var(--white);
color: var(--neutral-semi-light);
&[data-tone="out"] { inset-inline-end: 0; background: var(--success-ultra-light); color: color-mix(in oklch, var(--success) 55%, black); }
&[data-tone="in"] { inset-inline-start: 0; }
&[data-cue] { transition: opacity 0.3s ease; }
}
.hs-field__box {
  display: flex;
align-items: center;
block-size: calc(var(--u) * 36);
padding-inline: calc(var(--u) * 10);
border: var(--border);
border-radius: calc(var(--u) * 7);
font-size: calc(var(--u) * 13);
&[data-state="focus"] { border: calc(var(--u) * 1.5) solid var(--primary); font-size: calc(var(--u) * 13.5); font-weight: 600; }
}
.mk-say__who {
  margin-block-end: calc(var(--u) * 2);
font-size: calc(var(--u) * 10.5);
font-weight: 600;
opacity: 0.6;
}
.step__visual {
  display: flex;
align-items: center;
justify-content: center;
aspect-ratio: 4 / 3;
padding: var(--space-s) var(--space-m);
background: var(--primary-ultra-light);
}
.mini__foot {
  display: flex;
align-items: center;
gap: calc(var(--u) * 8);
block-size: calc(var(--u) * 41);
margin-block-start: auto;
padding-block-start: calc(var(--u) * 10);
border-block-start: var(--border);
font-size: calc(var(--u) * 12);
color: var(--text-dark-muted);
& .tick { flex: none; inline-size: calc(var(--u) * 11); block-size: calc(var(--u) * 11); color: color-mix(in oklch, var(--success) 70%, black); }
}
.mini__dots {
  inline-size: calc(var(--u) * 25);
block-size: calc(var(--u) * 5);
background: radial-gradient(circle closest-side, #ff5f57 98%, transparent) calc(var(--u) * 0) 0 / calc(var(--u) * 5) 100% no-repeat, radial-gradient(circle closest-side, #febc2e 98%, transparent) calc(var(--u) * 10) 0 / calc(var(--u) * 5) 100% no-repeat, radial-gradient(circle closest-side, #28c840 98%, transparent) calc(var(--u) * 20) 0 / calc(var(--u) * 5) 100% no-repeat;
}
.svp-tool__dot {
  inline-size: 0.375rem; aspect-ratio: 1; border-radius: 50%; background: currentColor;
}
.site-mobile__item {
  display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: var(--space-s);
padding-block: calc(var(--space-s) * 0.9);
border-block-end: var(--border-width) solid color-mix(in oklch, var(--white) 14%, transparent);
text-decoration: none;
animation: sy-col 0.8s cubic-bezier(0.2, 0.7, 0.2, 1) both;
li:nth-child(2) > & { animation-delay: 0.05s; }
li:nth-child(3) > & { animation-delay: 0.1s; }
li:nth-child(4) > & { animation-delay: 0.15s; }
li:nth-child(5) > & { animation-delay: 0.2s; }
li:nth-child(6) > & { animation-delay: 0.25s; }
li:nth-child(7) > & { animation-delay: 0.3s; }
li:nth-child(8) > & { animation-delay: 0.35s; }
&.site-mobile__item { color: var(--white); }
&[aria-current="page"] { color: var(--secondary); }
& svg { inline-size: 1.25rem; block-size: 1.25rem; color: var(--secondary); }
}
.hs-status--white {
  &.hs-status--white {
background: var(--white);
}
}
.mk-call__note {
  margin-block-start: auto;
font-size: calc(var(--u) * 12);
text-align: center;
opacity: 0.55;
}
.contact-details__nb {
  white-space: nowrap;
}
.prc-card__chip {
  padding: calc(var(--space-xs) * 0.4) calc(var(--space-xs) * 0.8);
border-radius: calc(var(--radius) * 0.5);
background: var(--primary-ultra-light);
color: var(--primary);
font-size: var(--text-xs);
font-weight: 600;
white-space: nowrap;
}
.mk-lead__tick {
  display: flex;
flex: none;
align-items: center;
justify-content: center;
inline-size: calc(var(--u) * 26);
block-size: calc(var(--u) * 26);
border-radius: calc(var(--u) * 8);
background: var(--primary);
font-size: calc(var(--u) * 12);
}
.mini__avatar {
  display: flex;
align-items: center;
justify-content: center;
flex: none;
inline-size: calc(var(--u) * 18);
aspect-ratio: 1;
border-radius: 50%;
background: var(--warning-ultra-light);
color: var(--text-dark);
font-size: calc(var(--u) * 9);
font-weight: 700;
}
.hs-total__label {
  font-size: calc(var(--u) * 12.5); color: var(--text-dark-muted);
}
.brief__count {
  font-size: var(--text-s); font-weight: 500; color: var(--text-dark-muted);
}
.review-card__name {
  font-size: calc(var(--text-s) * 1.01);
font-weight: 600;
color: var(--white);
}
.mk-card__sub {
  margin-block-start: calc(var(--u) * 4);
font-size: calc(var(--u) * 12.5);
color: var(--text-dark-muted);
}
.brief__done {
  display: flex;
grid-area: 2 / 1;
flex-direction: column;
justify-content: center;
gap: var(--space-s);
padding: var(--space-xl);
outline: none;
&[hidden] { display: flex; visibility: hidden; }
@media (width < 47.5rem) { &[hidden] { display: none; } }  /* phones: the card fits the question, not the hidden thank-you */
@media (prefers-reduced-motion: no-preference) { &:not([hidden]) { animation: sy-q 0.55s cubic-bezier(0.16, 1, 0.3, 1) both; } }
}
.hs-diary__booked {
  position: absolute;
inset: calc(var(--border-width) * -1);
display: flex;
flex-direction: column;
justify-content: center;
padding-inline: calc(var(--u) * 10);
border-radius: calc(var(--u) * 7);
background: var(--primary);
color: var(--white);
line-height: 1.25;
& > strong { font-size: calc(var(--u) * 12.5); }
& > span { font-size: calc(var(--u) * 11); opacity: 0.8; }
}
.hs-ledger__tag {
  &.hs-ledger__tag {
padding: calc(var(--u) * 2) calc(var(--u) * 7); border-radius: calc(var(--u) * 4);
}
}
.mk-node__copy {
  min-inline-size: 0;
}
.legal__inner {
  align-items: center;
}
.mk-thread__missed {
  display: flex;
align-self: center;
align-items: center;
gap: calc(var(--u) * 6);
font-size: calc(var(--u) * 10.5);
color: var(--danger);
}
.star-rating-alpha__star-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: .15em;
}
.svp-app {
  position: absolute;
inset: calc(var(--u) * 50) 0 0;
display: flex;
flex-direction: column;
color: var(--text-dark);
}
.cta__facts {
  align-self: stretch; margin-block-start: var(--space-xl);
}
.sy-facts {
  --facts-text: var(--text-dark);
--facts-icon: var(--primary);
--facts-line: var(--border-color, color-mix(in oklch, var(--text-dark) 12%, transparent));
.bg--dark &:not([data-tone="light"]), &[data-tone="dark"] {
  --facts-text: color-mix(in oklch, var(--white) 80%, transparent);
  --facts-icon: var(--secondary);
  --facts-line: color-mix(in oklch, var(--white) 14%, transparent);
}
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: var(--space-xs) var(--space-m);
align-self: stretch;
margin: 0;
padding: 0;
list-style: none;
font-size: var(--text-m);
font-weight: 500;
color: var(--facts-text);
&[data-rule="top"] { padding-block-start: var(--space-m); border-block-start: var(--border-width) solid var(--facts-line); }
@media (width < 47.5rem) { & { flex-direction: column; } }
}
.sy-facts__item {
  display: inline-flex;
align-items: center;
gap: calc(var(--space-xs) * 0.8);
& svg { inline-size: 1.15em; block-size: auto; color: var(--facts-icon); }
/* the | between facts (Paul, 11 Oct) */
& + &::before { content: ""; align-self: stretch; margin-inline-end: calc(var(--space-m) - var(--space-xs) * 0.8); border-inline-start: var(--border-width) solid var(--facts-line); }
@media (width < 47.5rem) { & + &::before { display: none; } }
}
.sy-note {
  --note-title: var(--text-dark);
--note-text: var(--text-dark-muted);
--note-ring: var(--white);
--note-avatar: 2.75rem;
&[data-tone="dark"] { --note-title: var(--white); --note-text: color-mix(in oklch, var(--white) 66%, transparent); --note-ring: var(--base); }
&[data-size="s"] { --note-avatar: 2.375rem; }
&[data-size="l"] { --note-avatar: 3.5rem; }
display: flex;
align-items: center;
gap: calc(var(--space-xs) * 0.9);
min-inline-size: 0;
&[data-layout="stack"] { flex-direction: column; align-items: flex-start; gap: var(--space-s); }
}
.sy-note__avatar {
  position: relative;
flex: none;
display: block;
inline-size: var(--note-avatar);
aspect-ratio: 1;
border-radius: 50%;
background: var(--white);
box-shadow: 0 0 0 var(--border-width) color-mix(in oklch, var(--text-dark) 10%, transparent);
/* the online dot, ringed in the background colour */
&[data-online="yes"]::after {
  content: "";
  position: absolute;
  inset: auto 0 0 auto;
  inline-size: calc(var(--note-avatar) * 0.27);
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--success);
  box-shadow: 0 0 0 calc(var(--note-avatar) * 0.05) var(--note-ring);
}
}
.sy-note__logo {
  display: block;
inline-size: 100%;
block-size: 100%;
border-radius: 50%;
object-fit: cover;
scale: 1.2;  /* the square file has a wide white margin; the wordmark fills more of the circle */
clip-path: circle(41.5%);
}
.sy-note__copy {
  display: flex; flex-direction: column; gap: calc(var(--space-xs) * 0.15); min-inline-size: 0;
}
.sy-note__title {
  font-size: var(--text-m);
font-weight: 600;
line-height: 1.35;
color: var(--note-title);
[data-size="l"] > .sy-note__copy > & { font-size: var(--h4); letter-spacing: -0.02em; }
}
.sy-note__text {
  display: inline-flex;
align-items: center;
gap: calc(var(--space-xs) * 0.5);
font-size: var(--text-s);
line-height: 1.45;
color: var(--note-text);
[data-size="s"] > .sy-note__copy > & { font-size: var(--text-xs); }
&[data-style="live"] { color: color-mix(in oklch, var(--success) 78%, black); }
}
.sy-note__live {
  display: none;
inline-size: 0.375rem;
aspect-ratio: 1;
border-radius: 50%;
background: var(--success);
[data-style="live"] > & { display: block; }
@media (prefers-reduced-motion: no-preference) { [data-style="live"] > & { animation: sy-pulse 1.8s ease-in-out infinite; } }
}
.prc-cell__text {
  min-inline-size: 0;
}
.svs-hero {
  --glow-x: 50%;
--beam-x: 50%;
padding-block: calc(var(--header-height) + var(--section-space-m)) 0;
}
.svs-hero__inner {
  display: flex;
flex-direction: column;
align-items: center;
& .section-intro__headline { max-inline-size: 10.5em; }  /* the design's three lines: everything you'd / bolt together. / already joined up. */
& .section-intro__lede { max-inline-size: 32em; text-wrap: balance; }  /* one line on desktop, as the design */
}
.svs-dock {
  --mx: 50%;
--my: 50%;
position: relative;
padding: calc(var(--space-xs) * 1.2);
border-radius: calc(var(--radius) * 2.2) calc(var(--radius) * 2.2) 0 0;
background: linear-gradient(180deg, color-mix(in oklch, var(--white) 9%, transparent), color-mix(in oklch, var(--white) 3%, transparent));
box-shadow: inset 0 0 0 var(--border-width) color-mix(in oklch, var(--white) 14%, transparent), 0 calc(var(--space-l) * -0.67) calc(var(--space-xxl) * 0.8) calc(var(--space-l) * -0.67) color-mix(in oklch, var(--secondary) 35%, transparent);
-webkit-backdrop-filter: blur(calc(var(--space-xs) * 1.05));
backdrop-filter: blur(calc(var(--space-xs) * 1.05));
animation: svs-dock-in 1s cubic-bezier(0.16, 1, 0.3, 1) 0.15s both;
@media (width < 47.5rem) { & { padding: calc(var(--space-xs) * 0.6); border-radius: calc(var(--radius) * 1.8) calc(var(--radius) * 1.8) 0 0; } }
@media (prefers-reduced-motion: reduce) { & { animation: none; } }
}
.svs-dock__list {
  position: relative;
display: grid;
grid-template-columns: repeat(8, minmax(0, 1fr));
gap: calc(var(--space-xs) * 0.75);
margin: 0;
padding: 0;
list-style: none;
@media (width < 67.5rem) { & { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (width < 47.5rem) { & { gap: calc(var(--space-xs) * 0.45); } }
}
.svs-dock__item {
  position: relative;
min-inline-size: 0;
&:hover { z-index: 3; }
& > .svs-dock__tile { animation: svs-rise 0.8s cubic-bezier(0.2, 0.9, 0.3, 1.12) both; }
&:nth-child(1) > .svs-dock__tile { animation-delay: 0.45s; }
&:nth-child(2) > .svs-dock__tile { animation-delay: 0.52s; }
&:nth-child(3) > .svs-dock__tile { animation-delay: 0.59s; }
&:nth-child(4) > .svs-dock__tile { animation-delay: 0.66s; }
&:nth-child(5) > .svs-dock__tile { animation-delay: 0.73s; }
&:nth-child(6) > .svs-dock__tile { animation-delay: 0.80s; }
&:nth-child(7) > .svs-dock__tile { animation-delay: 0.87s; }
&:nth-child(8) > .svs-dock__tile { animation-delay: 0.94s; }
&:nth-child(1) > .svs-dock__tile > .svs-dock__box > .svs-dock__light { animation-delay: 0.85s; }
&:nth-child(2) > .svs-dock__tile > .svs-dock__box > .svs-dock__light { animation-delay: 0.92s; }
&:nth-child(3) > .svs-dock__tile > .svs-dock__box > .svs-dock__light { animation-delay: 0.99s; }
&:nth-child(4) > .svs-dock__tile > .svs-dock__box > .svs-dock__light { animation-delay: 1.06s; }
&:nth-child(5) > .svs-dock__tile > .svs-dock__box > .svs-dock__light { animation-delay: 1.13s; }
&:nth-child(6) > .svs-dock__tile > .svs-dock__box > .svs-dock__light { animation-delay: 1.20s; }
&:nth-child(7) > .svs-dock__tile > .svs-dock__box > .svs-dock__light { animation-delay: 1.27s; }
&:nth-child(8) > .svs-dock__tile > .svs-dock__box > .svs-dock__light { animation-delay: 1.34s; }
@media (prefers-reduced-motion: reduce) { & > .svs-dock__tile { animation: none; } }
}
.svs-dock__tile {
  position: relative;
display: flex;
flex-direction: column;
align-items: center;
gap: var(--space-xs);
padding: calc(var(--space-s) * 1.1) calc(var(--space-xs) * 0.6) var(--space-s);
border-radius: calc(var(--radius) * 1.4);
background: color-mix(in oklch, var(--white) 3.5%, transparent);
outline: none;
text-align: center;
text-decoration: none;
transition: background-color 0.3s ease;
&:focus-visible { box-shadow: 0 0 0 2px var(--secondary); }
@media (hover: hover) and (width >= 67.5rem) { .svs-dock__item:hover > & { background: color-mix(in oklch, var(--white) 10%, transparent); } }
@media (width < 47.5rem) { & { gap: calc(var(--space-xs) * 0.75); padding: calc(var(--space-xs) * 1.05) calc(var(--border-width) * 2) calc(var(--space-xs) * 0.9); } }
}
.svs-dock__box {
  position: relative;
inline-size: calc(var(--space-s) * 2.8);
aspect-ratio: 1;
transition: scale 0.5s cubic-bezier(0.2, 0.9, 0.3, 1.15), translate 0.5s cubic-bezier(0.2, 0.9, 0.3, 1.15);
@media (hover: hover) and (width >= 67.5rem) {
  .svs-dock__item:hover > .svs-dock__tile > & { scale: 1.2; translate: 0 calc(var(--space-xs) * -0.6); }
  .svs-dock__item:hover + .svs-dock__item > .svs-dock__tile > &, .svs-dock__item:has(+ .svs-dock__item:hover) > .svs-dock__tile > & { scale: 1.08; translate: 0 calc(var(--space-xs) * -0.22); }
  .svs-dock__item:hover + .svs-dock__item + .svs-dock__item > .svs-dock__tile > &, .svs-dock__item:has(+ .svs-dock__item + .svs-dock__item:hover) > .svs-dock__tile > & { scale: 1.02; }
}
@media (width < 47.5rem) { & { inline-size: calc(var(--space-s) * 2.45); } }
}
.svs-dock__label {
  min-inline-size: 0;
font-size: calc(var(--text-s) * 0.97);
font-weight: 500;
line-height: 1.25;
color: color-mix(in oklch, var(--white) 85%, transparent);
transition: color 0.3s ease;
@media (hover: hover) and (width >= 67.5rem) {
  .svs-dock__list:hover & { color: color-mix(in oklch, var(--white) 55%, transparent); }
  .svs-dock__list:hover .svs-dock__item:hover & { color: var(--white); }
}
@media (width < 47.5rem) { & { font-size: calc(var(--text-xs) * 1.04); } }
}
.svs-dock__badge {
  position: absolute;
z-index: 2;
inset-block-end: calc(100% + var(--space-xs) * 0.75);
inset-inline-start: 50%;
display: none;
align-items: center;
gap: calc(var(--space-xs) * 0.45);
padding: calc(var(--space-xs) * 0.38) calc(var(--space-xs) * 0.75) calc(var(--space-xs) * 0.38) calc(var(--space-xs) * 0.6);
border-radius: 999px;
background: var(--white);
color: var(--base);
font-size: calc(var(--text-xs) * 0.92);
font-weight: 600;
white-space: nowrap;
translate: -50% 0;
box-shadow: 0 calc(var(--space-xs) * 0.75) calc(var(--space-l) * 0.53) calc(var(--space-xs) * -0.6) color-mix(in oklch, black 60%, transparent);
@media (hover: hover) and (width >= 67.5rem) { [data-on="true"] & { display: inline-flex; animation: svs-pop 0.55s cubic-bezier(0.2, 0.9, 0.3, 1.2) both; } }
}
.svs-dock__tip {
  position: absolute;
z-index: 3;
inset-block-end: calc(100% + var(--space-xs) * 0.9);
inset-inline-start: 50%;
display: none;
align-items: center;
gap: calc(var(--space-xs) * 0.6);
padding: calc(var(--space-xs) * 0.6) var(--space-xs);
border-radius: 999px;
background: var(--white);
color: var(--text-dark);
white-space: nowrap;
pointer-events: none;
translate: -50% 0;
box-shadow: 0 var(--space-xs) calc(var(--space-l) * 0.67) calc(var(--space-xs) * -0.75) color-mix(in oklch, black 60%, transparent);
/* the little point under it */
&::after { content: ""; position: absolute; inset-block-end: calc(var(--border-width) * -4); inset-inline-start: 50%; inline-size: calc(var(--border-width) * 9);
  aspect-ratio: 1; translate: -50% 0; rotate: 45deg; border-radius: calc(var(--border-width) * 1.5); background: var(--white); }
@media (hover: hover) and (width >= 67.5rem) { .svs-dock__item:hover & { display: inline-flex; animation: svs-tip 0.3s cubic-bezier(0.16, 1, 0.3, 1) both; } }
}
.svs-dock__tip-want {
  font-size: var(--text-s); font-weight: 600; letter-spacing: -0.01em; &::first-letter { text-transform: uppercase; }
}
.svs-dock__tip-tag {
  font-size: calc(var(--text-xs) * 0.96); font-weight: 600; color: var(--primary);
}
.svs-dock__ticker {
  display: flex;
justify-content: center;
margin: 0 0 calc(var(--space-xs) * 1.05);
@media (hover: hover) and (width >= 67.5rem) { & { display: none; } }
}
.svs-dock__ticker-dot {
  inline-size: 0.55em;
aspect-ratio: 1;
border-radius: 50%;
background: var(--secondary);
[data-tone="ok"] & { background: color-mix(in oklch, var(--success) 78%, black); }
[data-tone="wa"] & { background: var(--success); }
[data-tone="star"] & { background: var(--warning); }
}
.svs-dock__ticker-tool {
  font-weight: 500; color: var(--text-dark-muted);
}
.svs-tabs {
  display: grid;
grid-template-columns: minmax(0, calc(var(--content-width) * 0.25)) minmax(0, 1fr);
gap: calc(var(--space-m) * 0.8);
margin-block-start: calc(var(--space-xl) * 0.83);
@media (width < 56.25rem) { & { grid-template-columns: minmax(0, 1fr); } }
}
.svs-tabs__list {
  --sel: 0;
--hov: 0;
--n: 8;
position: relative;
display: flex;
flex-direction: column;
gap: var(--tab-gap);
align-self: stretch;
padding: var(--tab-pad);
border-radius: calc(var(--radius) * 1.2);
background: color-mix(in oklch, var(--white) 5%, var(--base));
box-shadow: inset 0 0 0 var(--border-width) color-mix(in oklch, var(--white) 12%, transparent);
@media (width < 56.25rem) { & { flex-direction: row; overflow-x: auto; scrollbar-width: none; } &::-webkit-scrollbar { display: none; } }
}
.svs-tab {
  position: relative;
flex: 1 1 0;
display: flex;
align-items: center;
gap: calc(var(--space-xs) * 1.05);
inline-size: 100%;
padding: calc(var(--space-xs) * 0.75) calc(var(--space-xs) * 1.2) calc(var(--space-xs) * 0.75) calc(var(--space-xs) * 0.75);
border: 0;
border-radius: calc(var(--radius) * 0.8);
background: transparent;
color: color-mix(in oklch, var(--white) 75%, transparent);
font: inherit;
font-size: var(--text-m);
font-weight: 500;
text-align: start;
white-space: nowrap;
cursor: pointer;
transition: color 0.25s ease;
&:hover { color: var(--white); }
&[aria-selected="true"] { color: var(--secondary); }
&:focus-visible { outline: 2px solid var(--secondary); outline-offset: -2px; }
.svs-tabs:not([data-ready]) &:first-child { background: color-mix(in oklch, var(--secondary) 18%, transparent); }
@media (width < 56.25rem) { & { flex: none; inline-size: auto; font-size: var(--text-s); } &[aria-selected="true"] { background: color-mix(in oklch, var(--secondary) 18%, transparent); } }
}
.svs-tab__icon {
  display: grid;
flex: none;
place-items: center;
inline-size: calc(var(--space-s) * 1.8);
aspect-ratio: 1;
border-radius: calc(var(--radius) * 0.8);
background: color-mix(in oklch, var(--white) 6%, transparent);
color: color-mix(in oklch, var(--white) 70%, transparent);
transition: background-color 0.25s ease, color 0.25s ease, translate 0.4s cubic-bezier(0.2, 0.9, 0.3, 1.2);
& svg { inline-size: 50%; block-size: auto; }
.svs-tab:hover > & { background: color-mix(in oklch, var(--white) 12%, transparent); color: var(--white); }
[aria-selected="true"] > & { background: color-mix(in oklch, var(--secondary) 20%, transparent); color: var(--secondary); }
@media (hover: hover) { .svs-tab:not([aria-selected="true"]):hover > & { translate: calc(var(--border-width) * 3) 0; } }
}
.svs-tab__name {
  flex: 1;
min-inline-size: 0;
text-align: start;
white-space: normal;  /* "24/7 call answering" and its price share the row */
transition: translate 0.4s cubic-bezier(0.2, 0.9, 0.3, 1.2);
@media (hover: hover) { .svs-tab:not([aria-selected="true"]):hover > & { translate: calc(var(--border-width) * 3) 0; } }
}
.svs-tab__add {
  flex: none; font-size: var(--text-xs); font-weight: 600; opacity: 0.7;
}
.svs-tab__go {
  flex: none;
font-size: calc(var(--text-s) * 1.02);
opacity: 0;
translate: calc(var(--border-width) * -6) 0;
transition: opacity 0.25s ease, translate 0.4s cubic-bezier(0.2, 0.9, 0.3, 1.2);
[aria-selected="true"] > &, .svs-tab:hover > & { opacity: 1; translate: 0 0; }
@media (width < 56.25rem) { & { display: none; } }
}
.svs-tabs__stage {
  display: grid; grid-template-columns: minmax(0, 1fr); min-inline-size: 0;
}
.svs-panel {
  display: none;
grid-area: 1 / 1;
grid-template-columns: minmax(0, 1fr) minmax(0, calc(var(--content-width) * 0.31));
align-items: center;
gap: calc(var(--space-xl) * 0.71);
min-block-size: calc(var(--content-width) * 0.38);
padding: calc(var(--space-xl) * 0.71);
border-radius: calc(var(--radius) * 1.6);
background: var(--base);
color: var(--white);
&[data-on="true"] { display: grid; }
@media (prefers-reduced-motion: no-preference) { &[data-on="true"] > * { animation: svs-fade 0.45s cubic-bezier(0.16, 1, 0.3, 1) both; } }
.svs-tabs:not([data-ready]) &:first-child { display: grid; }
@media (width < 73.75rem) { & { grid-template-columns: minmax(0, 1fr); } }
@media (width < 56.25rem) { & { min-block-size: 0; } }
@media (width < 47.5rem) { & { gap: var(--space-l); padding: var(--space-m); } }
}
.svs-panel__copy {
  display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-s); min-inline-size: 0;
}
.svs-panel__tag {
  margin: 0; font-size: calc(var(--text-s) * 0.94); font-weight: 600; color: var(--secondary);
}
.svs-panel__title {
  margin: 0;
font-size: calc(var(--h2) * 0.61);
font-weight: 600;
line-height: 1;
letter-spacing: -0.045em;
text-wrap: balance;
&.svs-panel__title { color: var(--white); }
}
.svs-panel__points {
  display: grid;
gap: calc(var(--space-xs) * 0.9);
align-self: stretch;
margin: 0;
padding: var(--space-s) 0 0;
border-block-start: var(--border-width) solid color-mix(in oklch, var(--white) 14%, transparent);
list-style: none;
font-size: calc(var(--text-m) * 0.94);
line-height: 1.45;
color: color-mix(in oklch, var(--white) 75%, transparent);
}
.svs-panel__point {
  display: flex; gap: calc(var(--space-xs) * 0.9);
}
.svs-panel__cta {
  &.svs-panel__cta { margin-block-start: calc(var(--space-xs) * 0.6); }
}
.svs-hub-sec {
  --glow-x: 50%; --beam-x: 50%; & .section-intro__headline-accent { display: block; }
}
.svs-hub {
  display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, calc(var(--content-width) * 0.25)) minmax(0, 1fr);
align-items: stretch;
gap: calc(var(--space-s) * 1);
inline-size: 100%;
max-inline-size: calc(var(--content-width) * 0.88);
margin: calc(var(--space-xl) * 0.95) auto 0;
@media (width < 67.5rem) { & { grid-template-columns: minmax(0, 1fr); max-inline-size: calc(var(--content-width) * 0.41); } }
}
.svs-hub__tools {
  display: grid;
grid-column: 1 / -1;
grid-row: 1;
grid-template-columns: repeat(2, minmax(0, 1fr)) calc(var(--content-width) * 0.25) repeat(2, minmax(0, 1fr));
align-content: center;
gap: calc(var(--space-xs) * 0.9) calc(var(--space-s) * 1);
margin: 0;
padding: 0;
list-style: none;
& > :nth-child(1) { grid-area: 1 / 1; } & > :nth-child(2) { grid-area: 1 / 2; } & > :nth-child(3) { grid-area: 2 / 1; } & > :nth-child(4) { grid-area: 2 / 2; }
& > :nth-child(5) { grid-area: 1 / 4; } & > :nth-child(6) { grid-area: 1 / 5; } & > :nth-child(7) { grid-area: 2 / 4; } & > :nth-child(8) { grid-area: 2 / 5; }
@media (width < 67.5rem) { & { grid-row: 2; grid-template-columns: repeat(2, minmax(0, 1fr)); } & > :nth-child(n) { grid-area: auto; } }
}
.svs-hub__tool {
  position: relative;
display: flex;
align-items: center;
gap: calc(var(--space-xs) * 0.9);
inline-size: 100%;
padding: calc(var(--space-xs) * 1.05);
border: 0;
border-radius: calc(var(--radius) * 1.2);
background: color-mix(in oklch, var(--white) 5%, transparent);
box-shadow: inset 0 0 0 var(--border-width) color-mix(in oklch, var(--white) 14%, transparent);
color: var(--white);
font: inherit;
font-size: calc(var(--text-s) * 1);
font-weight: 500;
text-align: start;
cursor: pointer;
transition: background-color 0.3s ease, box-shadow 0.3s ease, opacity 0.3s ease;
&[data-live="true"], &[data-on="true"] { background: color-mix(in oklch, var(--secondary) 14%, transparent); box-shadow: inset 0 0 0 var(--border-width) color-mix(in oklch, var(--secondary) 60%, transparent); }
[data-focus="true"] &:not([data-on="true"]) { opacity: 0.45; }
&:focus-visible { outline: 2px solid var(--secondary); outline-offset: 2px; }
}
.svs-hub__icon {
  position: relative;
display: grid;
flex: none;
place-items: center;
inline-size: calc(var(--space-s) * 1.7);
aspect-ratio: 1;
border-radius: calc(var(--radius) * 0.8);
background: color-mix(in oklch, var(--secondary) 14%, transparent);
color: var(--secondary);
transition: background-color 0.3s ease, color 0.3s ease;
& > svg { inline-size: 53%; block-size: auto; }
[data-live="true"] > &, [data-on="true"] > & { background: var(--secondary); color: var(--base); }
}
.svs-inbox {
  grid-column: 2;
grid-row: 1;
z-index: 1;
display: flex;
flex-direction: column;
gap: calc(var(--space-xs) * 1.05);
min-block-size: calc(var(--content-width) * 0.36);
padding: var(--space-s);
border-radius: calc(var(--radius) * 2.4);
background: var(--white);
color: var(--text-dark);
text-align: start;
box-shadow: 0 0 0 calc(var(--space-xs) * 0.6) color-mix(in oklch, var(--secondary) 14%, transparent), 0 calc(var(--space-l) * 0.9) calc(var(--space-xxl) * 0.8) calc(var(--space-s) * -1) color-mix(in oklch, black 60%, transparent);
@media (width < 67.5rem) { & { grid-column: 1; } }
}
.svs-inbox__head {
  display: flex;
justify-content: space-between;
align-items: center;
gap: calc(var(--space-xs) * 0.75);
margin: 0;
padding-block-end: calc(var(--space-xs) * 0.9);
border-block-end: var(--border-width) solid color-mix(in oklch, var(--text-dark) 8%, transparent);
font-size: calc(var(--text-s) * 1);
font-weight: 600;
}
.svs-inbox__new {
  flex: none;
padding: calc(var(--border-width) * 2) calc(var(--space-xs) * 0.6);
border-radius: 999px;
background: var(--primary);
color: var(--white);
font-size: calc(var(--text-xs) * 0.92);
&[data-tone="deep"] { background: var(--base); }
&[data-new] { animation: svs-hub-in 0.5s cubic-bezier(0.2, 0.9, 0.3, 1.1) both; }
@media (prefers-reduced-motion: reduce) { & { animation: none; } }
}
.svs-cards {
  display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: calc(var(--space-m) * 0.67);
margin: calc(var(--space-xl) * 0.95) 0 0;
padding: 0;
list-style: none;
@media (width < 56.25rem) { & { grid-template-columns: minmax(0, 1fr); } }
}
.svs-card {
  display: flex;
flex-direction: column;
min-inline-size: 0;
overflow: hidden;
border: var(--border-width) solid color-mix(in oklch, var(--text-dark) 12%, transparent);
border-radius: calc(var(--radius) * 1.8);
background: var(--white);
transition: translate 0.5s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.5s cubic-bezier(0.16, 1, 0.3, 1);
@media (hover: hover) { &:hover { translate: 0 calc(var(--space-xs) * -0.3); box-shadow: 0 calc(var(--space-l) * 0.9) calc(var(--space-xxl) * 0.7) calc(var(--space-l) * -0.9) color-mix(in oklch, var(--base) 45%, transparent); } }
}
.svs-card__media {
  container-type: size;
display: grid;
place-items: center;
aspect-ratio: 3 / 2;
min-block-size: calc(var(--content-width) * 0.205);
max-block-size: calc(var(--content-width) * 0.293);
overflow: hidden;
background: var(--bg-light);
& .mock { --u: min(100cqi / 720, 100cqb / 700); }
& .mock--board { inline-size: calc(var(--u) * 720); }
}
.svs-card__body {
  display: flex; flex: 1; flex-direction: column; gap: calc(var(--space-m) * 0.73); padding: calc(var(--space-l) * 0.8); @media (width < 47.5rem) { & { padding: var(--space-m); } }
}
.svs-card__tags {
  display: flex; flex-wrap: wrap; align-items: center; gap: calc(var(--space-xs) * 0.6);
}
.svs-card__opt {
  padding: calc(var(--space-xs) * 0.38) calc(var(--space-xs) * 0.75);
border-radius: var(--btn-radius);
box-shadow: inset 0 0 0 var(--border-width) color-mix(in oklch, var(--text-dark) 12%, transparent);
font-size: calc(var(--text-xs) * 0.96);
font-weight: 600;
color: var(--text-dark-muted);
}
.svs-card__title {
  margin: 0; font-size: calc(var(--h3) * 1.43); font-weight: 600; line-height: 1; letter-spacing: -0.045em;
}
.svs-card__link {
  text-decoration: none; &.svs-card__link { color: var(--text-dark); }
}
.svs-card__line {
  margin: 0; font-size: calc(var(--text-m) * 0.97); line-height: 1.6; color: var(--text-dark-muted);
}
.svs-card__gets {
  display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: calc(var(--space-xs) * 0.75) var(--space-s);
margin: 0;
padding: 0;
list-style: none;
font-size: calc(var(--text-s) * 1);
line-height: 1.4;
@media (width < 32.5rem) { & { grid-template-columns: minmax(0, 1fr); } }
}
.svs-card__get {
  display: flex; gap: calc(var(--space-xs) * 0.75); & svg { flex: none; inline-size: 0.95em; block-size: auto; margin-block-start: 0.2em; color: var(--primary); }
}
.svs-card__best {
  margin: 0; padding-block-start: calc(var(--space-s) * 0.9); border-block-start: var(--border-width) solid color-mix(in oklch, var(--text-dark) 12%, transparent); font-size: calc(var(--text-s) * 0.97); line-height: 1.5;
}
.svs-card__term {
  color: var(--text-dark-muted);
}
.svs-card__actions {
  display: flex; flex-wrap: wrap; align-items: center; gap: calc(var(--space-xs) * 1.05) var(--space-m); margin-block-start: auto;
}
.svs-plan {
  display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, calc(var(--content-width) * 0.34));
align-items: center;
gap: var(--space-xl) calc(var(--space-xxl) * 0.95);
max-inline-size: calc(var(--content-width) * 0.79);
margin-inline: auto;
@media (width < 56.25rem) { & { grid-template-columns: minmax(0, 1fr); } }
}
.svs-plan__copy {
  display: flex; flex-direction: column; align-items: flex-start; gap: calc(var(--space-m) * 0.8); min-inline-size: 0;
}
.svs-plan__actions {
  display: flex; flex-wrap: wrap; gap: calc(var(--space-xs) * 0.75);
}
.svs-plan__ticks {
  display: flex; flex-wrap: wrap; gap: calc(var(--space-xs) * 0.45) calc(var(--space-s) * 0.9); margin: 0; padding: 0; list-style: none; font-size: calc(var(--text-s) * 0.94); color: var(--text-dark-muted);
}
.svs-receipt {
  display: flex;
flex-direction: column;
min-inline-size: 0;
padding: calc(var(--space-l) * 0.8) calc(var(--space-l) * 0.71);
border: var(--border-width) solid color-mix(in oklch, var(--text-dark) 8%, transparent);
border-radius: calc(var(--radius) * 0.4);
background: var(--white);
box-shadow: 0 calc(var(--space-l) * 0.9) calc(var(--space-xxl) * 0.8) calc(var(--space-l) * -0.9) color-mix(in oklch, var(--base) 40%, transparent);
font-variant-numeric: tabular-nums;
rotate: -1deg;
@media (width < 56.25rem) { & { rotate: 0deg; } }
@media (width < 47.5rem) { & { padding: var(--space-m); } }
}
.svs-receipt__head {
  display: flex;
justify-content: space-between;
margin: 0;
padding-block-end: var(--space-s);
border-block-end: var(--border-width) dashed color-mix(in oklch, var(--text-dark) 30%, transparent);
font-size: var(--text-xs);
font-weight: 500;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--text-dark-muted);
}
.svs-receipt__lines {
  margin: 0; padding: 0; list-style: none;
}
.svs-receipt__line {
  display: flex;
justify-content: space-between;
gap: calc(var(--space-xs) * 0.9);
padding: calc(var(--space-xs) * 0.82) 0;
border-block-end: var(--border-width) solid color-mix(in oklch, var(--text-dark) 8%, transparent);
font-size: calc(var(--text-m) * 0.91);
text-decoration: none;
transition: color 0.2s ease;
&.svs-receipt__line { color: var(--text-dark); }
&.svs-receipt__line:hover { color: var(--primary); }
}
.svs-receipt__inc {
  font-weight: 600; color: var(--primary);
}
.svs-receipt__total {
  display: flex;
justify-content: space-between;
align-items: baseline;
margin: 0;
padding: var(--space-s) 0 var(--space-s);
border-block-end: var(--border-width) dashed color-mix(in oklch, var(--text-dark) 30%, transparent);
font-size: var(--text-m);
font-weight: 600;
}
.svs-receipt__price {
  font-size: calc(var(--h2) * 0.72); letter-spacing: -0.05em; line-height: 1;
}
.svs-receipt__fee {
  margin: 0; padding-block: calc(var(--space-xs) * 0.45) var(--space-s); font-size: calc(var(--text-s) * 0.94); text-align: end; color: var(--text-dark-muted);
}
.svs-receipt__add {
  display: flex;
justify-content: space-between;
align-items: center;
gap: var(--space-s);
margin-block-start: calc(var(--space-s) * 0.9);
padding: calc(var(--space-xs) * 1.05) calc(var(--space-xs) * 1.2);
border-radius: var(--radius);
background: var(--bg-light);
text-decoration: none;
transition: background-color 0.2s ease;
&.svs-receipt__add { color: var(--text-dark); }
&:hover { background: var(--primary-ultra-light); }
}
.svs-receipt__add-copy {
  display: flex; flex-direction: column; gap: calc(var(--border-width) * 3);
}
.svs-receipt__add-title {
  font-size: calc(var(--text-s) * 1); font-weight: 600;
}
.svs-receipt__add-text {
  font-size: calc(var(--text-s) * 0.9); color: var(--text-dark-muted);
}
.svs-receipt__add-price {
  flex: none; font-size: calc(var(--text-s) * 1); font-weight: 600; color: var(--primary);
}
.svs-cta {
  --glow-x: 50%; --beam-x: 50%;
}
.svs-cta__inner {
  display: flex; flex-direction: column; align-items: center; gap: calc(var(--space-l) * 0.75);
}
.svs-cta__actions {
  display: flex; flex-wrap: wrap; justify-content: center; gap: calc(var(--space-xs) * 0.9);
}
.svs-cta__wa {
  &.svs-cta__wa { gap: calc(var(--space-xs) * 0.75); }
}
.svs-cta__wa-dot {
  inline-size: 0.5em; aspect-ratio: 1; border-radius: 50%; background: var(--success);
}
.svs-cards-sec {
  padding-block-end: calc(var(--section-space-l) * 0.5);
}
.svs-hub__item {
  display: grid;
}
.svs-plan-sec {
  position: relative;
overflow: clip;
padding-block-start: calc(var(--section-space-l) * 0.5);
&::before { content: ""; position: absolute; z-index: -1; inset-block-start: -30%; inset-inline-start: 50%; inline-size: calc(var(--content-width) * 0.88);
  aspect-ratio: 3 / 2; translate: -50% 0; pointer-events: none; background: radial-gradient(ellipse 40% 50% at 50% 0%, var(--primary-ultra-light), transparent 70%); }
isolation: isolate;
}
.svs-tools {
  --tab-pad: calc(var(--border-width) * 4); --tab-gap: calc(var(--border-width) * 4);
}
.contact-voice {
  position: relative;
display: flex;
flex-direction: column;
block-size: 100%;
overflow: hidden;
border: var(--border-width) solid color-mix(in oklch, var(--white) 10%, transparent);
border-radius: calc(var(--radius) * 1.6);
background: color-mix(in oklch, var(--white) 5%, var(--base));
color: var(--white);
box-shadow: 0 var(--space-xl) var(--space-xxl) calc(var(--space-m) * -1) color-mix(in oklch, black 55%, transparent);
}
.contact-voice__head {
  flex: none;
padding: var(--space-xs) var(--space-s);
border-block-end: var(--border-width) solid color-mix(in oklch, var(--white) 10%, transparent);
}
.contact-voice__stage {
  display: grid; flex: 1; place-items: center; min-block-size: 0; padding: var(--space-s); & > chat-widget { inline-size: 100%; }
}
.contact-voice__start {
  display: flex;
flex-direction: column;
align-items: center;
gap: var(--space-s);
max-inline-size: 20em;
padding: var(--space-m);
border: 0;
border-radius: calc(var(--radius) * 1.4);
background: transparent;
color: var(--white);
font: inherit;
text-align: center;
cursor: pointer;
&:focus-visible { outline: 2px solid var(--secondary); outline-offset: 2px; }
[data-loaded] & { display: none; }
}
.contact-voice__mic {
  display: grid;
place-items: center;
inline-size: calc(var(--space-xxl) * 1.1);
aspect-ratio: 1;
border-radius: 50%;
background: radial-gradient(circle, color-mix(in oklch, var(--secondary) 45%, transparent), transparent 70%), color-mix(in oklch, var(--secondary) 14%, var(--base));
box-shadow: 0 0 0 var(--border-width) color-mix(in oklch, var(--secondary) 40%, transparent), 0 0 var(--space-xxl) calc(var(--space-xs) * -0.5) color-mix(in oklch, var(--secondary) 55%, transparent);
color: var(--white);
transition: scale 0.4s cubic-bezier(0.16, 1, 0.3, 1);
& svg { inline-size: 38%; block-size: auto; }
.contact-voice__start:hover > & { scale: 1.06; }
}
.contact-voice__label {
  padding: calc(var(--space-xs) * 0.45) var(--space-s);
border-radius: 999px;
background: var(--primary);
font-size: var(--text-s);
font-weight: 600;
}
.contact-voice__note {
  font-size: var(--text-s); line-height: 1.5; color: color-mix(in oklch, var(--white) 66%, transparent); text-wrap: balance;
}
.ico--arrow {
  @media (hover: hover) and (prefers-reduced-motion: no-preference) {
  a:hover &, button:hover & { animation: sy-arrow-swap 0.55s cubic-bezier(0.16, 1, 0.3, 1); }
}
}
.svs-dock-wrap {
  position: relative;
inline-size: 100%;
max-inline-size: calc(var(--content-width) * 0.88);
margin-block-start: calc(var(--space-xxl) * 1.18);
@media (width < 47.5rem) { & { margin-block-start: calc(var(--space-xxl) * 0.83); } }
}
.svs-dock__glow {
  position: absolute;
inset-inline: 8%;
inset-block-start: calc(var(--space-xxl) * -0.6);
block-size: calc(var(--space-xxl) * 2);
pointer-events: none;
background: radial-gradient(ellipse 50% 60% at 50% 100%, color-mix(in oklch, var(--secondary) 28%, transparent), transparent 70%);
filter: blur(calc(var(--space-xs) * 0.75));
animation: svs-glow-on 1.4s cubic-bezier(0.16, 1, 0.3, 1) 1.35s both;
@media (prefers-reduced-motion: reduce) { & { animation: none; } }
}
.svs-dock__spot {
  position: absolute;
inset: 0;
border-radius: inherit;
pointer-events: none;
background: radial-gradient(calc(var(--content-width) * 0.31) circle at var(--mx) var(--my), color-mix(in oklch, var(--secondary) 20%, transparent), transparent 60%);
}
.svs-dock__line {
  position: absolute;
inset-block-start: 0;
inset-inline: 4%;
block-size: var(--border-width);
pointer-events: none;
background: linear-gradient(90deg, transparent, color-mix(in oklch, var(--white) 70%, transparent) 20%, color-mix(in oklch, var(--white) 70%, transparent) 80%, transparent);
box-shadow: 0 0 calc(var(--space-xs) * 0.6) color-mix(in oklch, var(--secondary) 60%, transparent);
animation: svs-draw 1.3s cubic-bezier(0.65, 0, 0.35, 1) 2.3s both;
@media (prefers-reduced-motion: reduce) { & { animation: none; } }
}
.svs-dock__spark {
  --spark-w: calc(var(--space-xxl) * 0.8);
position: absolute;
inset-block-start: calc(var(--border-width) * -3);
inset-inline-start: 4%;
inline-size: var(--spark-w);
block-size: calc(var(--border-width) * 7);
pointer-events: none;
opacity: 0;
border-radius: 50%;
background: radial-gradient(closest-side, var(--white), color-mix(in oklch, var(--secondary) 60%, transparent) 50%, transparent);
filter: blur(var(--border-width));
animation: svs-spark 1.3s cubic-bezier(0.65, 0, 0.35, 1) 2.3s both;
@media (prefers-reduced-motion: reduce) { & { display: none; } }
}
.svs-dock__sheen {
  position: absolute; inset: 0; overflow: hidden; border-radius: inherit; pointer-events: none;
}
.svs-dock__sweep {
  position: absolute;
inset-block: 0;
inline-size: 30%;
background: linear-gradient(100deg, transparent, color-mix(in oklch, var(--white) 6%, transparent), transparent);
animation: svs-sweep 7s cubic-bezier(0.45, 0, 0.2, 1) infinite;
@media (prefers-reduced-motion: reduce) { & { display: none; } }
}
.svs-dock__light {
  position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
border-radius: calc(var(--radius) * 1.4);
background: color-mix(in oklch, var(--secondary) 16%, transparent);
color: var(--secondary);
box-shadow: inset 0 var(--border-width) 0 color-mix(in oklch, var(--white) 8%, transparent);
transition: background-color 0.3s ease, box-shadow 0.4s ease, color 0.3s ease;
animation: svs-light 1.1s cubic-bezier(0.16, 1, 0.3, 1) backwards;
& > .svs-dock__glyph { inline-size: 46%; justify-content: center; }
& svg { inline-size: 100%; block-size: auto; }
[data-add="true"] & { background: color-mix(in oklch, var(--secondary) 32%, transparent); }
[data-on="true"] & { background: var(--secondary); color: var(--base); box-shadow: 0 0 calc(var(--space-l) * 0.53) calc(var(--border-width) * -2) color-mix(in oklch, var(--secondary) 55%, transparent); }
@media (hover: hover) and (width >= 67.5rem) { .svs-dock__item:hover & { background: var(--secondary); color: var(--base); box-shadow: 0 calc(var(--space-xs) * 1.05) calc(var(--space-l) * 0.67) calc(var(--space-xs) * -0.45) color-mix(in oklch, var(--secondary) 65%, transparent), inset 0 var(--border-width) 0 color-mix(in oklch, var(--white) 60%, transparent); } }
@media (prefers-reduced-motion: reduce) { & { animation: none; } }
}
.svs-dock__ring {
  position: absolute;
inset: 0;
display: none;
border-radius: calc(var(--radius) * 1.4);
box-shadow: 0 0 0 2px var(--secondary);
opacity: 0;
[data-on="true"] & { display: block; animation: svs-ring 1.4s cubic-bezier(0.16, 1, 0.3, 1) both; }
}
.svs-dock__badge-dot {
  inline-size: 0.5em;
aspect-ratio: 1;
border-radius: 50%;
background: var(--secondary);
[data-tone="ok"] & { background: color-mix(in oklch, var(--success) 78%, black); }
[data-tone="wa"] & { background: var(--success); }
[data-tone="star"] & { background: var(--warning); }
}
.svs-dock__dot {
  position: absolute;
inset-block-end: calc(var(--space-xs) * 0.45);
inset-inline-start: 50%;
inline-size: calc(var(--border-width) * 4);
aspect-ratio: 1;
translate: -50% 0;
border-radius: 50%;
background: var(--secondary);
opacity: 0;
transition: opacity 0.3s ease;
@media (hover: hover) and (width >= 67.5rem) { .svs-dock__item:hover & { opacity: 1; } }
}
.svs-dock__ticker-pill {
  display: inline-flex;
align-items: center;
gap: calc(var(--space-xs) * 0.6);
padding: calc(var(--space-xs) * 0.52) calc(var(--space-xs) * 0.97) calc(var(--space-xs) * 0.52) calc(var(--space-xs) * 0.82);
border-radius: 999px;
background: var(--white);
color: var(--base);
font-size: var(--text-xs);
font-weight: 600;
box-shadow: 0 calc(var(--space-xs) * 0.75) calc(var(--space-l) * 0.53) calc(var(--space-xs) * -0.6) color-mix(in oklch, black 60%, transparent);
[data-new] > & { animation: svs-fade 0.45s cubic-bezier(0.16, 1, 0.3, 1) both; }
}
.svs-tabs__ind {
  position: absolute;
inset-inline: var(--tab-pad);
inset-block-start: calc(var(--tab-pad) + var(--sel) * ((100% - var(--tab-pad) * 2 - var(--tab-gap) * (var(--n) - 1)) / var(--n) + var(--tab-gap)));
block-size: calc((100% - var(--tab-pad) * 2 - var(--tab-gap) * (var(--n) - 1)) / var(--n));
border-radius: calc(var(--radius) * 0.8);
background: color-mix(in oklch, var(--secondary) 18%, transparent);
box-shadow: inset 0 0 0 var(--border-width) color-mix(in oklch, var(--secondary) 22%, transparent);
pointer-events: none;
transition: inset-block-start 0.55s cubic-bezier(0.2, 0.9, 0.3, 1.1);
&.svs-tabs__ind--hover { inset-block-start: calc(var(--tab-pad) + var(--hov) * ((100% - var(--tab-pad) * 2 - var(--tab-gap) * (var(--n) - 1)) / var(--n) + var(--tab-gap)));
  background: color-mix(in oklch, var(--white) 7%, transparent); box-shadow: none; opacity: 0; transition: inset-block-start 0.45s cubic-bezier(0.2, 0.9, 0.3, 1.1), opacity 0.25s ease; }
[data-hov="true"] > &.svs-tabs__ind--hover { opacity: 1; }
.svs-tabs:not([data-ready]) & { display: none; }
@media (width < 56.25rem) { & { display: none; } }
}
.svs-panel__tick {
  flex: none; color: var(--secondary);
}
.svs-card__stage {
  display: grid; place-items: center; pointer-events: none;
}
.svs-card__head {
  display: flex; flex-direction: column; align-items: flex-start; gap: calc(var(--space-xs) * 1.05);
}
.svs-card__more {
  font-size: calc(var(--text-s) * 1); font-weight: 600; &.svs-card__more { color: var(--text-dark); }
}
.svs-card__more-arrow {
  display: inline-block; .svs-card__more:hover > & { animation: sy-arrow-swap 0.55s cubic-bezier(0.16, 1, 0.3, 1); }
}
.svs-stars {
  margin-inline-end: 0.3em; color: var(--warning); letter-spacing: 0.04em;
}
.svs-dock__glyph {
  display: flex;
@media (prefers-reduced-motion: no-preference) {
  [data-key="website"][data-on="true"] &, [data-key="website"]:hover & { animation: svs-ic-web 1s ease-in-out both; }
  [data-key="bookings"][data-on="true"] &, [data-key="bookings"]:hover & { animation: svs-ic-book 0.9s cubic-bezier(0.45, 0, 0.2, 1) both; }
  [data-key="events"][data-on="true"] &, [data-key="events"]:hover & { animation: svs-ic-ev 0.8s cubic-bezier(0.2, 0.9, 0.3, 1.2) both; }
  [data-key="ai"][data-on="true"] &, [data-key="ai"]:hover & { animation: svs-ic-ai 1.1s ease-in-out both; }
  [data-key="whatsapp"][data-on="true"] &, [data-key="whatsapp"]:hover & { animation: svs-ic-tb 0.7s cubic-bezier(0.2, 0.9, 0.3, 1.2) both; }
  [data-key="automations"][data-on="true"] &, [data-key="automations"]:hover & { animation: svs-ic-auto 0.8s cubic-bezier(0.2, 0.9, 0.3, 1.2) both; }
  [data-key="reviews"][data-on="true"] &, [data-key="reviews"]:hover & { animation: svs-ic-rev 0.9s cubic-bezier(0.2, 0.9, 0.3, 1.1) both; }
  [data-key="follow-up"][data-on="true"] &, [data-key="follow-up"]:hover & { animation: svs-ic-fu 0.9s cubic-bezier(0.65, 0, 0.35, 1) both; }
}
}
.svs-panel__screen {
  container-type: size;
display: grid;
place-items: center;
min-inline-size: 0;
block-size: calc(var(--content-width) * 0.336);
overflow: hidden;
border-radius: calc(var(--radius) * 1.4);
background: var(--bg-light);
box-shadow: 0 0 0 calc(var(--space-xs) * 0.6) color-mix(in oklch, var(--secondary) 12%, transparent), 0 calc(var(--space-l) * 0.9) calc(var(--space-xxl) * 0.8) calc(var(--space-s) * -1) color-mix(in oklch, black 60%, transparent);
& .mock { --u: min(100cqi / 720, 100cqb / 700); }
& .mock--board { inline-size: calc(var(--u) * 720); }
@media (width < 73.75rem) { & { block-size: calc(var(--content-width) * 0.27); } }
@media (width < 47.5rem) { & { block-size: calc(var(--content-width) * 0.25); } }
}
.svs-hub__label {
  min-inline-size: 0; text-align: start;
}
.svs-hub__ring {
  position: absolute;
inset: 0;
display: none;
border-radius: inherit;
box-shadow: 0 0 0 2px var(--secondary);
[data-live="true"] > .svs-hub__icon > & { display: block; animation: svs-ring 1.4s cubic-bezier(0.16, 1, 0.3, 1) both; }
}
.svs-hub__spark {
  position: absolute;
inset-block-start: 50%;
inline-size: calc(var(--border-width) * 12);
aspect-ratio: 1;
margin-block-start: calc(var(--border-width) * -6);
display: none;
border-radius: 50%;
background: var(--white);
box-shadow: 0 0 0 calc(var(--border-width) * 4) color-mix(in oklch, var(--secondary) 35%, transparent), 0 0 calc(var(--border-width) * 18) calc(var(--border-width) * 4) color-mix(in oklch, var(--secondary) 70%, transparent);
pointer-events: none;
.svs-hub__item:nth-child(-n + 4) & { inset-inline-end: calc(var(--border-width) * -6); }
.svs-hub__item:nth-child(n + 5) & { inset-inline-start: calc(var(--border-width) * -6); }
@media (width >= 67.5rem) and (prefers-reduced-motion: no-preference) {
  .svs-hub__item:nth-child(-n + 4) [data-live="true"] > & { display: block; animation: svs-hub-pr 0.9s cubic-bezier(0.45, 0, 0.2, 1) both; }
  .svs-hub__item:nth-child(n + 5) [data-live="true"] > & { display: block; animation: svs-hub-pl 0.9s cubic-bezier(0.45, 0, 0.2, 1) both; }
}
}
.svs-inbox__titles {
  display: grid; min-inline-size: 0;
}
.svs-inbox__title {
  grid-area: 1 / 1;
display: none;
align-items: center;
gap: calc(var(--space-xs) * 0.68);
&[data-on="true"] { display: flex; animation: svs-hub-in 0.5s cubic-bezier(0.2, 0.9, 0.3, 1.1) both; }
.svs-hub:not([data-ready]) &:first-child { display: flex; }
@media (prefers-reduced-motion: reduce) { & { animation: none; } }
}
.svs-inbox__icon {
  display: grid;
flex: none;
place-items: center;
inline-size: calc(var(--space-s) * 1.3);
aspect-ratio: 1;
border-radius: calc(var(--radius) * 0.7);
background: color-mix(in oklch, var(--primary) 12%, transparent);
color: var(--primary);
& > svg { inline-size: 58%; block-size: auto; }
}
.svs-inbox__scenes {
  display: grid; flex: 1;
}
.svs-scene {
  grid-area: 1 / 1;
display: none;
flex-direction: column;
gap: calc(var(--space-xs) * 0.9);
min-inline-size: 0;
font-size: calc(var(--text-s) * 0.97);
&[data-on="true"] { display: flex; }
.svs-hub:not([data-ready]) &:first-child { display: flex; }
& [data-d="0"] { animation-delay: 0s; }
& [data-d="0.15"] { animation-delay: 0.15s; }
& [data-d="0.2"] { animation-delay: 0.2s; }
& [data-d="0.20"] { animation-delay: 0.20s; }
& [data-d="0.22"] { animation-delay: 0.22s; }
& [data-d="0.25"] { animation-delay: 0.25s; }
& [data-d="0.29"] { animation-delay: 0.29s; }
& [data-d="0.3"] { animation-delay: 0.3s; }
& [data-d="0.30"] { animation-delay: 0.30s; }
& [data-d="0.32"] { animation-delay: 0.32s; }
& [data-d="0.36"] { animation-delay: 0.36s; }
& [data-d="0.39"] { animation-delay: 0.39s; }
& [data-d="0.40"] { animation-delay: 0.40s; }
& [data-d="0.43"] { animation-delay: 0.43s; }
& [data-d="0.46"] { animation-delay: 0.46s; }
& [data-d="0.50"] { animation-delay: 0.50s; }
& [data-d="0.5"] { animation-delay: 0.5s; }
& [data-d="0.53"] { animation-delay: 0.53s; }
& [data-d="0.60"] { animation-delay: 0.60s; }
& [data-d="0.62"] { animation-delay: 0.62s; }
& [data-d="0.67"] { animation-delay: 0.67s; }
& [data-d="0.7"] { animation-delay: 0.7s; }
& [data-d="0.74"] { animation-delay: 0.74s; }
& [data-d="0.78"] { animation-delay: 0.78s; }
& [data-d="0.8"] { animation-delay: 0.8s; }
& [data-d="0.81"] { animation-delay: 0.81s; }
& [data-d="0.88"] { animation-delay: 0.88s; }
& [data-d="0.9"] { animation-delay: 0.9s; }
& [data-d="0.94"] { animation-delay: 0.94s; }
& [data-d="0.95"] { animation-delay: 0.95s; }
& [data-d="1"] { animation-delay: 1s; }
& [data-d="1.0"] { animation-delay: 1.0s; }
& [data-d="1.02"] { animation-delay: 1.02s; }
& [data-d="1.09"] { animation-delay: 1.09s; }
& [data-d="1.1"] { animation-delay: 1.1s; }
& [data-d="1.16"] { animation-delay: 1.16s; }
& [data-d="1.2"] { animation-delay: 1.2s; }
& [data-d="1.23"] { animation-delay: 1.23s; }
& [data-d="1.30"] { animation-delay: 1.30s; }
& [data-d="1.3"] { animation-delay: 1.3s; }
& [data-d="1.37"] { animation-delay: 1.37s; }
& [data-d="1.4"] { animation-delay: 1.4s; }
& [data-d="1.44"] { animation-delay: 1.44s; }
& [data-d="1.51"] { animation-delay: 1.51s; }
& [data-d="1.58"] { animation-delay: 1.58s; }
& [data-d="1.6"] { animation-delay: 1.6s; }
& [data-d="1.7"] { animation-delay: 1.7s; }
& [data-d="1.8"] { animation-delay: 1.8s; }
& [data-d="1.85"] { animation-delay: 1.85s; }
& [data-d="1.9"] { animation-delay: 1.9s; }
& [data-d="2"] { animation-delay: 2s; }
& [data-d="2.0"] { animation-delay: 2.0s; }
& [data-d="2.1"] { animation-delay: 2.1s; }
& [data-d="2.3"] { animation-delay: 2.3s; }
& [data-d="2.4"] { animation-delay: 2.4s; }
& [data-d="2.5"] { animation-delay: 2.5s; }
& [data-d="2.6"] { animation-delay: 2.6s; }
& [data-d="2.7"] { animation-delay: 2.7s; }
}
.svs-up {
  animation-name: svs-hs-up; animation-duration: 0.45s; animation-timing-function: cubic-bezier(0.2, 0.9, 0.3, 1.1); animation-fill-mode: both; @media (prefers-reduced-motion: reduce) { & { animation-name: none; } }
}
.svs-pop {
  animation-name: svs-hs-pop; animation-duration: 0.5s; animation-timing-function: cubic-bezier(0.2, 0.9, 0.3, 1.2); animation-fill-mode: both; @media (prefers-reduced-motion: reduce) { & { animation-name: none; } }
}
.svs-type {
  display: inline-block;
overflow: hidden;
white-space: nowrap;
vertical-align: bottom;
animation-name: svs-hs-type; animation-duration: 1.1s; animation-timing-function: steps(25); animation-fill-mode: both;
@media (prefers-reduced-motion: reduce) { & { animation-name: none; } }
}
.svs-grow {
  transform-origin: 0 50%; animation-name: svs-hs-fill; animation-duration: 1.4s; animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1); animation-fill-mode: both; @media (prefers-reduced-motion: reduce) { & { animation-name: none; } }
}
.svs-out {
  animation-name: svs-hs-out; animation-duration: 0.3s; animation-timing-function: ease; animation-fill-mode: both; @media (prefers-reduced-motion: reduce) { & { display: none; } }
}
.svs-rip {
  animation-name: svs-hs-rip; animation-duration: 1.6s; animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1); animation-iteration-count: infinite; @media (prefers-reduced-motion: reduce) { & { animation-name: none; opacity: 0; } }
}
.svs-wave {
  transform-origin: 50% 50%; animation-name: svs-hs-wave; animation-duration: 0.9s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; @media (prefers-reduced-motion: reduce) { & { animation-name: none; } }
}
.svs-sc__row {
  display: flex; justify-content: space-between; gap: calc(var(--space-xs) * 0.75);
}
.svs-sc__row--title {
  font-weight: 600;
}
.svs-sc__stack {
  display: flex; flex-direction: column; gap: calc(var(--border-width) * 2); min-inline-size: 0;
}
.svs-sc__head {
  display: flex; flex-direction: column; gap: calc(var(--border-width) * 2);
}
.svs-sc__label {
  font-size: calc(var(--text-xs) * 0.92); font-weight: 600; color: var(--text-dark-muted);
}
.svs-sc__title {
  font-size: calc(var(--text-m) * 1); font-weight: 600;
}
.svs-sc__strong {
  font-weight: 600;
}
.svs-sc__faint {
  font-weight: 500; color: var(--text-dark-muted);
}
.svs-sc__meta {
  font-size: var(--text-xs); color: var(--text-dark-muted);
}
.svs-sc__end {
  margin-inline-start: auto; font-size: var(--text-xs);
}
.svs-sc__pill {
  align-self: flex-start;
display: inline-flex;
align-items: center;
gap: calc(var(--space-xs) * 0.45);
padding: calc(var(--space-xs) * 0.52) calc(var(--space-xs) * 0.82);
border-radius: 999px;
background: var(--base);
color: var(--white);
font-size: var(--text-xs);
font-weight: 600;
& .ico { inline-size: 1em; block-size: 1em; }
&[data-tone="ok"] { background: var(--success-ultra-light); color: color-mix(in oklch, var(--success) 55%, black); }
}
.svs-sc__search {
  display: flex;
align-items: center;
gap: calc(var(--space-xs) * 0.75);
block-size: calc(var(--space-s) * 2.2);
padding: 0 calc(var(--space-xs) * 1.2);
border-radius: 999px;
box-shadow: inset 0 0 0 var(--border-width) color-mix(in oklch, var(--text-dark) 14%, transparent);
& .ico { inline-size: 1.1em; block-size: 1.1em; color: var(--text-dark-muted); }
}
.svs-sc__result {
  display: flex;
flex-direction: column;
gap: calc(var(--border-width) * 3);
padding: calc(var(--space-xs) * 1.05);
border-radius: calc(var(--radius) * 1.2);
background: var(--primary-ultra-light);
box-shadow: inset 0 0 0 calc(var(--border-width) * 1.5) var(--primary);
font-size: var(--text-xs);
color: var(--text-dark-muted);
}
.svs-sc__rank {
  font-weight: 700; color: var(--primary);
}
.svs-sc__result-name {
  font-size: var(--text-m); font-weight: 600; color: var(--primary);
}
.svs-sc__skeleton {
  display: flex; flex-direction: column; gap: calc(var(--space-xs) * 0.52); padding: calc(var(--space-xs) * 1.05); border-radius: calc(var(--radius) * 1.2); background: var(--bg-light);
}
.svs-sc__bar {
  display: block;
inline-size: 55%;
block-size: calc(var(--border-width) * 8);
border-radius: calc(var(--border-width) * 4);
background: color-mix(in oklch, var(--text-dark) 12%, transparent);
& + & { inline-size: 85%; }
&.svs-sc__bar--soft { background: color-mix(in oklch, var(--text-dark) 7%, transparent); }
.svs-sc__skeleton + .svs-sc__skeleton > & { inline-size: 45%; } .svs-sc__skeleton + .svs-sc__skeleton > & + & { inline-size: 75%; }
}
.svs-sc__slots {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: calc(var(--space-xs) * 0.6);
}
.svs-sc__cell {
  display: grid;
}
.svs-sc__slot {
  grid-area: 1 / 1;
padding: calc(var(--space-xs) * 0.9) 0;
border-radius: var(--radius);
box-shadow: inset 0 0 0 var(--border-width) color-mix(in oklch, var(--text-dark) 12%, transparent);
font-weight: 500;
text-align: center;
&[data-on="true"] { background: var(--primary); color: var(--white); font-weight: 600; box-shadow: 0 calc(var(--space-xs) * 0.6) calc(var(--space-s) * 1) calc(var(--space-xs) * -0.45) color-mix(in oklch, var(--primary) 60%, transparent); }
}
.svs-sc__card {
  display: flex; flex-direction: column; gap: calc(var(--border-width) * 3); padding: calc(var(--space-xs) * 1.05); border-radius: calc(var(--radius) * 1.2); background: var(--bg-light);
}
.svs-sc__seats {
  display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: calc(var(--space-xs) * 0.6); align-self: center; inline-size: 100%; max-inline-size: calc(var(--content-width) * 0.22); padding: calc(var(--space-xs) * 1.05); border-radius: calc(var(--radius) * 1.2); background: var(--bg-light);
}
.svs-sc__seat {
  display: grid; justify-self: center; inline-size: 100%; max-inline-size: calc(var(--space-s) * 2); block-size: calc(var(--space-s) * 2); border-radius: calc(var(--radius) * 0.6); background: color-mix(in oklch, var(--text-dark) 8%, transparent);
}
.svs-sc__seat-fill {
  grid-area: 1 / 1; border-radius: inherit; background: var(--primary);
}
.svs-sc__sold {
  display: flex; flex-direction: column; gap: calc(var(--space-xs) * 0.45); font-size: var(--text-xs); font-weight: 600;
}
.svs-sc__track {
  display: block; block-size: calc(var(--border-width) * 6); overflow: hidden; border-radius: 999px; background: color-mix(in oklch, var(--text-dark) 8%, transparent);
}
.svs-sc__fill {
  display: block; block-size: 100%; background: var(--primary);
}
.svs-sc__call {
  position: relative; align-self: center; inline-size: calc(var(--space-s) * 3); aspect-ratio: 1; margin-block-start: calc(var(--space-xs) * 0.45);
}
.svs-sc__ripple {
  position: absolute; inset: 0; border-radius: 50%; background: var(--primary);
}
.svs-sc__call-disc {
  position: absolute; inset: 0; display: grid; place-items: center; border-radius: 50%; background: var(--primary); color: var(--white); & .ico { inline-size: 40%; block-size: 40%; }
}
.svs-sc__center {
  align-self: center; display: flex; flex-direction: column; align-items: center; gap: calc(var(--border-width) * 2); text-align: center; & > .svs-sc__faint { font-size: var(--text-xs); }
}
.svs-sc__wave {
  display: flex; align-items: center; gap: calc(var(--border-width) * 3); block-size: calc(var(--space-s) * 1.4); padding: 0 calc(var(--border-width) * 4);
}
.svs-sc__wave-bar {
  flex: 1; border-radius: calc(var(--border-width) * 2); background: var(--secondary);
&:nth-child(1) { block-size: 30%; animation-delay: -0.00s; }
&:nth-child(2) { block-size: 97%; animation-delay: -0.13s; }
&:nth-child(3) { block-size: 66%; animation-delay: -0.26s; }
&:nth-child(4) { block-size: 78%; animation-delay: -0.39s; }
&:nth-child(5) { block-size: 92%; animation-delay: -0.52s; }
&:nth-child(6) { block-size: 45%; animation-delay: -0.65s; }
&:nth-child(7) { block-size: 100%; animation-delay: -0.78s; }
&:nth-child(8) { block-size: 52%; animation-delay: -0.00s; }
&:nth-child(9) { block-size: 88%; animation-delay: -0.13s; }
&:nth-child(10) { block-size: 83%; animation-delay: -0.26s; }
&:nth-child(11) { block-size: 59%; animation-delay: -0.39s; }
&:nth-child(12) { block-size: 99%; animation-delay: -0.52s; }
&:nth-child(13) { block-size: 38%; animation-delay: -0.65s; }
&:nth-child(14) { block-size: 95%; animation-delay: -0.78s; }
&:nth-child(15) { block-size: 72%; animation-delay: -0.00s; }
&:nth-child(16) { block-size: 72%; animation-delay: -0.13s; }
&:nth-child(17) { block-size: 95%; animation-delay: -0.26s; }
&:nth-child(18) { block-size: 38%; animation-delay: -0.39s; }
&:nth-child(19) { block-size: 99%; animation-delay: -0.52s; }
&:nth-child(20) { block-size: 59%; animation-delay: -0.65s; }
&:nth-child(21) { block-size: 83%; animation-delay: -0.78s; }
&:nth-child(22) { block-size: 88%; animation-delay: -0.00s; }
&:nth-child(23) { block-size: 52%; animation-delay: -0.13s; }
&:nth-child(24) { block-size: 100%; animation-delay: -0.26s; }
&:nth-child(25) { block-size: 45%; animation-delay: -0.39s; }
&:nth-child(26) { block-size: 92%; animation-delay: -0.52s; }
&:nth-child(27) { block-size: 78%; animation-delay: -0.65s; }
&:nth-child(28) { block-size: 66%; animation-delay: -0.78s; }
}
.svs-sc__bubble {
  max-inline-size: 86%;
padding: calc(var(--space-xs) * 0.68) calc(var(--space-xs) * 0.9);
font-size: calc(var(--text-s) * 0.9);
line-height: 1.4;
&[data-side="out"] { align-self: flex-end; border-radius: calc(var(--radius) * 1.2) calc(var(--radius) * 1.2) calc(var(--radius) * 0.4) calc(var(--radius) * 1.2); background: var(--primary); color: var(--white); }
&[data-side="in"] { align-self: flex-start; border-radius: calc(var(--radius) * 1.2) calc(var(--radius) * 1.2) calc(var(--radius) * 1.2) calc(var(--radius) * 0.4); background: var(--bg-light); transform-origin: 0 100%; }
&[data-side="wa"] { align-self: flex-end; border-radius: calc(var(--radius) * 1.4) calc(var(--radius) * 1.4) calc(var(--radius) * 0.4) calc(var(--radius) * 1.4); background: color-mix(in oklch, var(--success) 22%, var(--white)); transform-origin: 100% 100%; }
}
.svs-sc__time {
  display: block; margin-block-start: calc(var(--border-width) * 2); font-size: calc(var(--text-xs) * 0.85); color: var(--text-dark-muted);
}
.svs-sc__missed {
  display: flex; align-items: center; gap: calc(var(--space-xs) * 0.9); padding: calc(var(--space-xs) * 0.9) calc(var(--space-xs) * 1.05); border-radius: calc(var(--radius) * 1.2); background: var(--danger-ultra-light);
}
.svs-sc__missed-disc {
  display: grid; flex: none; place-items: center; inline-size: calc(var(--space-s) * 1.7); aspect-ratio: 1; border-radius: 50%; background: var(--danger); color: var(--white); & .ico { inline-size: 48%; block-size: 48%; }
}
.svs-sc__missed-title {
  font-weight: 600; color: color-mix(in oklch, var(--danger) 70%, black);
}
.svs-sc__note {
  align-self: center; font-size: var(--text-xs); font-weight: 600; color: var(--text-dark-muted);
}
.svs-sc__invoice {
  display: flex; justify-content: space-between; align-items: center; gap: calc(var(--space-xs) * 0.9); padding: calc(var(--space-xs) * 1.2); border-radius: calc(var(--radius) * 1.2); background: var(--bg-light);
}
.svs-sc__swap {
  display: grid; flex: none; justify-items: end;
}
.svs-sc__tag {
  grid-area: 1 / 1;
display: inline-flex;
align-items: center;
gap: calc(var(--border-width) * 4);
padding: calc(var(--border-width) * 4) calc(var(--space-xs) * 0.68);
border-radius: var(--btn-radius);
font-size: var(--text-xs);
font-weight: 600;
& .ico { inline-size: 1em; block-size: 1em; }
&[data-tone="bad"] { background: var(--danger-ultra-light); color: color-mix(in oklch, var(--danger) 70%, black); }
&[data-tone="plain"] { background: color-mix(in oklch, var(--text-dark) 7%, transparent); color: var(--text-dark-muted); }
&[data-tone="ok"] { background: var(--success-ultra-light); color: color-mix(in oklch, var(--success) 55%, black); }
&[data-tone="accent"] { background: var(--primary); color: var(--white); }
}
.svs-sc__steps {
  display: flex; flex-direction: column; padding: calc(var(--border-width) * 4) calc(var(--border-width) * 2);
}
.svs-sc__step {
  display: flex;
align-items: center;
gap: calc(var(--space-xs) * 0.9);
padding: calc(var(--space-xs) * 0.75) 0;
& + & { border-block-start: var(--border-width) solid color-mix(in oklch, var(--text-dark) 8%, transparent); }
}
.svs-sc__step-tick {
  display: grid; flex: none; place-items: center; inline-size: calc(var(--space-s) * 1.2); aspect-ratio: 1; border-radius: 50%; background: var(--primary); color: var(--white); &[data-tone="ok"] { background: color-mix(in oklch, var(--success) 55%, black); } & .ico { inline-size: 55%; block-size: 55%; }
}
.svs-sc__who {
  display: flex; align-items: center; gap: calc(var(--space-xs) * 0.75);
}
.svs-sc__avatar {
  display: grid; flex: none; place-items: center; inline-size: calc(var(--space-s) * 1.6); aspect-ratio: 1; border-radius: 50%; background: var(--bg-light); color: var(--primary); font-size: var(--text-xs); font-weight: 700; &.svs-sc__avatar--s { inline-size: calc(var(--space-s) * 1.4); background: var(--white); font-size: calc(var(--text-xs) * 0.85); }
}
.svs-sc__bigstars {
  display: flex; gap: calc(var(--space-xs) * 0.45); padding: calc(var(--border-width) * 4) 0;
}
.svs-sc__bigstar {
  font-size: calc(var(--h3) * 1.2); line-height: 1; color: var(--warning);
}
.svs-sc__quote {
  font-size: calc(var(--text-s) * 1); line-height: 1.5;
}
.svs-sc__reply {
  display: flex; flex-direction: column; gap: calc(var(--border-width) * 3); padding: calc(var(--space-xs) * 0.9) calc(var(--space-xs) * 1.05); border-radius: calc(var(--radius) * 1.2); box-shadow: inset 0 0 0 calc(var(--border-width) * 1.5) var(--primary); font-size: calc(var(--text-s) * 0.9); line-height: 1.4;
}
.svs-sc__reply-label {
  font-size: var(--text-xs); font-weight: 600; color: var(--primary);
}
.svs-sc__people {
  display: flex; flex-direction: column; gap: calc(var(--space-xs) * 0.6);
}
.svs-sc__person {
  display: flex; align-items: center; gap: calc(var(--space-xs) * 0.9); padding: calc(var(--space-xs) * 0.82) calc(var(--space-xs) * 1.05); border-radius: calc(var(--radius) * 1.2); background: var(--bg-light);
}
.svs-sc__person-name {
  flex: 1; font-weight: 500;
}
.nf {
  position: relative;
display: flex;
flex-direction: column;
min-block-size: 100svh;
overflow: hidden;
background: var(--base);
color: var(--white);
}
.nf__glow {
  position: absolute;
inset-block-start: 30%;
inset-inline-start: 50%;
inline-size: calc(var(--content-width) * 0.8);
aspect-ratio: 11 / 8;
translate: -50% -50%;
pointer-events: none;
background: radial-gradient(closest-side, color-mix(in oklch, var(--secondary) 16%, transparent), transparent);
}
.nf-bar {
  position: relative;
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-m);
min-block-size: calc(var(--space-xl) * 1.42);  /* the design's 84px bar */
padding: 0 var(--gutter);
border-block-end: var(--border-width) solid color-mix(in oklch, var(--white) 12%, transparent);
}
.nf-bar__logo {
  display: flex; &.nf-bar__logo { color: var(--white); } & svg { display: block; block-size: calc(var(--space-s) * 1.4); inline-size: auto; aspect-ratio: 1678 / 461; }
}
.nf-main {
  position: relative;
flex: 1;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, calc(var(--content-width) * 0.32)), 1fr));
align-items: center;
gap: calc(var(--space-xxl) * 0.95);
inline-size: 100%;
max-inline-size: var(--content-width);
margin: 0 auto;
padding: var(--section-space-m) var(--gutter);
}
.nf-copy {
  display: flex; flex-direction: column; align-items: flex-start; gap: calc(var(--space-m) * 0.87);
}
.nf-tag {
  display: inline-flex;
align-items: center;
gap: calc(var(--space-xs) * 0.6);
padding: calc(var(--space-xs) * 0.45) calc(var(--space-xs) * 0.82);
border-radius: calc(var(--radius) * 0.8);
background: color-mix(in oklch, var(--secondary) 14%, transparent);
color: var(--secondary);
font-size: calc(var(--text-s) * 0.9);
font-weight: 600;
}
.nf-big {
  font-size: calc(var(--h1) * 2.5); font-weight: 700; line-height: 0.8; letter-spacing: -0.07em;
}
.nf-big__zero {
  display: inline-block;
color: var(--secondary);
transform-origin: 50% 90%;
@media (prefers-reduced-motion: no-preference) { & { animation: nf-tilt 3.2s ease-in-out infinite; } }
}
.nf-title {
  margin: 0; font-size: calc(var(--h2) * 0.94); font-weight: 600; line-height: 0.96; letter-spacing: -0.05em; text-wrap: balance; &.nf-title { color: var(--white); }
}
.nf-title__accent {
  color: var(--secondary);
}
.nf-sub {
  margin: 0;
max-inline-size: 28em;
font-size: var(--text-l);
line-height: 1.6;
color: color-mix(in oklch, var(--white) 66%, transparent);
&[data-new] { animation: nf-up 0.45s cubic-bezier(0.2, 0.9, 0.3, 1.1) both; }
}
.nf-actions {
  display: flex; flex-wrap: wrap; gap: calc(var(--space-xs) * 0.9);
}
.nf-chat {
  justify-self: center;
display: flex;
flex-direction: column;
gap: calc(var(--space-xs) * 0.9);
inline-size: 100%;
max-inline-size: calc(var(--content-width) * 0.31);
padding: var(--space-s);
border-radius: calc(var(--radius) * 2.4);
background: var(--white);
color: var(--text-dark);
box-shadow: 0 0 0 calc(var(--space-xs) * 0.6) color-mix(in oklch, var(--secondary) 14%, transparent), 0 calc(var(--space-l) * 0.9) calc(var(--space-xxl) * 0.8) calc(var(--space-s) * -1) color-mix(in oklch, black 60%, transparent);
}
.nf-chat__head {
  display: flex; align-items: center; gap: calc(var(--space-xs) * 0.9); padding-block-end: calc(var(--space-xs) * 1.05); border-block-end: var(--border-width) solid color-mix(in oklch, var(--text-dark) 8%, transparent);
}
.nf-chat__avatar {
  display: grid; flex: none; place-items: center; inline-size: calc(var(--space-s) * 1.9); aspect-ratio: 1; border-radius: 50%; background: var(--base); color: var(--white); font-size: calc(var(--text-s) * 1); font-weight: 700;
}
.nf-chat__who {
  display: flex; flex-direction: column; gap: calc(var(--border-width) * 1);
}
.nf-chat__name {
  font-size: calc(var(--text-s) * 1); font-weight: 600;
}
.nf-chat__status {
  font-size: calc(var(--text-xs) * 0.96); font-weight: 500; color: color-mix(in oklch, var(--success) 78%, black);
}
.nf-chat__missed {
  display: flex; flex-wrap: wrap; align-items: center; gap: calc(var(--space-xs) * 0.75); padding: calc(var(--space-xs) * 0.75) calc(var(--space-xs) * 0.9); border-radius: var(--radius); background: var(--danger-ultra-light); font-size: calc(var(--text-s) * 0.9);
}
.nf-chat__missed-label {
  font-weight: 600; color: color-mix(in oklch, var(--danger) 70%, black);
}
.nf-chat__missed-path {
  min-inline-size: 0; overflow-wrap: anywhere; color: var(--text-dark-muted);
}
.nf-chat__bubble {
  align-self: flex-end;
max-inline-size: 88%;
padding: calc(var(--space-xs) * 0.82) calc(var(--space-xs) * 1.05);
border-radius: calc(var(--radius) * 1.4) calc(var(--radius) * 1.4) calc(var(--radius) * 0.4) calc(var(--radius) * 1.4);
background: color-mix(in oklch, var(--success) 22%, var(--white));
font-size: calc(var(--text-s) * 0.97);
line-height: 1.45;
transform-origin: 100% 100%;
}
.nf-chat__time {
  display: block; margin-block-start: calc(var(--border-width) * 3); font-size: calc(var(--text-xs) * 0.85); color: var(--text-dark-muted);
}
.nf-links {
  display: flex; flex-direction: column; gap: calc(var(--space-xs) * 0.6);
}
.nf-link {
  display: flex;
align-items: center;
justify-content: space-between;
gap: calc(var(--space-xs) * 0.9);
padding: calc(var(--space-xs) * 0.97) calc(var(--space-xs) * 1.12);
border-radius: var(--radius);
background: var(--bg-light);
font-size: calc(var(--text-s) * 1);
font-weight: 600;
text-decoration: none;
transition: background-color 0.25s ease, color 0.25s ease;
&.nf-link { color: var(--text-dark); }
&.nf-link:hover, &.nf-link:focus-visible { background: var(--primary); color: var(--white); }
}
.nf-link__copy {
  display: flex; flex-direction: column; gap: calc(var(--border-width) * 1); line-height: 1.3;
}
.nf-link__sub {
  font-size: calc(var(--text-xs) * 0.96); font-weight: 500; opacity: 0.7;
}
.nf-chat__typing {
  display: flex; align-items: center; gap: calc(var(--border-width) * 5); padding: calc(var(--border-width) * 4) calc(var(--border-width) * 2) 0; font-size: calc(var(--text-xs) * 0.96); color: var(--text-dark-muted);
}
.nf-chat__dots {
  display: flex; gap: calc(var(--border-width) * 3);
}
.nf-chat__dot {
  inline-size: calc(var(--border-width) * 5);
aspect-ratio: 1;
border-radius: 50%;
background: currentColor;
@media (prefers-reduced-motion: no-preference) { & { animation: nf-dots 1.1s ease-in-out infinite; } &:nth-child(2) { animation-delay: 0.15s; } &:nth-child(3) { animation-delay: 0.3s; } }
}
.nf-foot {
  position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: calc(var(--space-xs) * 0.9) var(--space-m);
padding: var(--space-m) var(--gutter);
border-block-start: var(--border-width) solid color-mix(in oklch, var(--white) 12%, transparent);
font-size: calc(var(--text-s) * 0.94);
color: color-mix(in oklch, var(--white) 55%, transparent);
}
.nf-foot__link {
  &.nf-foot__link { color: color-mix(in oklch, var(--white) 80%, transparent); } &.nf-foot__link:hover { color: var(--white); }
}
.nf-up {
  @media (prefers-reduced-motion: no-preference) {
  & { animation: nf-up 0.6s cubic-bezier(0.2, 0.9, 0.3, 1.1) both; }
  .nf-copy > &:nth-child(2) { animation-delay: 0.08s; } .nf-copy > &:nth-child(3) { animation-delay: 0.16s; }
  .nf-copy > &:nth-child(4) { animation-delay: 0.24s; } .nf-copy > &:nth-child(5) { animation-delay: 0.32s; }
  &.nf-chat { animation-delay: 0.3s; } &.nf-chat__typing { animation-delay: 2.1s; }
}
}
.nf-pop {
  @media (prefers-reduced-motion: no-preference) {
  & { animation: nf-pop 0.5s cubic-bezier(0.2, 0.9, 0.3, 1.2) both; }
  &.nf-chat__bubble { animation-delay: 0.9s; }
  &.nf-link:nth-child(1) { animation-delay: 1.3s; } &.nf-link:nth-child(2) { animation-delay: 1.42s; }
  &.nf-link:nth-child(3) { animation-delay: 1.54s; } &.nf-link:nth-child(4) { animation-delay: 1.66s; }
}
}