/* Generated by scripts/build-large-screen-css.mjs — do not edit by hand.
   Run `npm run build` (or `node scripts/build-large-screen-css.mjs`) to refresh.

   Keeps the 1440px desktop design coherent from 1440px up to 5K.
   1440–2560px  the scale stays fluid — plain-px values are converted
                    so they grow with the vw ones instead of lagging behind.
   2560px and up   frozen at 1.7777777777777777x the authored design, page centred. */

@media (min-width: 1440px) and (max-width: 2559.98px) {
  *, :after, :before, ::backdrop {
    margin: 0;
    padding: 0;
  }
  ::file-selector-button {
    margin: 0;
    padding: 0;
  }
  html, :host {
    line-height: 1.5;
  }
  hr {
    height: 0;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
  }
  code, kbd, samp, pre {
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
  }
  sub {
    bottom: -.25em;
  }
  sup {
    top: -.5em;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea {
    letter-spacing: inherit;
    border-radius: 0;
  }
  ::file-selector-button {
    letter-spacing: inherit;
    border-radius: 0;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: calc(20 / 14.4 * 1vw);
  }
  ::file-selector-button {
    margin-inline-end: calc(4 / 14.4 * 1vw);
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  ::-webkit-inner-spin-button {
    height: auto;
  }
  ::-webkit-outer-spin-button {
    height: auto;
  }
  h1 {
    font-size: var(--h1-font-size);
    line-height: var(--h1-line-height);
    letter-spacing: var(--h1-letter-spacing);
  }
  h2 {
    font-size: var(--h2-font-size);
    line-height: var(--h2-line-height);
    letter-spacing: var(--h2-letter-spacing);
  }
  h3 {
    font-size: var(--h3-font-size);
    line-height: var(--h3-line-height);
    letter-spacing: var(--h3-letter-spacing);
  }
  h4 {
    font-size: var(--h4-font-size);
    line-height: var(--h4-line-height);
    letter-spacing: var(--h4-letter-spacing);
  }
  h5 {
    font-size: var(--h5-font-size);
    line-height: var(--h5-line-height);
    letter-spacing: var(--h5-letter-spacing);
  }
  h6 {
    font-size: var(--h6-font-size);
    line-height: var(--h6-line-height);
    letter-spacing: var(--h6-letter-spacing);
  }
  a {
    font-size: var(--text-link-font-size);
    line-height: var(--text-link-line-height);
    letter-spacing: var(--text-link-letter-spacing);
  }
  button:not(.tab):not(.navbar-toggle):not(.chip):not(.chip-primary) {
    border-radius: var(--btn-radius);
    line-height: 1.5;
    font-size: var(--btn-font-size);
    letter-spacing: var(--btn-letter-spacing);
    line-height: var(--btn-line-height);
    padding-block: var(--btn-padding-block);
    padding-inline: var(--btn-padding-inline);
    height: var(--btn-height);
    width: var(--btn-width);
    gap: var(--btn-gap);
  }
  img {
    max-width: var(--image-max-width);
    width: var(--image-width);
    height: var(--image-height);
    margin-block: var(--image-margin-block);
    margin-inline: var(--image-margin-inline);
    left: var(--image-left);
    top: var(--image-top);
    bottom: var(--image-bottom);
    right: var(--image-right);
  }
  label {
    font-size: var(--label-font-size);
    line-height: var(--label-line-height);
    letter-spacing: var(--label-letter-spacing);
    margin-block-end: var(--label-gap);
  }
  input[type="text"], input[type="email"], input[type="search"], input[type="url"], input[type="tel"], input[type="password"] {
    padding-inline: var(--input-padding-inline);
    padding-block: var(--input-padding-block);
    height: var(--input-height);
    border-radius: var(--input-radius);
    font-size: var(--input-font-size);
    line-height: var(--input-line-height);
    letter-spacing: var(--input-letter-spacing);
  }
  textarea {
    padding-inline: var(--textarea-padding-inline);
    padding-block: var(--textarea-padding-block);
    height: var(--textarea-height);
    min-height: var(--textarea-min-height);
    border-radius: var(--textarea-radius);
    font-size: var(--textarea-font-size);
    line-height: var(--textarea-line-height);
    letter-spacing: var(--textarea-letter-spacing);
  }
  section, header, footer {
    padding-inline: var(--section-padding-inline);
    padding-block: var(--section-padding-block);
    margin-block-start: var(--section-margin-top);
    margin-block-end: var(--section-margin-bottom);
  }
  body {
    gap: var(--layout-gap);
    font-size: var(--body-font-size);
  }
  .image {
    max-width: var(--image-max-width);
    width: var(--image-width);
    height: var(--image-height);
    margin-block: var(--image-margin-block);
    margin-inline: var(--image-margin-inline);
    left: var(--image-left);
    top: var(--image-top);
    bottom: var(--image-bottom);
    right: var(--image-right);
  }
  .sr-only {
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
  }
  .card-elevated {
    border-radius: var(--card-radius);
    padding-inline: var(--card-padding-inline);
    padding-block: var(--card-padding-block);
    min-height: var(--card-min-height);
  }
  .card-filled {
    border-radius: var(--card-radius);
    padding-inline: var(--card-padding-inline);
    padding-block: var(--card-padding-block);
    min-height: var(--card-min-height);
  }
  .card {
    border-radius: var(--card-radius);
    padding-inline: var(--card-padding-inline);
    padding-block: var(--card-padding-block);
    min-height: var(--card-min-height);
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }
  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-1 {
    top: calc(var(--spacing) * 1);
  }
  .top-1\/2 {
    top: 50%;
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-1\/2 {
    left: 50%;
  }
  .left-4 {
    left: calc(var(--spacing) * 4);
  }
  .-m-1 {
    margin: calc(var(--spacing) * -1);
  }
  .-m-2 {
    margin: calc(var(--spacing) * -2);
  }
  .-m-4 {
    margin: calc(var(--spacing) * -4);
  }
  .-m-12 {
    margin: calc(var(--spacing) * -12);
  }
  .m-0 {
    margin: calc(var(--spacing) * 0);
  }
  .m-1 {
    margin: calc(var(--spacing) * 1);
  }
  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }
  .-mx-1\.5 {
    margin-inline: calc(var(--spacing) * -1.5);
  }
  .-mx-2 {
    margin-inline: calc(var(--spacing) * -2);
  }
  .-mx-4 {
    margin-inline: calc(var(--spacing) * -4);
  }
  .-mx-6 {
    margin-inline: calc(var(--spacing) * -6);
  }
  .mx-1 {
    margin-inline: calc(var(--spacing) * 1);
  }
  .mx-1\.5 {
    margin-inline: calc(var(--spacing) * 1.5);
  }
  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }
  .mx-3 {
    margin-inline: calc(var(--spacing) * 3);
  }
  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }
  .mx-5 {
    margin-inline: calc(var(--spacing) * 5);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .-my-8 {
    margin-block: calc(var(--spacing) * -8);
  }
  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }
  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .my-5 {
    margin-block: calc(var(--spacing) * 5);
  }
  .my-6 {
    margin-block: calc(var(--spacing) * 6);
  }
  .my-7 {
    margin-block: calc(var(--spacing) * 7);
  }
  .my-8 {
    margin-block: calc(var(--spacing) * 8);
  }
  .my-10 {
    margin-block: calc(var(--spacing) * 10);
  }
  .my-12 {
    margin-block: calc(var(--spacing) * 12);
  }
  .accordion-body > * {
    font-size: var(--accordion-content-font-size);
    line-height: var(--accordion-content-line-height);
    letter-spacing: var(--accordion-content-letter-spacing);
    margin-block-end: var(--accordion-body-margin-end);
    margin-inline-start: var(--accordion-body-margin-start);
    padding-block-start: var(--accordion-body-padding-block-start, 0);
    padding-block-end: var(--accordion-body-padding-block-end, var(--accordion-padding-block));
    padding-inline-start: var(--accordion-body-padding-inline-start, var(--accordion-padding-inline));
    padding-inline-end: var(--accordion-body-padding-inline-end, var(--accordion-padding-inline));
  }
  .-mt-4 {
    margin-top: calc(var(--spacing) * -4);
  }
  .-mt-20 {
    margin-top: calc(var(--spacing) * -20);
  }
  .-mt-72 {
    margin-top: calc(var(--spacing) * -72);
  }
  .mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * .5);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mt-14 {
    margin-top: calc(var(--spacing) * 14);
  }
  .mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }
  .mt-20 {
    margin-top: calc(var(--spacing) * 20);
  }
  .mt-auto {
    margin-top: auto;
  }
  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mr-3 {
    margin-right: calc(var(--spacing) * 3);
  }
  .mr-4 {
    margin-right: calc(var(--spacing) * 4);
  }
  .mr-5 {
    margin-right: calc(var(--spacing) * 5);
  }
  .-mb-1 {
    margin-bottom: calc(var(--spacing) * -1);
  }
  .-mb-10 {
    margin-bottom: calc(var(--spacing) * -10);
  }
  .-mb-px {
    margin-bottom: -1px;
  }
  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .mb-16 {
    margin-bottom: calc(var(--spacing) * 16);
  }
  .mb-20 {
    margin-bottom: calc(var(--spacing) * 20);
  }
  .mb-auto {
    margin-bottom: auto;
  }
  .ml-0 {
    margin-left: calc(var(--spacing) * 0);
  }
  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }
  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }
  .ml-5 {
    margin-left: calc(var(--spacing) * 5);
  }
  .ml-6 {
    margin-left: calc(var(--spacing) * 6);
  }
  .ml-9 {
    margin-left: calc(var(--spacing) * 9);
  }
  .ml-auto {
    margin-left: auto;
  }
  .step-indicator {
    width: var(--step-indicator-size);
    height: var(--step-indicator-size);
    border-radius: var(--step-indicator-radius);
    font-size: var(--step-indicator-font-size);
    line-height: var(--step-indicator-line-height);
    letter-spacing: var(--step-indicator-letter-spacing);
  }
  .accordion-icon {
    width: var(--accordion-icon-box-size);
    height: var(--accordion-icon-box-size);
    padding-inline: var(--accordion-icon-padding-inline);
    padding-block: var(--accordion-icon-padding-block);
    border-radius: var(--accordion-icon-radius);
  }
  .accordion-icon svg {
    width: var(--accordion-icon-size);
    height: var(--accordion-icon-size);
  }
  .btn-outline {
    border-radius: var(--btn-radius);
    line-height: 1.5;
    font-size: var(--btn-font-size);
    letter-spacing: var(--btn-letter-spacing);
    line-height: var(--btn-line-height);
    padding-block: var(--btn-padding-block);
    padding-inline: var(--btn-padding-inline);
    height: var(--btn-height);
    width: var(--btn-width);
    gap: var(--btn-gap);
  }
  .btn-light {
    border-radius: var(--btn-radius);
    line-height: 1.5;
    font-size: var(--btn-font-size);
    letter-spacing: var(--btn-letter-spacing);
    line-height: var(--btn-line-height);
    padding-block: var(--btn-padding-block);
    padding-inline: var(--btn-padding-inline);
    height: var(--btn-height);
    width: var(--btn-width);
    gap: var(--btn-gap);
  }
  .btn-primary {
    border-radius: var(--btn-radius);
    line-height: 1.5;
    font-size: var(--btn-font-size);
    letter-spacing: var(--btn-letter-spacing);
    line-height: var(--btn-line-height);
    padding-block: var(--btn-padding-block);
    padding-inline: var(--btn-padding-inline);
    height: var(--btn-height);
    width: var(--btn-width);
    gap: var(--btn-gap);
  }
  .btn-ghost {
    border-radius: var(--btn-radius);
    line-height: 1.5;
    font-size: var(--btn-font-size);
    letter-spacing: var(--btn-letter-spacing);
    line-height: var(--btn-line-height);
    padding-block: var(--btn-padding-block);
    padding-inline: var(--btn-padding-inline);
    height: var(--btn-height);
    width: var(--btn-width);
    gap: var(--btn-gap);
  }
  .btn {
    border-radius: var(--btn-radius);
    line-height: 1.5;
    font-size: var(--btn-font-size);
    letter-spacing: var(--btn-letter-spacing);
    line-height: var(--btn-line-height);
    padding-block: var(--btn-padding-block);
    padding-inline: var(--btn-padding-inline);
    height: var(--btn-height);
    width: var(--btn-width);
    gap: var(--btn-gap);
  }
  .icon-box-outline {
    width: var(--icon-box-size);
    height: var(--icon-box-size);
    padding: var(--icon-box-padding);
    border-radius: var(--icon-box-radius);
  }
  .icon-box-outline svg {
    width: 100%;
    height: 100%;
  }
  .icon-box-ghost {
    width: var(--icon-box-size);
    height: var(--icon-box-size);
    padding: var(--icon-box-padding);
    border-radius: var(--icon-box-radius);
  }
  .icon-box-ghost svg {
    width: 100%;
    height: 100%;
  }
  .icon-box-light {
    width: var(--icon-box-size);
    height: var(--icon-box-size);
    padding: var(--icon-box-padding);
    border-radius: var(--icon-box-radius);
  }
  .icon-box-light svg {
    width: 100%;
    height: 100%;
  }
  .icon-box-primary {
    width: var(--icon-box-size);
    height: var(--icon-box-size);
    padding: var(--icon-box-padding);
    border-radius: var(--icon-box-radius);
  }
  .icon-box-primary svg {
    width: 100%;
    height: 100%;
  }
  .icon-box {
    width: var(--icon-box-size);
    height: var(--icon-box-size);
    padding: var(--icon-box-padding);
    border-radius: var(--icon-box-radius);
  }
  .icon-box svg {
    width: 100%;
    height: 100%;
  }
  .tab {
    height: var(--tab-height);
    padding-inline: var(--tab-padding-inline);
    padding-block: var(--tab-padding-block);
    border-radius: var(--tab-radius);
    font-size: var(--tab-font-size);
    gap: .25rem;
  }
  .accordion-trigger {
    width: 100%;
    padding: var(--accordion-padding-block) var(--accordion-padding-inline);
    font-size: var(--accordion-trigger-font-size);
    line-height: var(--accordion-trigger-line-height);
    letter-spacing: var(--accordion-trigger-letter-spacing);
    gap: .75rem;
  }
  .card-ribbon {
    width: 100%;
    padding: var(--card-ribbon-padding-block) var(--card-ribbon-padding-inline);
    font-size: var(--card-ribbon-font-size);
    letter-spacing: .02em;
    border-radius: var(--card-radius) var(--card-radius) 0 0;
  }
  .chip-primary {
    padding-inline: var(--chip-primary-padding-inline);
    padding-block: var(--chip-padding-block);
    border-radius: var(--chip-radius);
    font-size: var(--chip-font-size);
    line-height: var(--chip-line-height);
    letter-spacing: var(--chip-letter-spacing);
  }
  .chip {
    padding-inline: var(--chip-padding-inline);
    padding-block: var(--chip-padding-block);
    border-radius: var(--chip-radius);
    font-size: var(--chip-font-size);
    line-height: var(--chip-line-height);
    letter-spacing: var(--chip-letter-spacing);
  }
  .tag-primary {
    padding-inline: var(--tag-padding-inline);
    padding-block: var(--tag-padding-block);
    border-radius: var(--tag-radius);
    font-size: var(--tag-font-size);
    line-height: var(--tag-line-height);
    letter-spacing: var(--tag-letter-spacing);
    border-radius: var(--tag-primary-radius);
  }
  .tag {
    padding-inline: var(--tag-padding-inline);
    padding-block: var(--tag-padding-block);
    border-radius: var(--tag-radius);
    font-size: var(--tag-font-size);
    line-height: var(--tag-line-height);
    letter-spacing: var(--tag-letter-spacing);
  }
  .nav-list {
    gap: var(--nav-list-gap);
  }
  .tabs {
    padding-block: 1rem;
  }
  .nav-link {
    font-size: var(--text-nav-font-size);
    line-height: var(--text-nav-line-height);
    letter-spacing: var(--text-nav-letter-spacing);
  }
  .nav-link {
    font-size: var(--nav-link-font-size);
    line-height: var(--nav-link-line-height);
    letter-spacing: var(--nav-link-letter-spacing);
    padding-inline: var(--nav-link-padding-inline);
    padding-block: var(--nav-link-padding-block);
  }
  .label {
    font-size: var(--label-font-size);
    line-height: var(--label-line-height);
    letter-spacing: var(--label-letter-spacing);
    margin-block-end: var(--label-gap);
  }
  .textarea {
    padding-inline: var(--textarea-padding-inline);
    padding-block: var(--textarea-padding-block);
    height: var(--textarea-height);
    min-height: var(--textarea-min-height);
    border-radius: var(--textarea-radius);
    font-size: var(--textarea-font-size);
    line-height: var(--textarea-line-height);
    letter-spacing: var(--textarea-letter-spacing);
  }
  .no-container {
    width: auto;
    max-width: none;
    height: auto;
    padding-inline: calc(var(--spacing) * 0);
  }
  .navbar-toggle svg {
    width: var(--navbar-toggle-size);
    height: var(--navbar-toggle-size);
  }
  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .tabs-outline {
    border-radius: .5rem;
    gap: 0;
    padding: .125rem;
    padding-block: .125rem;
  }
  .tabs-outline .tab {
    height: auto;
    padding-block: .375rem;
    padding-inline: 1rem;
  }
  .input {
    padding-inline: var(--input-padding-inline);
    padding-block: var(--input-padding-block);
    height: var(--input-height);
    border-radius: var(--input-radius);
    font-size: var(--input-font-size);
    line-height: var(--input-line-height);
    letter-spacing: var(--input-letter-spacing);
  }
  .h-1 {
    height: calc(var(--spacing) * 1);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-7 {
    height: calc(var(--spacing) * 7);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-14 {
    height: calc(var(--spacing) * 14);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-20 {
    height: calc(var(--spacing) * 20);
  }
  .h-24 {
    height: calc(var(--spacing) * 24);
  }
  .h-28 {
    height: calc(var(--spacing) * 28);
  }
  .h-32 {
    height: calc(var(--spacing) * 32);
  }
  .h-36 {
    height: calc(var(--spacing) * 36);
  }
  .h-40 {
    height: calc(var(--spacing) * 40);
  }
  .h-44 {
    height: calc(var(--spacing) * 44);
  }
  .h-48 {
    height: calc(var(--spacing) * 48);
  }
  .h-52 {
    height: calc(var(--spacing) * 52);
  }
  .h-56 {
    height: calc(var(--spacing) * 56);
  }
  .h-64 {
    height: calc(var(--spacing) * 64);
  }
  .h-72 {
    height: calc(var(--spacing) * 72);
  }
  .h-80 {
    height: calc(var(--spacing) * 80);
  }
  .h-96 {
    height: calc(var(--spacing) * 96);
  }
  .h-100 {
    height: calc(var(--spacing) * 100);
  }
  .h-\[28rem\] {
    height: 28rem;
  }
  .h-\[32rem\] {
    height: 32rem;
  }
  .h-\[38rem\] {
    height: 38rem;
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .h-px {
    height: 1px;
  }
  .tabs-segmented {
    border-radius: .5rem;
    gap: .25rem;
    padding: .375rem;
    padding-block: .375rem;
  }
  .tabs-segmented .tab {
    width: 100%;
    min-height: 2.5rem;
    padding-inline: .75rem;
  }
  .tabs-segmented .tab {
    width: auto;
  }
  .min-h-80 {
    min-height: calc(var(--spacing) * 80);
  }
  .min-h-screen {
    height: 100vh;
    max-height: 90vw;
  }
  .accordion-collapse {
    width: var(--accordion-width);
    max-width: var(--accordion-max-width);
    border-radius: var(--accordion-radius);
  }
  .accordion-outline {
    width: var(--accordion-width);
    max-width: var(--accordion-max-width);
    border-radius: var(--accordion-radius);
  }
  .accordion-card {
    width: var(--accordion-width);
    max-width: var(--accordion-max-width);
    border-radius: var(--accordion-radius);
  }
  .accordion {
    width: var(--accordion-width);
    max-width: var(--accordion-max-width);
    border-radius: var(--accordion-radius);
  }
  .w-1 {
    width: calc(var(--spacing) * 1);
  }
  .w-1\/2 {
    width: 50%;
  }
  .w-2\/3 {
    width: 66.6667%;
  }
  .w-2\/4 {
    width: 50%;
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-3\/4 {
    width: 75%;
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-5\/6 {
    width: 83.3333%;
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-7 {
    width: calc(var(--spacing) * 7);
  }
  .w-7\/12 {
    width: 58.3333%;
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-11 {
    width: calc(var(--spacing) * 11);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-14 {
    width: calc(var(--spacing) * 14);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-28 {
    width: calc(var(--spacing) * 28);
  }
  .w-32 {
    width: calc(var(--spacing) * 32);
  }
  .w-36 {
    width: calc(var(--spacing) * 36);
  }
  .w-40 {
    width: calc(var(--spacing) * 40);
  }
  .w-48 {
    width: calc(var(--spacing) * 48);
  }
  .w-64 {
    width: calc(var(--spacing) * 64);
  }
  .w-72 {
    width: calc(var(--spacing) * 72);
  }
  .w-80 {
    width: calc(var(--spacing) * 80);
  }
  .w-96 {
    width: calc(var(--spacing) * 96);
  }
  .w-100 {
    width: calc(var(--spacing) * 100);
  }
  .w-\[28rem\] {
    width: 28rem;
  }
  .w-auto {
    width: auto;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-px {
    width: 1px;
  }
  .w-xl {
    width: var(--container-xl);
  }
  .w-xs {
    width: var(--container-xs);
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-4xl {
    max-width: var(--container-4xl);
  }
  .max-w-5xl {
    max-width: var(--container-5xl);
  }
  .max-w-6xl {
    max-width: var(--container-6xl);
  }
  .max-w-7xl {
    max-width: var(--container-7xl);
  }
  .max-w-\[140px\] {
    max-width: calc(140 / 14.4 * 1vw);
  }
  .max-w-\[480px\] {
    max-width: calc(480 / 14.4 * 1vw);
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-lg {
    max-width: var(--container-lg);
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-screen-xl {
    max-width: var(--breakpoint-xl);
  }
  .max-w-sm {
    max-width: var(--container-sm);
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .max-w-xs {
    max-width: var(--container-xs);
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .min-w-\[600px\] {
    min-width: calc(600 / 14.4 * 1vw);
  }
  .min-w-full {
    min-width: 100%;
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  .gap-16 {
    gap: calc(var(--spacing) * 16);
  }
  :where(.space-y-1 > :not(:last-child)) {
    margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-2 > :not(:last-child)) {
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-2\.5 > :not(:last-child)) {
    margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-3 > :not(:last-child)) {
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-4 > :not(:last-child)) {
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-5 > :not(:last-child)) {
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-6 > :not(:last-child)) {
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-8 > :not(:last-child)) {
    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-10 > :not(:last-child)) {
    margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-12 > :not(:last-child)) {
    margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-16 > :not(:last-child)) {
    margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)));
  }
  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }
  .gap-x-8 {
    column-gap: calc(var(--spacing) * 8);
  }
  .gap-x-16 {
    column-gap: calc(var(--spacing) * 16);
  }
  :where(.space-x-4 > :not(:last-child)) {
    margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
  }
  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }
  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }
  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }
  .gap-y-5 {
    row-gap: calc(var(--spacing) * 5);
  }
  .gap-y-6 {
    row-gap: calc(var(--spacing) * 6);
  }
  .gap-y-8 {
    row-gap: calc(var(--spacing) * 8);
  }
  .gap-y-10 {
    row-gap: calc(var(--spacing) * 10);
  }
  .gap-y-12 {
    row-gap: calc(var(--spacing) * 12);
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-\[var\(--card-radius\)\] {
    border-radius: var(--card-radius);
  }
  .rounded-full {
    border-radius: var(--radius-full);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-none {
    border-radius: 0;
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-t-\[inherit\] {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
  }
  .rounded-t-lg {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
  }
  .rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .rounded-tl-none {
    border-top-left-radius: 0;
  }
  .rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .rounded-tr-lg {
    border-top-right-radius: var(--radius-lg);
  }
  .rounded-tr-none {
    border-top-right-radius: 0;
  }
  .rounded-b-lg {
    border-bottom-right-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-0\.5 {
    padding: calc(var(--spacing) * .5);
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .p-10 {
    padding: calc(var(--spacing) * 10);
  }
  .p-12 {
    padding: calc(var(--spacing) * 12);
  }
  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }
  .px-12 {
    padding-inline: calc(var(--spacing) * 12);
  }
  .px-\[var\(--rem14\)\] {
    padding-inline: var(--rem14);
  }
  .py-0 {
    padding-block: calc(var(--spacing) * 0);
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .py-14 {
    padding-block: calc(var(--spacing) * 14);
  }
  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .py-24 {
    padding-block: calc(var(--spacing) * 24);
  }
  .py-32 {
    padding-block: calc(var(--spacing) * 32);
  }
  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }
  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }
  .pt-16 {
    padding-top: calc(var(--spacing) * 16);
  }
  .pr-0 {
    padding-right: calc(var(--spacing) * 0);
  }
  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }
  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }
  .pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
  }
  .pb-20 {
    padding-bottom: calc(var(--spacing) * 20);
  }
  .pb-24 {
    padding-bottom: calc(var(--spacing) * 24);
  }
  .pl-0 {
    padding-left: calc(var(--spacing) * 0);
  }
  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }
  .pl-10 {
    padding-left: calc(var(--spacing) * 10);
  }
  .pl-12 {
    padding-left: calc(var(--spacing) * 12);
  }
  .text-h1 {
    font-size: var(--h1-font-size);
    line-height: var(--h1-line-height);
    letter-spacing: var(--h1-letter-spacing);
  }
  .text-h2 {
    font-size: var(--h2-font-size);
    line-height: var(--h2-line-height);
    letter-spacing: var(--h2-letter-spacing);
  }
  .text-h3 {
    font-size: var(--h3-font-size);
    line-height: var(--h3-line-height);
    letter-spacing: var(--h3-letter-spacing);
  }
  .text-h4 {
    font-size: var(--h4-font-size);
    line-height: var(--h4-line-height);
    letter-spacing: var(--h4-letter-spacing);
  }
  .text-h5 {
    font-size: var(--h5-font-size);
    line-height: var(--h5-line-height);
    letter-spacing: var(--h5-letter-spacing);
  }
  .text-h6 {
    font-size: var(--h6-font-size);
    line-height: var(--h6-line-height);
    letter-spacing: var(--h6-letter-spacing);
  }
  .text-body {
    font-size: var(--body-font-size);
    line-height: var(--body-line-height);
    letter-spacing: var(--body-letter-spacing);
  }
  .text-label {
    font-size: var(--text-label-font-size);
    line-height: var(--text-label-line-height);
    letter-spacing: var(--text-label-letter-spacing);
  }
  .text-quote {
    font-size: var(--text-quote-font-size);
    line-height: var(--text-quote-line-height);
    letter-spacing: var(--text-quote-letter-spacing);
  }
  .text-link {
    font-size: var(--text-link-font-size);
    line-height: var(--text-link-line-height);
    letter-spacing: var(--text-link-letter-spacing);
  }
  .text-nav {
    font-size: var(--text-nav-font-size);
    line-height: var(--text-nav-line-height);
    letter-spacing: var(--text-nav-letter-spacing);
  }
  .text-caption {
    font-size: var(--text-caption-font-size);
    line-height: var(--text-caption-line-height);
    letter-spacing: var(--text-caption-letter-spacing);
  }
  .text-lead {
    font-size: var(--text-lead-font-size);
    line-height: var(--text-lead-line-height);
    letter-spacing: var(--text-lead-letter-spacing);
  }
  .text-muted {
    font-size: var(--text-muted-font-size);
    line-height: var(--text-muted-line-height);
    letter-spacing: var(--text-muted-letter-spacing);
  }
  .text-name {
    font-size: var(--text-name-font-size);
    line-height: var(--text-name-line-height);
    letter-spacing: var(--text-name-letter-spacing);
  }
  .text-price {
    font-size: var(--text-price-font-size);
    line-height: var(--text-price-line-height);
    letter-spacing: var(--text-price-letter-spacing);
  }
  .text-small {
    font-size: var(--text-small-font-size);
    line-height: var(--text-small-line-height);
    letter-spacing: var(--text-small-letter-spacing);
  }
  .text-title-accent {
    font-size: var(--text-title-accent-font-size);
  }
  .text-display-xl {
    font-size: var(--text-display-xl-font-size);
    line-height: var(--text-display-xl-line-height);
    letter-spacing: var(--text-display-xl-letter-spacing);
  }
  .text-display-l {
    font-size: var(--text-display-l-font-size);
    line-height: var(--text-display-l-line-height);
    letter-spacing: var(--text-display-l-letter-spacing);
  }
  .text-overline {
    font-size: var(--text-overline-font-size);
    line-height: var(--text-overline-line-height);
    letter-spacing: var(--text-overline-letter-spacing);
  }
  .text-lead-font-size {
    font-size: var(--text-lead-font-size);
  }
  .text-nav-color {
    font-size: var(--text-nav-color);
  }
  .text-nav-color-hover {
    font-size: var(--text-nav-color-hover);
  }
  .text-nav-font-size {
    font-size: var(--text-nav-font-size);
  }
  .text-nav-font-weight {
    font-size: var(--text-nav-font-weight);
  }
  .text-price-font-size {
    font-size: var(--text-price-font-size);
  }
  .text-quote-font-size {
    font-size: var(--text-quote-font-size);
  }
  .text-small-color {
    font-size: var(--text-small-color);
  }
  .leading-4 {
    line-height: calc(var(--spacing) * 4);
  }
  .leading-5 {
    line-height: calc(var(--spacing) * 5);
  }
  .leading-6 {
    line-height: calc(var(--spacing) * 6);
  }
  .leading-7 {
    line-height: calc(var(--spacing) * 7);
  }
  .leading-8 {
    line-height: calc(var(--spacing) * 8);
  }
  .leading-none {
    line-height: 1;
  }
  .after\:top-0\.5:after {
    top: calc(var(--spacing) * .5);
  }
  .after\:left-\[2px\]:after {
    left: 2px;
  }
  .after\:h-5:after {
    height: calc(var(--spacing) * 5);
  }
  .after\:w-5:after {
    width: calc(var(--spacing) * 5);
  }
  .after\:rounded-full:after {
    border-radius: var(--radius-full);
  }
  .first\:pt-0:first-child {
    padding-top: calc(var(--spacing) * 0);
  }
  .last\:pb-0:last-child {
    padding-bottom: calc(var(--spacing) * 0);
  }
  .md\:top-0 {
    top: calc(var(--spacing) * 0);
  }
  .md\:-m-2 {
    margin: calc(var(--spacing) * -2);
  }
  .md\:m-0 {
    margin: calc(var(--spacing) * 0);
  }
  .md\:-mx-2 {
    margin-inline: calc(var(--spacing) * -2);
  }
  .md\:-mx-3 {
    margin-inline: calc(var(--spacing) * -3);
  }
  .md\:-mx-4 {
    margin-inline: calc(var(--spacing) * -4);
  }
  .md\:-mx-5 {
    margin-inline: calc(var(--spacing) * -5);
  }
  .md\:mx-0 {
    margin-inline: calc(var(--spacing) * 0);
  }
  .md\:mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }
  .md\:mx-3 {
    margin-inline: calc(var(--spacing) * 3);
  }
  .md\:mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }
  .md\:mx-5 {
    margin-inline: calc(var(--spacing) * 5);
  }
  .md\:mx-6 {
    margin-inline: calc(var(--spacing) * 6);
  }
  .md\:mx-8 {
    margin-inline: calc(var(--spacing) * 8);
  }
  .md\:mx-10 {
    margin-inline: calc(var(--spacing) * 10);
  }
  .md\:mx-24 {
    margin-inline: calc(var(--spacing) * 24);
  }
  .md\:my-0 {
    margin-block: calc(var(--spacing) * 0);
  }
  .md\:my-8 {
    margin-block: calc(var(--spacing) * 8);
  }
  .md\:my-10 {
    margin-block: calc(var(--spacing) * 10);
  }
  .md\:-mt-96 {
    margin-top: calc(var(--spacing) * -96);
  }
  .md\:mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }
  .md\:mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .md\:mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .md\:mt-14 {
    margin-top: calc(var(--spacing) * 14);
  }
  .md\:mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }
  .md\:mr-0 {
    margin-right: calc(var(--spacing) * 0);
  }
  .md\:mr-auto {
    margin-right: auto;
  }
  .md\:mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .md\:mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .md\:ml-0 {
    margin-left: calc(var(--spacing) * 0);
  }
  .md\:ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }
  .md\:ml-6 {
    margin-left: calc(var(--spacing) * 6);
  }
  .md\:ml-auto {
    margin-left: auto;
  }
  .md\:h-9 {
    height: calc(var(--spacing) * 9);
  }
  .md\:h-36 {
    height: calc(var(--spacing) * 36);
  }
  .md\:h-48 {
    height: calc(var(--spacing) * 48);
  }
  .md\:h-56 {
    height: calc(var(--spacing) * 56);
  }
  .md\:h-64 {
    height: calc(var(--spacing) * 64);
  }
  .md\:h-72 {
    height: calc(var(--spacing) * 72);
  }
  .md\:h-80 {
    height: calc(var(--spacing) * 80);
  }
  .md\:h-96 {
    height: calc(var(--spacing) * 96);
  }
  .md\:h-\[32rem\] {
    height: 32rem;
  }
  .md\:h-\[450px\] {
    height: calc(450 / 14.4 * 1vw);
  }
  .md\:h-auto {
    height: auto;
  }
  .md\:w-1\/2 {
    width: 50%;
  }
  .md\:w-1\/3 {
    width: 33.3333%;
  }
  .md\:w-1\/4 {
    width: 25%;
  }
  .md\:w-2\/3 {
    width: 66.6667%;
  }
  .md\:w-2\/5 {
    width: 40%;
  }
  .md\:w-3\/4 {
    width: 75%;
  }
  .md\:w-3\/5 {
    width: 60%;
  }
  .md\:w-3\/6 {
    width: 50%;
  }
  .md\:w-9 {
    width: calc(var(--spacing) * 9);
  }
  .md\:w-32 {
    width: calc(var(--spacing) * 32);
  }
  .md\:w-40 {
    width: calc(var(--spacing) * 40);
  }
  .md\:w-48 {
    width: calc(var(--spacing) * 48);
  }
  .md\:w-64 {
    width: calc(var(--spacing) * 64);
  }
  .md\:w-72 {
    width: calc(var(--spacing) * 72);
  }
  .md\:w-80 {
    width: calc(var(--spacing) * 80);
  }
  .md\:w-96 {
    width: calc(var(--spacing) * 96);
  }
  .md\:w-auto {
    width: auto;
  }
  .md\:w-fit {
    width: fit-content;
  }
  .md\:w-full {
    width: 100%;
  }
  .md\:max-w-md {
    max-width: var(--container-md);
  }
  .md\:gap-0 {
    gap: calc(var(--spacing) * 0);
  }
  .md\:gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .md\:gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .md\:gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .md\:gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .md\:gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  :where(.md\:space-y-0 > :not(:last-child)) {
    margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
  }
  .md\:gap-x-8 {
    column-gap: calc(var(--spacing) * 8);
  }
  .md\:gap-y-8 {
    row-gap: calc(var(--spacing) * 8);
  }
  .md\:gap-y-10 {
    row-gap: calc(var(--spacing) * 10);
  }
  .md\:rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .md\:rounded-\[var\(--card-radius\)\] {
    border-radius: var(--card-radius);
  }
  .md\:p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .md\:p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .md\:p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .md\:p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .md\:p-12 {
    padding: calc(var(--spacing) * 12);
  }
  .md\:px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .md\:px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .md\:px-12 {
    padding-inline: calc(var(--spacing) * 12);
  }
  .md\:py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .md\:py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .md\:py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .md\:py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .md\:py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .md\:py-20 {
    padding-block: calc(var(--spacing) * 20);
  }
  .md\:py-24 {
    padding-block: calc(var(--spacing) * 24);
  }
  .md\:pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }
  .md\:pr-12 {
    padding-right: calc(var(--spacing) * 12);
  }
  .md\:pr-16 {
    padding-right: calc(var(--spacing) * 16);
  }
  .md\:pr-20 {
    padding-right: calc(var(--spacing) * 20);
  }
  .md\:pb-24 {
    padding-bottom: calc(var(--spacing) * 24);
  }
  .md\:pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .md\:pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }
  .md\:pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }
  .md\:pl-12 {
    padding-left: calc(var(--spacing) * 12);
  }
  .md\:pl-16 {
    padding-left: calc(var(--spacing) * 16);
  }
  .md\:pl-20 {
    padding-left: calc(var(--spacing) * 20);
  }
  .lg\:inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }
  .lg\:top-8 {
    top: calc(var(--spacing) * 8);
  }
  .lg\:top-24 {
    top: calc(var(--spacing) * 24);
  }
  .lg\:m-0 {
    margin: calc(var(--spacing) * 0);
  }
  .lg\:-mx-4 {
    margin-inline: calc(var(--spacing) * -4);
  }
  .lg\:-mx-6 {
    margin-inline: calc(var(--spacing) * -6);
  }
  .lg\:-mx-10 {
    margin-inline: calc(var(--spacing) * -10);
  }
  .lg\:-mx-12 {
    margin-inline: calc(var(--spacing) * -12);
  }
  .lg\:mx-0 {
    margin-inline: calc(var(--spacing) * 0);
  }
  .lg\:mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }
  .lg\:mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }
  .lg\:mx-6 {
    margin-inline: calc(var(--spacing) * 6);
  }
  .lg\:mx-8 {
    margin-inline: calc(var(--spacing) * 8);
  }
  .lg\:mx-10 {
    margin-inline: calc(var(--spacing) * 10);
  }
  .lg\:mx-12 {
    margin-inline: calc(var(--spacing) * 12);
  }
  .lg\:my-0 {
    margin-block: calc(var(--spacing) * 0);
  }
  .lg\:mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }
  .lg\:mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .lg\:mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .lg\:mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .lg\:mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }
  .lg\:mt-20 {
    margin-top: calc(var(--spacing) * 20);
  }
  .lg\:mr-0 {
    margin-right: calc(var(--spacing) * 0);
  }
  .lg\:mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .lg\:ml-0 {
    margin-left: calc(var(--spacing) * 0);
  }
  .lg\:ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }
  .lg\:ml-auto {
    margin-left: auto;
  }
  .lg\:h-48 {
    height: calc(var(--spacing) * 48);
  }
  .lg\:h-56 {
    height: calc(var(--spacing) * 56);
  }
  .lg\:h-80 {
    height: calc(var(--spacing) * 80);
  }
  .lg\:h-96 {
    height: calc(var(--spacing) * 96);
  }
  .lg\:h-\[32rem\] {
    height: 32rem;
  }
  .lg\:h-\[36rem\] {
    height: 36rem;
  }
  .lg\:h-auto {
    height: auto;
  }
  .lg\:h-full {
    height: 100%;
  }
  .lg\:min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }
  .lg\:w-1\/2 {
    width: 50%;
  }
  .lg\:w-1\/3 {
    width: 33.3333%;
  }
  .lg\:w-1\/4 {
    width: 25%;
  }
  .lg\:w-1\/5 {
    width: 20%;
  }
  .lg\:w-1\/6 {
    width: 16.6667%;
  }
  .lg\:w-2\/3 {
    width: 66.6667%;
  }
  .lg\:w-2\/5 {
    width: 40%;
  }
  .lg\:w-2\/6 {
    width: 33.3333%;
  }
  .lg\:w-3\/4 {
    width: 75%;
  }
  .lg\:w-3\/5 {
    width: 60%;
  }
  .lg\:w-4\/5 {
    width: 80%;
  }
  .lg\:w-4\/6 {
    width: 66.6667%;
  }
  .lg\:w-5\/12 {
    width: 41.6667%;
  }
  .lg\:w-7\/12 {
    width: 58.3333%;
  }
  .lg\:w-56 {
    width: calc(var(--spacing) * 56);
  }
  .lg\:w-64 {
    width: calc(var(--spacing) * 64);
  }
  .lg\:w-72 {
    width: calc(var(--spacing) * 72);
  }
  .lg\:w-80 {
    width: calc(var(--spacing) * 80);
  }
  .lg\:w-96 {
    width: calc(var(--spacing) * 96);
  }
  .lg\:w-\[26rem\] {
    width: 26rem;
  }
  .lg\:w-\[32rem\] {
    width: 32rem;
  }
  .lg\:w-auto {
    width: auto;
  }
  .lg\:w-full {
    width: 100%;
  }
  .lg\:max-w-2xl {
    max-width: var(--container-2xl);
  }
  .lg\:max-w-3xl {
    max-width: var(--container-3xl);
  }
  .lg\:max-w-5xl {
    max-width: var(--container-5xl);
  }
  .lg\:max-w-6xl {
    max-width: var(--container-6xl);
  }
  .lg\:max-w-lg {
    max-width: var(--container-lg);
  }
  .lg\:max-w-sm {
    max-width: var(--container-sm);
  }
  .lg\:max-w-xl {
    max-width: var(--container-xl);
  }
  .lg\:max-w-xs {
    max-width: var(--container-xs);
  }
  .lg\:gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .lg\:gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .lg\:gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  .lg\:gap-16 {
    gap: calc(var(--spacing) * 16);
  }
  .lg\:gap-28 {
    gap: calc(var(--spacing) * 28);
  }
  :where(.lg\:space-y-0 > :not(:last-child)) {
    margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.lg\:space-y-3 > :not(:last-child)) {
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }
  .lg\:rounded-xl {
    border-radius: var(--radius-xl);
  }
  .lg\:rounded-l-lg {
    border-top-left-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
  }
  .lg\:rounded-tr-none {
    border-top-right-radius: 0;
  }
  .lg\:p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .lg\:p-12 {
    padding: calc(var(--spacing) * 12);
  }
  .lg\:p-16 {
    padding: calc(var(--spacing) * 16);
  }
  .lg\:px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .lg\:px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }
  .lg\:px-12 {
    padding-inline: calc(var(--spacing) * 12);
  }
  .lg\:py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .lg\:py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .lg\:py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .lg\:py-44 {
    padding-block: calc(var(--spacing) * 44);
  }
  .lg\:pr-0 {
    padding-right: calc(var(--spacing) * 0);
  }
  .lg\:pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }
  .lg\:pr-24 {
    padding-right: calc(var(--spacing) * 24);
  }
  .lg\:pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }
  .lg\:pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }
  .lg\:pl-10 {
    padding-left: calc(var(--spacing) * 10);
  }
  .lg\:pl-12 {
    padding-left: calc(var(--spacing) * 12);
  }
  .lg\:pl-24 {
    padding-left: calc(var(--spacing) * 24);
  }
  .xl\:-mx-8 {
    margin-inline: calc(var(--spacing) * -8);
  }
  .xl\:mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }
  .xl\:mx-8 {
    margin-inline: calc(var(--spacing) * 8);
  }
  .xl\:mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }
  .xl\:mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .xl\:mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .xl\:mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .xl\:mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .xl\:mt-14 {
    margin-top: calc(var(--spacing) * 14);
  }
  .xl\:mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }
  .xl\:mr-4 {
    margin-right: calc(var(--spacing) * 4);
  }
  .xl\:h-10 {
    height: calc(var(--spacing) * 10);
  }
  .xl\:h-80 {
    height: calc(var(--spacing) * 80);
  }
  .xl\:h-\[28rem\] {
    height: 28rem;
  }
  .xl\:h-\[34rem\] {
    height: 34rem;
  }
  .xl\:w-1\/2 {
    width: 50%;
  }
  .xl\:w-1\/3 {
    width: 33.3333%;
  }
  .xl\:w-1\/4 {
    width: 25%;
  }
  .xl\:w-2\/4 {
    width: 50%;
  }
  .xl\:w-48 {
    width: calc(var(--spacing) * 48);
  }
  .xl\:w-80 {
    width: calc(var(--spacing) * 80);
  }
  .xl\:w-\[34rem\] {
    width: 34rem;
  }
  .xl\:gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .xl\:gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .xl\:gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .xl\:gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  .xl\:gap-16 {
    gap: calc(var(--spacing) * 16);
  }
  :where(.xl\:space-y-8 > :not(:last-child)) {
    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.xl\:space-y-12 > :not(:last-child)) {
    margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.xl\:space-y-20 > :not(:last-child)) {
    margin-block-start: calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse)));
  }
  .xl\:gap-x-16 {
    column-gap: calc(var(--spacing) * 16);
  }
  .xl\:p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .xl\:p-12 {
    padding: calc(var(--spacing) * 12);
  }
  .xl\:px-24 {
    padding-inline: calc(var(--spacing) * 24);
  }
  .xl\:px-32 {
    padding-inline: calc(var(--spacing) * 32);
  }
  .xl\:py-32 {
    padding-block: calc(var(--spacing) * 32);
  }
  .container {
    gap: var(--container-gap);
    border-radius: var(--container-radius);
    min-height: var(--container-min-height);
    width: 100%;
    max-width: none;
    margin-inline: 0;
    padding-block-start: var(--container-padding-block-start, var(--container-padding-block, var(--container-padding, 2rem)));
    padding-block-end: var(--container-padding-block-end, var(--container-padding-block, var(--container-padding, 2rem)));
    padding-inline-start: var(--container-padding-inline-start, var(--container-padding-inline, var(--container-padding, 1.5rem)));
    padding-inline-end: var(--container-padding-inline-end, var(--container-padding-inline, var(--container-padding, 1.5rem)));
  }
  :root {
    line-height: var(--body-line-height);
    letter-spacing: var(--body-letter-spacing);
  }
  .banner {
    min-height: var(--banner-min-height);
    width: 100%;
    max-width: var(--banner-max-width);
    border-radius: var(--banner-radius);
    margin-block-end: var(--banner-margin-block-end);
    margin-inline: auto;
  }
  .banner__content {
    width: var(--banner-content-width);
    padding-top: var(--banner-content-padding-top);
    padding-right: var(--banner-content-padding-right);
    padding-bottom: var(--banner-content-padding-bottom);
    padding-left: var(--banner-content-padding-left);
  }
  .banner__title {
    font-size: var(--banner-title-font-size);
    line-height: var(--banner-title-line-height);
    margin-block-end: var(--banner-title-margin-block-end);
  }
  .banner__description {
    font-size: var(--banner-description-font-size);
    line-height: var(--banner-description-line-height);
    margin-block-start: var(--banner-description-margin-block-start);
    margin-block-end: var(--banner-description-margin-block-end);
  }
  .banner__example {
    font-size: var(--banner-example-font-size);
    line-height: var(--banner-example-line-height);
    margin-block-start: var(--banner-example-margin-block-start);
    margin-block-end: var(--banner-example-margin-block-end);
  }
  .banner__media, .banner__media img {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .banner[class*="banner--"] {
    min-height: auto;
    padding-inline: var(--banner-padding-inline);
    padding-block: var(--banner-padding-block);
  }
  .banner__inner {
    width: min(100%, var(--banner-inner-max-width));
    margin-inline: var(--banner-inner-margin-inline);
    gap: var(--banner-gap);
  }
  .banner[class*="banner--"] .banner__content {
    width: 100%;
    max-width: var(--banner-content-max-width);
    padding: 0;
  }
  .banner__badge {
    border-radius: var(--banner-badge-radius);
    padding-inline: var(--banner-badge-padding-inline);
    padding-block: var(--banner-badge-padding-block);
    font-size: var(--banner-badge-font-size);
    letter-spacing: var(--banner-badge-letter-spacing);
    line-height: 1.2;
  }
  .banner__actions {
    gap: .75rem;
    margin-block-start: 1.25rem;
  }
  .banner__meta {
    font-size: var(--text-small-font-size);
    line-height: var(--text-small-line-height);
    margin: .875rem 0 0;
  }
  .banner__panel {
    border-radius: var(--banner-panel-radius);
    padding-inline: var(--banner-panel-padding-inline);
    padding-block: var(--banner-panel-padding-block);
  }
  .banner__panel-grid {
    gap: .75rem;
  }
  .banner__chips {
    gap: .5rem;
    margin-block-start: 1rem;
  }
  .banner__chip {
    border-radius: var(--banner-chip-radius);
    padding-inline: var(--banner-chip-padding-inline);
    padding-block: var(--banner-chip-padding-block);
    font-size: var(--banner-chip-font-size);
    line-height: 1.3;
  }
  .banner__list {
    gap: .625rem;
    margin: 1rem 0 0;
    padding: 0;
  }
  .banner__list-item {
    padding-inline-start: 1.125rem;
  }
  .banner__list-item:before {
    border-radius: var(--radius-full);
    width: .5rem;
    height: .5rem;
    top: .55em;
    left: 0;
  }
  .banner__stats {
    gap: .75rem;
    margin: 1rem 0 0;
    padding: 0;
  }
  .banner__stat {
    border-radius: var(--banner-stat-radius);
    padding-inline: var(--banner-stat-padding-inline);
    padding-block: var(--banner-stat-padding-block);
  }
  .banner__stat-value {
    font-size: max(1.5rem, calc(12 / 14.4 * 1vw));
    line-height: 1.05;
  }
  .banner__stat-label {
    margin-top: .35rem;
    font-size: max(.8125rem, calc(12 / 14.4 * 1vw));
    line-height: 1.3;
  }
  .banner__form {
    gap: .75rem;
    margin-top: 1rem;
  }
  .banner__input {
    border-radius: var(--banner-input-radius);
    width: 100%;
    padding-inline: var(--banner-input-padding-inline);
    padding-block: var(--banner-input-padding-block);
  }
  .banner__price {
    margin-top: .75rem;
    font-size: 2rem;
    line-height: 1;
  }
  .banner__price-note {
    margin-top: .25rem;
    font-size: .8125rem;
    line-height: 1.3;
  }
  .banner__timer {
    gap: .625rem;
    margin-top: 1rem;
  }
  .banner__timer-item {
    border-radius: var(--banner-timer-radius);
    padding: .625rem .5rem;
  }
  .banner__timer-item strong {
    font-size: 1.125rem;
    line-height: 1;
  }
  .banner__timer-item span {
    margin-top: .3rem;
    font-size: .75rem;
    line-height: 1.2;
  }
  .banner[class*="banner--"] .banner__media {
    border-radius: max(0px, calc(var(--banner-radius)  - .5rem));
    min-height: 16rem;
    top: auto;
    left: auto;
  }
  .banner[class*="banner--"] .banner__media img {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .banner.banner--centered-cta .banner__content {
    margin-inline: auto;
  }
  .banner--announcement-strip .banner__actions, .banner--minimal-inline .banner__actions {
    margin-top: 0;
  }
  .banner.banner--floating-card .banner__panel {
    max-width: none;
    margin-inline: 0;
  }
  .banner.banner--floating-card .banner__panel.banner__content {
    padding-inline: var(--banner-panel-padding-inline);
    padding-block: var(--banner-panel-padding-block);
  }
  .banner.banner--floating-card .banner__media {
    min-height: 18rem;
  }
  .banner--announcement-strip .banner__inner, .banner--minimal-inline .banner__inner {
    gap: 1rem;
  }
  .banner.banner--floating-card .banner__media {
    min-height: 20rem;
  }
  .banner.banner--floating-card .banner__panel {
    max-width: none;
  }
  .banner.banner--floating-card .banner__media {
    min-height: 22rem;
  }
  .footer .container {
    padding-inline: 0;
  }
  .avito-career-footer .container {
    padding-inline: var(--avito-career-footer-padding-inline);
  }
  .footer[data-section="footer/columns"] .container {
    padding-inline: var(--footer-columns-padding-inline);
  }
  img[data-cms-logo] {
    max-height: var(--logo-max-height, 2rem);
    width: auto;
  }
  .header,
header[data-cms-section^="header."] {
    width: auto;
  }
  .header-container {
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: none;
    margin-inline: 0;
    padding-inline-start: var(--header-container-padding-inline-start, var(--header-container-padding-inline, var(--container-padding-inline)));
    padding-inline-end: var(--header-container-padding-inline-end, var(--header-container-padding-inline, var(--container-padding-inline)));
    padding-block-start: var(--header-container-padding-block-start, var(--header-container-padding-block, var(--container-padding-block, 1rem)));
    padding-block-end: var(--header-container-padding-block-end, var(--header-container-padding-block, var(--container-padding-block, 1rem)));
  }
  .footer-container {
    width: 100%;
    max-width: none;
    margin-inline: 0;
    padding-inline-start: var(--container-padding-inline-start, var(--container-padding-inline));
    padding-inline-end: var(--container-padding-inline-end, var(--container-padding-inline));
    padding-block-start: var(--container-padding-block-start, var(--container-padding-block));
    padding-block-end: var(--footer-container-padding-block-end, var(--container-padding-block-end, var(--container-padding-block, 1.25rem)));
  }
  .footer__top {
    gap: 2rem;
  }
  .footer__brand {
    gap: 0.75rem;
  }
  .footer__nav-group {
    gap: 0.5rem;
  }
  .footer__nav-group {
    min-width: 0;
  }
  .footer__top {
    gap: 3rem;
  }
  .footer__logo {
    line-height: 0;
  }
  .footer__email {
    font-size: var(--text-nav-font-size, 1rem);
  }
  .footer__newsletter {
    font-size: var(--text-small-font-size, 0.875rem);
    line-height: 1.5;
  }
  .footer__nav-title {
    font-size: 0.875rem;
    margin-block-end: 0.25rem;
  }
  .footer__nav-link {
    font-size: var(--text-nav-font-size, 1rem);
  }
  .footer__bottom {
    margin-block-start: 2rem;
    padding-block-start: 1.5rem;
  }
  .section-tag {
    padding-inline: var(--chip-padding-inline, 0.75rem);
    padding-block: var(--chip-padding-block, 0.375rem);
    border-radius: var(--chip-radius, calc(999 / 14.4 * 1vw));
    font-size: 0.8125rem;
    line-height: 1.2;
    letter-spacing: 0.01em;
  }
  .section-header {
    margin-block-end: 3rem;
    gap: 0.75rem;
  }
  .section-header__title {
    margin-block: 0;
  }
  .section-header__subtitle {
    max-width: 42rem;
    font-size: var(--text-lead-font-size, 1.125rem);
    line-height: var(--text-lead-line-height, 1.6);
  }
  .pricing__grid {
    gap: 1.5rem;
  }
  .pricing__title {
    margin-block: 0;
  }
  .pricing-card {
    border-radius: var(--card-radius, 0.75rem);
    padding-inline: var(--card-padding-inline, 1.5rem);
    padding-block: var(--card-padding-block, 2rem);
    gap: 1rem;
  }
  .pricing-card__name {
    font-size: 1rem;
  }
  .pricing-card__description {
    font-size: var(--text-small-font-size, 0.875rem);
    line-height: 1.5;
  }
  .pricing-card__price {
    font-size: 2.5rem;
    line-height: 1;
    letter-spacing: -0.02em;
  }
  .pricing-card__period {
    font-size: var(--text-small-font-size, 0.875rem);
    margin-inline-start: 0.25rem;
  }
  .pricing-card__features {
    padding: 0;
    margin: 0;
    gap: 0.625rem;
  }
  .pricing-card__feature {
    gap: 0.5rem;
    font-size: var(--text-small-font-size, 0.875rem);
    line-height: 1.5;
  }
  .pricing-card__check {
    width: 1rem;
    height: 1rem;
    margin-block-start: 0.125rem;
  }
  .pricing-card__btn {
    width: 100%;
    padding-inline: var(--btn-padding-inline, 1.5rem);
    padding-block: var(--btn-padding-block, 0.75rem);
    border-radius: var(--btn-radius, 0.5rem);
    font-size: var(--btn-font-size, 1rem);
    line-height: 1.2;
  }
  .testimonials__grid {
    gap: 1.5rem;
  }
  .testimonials__stats {
    gap: 1rem;
    margin-block-start: 3rem;
  }
  .testimonial-card {
    border-radius: var(--card-radius, 0.75rem);
    padding-inline: var(--card-padding-inline, 1.5rem);
    padding-block: var(--card-padding-block, 1.5rem);
    gap: 0.75rem;
  }
  .testimonial-card__stars {
    gap: 0.125rem;
    font-size: 1rem;
    line-height: 1;
  }
  .testimonial-card__star {
    width: 1em;
    height: 1em;
  }
  .testimonial-card__quote {
    font-size: 1.0625rem;
    line-height: 1.4;
    margin-block: 0;
  }
  .testimonial-card__text {
    font-size: var(--text-small-font-size, 0.875rem);
    line-height: 1.6;
    margin-block: 0;
  }
  .testimonial-card__author {
    gap: 0.75rem;
    margin-block-start: 0.5rem;
  }
  .testimonial-card__avatar {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: calc(999 / 14.4 * 1vw);
  }
  .testimonial-card__info {
    gap: 0.125rem;
  }
  .testimonial-card__name {
    font-size: 0.875rem;
  }
  .testimonial-card__role {
    font-size: 0.8125rem;
  }
  .stat-card {
    padding-inline: 1rem;
    padding-block: 1.25rem;
    border-radius: var(--card-radius, 0.75rem);
  }
  .stat-card__number {
    font-size: 2rem;
    line-height: 1;
  }
  .stat-card__label {
    font-size: var(--text-small-font-size, 0.875rem);
    margin-block-start: 0.375rem;
    line-height: 1.4;
  }
  .dds-header {
    top: 0;
    left: 0;
    right: 0;
  }
  .dds-main-bar {
    padding: var(--spacing-16, calc(16 / 14.4 * 1vw)) var(--spacing-40, calc(40 / 14.4 * 1vw));
    margin-block-start: var(--spacing-16, calc(16 / 14.4 * 1vw));
  }
  .dds-main-logo {
    width: calc(153 / 14.4 * 1vw);
  }
  .dds-main-logo img {
    width: 100%;
    height: 100%;
  }
  .dds-main-nav {
    gap: var(--nav-bar-gap, calc(20 / 14.4 * 1vw));
    padding: var(--nav-bar-padding-block, calc(16 / 14.4 * 1vw)) var(--nav-bar-padding-inline, calc(24 / 14.4 * 1vw));
    border-radius: var(--nav-bar-radius, calc(999 / 14.4 * 1vw));
  }
  .dds-main-link {
    padding: 0 var(--nav-padding-inline, calc(4 / 14.4 * 1vw));
    font-size: calc(14 / 14.4 * 1vw);
    line-height: 1.4;
  }
  .dds-main-link::after {
    height: 1px;
  }
  .dds-main-actions {
    gap: var(--spacing-12, calc(12 / 14.4 * 1vw));
  }
  .dds-main-burger {
    margin: 0;
    border-radius: var(--radius-16, calc(16 / 14.4 * 1vw));
    width: calc(48 / 8.1 * 1vw);
    height: calc(48 / 8.1 * 1vw);
    padding: 0;
  }
  .dds-main-burger-icon {
    width: calc(20 / 8.1 * 1vw);
    height: calc(13.333 / 8.1 * 1vw);
  }
  .dds-main-burger-icon::before {
    left: 0;
    right: 0;
    top: 50%;
    height: 2px;
  }
  .dds-main-burger-icon::after {
    left: 0;
    right: 0;
    top: 50%;
    height: 2px;
  }
  .dds-main-toggle {
    width: 1px;
    height: 1px;
  }
  .dds-app-preview {
    padding: calc(16 / 14.4 * 1vw) calc(16 / 14.4 * 1vw)  calc(64 / 14.4 * 1vw) calc(16 / 14.4 * 1vw);
  }
  .dds-app-preview-card {
    border-radius: calc(32 / 14.4 * 1vw);
  }
  .dds-app-preview-inner {
    gap: calc(48 / 14.4 * 1vw);
    padding: calc(108 / 14.4 * 1vw) calc(40 / 14.4 * 1vw) 0 calc(64 / 14.4 * 1vw);
  }
  .dds-app-preview-intro {
    gap: calc(24 / 14.4 * 1vw);
  }
  .dds-app-preview-pill {
    border-radius: calc(999 / 14.4 * 1vw);
    padding: calc(6 / 14.4 * 1vw) calc(16 / 14.4 * 1vw);
  }
  .dds-app-preview-pill-text {
    margin: 0;
    font-size: calc(14 / 14.4 * 1vw);
    line-height: calc(22 / 14.4 * 1vw);
  }
  .dds-app-preview-heading {
    gap: calc(16 / 14.4 * 1vw);
  }
  .dds-app-preview-title {
    margin: 0;
    font-size: calc(76 / 14.4 * 1vw);
    line-height: calc(86 / 76);
    letter-spacing: calc(-3 / 76);
    max-width: calc(984 / 14.4 * 1vw);
  }
  .dds-app-preview-subtitle {
    margin: 0;
    font-size: calc(18 / 14.4 * 1vw);
    line-height: calc(24 / 18);
    max-width: calc(760 / 14.4 * 1vw);
  }
  .dds-app-preview-cta {
    font-size: calc(14 / 14.4 * 1vw);
    line-height: calc(20 / 14);
    padding: calc(14 / 14.4 * 1vw) calc(22 / 14.4 * 1vw);
    border-radius: calc(100 / 14.4 * 1vw);
  }
  .dds-app-preview-media {
    width: calc(1190 / 14.4 * 1vw);
  }
  .dds-app-preview-shot {
    width: 100%;
    border-radius: var(--card-radius, calc(24 / 14.4 * 1vw)) var(--card-radius, calc(24 / 14.4 * 1vw)) 0 0;
    bottom: calc(-8 / 14.4 * 1vw);
  }
  .dds-marquee {
    gap: calc(24 / 14.4 * 1vw);
  }
  .dds-marquee-eyebrow {
    margin: 0;
    padding: 0 calc(40 / 14.4 * 1vw);
    font-size: calc(16 / 14.4 * 1vw);
    line-height: 1.5;
    letter-spacing: calc(-0.5 / 14.4 * 1vw);
  }
  .dds-marquee-track {
    gap: calc(107 / 14.4 * 1vw);
    padding: 0 calc(40 / 14.4 * 1vw);
  }
  .dds-marquee-item {
    height: calc(37 / 14.4 * 1vw);
  }
  .dds-marquee-item img {
    width: auto;
    height: 100%;
  }
  .dds-steps {
    padding: calc(96 / 14.4 * 1vw) calc(40 / 14.4 * 1vw);
    gap: calc(40 / 14.4 * 1vw);
  }
  .dds-steps-header {
    gap: calc(40 / 14.4 * 1vw);
  }
  .dds-steps-title {
    margin: 0;
    font-size: calc(52 / 14.4 * 1vw);
    line-height: 1.2308;
    letter-spacing: calc(-1 / 14.4 * 1vw);
  }
  .dds-steps-subtitle {
    margin: 0;
    font-size: calc(16 / 14.4 * 1vw);
    line-height: 1.5;
    max-width: calc(310 / 14.4 * 1vw);
  }
  .dds-steps-grid {
    gap: calc(32 / 14.4 * 1vw);
  }
  .dds-steps-card {
    border-radius: var(--card-radius, calc(24 / 14.4 * 1vw));
  }
  .dds-steps-media {
    width: 100%;
    height: calc(432 / 14.4 * 1vw);
  }
  .dds-steps-copy {
    gap: calc(8 / 14.4 * 1vw);
    padding: calc(32 / 14.4 * 1vw);
  }
  .dds-steps-name {
    margin: 0;
    font-size: calc(24 / 14.4 * 1vw);
    line-height: 1.3334;
    letter-spacing: calc(-1 / 14.4 * 1vw);
  }
  .dds-steps-desc {
    margin: 0;
    font-size: calc(16 / 14.4 * 1vw);
    line-height: 1.5;
  }
  .dds-tabs {
    padding: calc(96 / 14.4 * 1vw) calc(40 / 14.4 * 1vw);
  }
  .dds-tabs-inner {
    width: 100%;
    gap: calc(40 / 14.4 * 1vw);
  }
  .dds-tabs-header {
    gap: calc(20 / 14.4 * 1vw);
  }
  .dds-tabs-title {
    margin: 0;
    max-width: 50%;
    font-size: calc(52 / 14.4 * 1vw);
    line-height: 1.2308;
    letter-spacing: calc(-1 / 14.4 * 1vw);
  }
  .dds-tabs-group {
    gap: calc(8 / 14.4 * 1vw);
  }
  .dds-tabs-tab {
    padding: calc(10 / 14.4 * 1vw) calc(16 / 14.4 * 1vw);
    border-radius: calc(999 / 14.4 * 1vw);
    font-size: calc(16 / 14.4 * 1vw);
    line-height: 1.5;
  }
  .dds-tabs-body {
    gap: calc(32 / 14.4 * 1vw);
  }
  .dds-tabs-points-set {
    gap: calc(12 / 14.4 * 1vw);
  }
  .dds-tabs-card {
    gap: calc(8 / 14.4 * 1vw);
    border-radius: calc(20 / 14.4 * 1vw);
    padding: calc(24 / 14.4 * 1vw);
    padding-right: calc(72 / 14.4 * 1vw);
    min-height: calc(180 / 14.4 * 1vw);
  }
  .dds-tabs-card-title {
    margin: 0;
    font-size: calc(24 / 14.4 * 1vw);
    line-height: 1.3333;
    letter-spacing: calc(-1 / 14.4 * 1vw);
  }
  .dds-tabs-card-desc {
    margin: 0;
    font-size: calc(14 / 14.4 * 1vw);
    line-height: 1.4286;
  }
  .dds-tabs-card-num {
    top: 0;
    right: 0;
    min-width: calc(52 / 14.4 * 1vw);
    height: calc(47 / 14.4 * 1vw);
    border-radius: 0 0 0 calc(16 / 14.4 * 1vw);
    font-size: calc(14 / 14.4 * 1vw);
    line-height: 1.2;
  }
  .dds-tabs-panel {
    border-radius: calc(24 / 14.4 * 1vw);
  }
  .dds-tabs-media {
    left: 6.6%;
    top: 12.8%;
    width: 112.5%;
    height: 74.5%;
    max-width: none;
    border-radius: calc(20 / 14.4 * 1vw);
  }
  .dds-why-safe {
    padding: calc(32 / 14.4 * 1vw) calc(40 / 14.4 * 1vw);
    gap: calc(32 / 14.4 * 1vw);
  }
  .dds-why-safe-hero {
    width: 100%;
    border-radius: var(--card-radius, calc(24 / 14.4 * 1vw));
    gap: calc(12 / 14.4 * 1vw);
    padding: calc(64 / 14.4 * 1vw);
  }
  .dds-why-safe-title {
    margin: 0;
    column-gap: calc(10 / 14.4 * 1vw);
    row-gap: 0;
    font-size: calc(48 / 14.4 * 1vw);
    line-height: 1.3333;
    letter-spacing: calc(-1 / 14.4 * 1vw);
  }
  .dds-why-safe-subtitle {
    margin: 0;
    font-size: calc(16 / 14.4 * 1vw);
    line-height: 1.5;
  }
  .dds-why-safe-points {
    gap: calc(32 / 14.4 * 1vw);
  }
  .dds-why-safe-point {
    gap: calc(20 / 14.4 * 1vw);
  }
  .dds-why-safe-tile {
    width: calc(56 / 14.4 * 1vw);
    height: calc(56 / 14.4 * 1vw);
    padding: calc(16 / 14.4 * 1vw);
    border-radius: calc(16 / 14.4 * 1vw);
  }
  .dds-why-safe-tile::before {
    inset: calc(1 / 14.4 * 1vw);
    border-radius: calc(15 / 14.4 * 1vw);
  }
  .dds-why-safe-tile img {
    width: calc(24 / 14.4 * 1vw);
    height: calc(24 / 14.4 * 1vw);
  }
  .dds-why-safe-point-text {
    gap: calc(4 / 14.4 * 1vw);
  }
  .dds-why-safe-point-title {
    margin: 0;
    font-size: calc(16 / 14.4 * 1vw);
    line-height: 1.5;
    letter-spacing: calc(-0.5 / 14.4 * 1vw);
  }
  .dds-why-safe-point-desc {
    margin: 0;
    font-size: calc(16 / 14.4 * 1vw);
    line-height: 1.5;
  }
  .dds-benefit {
    padding: calc(32 / 14.4 * 1vw) calc(40 / 14.4 * 1vw);
    gap: calc(40 / 14.4 * 1vw);
  }
  .dds-benefit-header {
    gap: calc(20 / 14.4 * 1vw);
    margin: 0;
  }
  .dds-benefit-title {
    margin: 0;
    font-size: calc(52 / 14.4 * 1vw);
    line-height: calc(64 / 52);
    letter-spacing: calc(-1.25 / 14.4 * 1vw);
  }
  .dds-benefit-subtitle {
    margin: 0;
    width: calc(310 / 14.4 * 1vw);
    font-size: calc(16 / 14.4 * 1vw);
    line-height: calc(24 / 16);
  }
  .sds-compare-table {
    border-radius: calc(20 / 14.4 * 1vw);
  }
  .sds-compare-brand-border {
    left: calc(100% / var(--dds-benefit-cols));
    width: calc(100% / var(--dds-benefit-cols));
    top: 0;
    bottom: 0;
    border-radius: calc(20 / 14.4 * 1vw);
    padding: calc(2 / 14.4 * 1vw);
  }
  .sds-compare-cell {
    gap: calc(4 / 14.4 * 1vw);
    padding-inline: calc(32 / 14.4 * 1vw);
    font-size: calc(14 / 14.4 * 1vw);
    line-height: calc(20 / 14);
  }
  .sds-compare-row--head .sds-compare-cell {
    gap: calc(8 / 14.4 * 1vw);
    font-size: calc(16 / 14.4 * 1vw);
    line-height: calc(24 / 16);
  }
  .sds-check {
    width: calc(24 / 14.4 * 1vw);
    height: calc(24 / 14.4 * 1vw);
  }
  .sds-check > img {
    width: 100%;
    height: 100%;
  }
  .dds-rmap {
    gap: calc(56 / 14.4 * 1vw);
    padding: calc(32 / 14.4 * 1vw) 0;
  }
  .dds-rmap-header {
    gap: calc(20 / 14.4 * 1vw);
    padding: 0 var(--dds-rmap-pad);
  }
  .dds-rmap-title {
    margin: 0;
    font-size: calc(52 / 14.4 * 1vw);
    line-height: 1.2308;
    letter-spacing: calc(-1 / 14.4 * 1vw);
  }
  .dds-rmap-subtitle {
    margin: 0;
    font-size: calc(16 / 14.4 * 1vw);
    line-height: 1.5;
  }
  .dds-rmap-track {
    width: max-content;
    padding: 0 var(--dds-rmap-pad);
  }
  .dds-rmap-track::before {
    top: calc(16 / 14.4 * 1vw);
    left: var(--dds-rmap-pad);
    right: var(--dds-rmap-pad);
    height: 1px;
  }
  .dds-rmap-track::after {
    top: calc(16 / 14.4 * 1vw);
    left: var(--dds-rmap-pad);
    width: calc(var(--dds-rmap-progress, 0) * var(--dds-rmap-col));
    height: 1px;
  }
  .dds-rmap-item {
    gap: calc(48 / 14.4 * 1vw);
  }
  .dds-rmap-dot {
    width: calc(32 / 14.4 * 1vw);
    height: calc(32 / 14.4 * 1vw);
    margin-left: calc(-12 / 14.4 * 1vw);
    border-radius: 50%;
  }
  .dds-rmap-dot-halo,
  .dds-rmap-dot-core {
    left: 50%;
    top: 50%;
    border-radius: 50%;
  }
  .dds-rmap-dot-halo {
    width: calc(20 / 14.4 * 1vw);
    height: calc(20 / 14.4 * 1vw);
  }
  .dds-rmap-dot-core {
    width: calc(6 / 14.4 * 1vw);
    height: calc(6 / 14.4 * 1vw);
  }
  .dds-rmap-body {
    width: 100%;
    min-height: calc(117 / 14.4 * 1vw);
    padding-right: calc(64 / 14.4 * 1vw);
  }
  .dds-rmap-name {
    margin: 0;
    font-size: calc(16 / 14.4 * 1vw);
    line-height: 1.5;
    letter-spacing: calc(-0.5 / 14.4 * 1vw);
  }
  .dds-rmap-desc {
    margin: calc(8 / 14.4 * 1vw) 0 0;
    font-size: calc(14 / 14.4 * 1vw);
    line-height: 1.4286;
  }
  .dds-rmap-date {
    margin: auto 0 0;
    padding-top: calc(12 / 14.4 * 1vw);
    font-size: calc(14 / 14.4 * 1vw);
    line-height: 1.4286;
  }
  .dds-accordion {
    gap: calc(64 / 14.4 * 1vw);
    padding: calc(96 / 14.4 * 1vw) calc(40 / 14.4 * 1vw);
  }
  .dds-accordion-header {
    gap: calc(20 / 14.4 * 1vw);
  }
  .dds-accordion-title {
    margin: 0;
    font-size: calc(52 / 14.4 * 1vw);
    line-height: 1.2308;
    letter-spacing: calc(-1 / 14.4 * 1vw);
  }
  .dds-accordion-subtitle {
    margin: 0;
    font-size: calc(16 / 14.4 * 1vw);
    line-height: 1.5;
    max-width: calc(310 / 14.4 * 1vw);
  }
  .dds-accordion-list {
    column-gap: calc(32 / 14.4 * 1vw);
    row-gap: calc(20 / 14.4 * 1vw);
  }
  .dds-accordion-item {
    border-radius: calc(20 / 14.4 * 1vw);
    padding: calc(20 / 14.4 * 1vw);
  }
  .dds-accordion-state {
    width: 1px;
    height: 1px;
  }
  .dds-accordion-head {
    gap: calc(20 / 14.4 * 1vw);
    height: calc(24 / 14.4 * 1vw);
    margin: 0;
  }
  .dds-accordion-question {
    margin: 0;
    font-size: calc(16 / 14.4 * 1vw);
    line-height: 1.5;
  }
  .dds-accordion-icon {
    width: calc(24 / 14.4 * 1vw);
    height: calc(24 / 14.4 * 1vw);
  }
  .dds-accordion-icon img {
    width: 100%;
    height: 100%;
  }
  .dds-accordion-panel {
    margin-top: 0;
  }
  .dds-accordion-answer {
    margin: 0;
    min-height: 0;
    font-size: calc(14 / 14.4 * 1vw);
    line-height: 1.4286;
  }
  .dds-accordion-state:checked ~ .dds-accordion-panel {
    margin-top: calc(12 / 14.4 * 1vw);
  }
  .dds-launch[data-cms-section="cta.launch"] {
    border-radius: calc(32 / 14.4 * 1vw);
    padding: calc(96 / 14.4 * 1vw) 0;
  }
  .dds-launch-dust {
    inset: 0;
    border-radius: calc(15 / 14.4 * 1vw);
  }
  .dds-launch-dust img {
    inset: 0;
    width: 100%;
    height: 100%;
  }
  .dds-launch-content {
    gap: calc(32 / 14.4 * 1vw);
    max-width: calc(898 / 14.4 * 1vw);
    margin: 0 auto;
  }
  .dds-launch-intro {
    gap: calc(16 / 14.4 * 1vw);
  }
  .dds-launch-title {
    margin: 0;
    font-size: calc(52 / 14.4 * 1vw);
    line-height: calc(64 / 52);
    letter-spacing: calc(-1.25 / 14.4 * 1vw);
  }
  .dds-launch-subtitle {
    margin: 0;
    font-size: calc(16 / 14.4 * 1vw);
    line-height: calc(24 / 16);
  }
  .dds-launch-actions {
    gap: calc(12 / 14.4 * 1vw);
  }
  .dds-launch-btn {
    border-radius: calc(24 / 14.4 * 1vw);
    padding: calc(14 / 14.4 * 1vw) calc(20 / 14.4 * 1vw);
    font-size: calc(14 / 14.4 * 1vw);
    line-height: calc(20 / 14);
  }
  .dds-footer {
    gap: calc(40 / 14.4 * 1vw);
    padding: calc(32 / 14.4 * 1vw) calc(40 / 14.4 * 1vw) calc(40 / 14.4 * 1vw);
  }
  .dds-footer-top {
    gap: calc(48 / 14.4 * 1vw);
  }
  .dds-footer-brand {
    gap: calc(16 / 14.4 * 1vw);
  }
  .dds-footer-logo {
    width: calc(153 / 14.4 * 1vw);
  }
  .dds-footer-logo img {
    width: 100%;
    height: 100%;
  }
  .dds-footer-email {
    font-size: calc(14 / 14.4 * 1vw);
    line-height: 1.4286;
  }
  .dds-footer-tagline {
    margin: 0;
    font-size: calc(14 / 14.4 * 1vw);
    line-height: 1.4286;
    max-width: calc(297 / 14.4 * 1vw);
  }
  .dds-footer-links {
    gap: calc(48 / 14.4 * 1vw);
  }
  .dds-footer-col {
    gap: calc(16 / 14.4 * 1vw);
  }
  .dds-footer-col-title {
    margin: 0;
    font-size: calc(16 / 14.4 * 1vw);
    line-height: 1.5;
  }
  .dds-footer-list {
    gap: calc(12 / 14.4 * 1vw);
  }
  .dds-footer-link {
    font-size: calc(16 / 14.4 * 1vw);
    line-height: 1.5;
  }
  .dds-footer-legal {
    gap: calc(16 / 14.4 * 1vw);
    padding-top: calc(24 / 14.4 * 1vw);
  }
  .dds-footer-copyright {
    margin: 0;
    font-size: calc(14 / 14.4 * 1vw);
    line-height: 1.4286;
  }
  .section-intro--centered .section-intro__description {
    max-width: 42rem;
    margin-inline: auto;
  }
  .dds-btn {
    gap: calc(4 / 14.4 * 1vw);
    padding: calc(8 / 14.4 * 1vw) calc(12 / 14.4 * 1vw);
    border-radius: calc(12 / 14.4 * 1vw);
    font-size: calc(12 / 14.4 * 1vw);
    line-height: calc(16 / 14.4 * 1vw);
    letter-spacing: 0;
  }
  .dds-btn--l {
    padding: calc(14 / 14.4 * 1vw) calc(20 / 14.4 * 1vw);
    border-radius: calc(24 / 14.4 * 1vw);
    font-size: calc(14 / 14.4 * 1vw);
    line-height: calc(20 / 14.4 * 1vw);
    letter-spacing: -0.5px;
  }
  .dds-tabs {
    gap: 0;
    padding: calc(8 / 14.4 * 1vw) calc(16 / 14.4 * 1vw);
    border-radius: calc(999 / 14.4 * 1vw);
    font-size: calc(16 / 14.4 * 1vw);
    line-height: calc(24 / 14.4 * 1vw);
    letter-spacing: 0;
  }
  .dds-tabs--yes {
    padding: calc(8 / 14.4 * 1vw) calc(16 / 14.4 * 1vw);
    border-radius: calc(999 / 14.4 * 1vw);
    font-size: calc(16 / 14.4 * 1vw);
    line-height: calc(24 / 14.4 * 1vw);
    letter-spacing: 0;
  }
  .dds-tag {
    gap: 0;
    padding: calc(6 / 14.4 * 1vw) calc(12 / 14.4 * 1vw);
    border-radius: calc(50 / 14.4 * 1vw);
    font-size: calc(14 / 14.4 * 1vw);
    line-height: calc(20 / 14.4 * 1vw);
    letter-spacing: 0;
  }
  .dds-tag--yes {
    padding: calc(6 / 14.4 * 1vw) calc(12 / 14.4 * 1vw);
    border-radius: calc(50 / 14.4 * 1vw);
    font-size: calc(14 / 14.4 * 1vw);
    line-height: calc(20 / 14.4 * 1vw);
    letter-spacing: 0;
  }
  .dds-btn--block {
    width: 100%;
  }
  .dds-chip {
    border-radius: var(--chip-radius, calc(50 / 14.4 * 1vw));
    padding: var(--chip-padding-block, calc(6 / 14.4 * 1vw)) var(--chip-padding-inline, calc(12 / 14.4 * 1vw));
  }
  .dds-icon-tile {
    border-radius: var(--icon-tile-radius, calc(16 / 14.4 * 1vw));
  }
  .dds-btn-group {
    gap: var(--btn-group-gap, var(--spacing-0, 0px));
    border-radius: var(--btn-group-radius, calc(16 / 14.4 * 1vw));
  }
  .dds-btn-group__seg {
    padding-inline: var(--btn-group-monthly-padding-inline, calc(24 / 14.4 * 1vw));
    padding-block: var(--btn-group-monthly-padding-block, calc(12 / 14.4 * 1vw));
    border-radius: var(--btn-group-monthly-radius, calc(16 / 14.4 * 1vw));
  }
  .dds-btn-group__seg--yearly {
    padding-inline: var(--btn-group-yearly-padding-inline, calc(16 / 14.4 * 1vw));
    padding-block: var(--btn-group-yearly-padding-block, calc(12 / 14.4 * 1vw));
  }
  .dds-steps {
    padding: calc(96 / 14.4 * 1vw) calc(40 / 14.4 * 1vw);
    gap: calc(40 / 14.4 * 1vw);
  }
  .dds-steps-header {
    gap: calc(40 / 14.4 * 1vw);
  }
  .dds-steps-title {
    margin: 0;
    font-size: calc(52 / 14.4 * 1vw);
    line-height: 1.2308;
    letter-spacing: calc(-1 / 14.4 * 1vw);
  }
  .dds-steps-subtitle {
    margin: 0;
    font-size: calc(16 / 14.4 * 1vw);
    line-height: 1.5;
    max-width: calc(310 / 14.4 * 1vw);
  }
  .dds-steps-grid {
    gap: calc(32 / 14.4 * 1vw);
  }
  .dds-steps-card {
    border-radius: var(--card-radius, calc(24 / 14.4 * 1vw));
  }
  .dds-steps-media {
    width: 100%;
    height: calc(432 / 14.4 * 1vw);
  }
  .dds-steps-copy {
    gap: calc(8 / 14.4 * 1vw);
    padding: calc(32 / 14.4 * 1vw);
  }
  .dds-steps-name {
    margin: 0;
    font-size: calc(24 / 14.4 * 1vw);
    line-height: 1.3334;
    letter-spacing: calc(-1 / 14.4 * 1vw);
  }
  .dds-steps-desc {
    margin: 0;
    font-size: calc(16 / 14.4 * 1vw);
    line-height: 1.5;
  }
  [data-section-id="019f8703-47cb-764d-a38e-b7781ba86d98"] > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) {
    height: calc(322 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-764d-a38e-b7781ba86d98"] [data-cms-key="hero.subtitle"] {
    max-width: none;
    width: calc(984 / 14.4 * 1vw);
    height: calc(46 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-764d-a38e-b7781ba86d98"] img[data-cms-image="hero.app-screenshot"], video[data-cms-image="hero.app-screenshot"] {
    width: calc(1190 / 14.4 * 1vw);
    height: calc(726 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-764d-a38e-b7781ba86d98"] > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) {
    width: calc(1190 / 14.4 * 1vw);
    height: calc(617 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-7679-a38e-b7781d2af330"] [data-cms-key="process.subtitle"] {
    max-width: none;
  }
  [data-section-id="019f8703-47cb-7679-a38e-b7781d2af330"] > div:nth-child(2) > article:nth-child(1) > div:nth-child(2) > div:nth-child(1) {
    width: calc(432 / 14.4 * 1vw);
    height: calc(152 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] > div:nth-child(4) > div:nth-child(1) > h2:nth-child(1) {
    width: calc(827 / 14.4 * 1vw);
    max-width: none;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] [data-cms-key="use-cases.tab1"] {
    width: calc(78 / 14.4 * 1vw);
    height: calc(44 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] > div:nth-child(4) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > article:nth-child(4) {
    min-height: calc(152 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] > div:nth-child(4) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > article:nth-child(3) {
    min-height: calc(152 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] > div:nth-child(4) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > article:nth-child(2) {
    min-height: calc(152 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] > div:nth-child(4) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > article:nth-child(1) {
    min-height: calc(152 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] img[data-cms-image="use-cases.item1.img"], video[data-cms-image="use-cases.item1.img"] {
    height: calc(648 / 14.4 * 1vw);
    width: calc(894 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] img[data-cms-image="use-cases.item2.img"], video[data-cms-image="use-cases.item2.img"] {
    height: calc(647 / 14.4 * 1vw);
    width: calc(894 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] img[data-cms-image="use-cases.item3.img"], video[data-cms-image="use-cases.item3.img"] {
    height: calc(647 / 14.4 * 1vw);
    width: calc(894 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] img[data-cms-image="use-cases.item4.img"], video[data-cms-image="use-cases.item4.img"] {
    width: calc(894 / 14.4 * 1vw);
    height: calc(647 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] > div:nth-child(4) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > article:nth-child(1) {
    min-height: calc(152 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] > div:nth-child(4) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > article:nth-child(2) {
    min-height: calc(152 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] > div:nth-child(4) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > article:nth-child(3) {
    min-height: calc(152 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] > div:nth-child(4) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > article:nth-child(4) {
    min-height: calc(152 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] img[data-cms-image="use-cases.tab2.item1.img"], video[data-cms-image="use-cases.tab2.item1.img"] {
    width: calc(894 / 14.4 * 1vw);
    height: calc(648 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] img[data-cms-image="use-cases.tab2.item2.img"], video[data-cms-image="use-cases.tab2.item2.img"] {
    width: calc(894 / 14.4 * 1vw);
    height: calc(648 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] img[data-cms-image="use-cases.tab2.item3.img"], video[data-cms-image="use-cases.tab2.item3.img"] {
    width: calc(894 / 14.4 * 1vw);
    height: calc(648 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] img[data-cms-image="use-cases.tab2.item4.img"], video[data-cms-image="use-cases.tab2.item4.img"] {
    width: calc(894 / 14.4 * 1vw);
    height: calc(648 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] [data-cms-key="use-cases.tab3.item1.title"] {
    width: calc(350 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] > div:nth-child(4) > div:nth-child(2) > div:nth-child(1) > div:nth-child(3) > article:nth-child(1) {
    min-height: calc(152 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] > div:nth-child(4) > div:nth-child(2) > div:nth-child(1) > div:nth-child(3) > article:nth-child(2) {
    min-height: calc(152 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] > div:nth-child(4) > div:nth-child(2) > div:nth-child(1) > div:nth-child(3) > article:nth-child(3) {
    min-height: calc(152 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] > div:nth-child(4) > div:nth-child(2) > div:nth-child(1) > div:nth-child(3) > article:nth-child(4) {
    min-height: calc(152 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-76c5-a38e-b7781ec54f1f"] [data-cms-key="faq.subtitle"] {
    max-width: none;
  }
  [data-section-id="019f8703-47cb-76e5-a38e-b7781f24944c"] > div:nth-child(1) > nav:nth-child(2) {
    width: calc(661 / 14.4 * 1vw);
    height: calc(172 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-7679-a38e-b7781d2af330"] img[data-cms-image="process.step1.image"], video[data-cms-image="process.step1.image"] {
    width: calc(432 / 14.4 * 1vw);
    height: calc(324 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-7679-a38e-b7781d2af330"] img[data-cms-image="process.step2.image"], video[data-cms-image="process.step2.image"] {
    height: calc(324 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-7679-a38e-b7781d2af330"] img[data-cms-image="process.step3.image"], video[data-cms-image="process.step3.image"] {
    height: calc(324 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-76e5-a38e-b7781f24944c"] > div:nth-child(1) > div:nth-child(1) > a:nth-child(1) {
    width: calc(153 / 14.4 * 1vw);
    height: calc(24 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-75b5-a38e-b7781ba182e2"] img[data-cms-image="header.logo"], video[data-cms-image="header.logo"] {
    width: calc(153 / 14.4 * 1vw);
    height: calc(26 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-76e5-a38e-b7781f24944c"] img[data-cms-image="footer.logo"], video[data-cms-image="footer.logo"] {
    width: calc(153 / 14.4 * 1vw);
    height: calc(24 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] > div:nth-child(4) > div:nth-child(2) > div:nth-child(2) {
    width: calc(894 / 14.4 * 1vw);
    height: calc(647 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] img[data-cms-image="use-cases.tab3.item1.img"], video[data-cms-image="use-cases.tab3.item1.img"] {
    width: calc(894 / 14.4 * 1vw);
    height: calc(647 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] img[data-cms-image="use-cases.tab3.item2.img"], video[data-cms-image="use-cases.tab3.item2.img"] {
    width: calc(894 / 14.4 * 1vw);
    height: calc(647 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] img[data-cms-image="use-cases.tab3.item3.img"], video[data-cms-image="use-cases.tab3.item3.img"] {
    width: calc(894 / 14.4 * 1vw);
    height: calc(647 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] img[data-cms-image="use-cases.tab3.item4.img"], video[data-cms-image="use-cases.tab3.item4.img"] {
    width: calc(846 / 14.4 * 1vw);
    height: calc(647 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-76a5-a38e-b7781e1d2734"] [data-cms-key="compare.subtitle"] {
    width: calc(782 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-76b5-a38e-b7781e65d44b"] [data-cms-key="roadmap.platform.item3.desc"] {
    width: 100%;
  }
  [data-section-id="019f8703-47cb-76b5-a38e-b7781e65d44b"] [data-cms-key="roadmap.platform.item5.desc"] {
    width: calc(278 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-76a5-a38e-b7781e1d2734"] > header:nth-child(1) {
    width: calc(1527 / 14.4 * 1vw);
    height: calc(119 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-76d5-a38e-b7781f231618"] > div:nth-child(2) > div:nth-child(1) {
    width: calc(934 / 14.4 * 1vw);
    height: calc(253 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-7695-a38e-b7781d900968"] > div:nth-child(1) {
    width: calc(1360 / 14.4 * 1vw);
    height: calc(209 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-764d-a38e-b7781ba86d98"] {
    padding-bottom: calc(16 / 14.4 * 1vw);
  }
  [data-section-id="019f86f6-7005-78db-9cac-f4586c756f01"] > div:nth-child(1) {
    row-gap: calc(8 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-7679-a38e-b7781d2af330"] > div:nth-child(1) {
    row-gap: calc(8 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] {
    padding-right: calc(40 / 14.4 * 1vw);
    padding-left: calc(40 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-76b5-a38e-b7781e65d44b"] {
    padding-top: calc(96 / 14.4 * 1vw);
    padding-bottom: calc(96 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-76c5-a38e-b7781ec54f1f"] > div:nth-child(1) {
    row-gap: calc(8 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-76b5-a38e-b7781e65d44b"] > header:nth-child(1) {
    row-gap: calc(8 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-7695-a38e-b7781d900968"] {
    padding-top: calc(96 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-76e5-a38e-b7781f24944c"] {
    row-gap: calc(32 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-76c5-a38e-b7781ec54f1f"] {
    padding-top: calc(64 / 14.4 * 1vw);
    padding-bottom: calc(64 / 14.4 * 1vw);
  }
  [data-section-id="019f85c8-721b-77b3-88ee-54c683c80fa7"] > div:nth-child(2) > div:nth-child(1) > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }
  [data-section-id="019f8703-47cb-76a5-a38e-b7781e1d2734"] {
    padding-top: calc(48 / 14.4 * 1vw);
    padding-bottom: calc(48 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-76d5-a38e-b7781f231618"] {
    margin-right: 0;
    margin-left: 0;
  }
  [data-section-id="019f8703-47cb-76a5-a38e-b7781e1d2734"] > header:nth-child(1) {
    row-gap: calc(8 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-764d-a38e-b7781ba86d98"] > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) {
    padding-top: calc(20 / 14.4 * 1vw);
  }
  [data-section-id="019f8703-47cb-764d-a38e-b7781ba86d98"] > div:nth-child(1) > div:nth-child(1) {
    row-gap: calc(32 / 14.4 * 1vw);
  }
  .dds-benefit {
    padding: calc(32 / 14.4 * 1vw) calc(40 / 14.4 * 1vw);
    gap: calc(40 / 14.4 * 1vw);
  }
  .dds-benefit-header {
    gap: calc(20 / 14.4 * 1vw);
    margin: 0;
  }
  .dds-benefit-title {
    margin: 0;
    font-size: calc(52 / 14.4 * 1vw);
    line-height: calc(64 / 52);
    letter-spacing: calc(-1.25 / 14.4 * 1vw);
  }
  .dds-benefit-subtitle {
    margin: 0;
    width: calc(310 / 14.4 * 1vw);
    font-size: calc(16 / 14.4 * 1vw);
    line-height: calc(24 / 16);
  }
  .sds-compare-table {
    border-radius: calc(20 / 14.4 * 1vw);
  }
  .sds-compare-brand-border {
    left: calc(100% / var(--dds-benefit-cols));
    width: calc(100% / var(--dds-benefit-cols));
    top: 0;
    bottom: 0;
    border-radius: calc(20 / 14.4 * 1vw);
    padding: calc(2 / 14.4 * 1vw);
  }
  .sds-compare-cell {
    gap: calc(4 / 14.4 * 1vw);
    padding-inline: calc(32 / 14.4 * 1vw);
    font-size: calc(14 / 14.4 * 1vw);
    line-height: calc(20 / 14);
  }
  .sds-compare-row--head .sds-compare-cell {
    gap: calc(8 / 14.4 * 1vw);
    font-size: calc(16 / 14.4 * 1vw);
    line-height: calc(24 / 16);
  }
  .sds-check {
    width: calc(24 / 14.4 * 1vw);
    height: calc(24 / 14.4 * 1vw);
  }
  .sds-check > img {
    width: 100%;
    height: 100%;
  }
  .dds-benefit {
    padding: calc(32 / 14.4 * 1vw) calc(40 / 14.4 * 1vw);
    gap: calc(40 / 14.4 * 1vw);
  }
  .dds-benefit-header {
    gap: calc(20 / 14.4 * 1vw);
    margin: 0;
  }
  .dds-benefit-title {
    margin: 0;
    font-size: calc(52 / 14.4 * 1vw);
    line-height: calc(64 / 52);
    letter-spacing: calc(-1.25 / 14.4 * 1vw);
  }
  .dds-benefit-subtitle {
    margin: 0;
    width: calc(310 / 14.4 * 1vw);
    font-size: calc(16 / 14.4 * 1vw);
    line-height: calc(24 / 16);
  }
  .sds-compare-table {
    border-radius: calc(20 / 14.4 * 1vw);
  }
  .sds-compare-brand-border {
    left: calc(100% / var(--dds-benefit-cols));
    width: calc(100% / var(--dds-benefit-cols));
    top: 0;
    bottom: 0;
    border-radius: calc(20 / 14.4 * 1vw);
    padding: calc(2 / 14.4 * 1vw);
  }
  .sds-compare-cell {
    gap: calc(4 / 14.4 * 1vw);
    padding-inline: calc(32 / 14.4 * 1vw);
    font-size: calc(14 / 14.4 * 1vw);
    line-height: calc(20 / 14);
  }
  .sds-compare-row--head .sds-compare-cell {
    gap: calc(8 / 14.4 * 1vw);
    font-size: calc(16 / 14.4 * 1vw);
    line-height: calc(24 / 16);
  }
  .sds-check {
    width: calc(24 / 14.4 * 1vw);
    height: calc(24 / 14.4 * 1vw);
  }
  .sds-check > img {
    width: 100%;
    height: 100%;
  }
  .dds-launch[data-cms-section="cta.launch"] {
    border-radius: calc(32 / 14.4 * 1vw);
    padding: calc(96 / 14.4 * 1vw) 0;
  }
  .dds-launch-dust {
    inset: 0;
    border-radius: calc(15 / 14.4 * 1vw);
  }
  .dds-launch-dust img {
    inset: 0;
    width: 100%;
    height: 100%;
  }
  .dds-launch-content {
    gap: calc(32 / 14.4 * 1vw);
    max-width: calc(898 / 14.4 * 1vw);
    margin: 0 auto;
  }
  .dds-launch-intro {
    gap: calc(16 / 14.4 * 1vw);
  }
  .dds-launch-title {
    margin: 0;
    font-size: calc(52 / 14.4 * 1vw);
    line-height: calc(64 / 52);
    letter-spacing: calc(-0.5 / 14.4 * 1vw);
  }
  .dds-launch-subtitle {
    margin: 0;
    font-size: calc(16 / 14.4 * 1vw);
    line-height: calc(24 / 16);
  }
  .dds-launch-actions {
    gap: calc(12 / 14.4 * 1vw);
  }
  .dds-launch-btn {
    border-radius: calc(24 / 14.4 * 1vw);
    padding: calc(14 / 14.4 * 1vw) calc(20 / 14.4 * 1vw);
    font-size: calc(14 / 14.4 * 1vw);
    line-height: calc(20 / 14);
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] img[data-cms-image="use-cases.item1.img"], video[data-cms-image="use-cases.item1.img"] {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] img[data-cms-image="use-cases.item2.img"], video[data-cms-image="use-cases.item2.img"] {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] img[data-cms-image="use-cases.tab2.item1.img"], video[data-cms-image="use-cases.tab2.item1.img"] {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] img[data-cms-image="use-cases.item3.img"], video[data-cms-image="use-cases.item3.img"] {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] img[data-cms-image="use-cases.item4.img"], video[data-cms-image="use-cases.item4.img"] {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] img[data-cms-image="use-cases.tab2.item2.img"], video[data-cms-image="use-cases.tab2.item2.img"] {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] img[data-cms-image="use-cases.tab2.item3.img"], video[data-cms-image="use-cases.tab2.item3.img"] {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] img[data-cms-image="use-cases.tab2.item4.img"], video[data-cms-image="use-cases.tab2.item4.img"] {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] img[data-cms-image="use-cases.tab3.item1.img"], video[data-cms-image="use-cases.tab3.item1.img"] {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] img[data-cms-image="use-cases.tab3.item2.img"], video[data-cms-image="use-cases.tab3.item2.img"] {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] img[data-cms-image="use-cases.tab3.item3.img"], video[data-cms-image="use-cases.tab3.item3.img"] {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] img[data-cms-image="use-cases.tab3.item4.img"], video[data-cms-image="use-cases.tab3.item4.img"] {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .dds-benefit-header {
    max-width: 100%;
  }
  .dds-benefit-subtitle {
    min-width: 0;
  }
  .dds-accordion-head {
    height: auto;
  }
  .dds-why-safe-tile {
    border-radius: 38%;
  }
  .dds-cookie {
    right: calc(20 / 14.4 * 1vw);
    bottom: calc(20 / 14.4 * 1vw);
    max-width: calc(400 / 14.4 * 1vw);
    padding: calc(20 / 14.4 * 1vw) calc(20 / 14.4 * 1vw) calc(18 / 14.4 * 1vw);
    border-radius: calc(16 / 14.4 * 1vw);
  }
  .dds-cookie-text {
    margin: 0 0 calc(16 / 14.4 * 1vw);
    font-size: calc(14 / 14.4 * 1vw);
    line-height: 1.5;
  }
  .dds-cookie-actions {
    gap: calc(8 / 14.4 * 1vw);
  }
  #header .dds-main-bar {
    width: min(calc(100% - calc(32 / 14.4 * 1vw)), calc(960 / 14.4 * 1vw));
    min-height: calc(52 / 14.4 * 1vw);
    margin: calc(16 / 14.4 * 1vw) auto 0;
    padding: calc(7 / 14.4 * 1vw) calc(9 / 14.4 * 1vw) calc(7 / 14.4 * 1vw) calc(14 / 14.4 * 1vw);
    border-radius: calc(16 / 14.4 * 1vw);
  }
  #header .dds-main-logo img {
    width: auto;
    height: calc(20 / 14.4 * 1vw);
  }
  #header .dds-main-nav {
    gap: 0;
    margin-inline: auto;
    padding: 0;
    border-radius: 0;
  }
  #header .dds-main-link {
    padding: calc(8 / 14.4 * 1vw) calc(10 / 14.4 * 1vw);
    border-radius: calc(9 / 14.4 * 1vw);
    font-size: calc(12 / 14.4 * 1vw);
  }
  #header .dds-main-demo {
    min-height: 0;
    padding: calc(10 / 14.4 * 1vw) calc(20 / 14.4 * 1vw);
    border-radius: calc(12 / 14.4 * 1vw);
  }
  #header.is-scrolled .dds-main-bar {
    margin-top: calc(16 / 14.4 * 1vw);
    padding-block: calc(7 / 14.4 * 1vw);
  }
  #hero.dds-app-preview {
    padding: calc(12 / 14.4 * 1vw);
  }
  #hero .dds-app-preview-inner {
    padding-inline: calc(40 / 14.4 * 1vw);
  }
  #hero .dds-app-preview-intro {
    margin-top: calc(16 / 14.4 * 1vw);
    gap: calc(20 / 14.4 * 1vw);
  }
  #hero .dds-app-preview-heading {
    min-height: calc(260 / 14.4 * 1vw);
    height: auto;
    gap: calc(16 / 14.4 * 1vw);
  }
  #hero .dds-app-preview-card {
    border-radius: calc(20 / 14.4 * 1vw);
  }
  #logos {
    margin-top: calc(32 / 14.4 * 1vw);
  }
  #roadmap {
    padding-top: calc(77 / 14.4 * 1vw);
    padding-bottom: calc(20 / 14.4 * 1vw);
  }
  #faq {
    gap: calc(24 / 14.4 * 1vw);
  }
  #faq .dds-accordion-list,
#faq .dds-accordion-header {
    margin-top: 0;
    margin-bottom: 0;
  }
  #faq .dds-accordion-head::after {
    inset: 0;
    border-radius: inherit;
  }
  #features .dds-why-safe-image {
    width: 100%;
    height: calc(432 / 14.4 * 1vw);
    border-radius: calc(20 / 14.4 * 1vw);
  }
  #features .dds-why-safe-image img {
    width: 100%;
    height: 100%;
  }
  #use-cases .dds-tabs-panel,
#use-cases .dds-tabs-media {
    border-radius: calc(12 / 14.4 * 1vw) !important;
  }
  #hero .dds-app-preview-media {
    height: auto !important;
    padding-top: 0 !important;
  }
  #hero .dds-app-preview-shot,
#hero img[data-cms-image="hero.app-screenshot"] {
    bottom: 0;
  }
  #hero .dds-app-preview-media {
    margin-top: calc(20 / 14.4 * 1vw);
  }
  #use-cases .dds-tabs-card {
    border-radius: 0 !important;
  }
  #roadmap .dds-rmap-track::after {
    width: calc(var(--dds-rmap-progress, 0) * var(--dds-rmap-col) + calc(4 / 14.4 * 1vw));
  }
  .dds-cookie-actions {
    width: 100%;
  }
  #footer [data-cms-key="footer.legal.email"] {
    font-size: max(12px, calc(14 / 14.4 * 1vw)) !important;
    line-height: 1.4286 !important;
  }
  #footer {
    padding-top: calc(64 / 14.4 * 1vw) !important;
    padding-bottom: calc(64 / 14.4 * 1vw) !important;
  }
  #footer .dds-footer-top,
  #footer .dds-footer-links {
    height: auto !important;
    min-height: 0;
  }
  #cta .dds-launch-title {
    font-size: calc(40 / 14.4 * 1vw) !important;
  }
  /* Keep one static, contained logo group outside the mobile marquee layout. */
@media (min-width: 768px) {
    width: 100%;
    max-width: 100%;
  }
  #header.dds-header {
    inset: 0 0 auto;
  }
  #header.is-scrolled .dds-main-bar {
    margin-block-start: calc(16 / 14.4 * 1vw);
    padding-block: calc(7 / 14.4 * 1vw);
  }
  #hero .dds-app-preview-title {
    line-height: 1.08;
  }
  #process .dds-steps-card {
    border-radius: 0;
  }
  #process .dds-steps-media {
    border-radius: calc(20 / 14.4 * 1vw);
  }
  #process .dds-steps-copy {
    height: calc(100 / 14.4 * 1vw);
    gap: calc(4 / 14.4 * 1vw);
    padding: calc(16 / 14.4 * 1vw) 0 0;
  }
  #use-cases .dds-tabs-title {
    width: 100%;
    max-width: none;
  }
  #use-cases .dds-tabs-wide {
    width: 100%;
  }
  #use-cases .dds-tabs-title {
    height: auto;
    font-size: clamp(calc(34 / 14.4 * 1vw), 3.2vw, calc(46 / 14.4 * 1vw));
    line-height: 1.1;
  }
  .dds-tabs-card,
.dds-tabs-panel,
.dds-tabs-media {
    border-radius: calc(12 / 14.4 * 1vw);
  }
  #use-cases .dds-tabs-body {
    gap: calc(32 / 14.4 * 1vw);
  }
  #use-cases .dds-tabs-card {
    gap: calc(5 / 14.4 * 1vw);
    border-radius: 0;
    min-height: 0;
    padding: calc(20 / 14.4 * 1vw) 0;
  }
  #use-cases .dds-tabs-card:first-child {
    padding-top: 0;
  }
  #use-cases .dds-tabs-card-title {
    margin: 0;
    font-size: calc(20 / 14.4 * 1vw);
    line-height: 1.4;
    letter-spacing: calc(-0.5 / 14.4 * 1vw);
  }
  #use-cases .dds-tabs-card-desc {
    margin: 0;
    font-size: calc(14 / 14.4 * 1vw);
    line-height: 1.4286;
  }
  #use-cases .dds-tabs-card-desc > span {
    min-height: 0;
  }
  #use-cases .dds-tabs-card-progress {
    left: 0;
    right: 0;
    bottom: calc(-1 * var(--dds-use-case-rule));
    height: var(--dds-use-case-rule);
  }
  #use-cases .dds-tabs-card-progress-fill {
    height: 100%;
    width: 100%;
  }
  #use-cases .dds-tabs-panel {
    border-radius: calc(16 / 14.4 * 1vw);
  }
  #use-cases .dds-tabs-media {
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    border-radius: 0;
  }
  .dds-btn,
.dds-btn--l,
.dds-app-preview-cta,
.dds-launch-btn,
.dds-tabs-tab {
    border-radius: calc(12 / 14.4 * 1vw);
  }
  .dds-why-safe-section-title {
    margin: 0;
    font-size: calc(52 / 14.4 * 1vw);
    line-height: calc(64 / 52);
    letter-spacing: calc(-1.25 / 14.4 * 1vw);
  }
  #features .dds-why-safe-points {
    gap: calc(32 / 14.4 * 1vw);
  }
  #features .dds-why-safe-point {
    padding: 0;
    border-radius: 0;
  }
  #features .dds-why-safe-card {
    width: 100%;
    height: calc(432 / 14.4 * 1vw);
    border-radius: calc(20 / 14.4 * 1vw);
  }
  #features .dds-why-safe-card::before {
    inset: 0;
  }
  #features .dds-why-safe-tile {
    width: calc(128 / 14.4 * 1vw);
    height: calc(128 / 14.4 * 1vw);
    padding: 0;
    border-radius: calc(36 / 14.4 * 1vw);
  }
  #features .dds-why-safe-tile svg {
    width: calc(56 / 14.4 * 1vw);
    height: calc(56 / 14.4 * 1vw);
  }
  #features .dds-why-safe-point-text {
    height: calc(100 / 14.4 * 1vw);
    gap: calc(4 / 14.4 * 1vw);
    padding: 0;
  }
  #features .dds-why-safe-point-title {
    margin: 0;
    font-size: calc(24 / 14.4 * 1vw);
    line-height: 1.3334;
    letter-spacing: calc(-1 / 14.4 * 1vw);
  }
  #features .dds-why-safe-point-desc {
    margin: 0;
    font-size: calc(16 / 14.4 * 1vw);
    line-height: 1.5;
  }
  #faq .dds-accordion-list {
    column-gap: calc(32 / 14.4 * 1vw);
    row-gap: 0;
  }
  #faq .dds-accordion-col {
    min-width: 0;
    row-gap: calc(20 / 14.4 * 1vw);
  }
  .dds-accordion-question {
    width: auto;
    max-width: none;
    min-width: 0;
  }
  .dds-accordion-icon {
    margin-left: auto;
  }
  #cta .dds-launch-content {
    gap: calc(24 / 14.4 * 1vw);
  }
  #process .dds-steps-header,
#compare .dds-benefit-header,
#roadmap .dds-rmap-header,
#faq .dds-accordion-header,
#cta .dds-launch-intro {
    gap: calc(8 / 14.4 * 1vw);
  }
  #hero .dds-app-preview-media {
    width: 100%;
    height: auto;
  }
  #hero .dds-app-preview-shot,
#hero img[data-cms-image="hero.app-screenshot"] {
    width: 100%;
    height: 100%;
    border-radius: calc(16 / 14.4 * 1vw) calc(16 / 14.4 * 1vw) 0 0;
  }
  #process,
#use-cases {
    padding-top: calc(32 / 14.4 * 1vw);
    padding-bottom: calc(128 / 14.4 * 1vw);
  }
  #features,
#compare,
#roadmap,
#faq {
    padding-top: calc(32 / 14.4 * 1vw);
    padding-bottom: calc(96 / 14.4 * 1vw);
  }
  #footer {
    padding-top: calc(64 / 14.4 * 1vw);
    padding-bottom: calc(64 / 14.4 * 1vw);
  }
  #cta {
    border-radius: calc(16 / 14.4 * 1vw);
  }
  #cta::before,
#cta::after {
    border-radius: 50%;
  }
  #cta::before {
    width: 58%;
    height: 72%;
    left: -14%;
    top: -20%;
  }
  #cta::after {
    width: 64%;
    height: 78%;
    right: -18%;
    bottom: -26%;
  }
  #cta .dds-launch-shine {
    width: 30%;
    height: 34%;
    left: 35%;
    top: 8%;
    border-radius: 50%;
  }
  #use-cases .dds-tabs-tab {
    padding-right: calc(10 / 14.4 * 1vw);
    padding-left: calc(10 / 14.4 * 1vw);
  }
  .dds-launch-content {
    width: min(calc(1100 / 14.4 * 1vw), 100%);
    max-width: none;
  }
  #cta .dds-launch-content > .dds-launch-intro {
    width: 100%;
    height: auto;
  }
  #cta .dds-launch-title {
    width: 100%;
    font-size: calc(48 / 14.4 * 1vw);
  }
  #cta {
    padding-top: calc(128 / 14.4 * 1vw);
    padding-bottom: calc(128 / 14.4 * 1vw);
  }
  #cta .dds-launch-content {
    width: calc(1080 / 14.4 * 1vw);
    margin-left: calc(80 / 14.4 * 1vw);
    margin-right: calc(80 / 14.4 * 1vw);
  }
  .dds-marquee-item {
    height: calc(var(--h) * var(--k));
  }
  .dds-marquee-item-3 img {
    width: calc(100.85 / 37 * var(--h));
  }
  .dds-marquee-item-4 img {
    width: calc(43.44 / 37 * var(--h));
  }
  .dds-marquee-item-7 img {
    width: calc(102.19 / 37 * var(--h));
  }
  .dds-marquee-item-8 img {
    width: calc(113.58 / 37 * var(--h));
  }
  .dds-marquee-item-9 img {
    width: calc(98.22 / 37 * var(--h));
  }
  .dds-marquee-item-10 img {
    width: calc(106.09 / 37 * var(--h));
  }
  .dds-lightbox {
    inset: 0;
  }
  .dds-lightbox-scroll {
    inset: 0;
  }
  /* margin:auto (not justify-content) so an image wider than the viewport
   stays reachable on both sides when zoomed. */
.dds-lightbox-img {
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    border-radius: calc(6 / 14.4 * 1vw);
  }
  .dds-lightbox.is-zoomed .dds-lightbox-img {
    max-width: none;
    max-height: none;
    height: 100%;
    width: auto;
    border-radius: 0;
  }
  .dds-lightbox-close {
    top: calc(12 / 14.4 * 1vw);
    right: calc(12 / 14.4 * 1vw);
    width: calc(40 / 14.4 * 1vw);
    height: calc(40 / 14.4 * 1vw);
    padding: 0;
    border-radius: calc(999 / 14.4 * 1vw);
  }
  .dds-lightbox-caption {
    left: 0;
    right: 0;
    bottom: 0;
    padding: calc(40 / 14.4 * 1vw) calc(24 / 14.4 * 1vw) calc(24 / 14.4 * 1vw);
  }
  .dds-lightbox-caption-title {
    margin: 0;
  }
  .dds-lightbox-caption-desc {
    margin: calc(4 / 14.4 * 1vw) 0 0;
  }
  html.dds-lightbox-locked body {
    left: 0;
    right: 0;
    width: 100%;
  }
  @media (max-width: 47.99rem) {
    .cards [data-cms-key="cards.title"], .cards [data-cms-key="cards.description"], .job-board [data-cms-key="job-board.title"], .job-board [data-cms-key="job-board.subtitle"] {
      margin-inline: auto;
    }
    .card [class*="btn"] {
      width: 100%;
    }
    .section-header__subtitle {
      max-width: 100%;
    }
    .section-intro--centered .section-intro__description {
      max-width: 100%;
    }
  }
  @media (hover: hover) {
    .hover\:text-title-accent:hover {
      font-size: var(--text-title-accent-font-size);
    }
  }
}

@media (min-width: 2560px) {
  /* Stop the page itself from stretching; html keeps painting the page colour
     in the gutters, so the frame reads as intentional margin. */
  body {
    max-width: 2560px;
    margin-inline: auto;
  }

  /* The header is fixed, so it sits outside the centred body and needs the
     same frame applied to itself. */
  #header.dds-header {
    right: 0;
    left: 0;
    width: min(100%, 2560px);
    margin-inline: auto;
  }

  *, :after, :before, ::backdrop {
    margin: 0;
    padding: 0;
  }
  ::file-selector-button {
    margin: 0;
    padding: 0;
  }
  html, :host {
    line-height: 1.5;
  }
  hr {
    height: 0;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
  }
  code, kbd, samp, pre {
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
  }
  sub {
    bottom: -.25em;
  }
  sup {
    top: -.5em;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea {
    letter-spacing: inherit;
    border-radius: 0;
  }
  ::file-selector-button {
    letter-spacing: inherit;
    border-radius: 0;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 35.556px;
  }
  ::file-selector-button {
    margin-inline-end: 7.111px;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  ::-webkit-inner-spin-button {
    height: auto;
  }
  ::-webkit-outer-spin-button {
    height: auto;
  }
  h1 {
    font-size: var(--h1-font-size);
    line-height: var(--h1-line-height);
    letter-spacing: var(--h1-letter-spacing);
  }
  h2 {
    font-size: var(--h2-font-size);
    line-height: var(--h2-line-height);
    letter-spacing: var(--h2-letter-spacing);
  }
  h3 {
    font-size: var(--h3-font-size);
    line-height: var(--h3-line-height);
    letter-spacing: var(--h3-letter-spacing);
  }
  h4 {
    font-size: var(--h4-font-size);
    line-height: var(--h4-line-height);
    letter-spacing: var(--h4-letter-spacing);
  }
  h5 {
    font-size: var(--h5-font-size);
    line-height: var(--h5-line-height);
    letter-spacing: var(--h5-letter-spacing);
  }
  h6 {
    font-size: var(--h6-font-size);
    line-height: var(--h6-line-height);
    letter-spacing: var(--h6-letter-spacing);
  }
  a {
    font-size: var(--text-link-font-size);
    line-height: var(--text-link-line-height);
    letter-spacing: var(--text-link-letter-spacing);
  }
  button:not(.tab):not(.navbar-toggle):not(.chip):not(.chip-primary) {
    border-radius: var(--btn-radius);
    line-height: 1.5;
    font-size: var(--btn-font-size);
    letter-spacing: var(--btn-letter-spacing);
    line-height: var(--btn-line-height);
    padding-block: var(--btn-padding-block);
    padding-inline: var(--btn-padding-inline);
    height: var(--btn-height);
    width: var(--btn-width);
    gap: var(--btn-gap);
  }
  img {
    max-width: var(--image-max-width);
    width: var(--image-width);
    height: var(--image-height);
    margin-block: var(--image-margin-block);
    margin-inline: var(--image-margin-inline);
    left: var(--image-left);
    top: var(--image-top);
    bottom: var(--image-bottom);
    right: var(--image-right);
  }
  label {
    font-size: var(--label-font-size);
    line-height: var(--label-line-height);
    letter-spacing: var(--label-letter-spacing);
    margin-block-end: var(--label-gap);
  }
  input[type="text"], input[type="email"], input[type="search"], input[type="url"], input[type="tel"], input[type="password"] {
    padding-inline: var(--input-padding-inline);
    padding-block: var(--input-padding-block);
    height: var(--input-height);
    border-radius: var(--input-radius);
    font-size: var(--input-font-size);
    line-height: var(--input-line-height);
    letter-spacing: var(--input-letter-spacing);
  }
  textarea {
    padding-inline: var(--textarea-padding-inline);
    padding-block: var(--textarea-padding-block);
    height: var(--textarea-height);
    min-height: var(--textarea-min-height);
    border-radius: var(--textarea-radius);
    font-size: var(--textarea-font-size);
    line-height: var(--textarea-line-height);
    letter-spacing: var(--textarea-letter-spacing);
  }
  section, header, footer {
    padding-inline: var(--section-padding-inline);
    padding-block: var(--section-padding-block);
    margin-block-start: var(--section-margin-top);
    margin-block-end: var(--section-margin-bottom);
  }
  body {
    gap: var(--layout-gap);
    font-size: var(--body-font-size);
  }
  .image {
    max-width: var(--image-max-width);
    width: var(--image-width);
    height: var(--image-height);
    margin-block: var(--image-margin-block);
    margin-inline: var(--image-margin-inline);
    left: var(--image-left);
    top: var(--image-top);
    bottom: var(--image-bottom);
    right: var(--image-right);
  }
  .sr-only {
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
  }
  .card-elevated {
    border-radius: var(--card-radius);
    padding-inline: var(--card-padding-inline);
    padding-block: var(--card-padding-block);
    min-height: var(--card-min-height);
  }
  .card-filled {
    border-radius: var(--card-radius);
    padding-inline: var(--card-padding-inline);
    padding-block: var(--card-padding-block);
    min-height: var(--card-min-height);
  }
  .card {
    border-radius: var(--card-radius);
    padding-inline: var(--card-padding-inline);
    padding-block: var(--card-padding-block);
    min-height: var(--card-min-height);
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }
  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-1 {
    top: calc(var(--spacing) * 1);
  }
  .top-1\/2 {
    top: 50%;
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-1\/2 {
    left: 50%;
  }
  .left-4 {
    left: calc(var(--spacing) * 4);
  }
  .-m-1 {
    margin: calc(var(--spacing) * -1);
  }
  .-m-2 {
    margin: calc(var(--spacing) * -2);
  }
  .-m-4 {
    margin: calc(var(--spacing) * -4);
  }
  .-m-12 {
    margin: calc(var(--spacing) * -12);
  }
  .m-0 {
    margin: calc(var(--spacing) * 0);
  }
  .m-1 {
    margin: calc(var(--spacing) * 1);
  }
  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }
  .-mx-1\.5 {
    margin-inline: calc(var(--spacing) * -1.5);
  }
  .-mx-2 {
    margin-inline: calc(var(--spacing) * -2);
  }
  .-mx-4 {
    margin-inline: calc(var(--spacing) * -4);
  }
  .-mx-6 {
    margin-inline: calc(var(--spacing) * -6);
  }
  .mx-1 {
    margin-inline: calc(var(--spacing) * 1);
  }
  .mx-1\.5 {
    margin-inline: calc(var(--spacing) * 1.5);
  }
  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }
  .mx-3 {
    margin-inline: calc(var(--spacing) * 3);
  }
  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }
  .mx-5 {
    margin-inline: calc(var(--spacing) * 5);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .-my-8 {
    margin-block: calc(var(--spacing) * -8);
  }
  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }
  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .my-5 {
    margin-block: calc(var(--spacing) * 5);
  }
  .my-6 {
    margin-block: calc(var(--spacing) * 6);
  }
  .my-7 {
    margin-block: calc(var(--spacing) * 7);
  }
  .my-8 {
    margin-block: calc(var(--spacing) * 8);
  }
  .my-10 {
    margin-block: calc(var(--spacing) * 10);
  }
  .my-12 {
    margin-block: calc(var(--spacing) * 12);
  }
  .accordion-body > * {
    font-size: var(--accordion-content-font-size);
    line-height: var(--accordion-content-line-height);
    letter-spacing: var(--accordion-content-letter-spacing);
    margin-block-end: var(--accordion-body-margin-end);
    margin-inline-start: var(--accordion-body-margin-start);
    padding-block-start: var(--accordion-body-padding-block-start, 0);
    padding-block-end: var(--accordion-body-padding-block-end, var(--accordion-padding-block));
    padding-inline-start: var(--accordion-body-padding-inline-start, var(--accordion-padding-inline));
    padding-inline-end: var(--accordion-body-padding-inline-end, var(--accordion-padding-inline));
  }
  .-mt-4 {
    margin-top: calc(var(--spacing) * -4);
  }
  .-mt-20 {
    margin-top: calc(var(--spacing) * -20);
  }
  .-mt-72 {
    margin-top: calc(var(--spacing) * -72);
  }
  .mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * .5);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mt-14 {
    margin-top: calc(var(--spacing) * 14);
  }
  .mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }
  .mt-20 {
    margin-top: calc(var(--spacing) * 20);
  }
  .mt-auto {
    margin-top: auto;
  }
  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mr-3 {
    margin-right: calc(var(--spacing) * 3);
  }
  .mr-4 {
    margin-right: calc(var(--spacing) * 4);
  }
  .mr-5 {
    margin-right: calc(var(--spacing) * 5);
  }
  .-mb-1 {
    margin-bottom: calc(var(--spacing) * -1);
  }
  .-mb-10 {
    margin-bottom: calc(var(--spacing) * -10);
  }
  .-mb-px {
    margin-bottom: -1px;
  }
  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .mb-16 {
    margin-bottom: calc(var(--spacing) * 16);
  }
  .mb-20 {
    margin-bottom: calc(var(--spacing) * 20);
  }
  .mb-auto {
    margin-bottom: auto;
  }
  .ml-0 {
    margin-left: calc(var(--spacing) * 0);
  }
  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }
  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }
  .ml-5 {
    margin-left: calc(var(--spacing) * 5);
  }
  .ml-6 {
    margin-left: calc(var(--spacing) * 6);
  }
  .ml-9 {
    margin-left: calc(var(--spacing) * 9);
  }
  .ml-auto {
    margin-left: auto;
  }
  .step-indicator {
    width: var(--step-indicator-size);
    height: var(--step-indicator-size);
    border-radius: var(--step-indicator-radius);
    font-size: var(--step-indicator-font-size);
    line-height: var(--step-indicator-line-height);
    letter-spacing: var(--step-indicator-letter-spacing);
  }
  .accordion-icon {
    width: var(--accordion-icon-box-size);
    height: var(--accordion-icon-box-size);
    padding-inline: var(--accordion-icon-padding-inline);
    padding-block: var(--accordion-icon-padding-block);
    border-radius: var(--accordion-icon-radius);
  }
  .accordion-icon svg {
    width: var(--accordion-icon-size);
    height: var(--accordion-icon-size);
  }
  .btn-outline {
    border-radius: var(--btn-radius);
    line-height: 1.5;
    font-size: var(--btn-font-size);
    letter-spacing: var(--btn-letter-spacing);
    line-height: var(--btn-line-height);
    padding-block: var(--btn-padding-block);
    padding-inline: var(--btn-padding-inline);
    height: var(--btn-height);
    width: var(--btn-width);
    gap: var(--btn-gap);
  }
  .btn-light {
    border-radius: var(--btn-radius);
    line-height: 1.5;
    font-size: var(--btn-font-size);
    letter-spacing: var(--btn-letter-spacing);
    line-height: var(--btn-line-height);
    padding-block: var(--btn-padding-block);
    padding-inline: var(--btn-padding-inline);
    height: var(--btn-height);
    width: var(--btn-width);
    gap: var(--btn-gap);
  }
  .btn-primary {
    border-radius: var(--btn-radius);
    line-height: 1.5;
    font-size: var(--btn-font-size);
    letter-spacing: var(--btn-letter-spacing);
    line-height: var(--btn-line-height);
    padding-block: var(--btn-padding-block);
    padding-inline: var(--btn-padding-inline);
    height: var(--btn-height);
    width: var(--btn-width);
    gap: var(--btn-gap);
  }
  .btn-ghost {
    border-radius: var(--btn-radius);
    line-height: 1.5;
    font-size: var(--btn-font-size);
    letter-spacing: var(--btn-letter-spacing);
    line-height: var(--btn-line-height);
    padding-block: var(--btn-padding-block);
    padding-inline: var(--btn-padding-inline);
    height: var(--btn-height);
    width: var(--btn-width);
    gap: var(--btn-gap);
  }
  .btn {
    border-radius: var(--btn-radius);
    line-height: 1.5;
    font-size: var(--btn-font-size);
    letter-spacing: var(--btn-letter-spacing);
    line-height: var(--btn-line-height);
    padding-block: var(--btn-padding-block);
    padding-inline: var(--btn-padding-inline);
    height: var(--btn-height);
    width: var(--btn-width);
    gap: var(--btn-gap);
  }
  .icon-box-outline {
    width: var(--icon-box-size);
    height: var(--icon-box-size);
    padding: var(--icon-box-padding);
    border-radius: var(--icon-box-radius);
  }
  .icon-box-outline svg {
    width: 100%;
    height: 100%;
  }
  .icon-box-ghost {
    width: var(--icon-box-size);
    height: var(--icon-box-size);
    padding: var(--icon-box-padding);
    border-radius: var(--icon-box-radius);
  }
  .icon-box-ghost svg {
    width: 100%;
    height: 100%;
  }
  .icon-box-light {
    width: var(--icon-box-size);
    height: var(--icon-box-size);
    padding: var(--icon-box-padding);
    border-radius: var(--icon-box-radius);
  }
  .icon-box-light svg {
    width: 100%;
    height: 100%;
  }
  .icon-box-primary {
    width: var(--icon-box-size);
    height: var(--icon-box-size);
    padding: var(--icon-box-padding);
    border-radius: var(--icon-box-radius);
  }
  .icon-box-primary svg {
    width: 100%;
    height: 100%;
  }
  .icon-box {
    width: var(--icon-box-size);
    height: var(--icon-box-size);
    padding: var(--icon-box-padding);
    border-radius: var(--icon-box-radius);
  }
  .icon-box svg {
    width: 100%;
    height: 100%;
  }
  .tab {
    height: var(--tab-height);
    padding-inline: var(--tab-padding-inline);
    padding-block: var(--tab-padding-block);
    border-radius: var(--tab-radius);
    font-size: var(--tab-font-size);
    gap: .25rem;
  }
  .accordion-trigger {
    width: 100%;
    padding: var(--accordion-padding-block) var(--accordion-padding-inline);
    font-size: var(--accordion-trigger-font-size);
    line-height: var(--accordion-trigger-line-height);
    letter-spacing: var(--accordion-trigger-letter-spacing);
    gap: .75rem;
  }
  .card-ribbon {
    width: 100%;
    padding: var(--card-ribbon-padding-block) var(--card-ribbon-padding-inline);
    font-size: var(--card-ribbon-font-size);
    letter-spacing: .02em;
    border-radius: var(--card-radius) var(--card-radius) 0 0;
  }
  .chip-primary {
    padding-inline: var(--chip-primary-padding-inline);
    padding-block: var(--chip-padding-block);
    border-radius: var(--chip-radius);
    font-size: var(--chip-font-size);
    line-height: var(--chip-line-height);
    letter-spacing: var(--chip-letter-spacing);
  }
  .chip {
    padding-inline: var(--chip-padding-inline);
    padding-block: var(--chip-padding-block);
    border-radius: var(--chip-radius);
    font-size: var(--chip-font-size);
    line-height: var(--chip-line-height);
    letter-spacing: var(--chip-letter-spacing);
  }
  .tag-primary {
    padding-inline: var(--tag-padding-inline);
    padding-block: var(--tag-padding-block);
    border-radius: var(--tag-radius);
    font-size: var(--tag-font-size);
    line-height: var(--tag-line-height);
    letter-spacing: var(--tag-letter-spacing);
    border-radius: var(--tag-primary-radius);
  }
  .tag {
    padding-inline: var(--tag-padding-inline);
    padding-block: var(--tag-padding-block);
    border-radius: var(--tag-radius);
    font-size: var(--tag-font-size);
    line-height: var(--tag-line-height);
    letter-spacing: var(--tag-letter-spacing);
  }
  .nav-list {
    gap: var(--nav-list-gap);
  }
  .tabs {
    padding-block: 1rem;
  }
  .nav-link {
    font-size: var(--text-nav-font-size);
    line-height: var(--text-nav-line-height);
    letter-spacing: var(--text-nav-letter-spacing);
  }
  .nav-link {
    font-size: var(--nav-link-font-size);
    line-height: var(--nav-link-line-height);
    letter-spacing: var(--nav-link-letter-spacing);
    padding-inline: var(--nav-link-padding-inline);
    padding-block: var(--nav-link-padding-block);
  }
  .label {
    font-size: var(--label-font-size);
    line-height: var(--label-line-height);
    letter-spacing: var(--label-letter-spacing);
    margin-block-end: var(--label-gap);
  }
  .textarea {
    padding-inline: var(--textarea-padding-inline);
    padding-block: var(--textarea-padding-block);
    height: var(--textarea-height);
    min-height: var(--textarea-min-height);
    border-radius: var(--textarea-radius);
    font-size: var(--textarea-font-size);
    line-height: var(--textarea-line-height);
    letter-spacing: var(--textarea-letter-spacing);
  }
  .no-container {
    width: auto;
    max-width: none;
    height: auto;
    padding-inline: calc(var(--spacing) * 0);
  }
  .navbar-toggle svg {
    width: var(--navbar-toggle-size);
    height: var(--navbar-toggle-size);
  }
  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .tabs-outline {
    border-radius: .5rem;
    gap: 0;
    padding: .125rem;
    padding-block: .125rem;
  }
  .tabs-outline .tab {
    height: auto;
    padding-block: .375rem;
    padding-inline: 1rem;
  }
  .input {
    padding-inline: var(--input-padding-inline);
    padding-block: var(--input-padding-block);
    height: var(--input-height);
    border-radius: var(--input-radius);
    font-size: var(--input-font-size);
    line-height: var(--input-line-height);
    letter-spacing: var(--input-letter-spacing);
  }
  .h-1 {
    height: calc(var(--spacing) * 1);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-7 {
    height: calc(var(--spacing) * 7);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-14 {
    height: calc(var(--spacing) * 14);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-20 {
    height: calc(var(--spacing) * 20);
  }
  .h-24 {
    height: calc(var(--spacing) * 24);
  }
  .h-28 {
    height: calc(var(--spacing) * 28);
  }
  .h-32 {
    height: calc(var(--spacing) * 32);
  }
  .h-36 {
    height: calc(var(--spacing) * 36);
  }
  .h-40 {
    height: calc(var(--spacing) * 40);
  }
  .h-44 {
    height: calc(var(--spacing) * 44);
  }
  .h-48 {
    height: calc(var(--spacing) * 48);
  }
  .h-52 {
    height: calc(var(--spacing) * 52);
  }
  .h-56 {
    height: calc(var(--spacing) * 56);
  }
  .h-64 {
    height: calc(var(--spacing) * 64);
  }
  .h-72 {
    height: calc(var(--spacing) * 72);
  }
  .h-80 {
    height: calc(var(--spacing) * 80);
  }
  .h-96 {
    height: calc(var(--spacing) * 96);
  }
  .h-100 {
    height: calc(var(--spacing) * 100);
  }
  .h-\[28rem\] {
    height: 28rem;
  }
  .h-\[32rem\] {
    height: 32rem;
  }
  .h-\[38rem\] {
    height: 38rem;
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .h-px {
    height: 1px;
  }
  .tabs-segmented {
    border-radius: .5rem;
    gap: .25rem;
    padding: .375rem;
    padding-block: .375rem;
  }
  .tabs-segmented .tab {
    width: 100%;
    min-height: 2.5rem;
    padding-inline: .75rem;
  }
  .tabs-segmented .tab {
    width: auto;
  }
  .min-h-80 {
    min-height: calc(var(--spacing) * 80);
  }
  .min-h-screen {
    height: 100vh;
    max-height: 90vw;
  }
  .accordion-collapse {
    width: var(--accordion-width);
    max-width: var(--accordion-max-width);
    border-radius: var(--accordion-radius);
  }
  .accordion-outline {
    width: var(--accordion-width);
    max-width: var(--accordion-max-width);
    border-radius: var(--accordion-radius);
  }
  .accordion-card {
    width: var(--accordion-width);
    max-width: var(--accordion-max-width);
    border-radius: var(--accordion-radius);
  }
  .accordion {
    width: var(--accordion-width);
    max-width: var(--accordion-max-width);
    border-radius: var(--accordion-radius);
  }
  .w-1 {
    width: calc(var(--spacing) * 1);
  }
  .w-1\/2 {
    width: 50%;
  }
  .w-2\/3 {
    width: 66.6667%;
  }
  .w-2\/4 {
    width: 50%;
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-3\/4 {
    width: 75%;
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-5\/6 {
    width: 83.3333%;
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-7 {
    width: calc(var(--spacing) * 7);
  }
  .w-7\/12 {
    width: 58.3333%;
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-11 {
    width: calc(var(--spacing) * 11);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-14 {
    width: calc(var(--spacing) * 14);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-28 {
    width: calc(var(--spacing) * 28);
  }
  .w-32 {
    width: calc(var(--spacing) * 32);
  }
  .w-36 {
    width: calc(var(--spacing) * 36);
  }
  .w-40 {
    width: calc(var(--spacing) * 40);
  }
  .w-48 {
    width: calc(var(--spacing) * 48);
  }
  .w-64 {
    width: calc(var(--spacing) * 64);
  }
  .w-72 {
    width: calc(var(--spacing) * 72);
  }
  .w-80 {
    width: calc(var(--spacing) * 80);
  }
  .w-96 {
    width: calc(var(--spacing) * 96);
  }
  .w-100 {
    width: calc(var(--spacing) * 100);
  }
  .w-\[28rem\] {
    width: 28rem;
  }
  .w-auto {
    width: auto;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-px {
    width: 1px;
  }
  .w-xl {
    width: var(--container-xl);
  }
  .w-xs {
    width: var(--container-xs);
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-4xl {
    max-width: var(--container-4xl);
  }
  .max-w-5xl {
    max-width: var(--container-5xl);
  }
  .max-w-6xl {
    max-width: var(--container-6xl);
  }
  .max-w-7xl {
    max-width: var(--container-7xl);
  }
  .max-w-\[140px\] {
    max-width: 248.889px;
  }
  .max-w-\[480px\] {
    max-width: 853.333px;
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-lg {
    max-width: var(--container-lg);
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-screen-xl {
    max-width: var(--breakpoint-xl);
  }
  .max-w-sm {
    max-width: var(--container-sm);
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .max-w-xs {
    max-width: var(--container-xs);
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .min-w-\[600px\] {
    min-width: 1066.667px;
  }
  .min-w-full {
    min-width: 100%;
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  .gap-16 {
    gap: calc(var(--spacing) * 16);
  }
  :where(.space-y-1 > :not(:last-child)) {
    margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-2 > :not(:last-child)) {
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-2\.5 > :not(:last-child)) {
    margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-3 > :not(:last-child)) {
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-4 > :not(:last-child)) {
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-5 > :not(:last-child)) {
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-6 > :not(:last-child)) {
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-8 > :not(:last-child)) {
    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-10 > :not(:last-child)) {
    margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-12 > :not(:last-child)) {
    margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-16 > :not(:last-child)) {
    margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)));
  }
  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }
  .gap-x-8 {
    column-gap: calc(var(--spacing) * 8);
  }
  .gap-x-16 {
    column-gap: calc(var(--spacing) * 16);
  }
  :where(.space-x-4 > :not(:last-child)) {
    margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
  }
  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }
  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }
  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }
  .gap-y-5 {
    row-gap: calc(var(--spacing) * 5);
  }
  .gap-y-6 {
    row-gap: calc(var(--spacing) * 6);
  }
  .gap-y-8 {
    row-gap: calc(var(--spacing) * 8);
  }
  .gap-y-10 {
    row-gap: calc(var(--spacing) * 10);
  }
  .gap-y-12 {
    row-gap: calc(var(--spacing) * 12);
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-\[var\(--card-radius\)\] {
    border-radius: var(--card-radius);
  }
  .rounded-full {
    border-radius: var(--radius-full);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-none {
    border-radius: 0;
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-t-\[inherit\] {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
  }
  .rounded-t-lg {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
  }
  .rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .rounded-tl-none {
    border-top-left-radius: 0;
  }
  .rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .rounded-tr-lg {
    border-top-right-radius: var(--radius-lg);
  }
  .rounded-tr-none {
    border-top-right-radius: 0;
  }
  .rounded-b-lg {
    border-bottom-right-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-0\.5 {
    padding: calc(var(--spacing) * .5);
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .p-10 {
    padding: calc(var(--spacing) * 10);
  }
  .p-12 {
    padding: calc(var(--spacing) * 12);
  }
  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }
  .px-12 {
    padding-inline: calc(var(--spacing) * 12);
  }
  .px-\[var\(--rem14\)\] {
    padding-inline: var(--rem14);
  }
  .py-0 {
    padding-block: calc(var(--spacing) * 0);
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .py-14 {
    padding-block: calc(var(--spacing) * 14);
  }
  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .py-24 {
    padding-block: calc(var(--spacing) * 24);
  }
  .py-32 {
    padding-block: calc(var(--spacing) * 32);
  }
  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }
  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }
  .pt-16 {
    padding-top: calc(var(--spacing) * 16);
  }
  .pr-0 {
    padding-right: calc(var(--spacing) * 0);
  }
  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }
  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }
  .pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
  }
  .pb-20 {
    padding-bottom: calc(var(--spacing) * 20);
  }
  .pb-24 {
    padding-bottom: calc(var(--spacing) * 24);
  }
  .pl-0 {
    padding-left: calc(var(--spacing) * 0);
  }
  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }
  .pl-10 {
    padding-left: calc(var(--spacing) * 10);
  }
  .pl-12 {
    padding-left: calc(var(--spacing) * 12);
  }
  .text-h1 {
    font-size: var(--h1-font-size);
    line-height: var(--h1-line-height);
    letter-spacing: var(--h1-letter-spacing);
  }
  .text-h2 {
    font-size: var(--h2-font-size);
    line-height: var(--h2-line-height);
    letter-spacing: var(--h2-letter-spacing);
  }
  .text-h3 {
    font-size: var(--h3-font-size);
    line-height: var(--h3-line-height);
    letter-spacing: var(--h3-letter-spacing);
  }
  .text-h4 {
    font-size: var(--h4-font-size);
    line-height: var(--h4-line-height);
    letter-spacing: var(--h4-letter-spacing);
  }
  .text-h5 {
    font-size: var(--h5-font-size);
    line-height: var(--h5-line-height);
    letter-spacing: var(--h5-letter-spacing);
  }
  .text-h6 {
    font-size: var(--h6-font-size);
    line-height: var(--h6-line-height);
    letter-spacing: var(--h6-letter-spacing);
  }
  .text-body {
    font-size: var(--body-font-size);
    line-height: var(--body-line-height);
    letter-spacing: var(--body-letter-spacing);
  }
  .text-label {
    font-size: var(--text-label-font-size);
    line-height: var(--text-label-line-height);
    letter-spacing: var(--text-label-letter-spacing);
  }
  .text-quote {
    font-size: var(--text-quote-font-size);
    line-height: var(--text-quote-line-height);
    letter-spacing: var(--text-quote-letter-spacing);
  }
  .text-link {
    font-size: var(--text-link-font-size);
    line-height: var(--text-link-line-height);
    letter-spacing: var(--text-link-letter-spacing);
  }
  .text-nav {
    font-size: var(--text-nav-font-size);
    line-height: var(--text-nav-line-height);
    letter-spacing: var(--text-nav-letter-spacing);
  }
  .text-caption {
    font-size: var(--text-caption-font-size);
    line-height: var(--text-caption-line-height);
    letter-spacing: var(--text-caption-letter-spacing);
  }
  .text-lead {
    font-size: var(--text-lead-font-size);
    line-height: var(--text-lead-line-height);
    letter-spacing: var(--text-lead-letter-spacing);
  }
  .text-muted {
    font-size: var(--text-muted-font-size);
    line-height: var(--text-muted-line-height);
    letter-spacing: var(--text-muted-letter-spacing);
  }
  .text-name {
    font-size: var(--text-name-font-size);
    line-height: var(--text-name-line-height);
    letter-spacing: var(--text-name-letter-spacing);
  }
  .text-price {
    font-size: var(--text-price-font-size);
    line-height: var(--text-price-line-height);
    letter-spacing: var(--text-price-letter-spacing);
  }
  .text-small {
    font-size: var(--text-small-font-size);
    line-height: var(--text-small-line-height);
    letter-spacing: var(--text-small-letter-spacing);
  }
  .text-title-accent {
    font-size: var(--text-title-accent-font-size);
  }
  .text-display-xl {
    font-size: var(--text-display-xl-font-size);
    line-height: var(--text-display-xl-line-height);
    letter-spacing: var(--text-display-xl-letter-spacing);
  }
  .text-display-l {
    font-size: var(--text-display-l-font-size);
    line-height: var(--text-display-l-line-height);
    letter-spacing: var(--text-display-l-letter-spacing);
  }
  .text-overline {
    font-size: var(--text-overline-font-size);
    line-height: var(--text-overline-line-height);
    letter-spacing: var(--text-overline-letter-spacing);
  }
  .text-lead-font-size {
    font-size: var(--text-lead-font-size);
  }
  .text-nav-color {
    font-size: var(--text-nav-color);
  }
  .text-nav-color-hover {
    font-size: var(--text-nav-color-hover);
  }
  .text-nav-font-size {
    font-size: var(--text-nav-font-size);
  }
  .text-nav-font-weight {
    font-size: var(--text-nav-font-weight);
  }
  .text-price-font-size {
    font-size: var(--text-price-font-size);
  }
  .text-quote-font-size {
    font-size: var(--text-quote-font-size);
  }
  .text-small-color {
    font-size: var(--text-small-color);
  }
  .leading-4 {
    line-height: calc(var(--spacing) * 4);
  }
  .leading-5 {
    line-height: calc(var(--spacing) * 5);
  }
  .leading-6 {
    line-height: calc(var(--spacing) * 6);
  }
  .leading-7 {
    line-height: calc(var(--spacing) * 7);
  }
  .leading-8 {
    line-height: calc(var(--spacing) * 8);
  }
  .leading-none {
    line-height: 1;
  }
  .after\:top-0\.5:after {
    top: calc(var(--spacing) * .5);
  }
  .after\:left-\[2px\]:after {
    left: 2px;
  }
  .after\:h-5:after {
    height: calc(var(--spacing) * 5);
  }
  .after\:w-5:after {
    width: calc(var(--spacing) * 5);
  }
  .after\:rounded-full:after {
    border-radius: var(--radius-full);
  }
  .first\:pt-0:first-child {
    padding-top: calc(var(--spacing) * 0);
  }
  .last\:pb-0:last-child {
    padding-bottom: calc(var(--spacing) * 0);
  }
  .md\:top-0 {
    top: calc(var(--spacing) * 0);
  }
  .md\:-m-2 {
    margin: calc(var(--spacing) * -2);
  }
  .md\:m-0 {
    margin: calc(var(--spacing) * 0);
  }
  .md\:-mx-2 {
    margin-inline: calc(var(--spacing) * -2);
  }
  .md\:-mx-3 {
    margin-inline: calc(var(--spacing) * -3);
  }
  .md\:-mx-4 {
    margin-inline: calc(var(--spacing) * -4);
  }
  .md\:-mx-5 {
    margin-inline: calc(var(--spacing) * -5);
  }
  .md\:mx-0 {
    margin-inline: calc(var(--spacing) * 0);
  }
  .md\:mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }
  .md\:mx-3 {
    margin-inline: calc(var(--spacing) * 3);
  }
  .md\:mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }
  .md\:mx-5 {
    margin-inline: calc(var(--spacing) * 5);
  }
  .md\:mx-6 {
    margin-inline: calc(var(--spacing) * 6);
  }
  .md\:mx-8 {
    margin-inline: calc(var(--spacing) * 8);
  }
  .md\:mx-10 {
    margin-inline: calc(var(--spacing) * 10);
  }
  .md\:mx-24 {
    margin-inline: calc(var(--spacing) * 24);
  }
  .md\:my-0 {
    margin-block: calc(var(--spacing) * 0);
  }
  .md\:my-8 {
    margin-block: calc(var(--spacing) * 8);
  }
  .md\:my-10 {
    margin-block: calc(var(--spacing) * 10);
  }
  .md\:-mt-96 {
    margin-top: calc(var(--spacing) * -96);
  }
  .md\:mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }
  .md\:mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .md\:mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .md\:mt-14 {
    margin-top: calc(var(--spacing) * 14);
  }
  .md\:mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }
  .md\:mr-0 {
    margin-right: calc(var(--spacing) * 0);
  }
  .md\:mr-auto {
    margin-right: auto;
  }
  .md\:mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .md\:mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .md\:ml-0 {
    margin-left: calc(var(--spacing) * 0);
  }
  .md\:ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }
  .md\:ml-6 {
    margin-left: calc(var(--spacing) * 6);
  }
  .md\:ml-auto {
    margin-left: auto;
  }
  .md\:h-9 {
    height: calc(var(--spacing) * 9);
  }
  .md\:h-36 {
    height: calc(var(--spacing) * 36);
  }
  .md\:h-48 {
    height: calc(var(--spacing) * 48);
  }
  .md\:h-56 {
    height: calc(var(--spacing) * 56);
  }
  .md\:h-64 {
    height: calc(var(--spacing) * 64);
  }
  .md\:h-72 {
    height: calc(var(--spacing) * 72);
  }
  .md\:h-80 {
    height: calc(var(--spacing) * 80);
  }
  .md\:h-96 {
    height: calc(var(--spacing) * 96);
  }
  .md\:h-\[32rem\] {
    height: 32rem;
  }
  .md\:h-\[450px\] {
    height: 800px;
  }
  .md\:h-auto {
    height: auto;
  }
  .md\:w-1\/2 {
    width: 50%;
  }
  .md\:w-1\/3 {
    width: 33.3333%;
  }
  .md\:w-1\/4 {
    width: 25%;
  }
  .md\:w-2\/3 {
    width: 66.6667%;
  }
  .md\:w-2\/5 {
    width: 40%;
  }
  .md\:w-3\/4 {
    width: 75%;
  }
  .md\:w-3\/5 {
    width: 60%;
  }
  .md\:w-3\/6 {
    width: 50%;
  }
  .md\:w-9 {
    width: calc(var(--spacing) * 9);
  }
  .md\:w-32 {
    width: calc(var(--spacing) * 32);
  }
  .md\:w-40 {
    width: calc(var(--spacing) * 40);
  }
  .md\:w-48 {
    width: calc(var(--spacing) * 48);
  }
  .md\:w-64 {
    width: calc(var(--spacing) * 64);
  }
  .md\:w-72 {
    width: calc(var(--spacing) * 72);
  }
  .md\:w-80 {
    width: calc(var(--spacing) * 80);
  }
  .md\:w-96 {
    width: calc(var(--spacing) * 96);
  }
  .md\:w-auto {
    width: auto;
  }
  .md\:w-fit {
    width: fit-content;
  }
  .md\:w-full {
    width: 100%;
  }
  .md\:max-w-md {
    max-width: var(--container-md);
  }
  .md\:gap-0 {
    gap: calc(var(--spacing) * 0);
  }
  .md\:gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .md\:gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .md\:gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .md\:gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .md\:gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  :where(.md\:space-y-0 > :not(:last-child)) {
    margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
  }
  .md\:gap-x-8 {
    column-gap: calc(var(--spacing) * 8);
  }
  .md\:gap-y-8 {
    row-gap: calc(var(--spacing) * 8);
  }
  .md\:gap-y-10 {
    row-gap: calc(var(--spacing) * 10);
  }
  .md\:rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .md\:rounded-\[var\(--card-radius\)\] {
    border-radius: var(--card-radius);
  }
  .md\:p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .md\:p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .md\:p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .md\:p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .md\:p-12 {
    padding: calc(var(--spacing) * 12);
  }
  .md\:px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .md\:px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .md\:px-12 {
    padding-inline: calc(var(--spacing) * 12);
  }
  .md\:py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .md\:py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .md\:py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .md\:py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .md\:py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .md\:py-20 {
    padding-block: calc(var(--spacing) * 20);
  }
  .md\:py-24 {
    padding-block: calc(var(--spacing) * 24);
  }
  .md\:pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }
  .md\:pr-12 {
    padding-right: calc(var(--spacing) * 12);
  }
  .md\:pr-16 {
    padding-right: calc(var(--spacing) * 16);
  }
  .md\:pr-20 {
    padding-right: calc(var(--spacing) * 20);
  }
  .md\:pb-24 {
    padding-bottom: calc(var(--spacing) * 24);
  }
  .md\:pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .md\:pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }
  .md\:pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }
  .md\:pl-12 {
    padding-left: calc(var(--spacing) * 12);
  }
  .md\:pl-16 {
    padding-left: calc(var(--spacing) * 16);
  }
  .md\:pl-20 {
    padding-left: calc(var(--spacing) * 20);
  }
  .lg\:inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }
  .lg\:top-8 {
    top: calc(var(--spacing) * 8);
  }
  .lg\:top-24 {
    top: calc(var(--spacing) * 24);
  }
  .lg\:m-0 {
    margin: calc(var(--spacing) * 0);
  }
  .lg\:-mx-4 {
    margin-inline: calc(var(--spacing) * -4);
  }
  .lg\:-mx-6 {
    margin-inline: calc(var(--spacing) * -6);
  }
  .lg\:-mx-10 {
    margin-inline: calc(var(--spacing) * -10);
  }
  .lg\:-mx-12 {
    margin-inline: calc(var(--spacing) * -12);
  }
  .lg\:mx-0 {
    margin-inline: calc(var(--spacing) * 0);
  }
  .lg\:mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }
  .lg\:mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }
  .lg\:mx-6 {
    margin-inline: calc(var(--spacing) * 6);
  }
  .lg\:mx-8 {
    margin-inline: calc(var(--spacing) * 8);
  }
  .lg\:mx-10 {
    margin-inline: calc(var(--spacing) * 10);
  }
  .lg\:mx-12 {
    margin-inline: calc(var(--spacing) * 12);
  }
  .lg\:my-0 {
    margin-block: calc(var(--spacing) * 0);
  }
  .lg\:mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }
  .lg\:mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .lg\:mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .lg\:mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .lg\:mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }
  .lg\:mt-20 {
    margin-top: calc(var(--spacing) * 20);
  }
  .lg\:mr-0 {
    margin-right: calc(var(--spacing) * 0);
  }
  .lg\:mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .lg\:ml-0 {
    margin-left: calc(var(--spacing) * 0);
  }
  .lg\:ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }
  .lg\:ml-auto {
    margin-left: auto;
  }
  .lg\:h-48 {
    height: calc(var(--spacing) * 48);
  }
  .lg\:h-56 {
    height: calc(var(--spacing) * 56);
  }
  .lg\:h-80 {
    height: calc(var(--spacing) * 80);
  }
  .lg\:h-96 {
    height: calc(var(--spacing) * 96);
  }
  .lg\:h-\[32rem\] {
    height: 32rem;
  }
  .lg\:h-\[36rem\] {
    height: 36rem;
  }
  .lg\:h-auto {
    height: auto;
  }
  .lg\:h-full {
    height: 100%;
  }
  .lg\:min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }
  .lg\:w-1\/2 {
    width: 50%;
  }
  .lg\:w-1\/3 {
    width: 33.3333%;
  }
  .lg\:w-1\/4 {
    width: 25%;
  }
  .lg\:w-1\/5 {
    width: 20%;
  }
  .lg\:w-1\/6 {
    width: 16.6667%;
  }
  .lg\:w-2\/3 {
    width: 66.6667%;
  }
  .lg\:w-2\/5 {
    width: 40%;
  }
  .lg\:w-2\/6 {
    width: 33.3333%;
  }
  .lg\:w-3\/4 {
    width: 75%;
  }
  .lg\:w-3\/5 {
    width: 60%;
  }
  .lg\:w-4\/5 {
    width: 80%;
  }
  .lg\:w-4\/6 {
    width: 66.6667%;
  }
  .lg\:w-5\/12 {
    width: 41.6667%;
  }
  .lg\:w-7\/12 {
    width: 58.3333%;
  }
  .lg\:w-56 {
    width: calc(var(--spacing) * 56);
  }
  .lg\:w-64 {
    width: calc(var(--spacing) * 64);
  }
  .lg\:w-72 {
    width: calc(var(--spacing) * 72);
  }
  .lg\:w-80 {
    width: calc(var(--spacing) * 80);
  }
  .lg\:w-96 {
    width: calc(var(--spacing) * 96);
  }
  .lg\:w-\[26rem\] {
    width: 26rem;
  }
  .lg\:w-\[32rem\] {
    width: 32rem;
  }
  .lg\:w-auto {
    width: auto;
  }
  .lg\:w-full {
    width: 100%;
  }
  .lg\:max-w-2xl {
    max-width: var(--container-2xl);
  }
  .lg\:max-w-3xl {
    max-width: var(--container-3xl);
  }
  .lg\:max-w-5xl {
    max-width: var(--container-5xl);
  }
  .lg\:max-w-6xl {
    max-width: var(--container-6xl);
  }
  .lg\:max-w-lg {
    max-width: var(--container-lg);
  }
  .lg\:max-w-sm {
    max-width: var(--container-sm);
  }
  .lg\:max-w-xl {
    max-width: var(--container-xl);
  }
  .lg\:max-w-xs {
    max-width: var(--container-xs);
  }
  .lg\:gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .lg\:gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .lg\:gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  .lg\:gap-16 {
    gap: calc(var(--spacing) * 16);
  }
  .lg\:gap-28 {
    gap: calc(var(--spacing) * 28);
  }
  :where(.lg\:space-y-0 > :not(:last-child)) {
    margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.lg\:space-y-3 > :not(:last-child)) {
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }
  .lg\:rounded-xl {
    border-radius: var(--radius-xl);
  }
  .lg\:rounded-l-lg {
    border-top-left-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
  }
  .lg\:rounded-tr-none {
    border-top-right-radius: 0;
  }
  .lg\:p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .lg\:p-12 {
    padding: calc(var(--spacing) * 12);
  }
  .lg\:p-16 {
    padding: calc(var(--spacing) * 16);
  }
  .lg\:px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .lg\:px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }
  .lg\:px-12 {
    padding-inline: calc(var(--spacing) * 12);
  }
  .lg\:py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .lg\:py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .lg\:py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .lg\:py-44 {
    padding-block: calc(var(--spacing) * 44);
  }
  .lg\:pr-0 {
    padding-right: calc(var(--spacing) * 0);
  }
  .lg\:pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }
  .lg\:pr-24 {
    padding-right: calc(var(--spacing) * 24);
  }
  .lg\:pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }
  .lg\:pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }
  .lg\:pl-10 {
    padding-left: calc(var(--spacing) * 10);
  }
  .lg\:pl-12 {
    padding-left: calc(var(--spacing) * 12);
  }
  .lg\:pl-24 {
    padding-left: calc(var(--spacing) * 24);
  }
  .xl\:-mx-8 {
    margin-inline: calc(var(--spacing) * -8);
  }
  .xl\:mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }
  .xl\:mx-8 {
    margin-inline: calc(var(--spacing) * 8);
  }
  .xl\:mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }
  .xl\:mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .xl\:mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .xl\:mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .xl\:mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .xl\:mt-14 {
    margin-top: calc(var(--spacing) * 14);
  }
  .xl\:mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }
  .xl\:mr-4 {
    margin-right: calc(var(--spacing) * 4);
  }
  .xl\:h-10 {
    height: calc(var(--spacing) * 10);
  }
  .xl\:h-80 {
    height: calc(var(--spacing) * 80);
  }
  .xl\:h-\[28rem\] {
    height: 28rem;
  }
  .xl\:h-\[34rem\] {
    height: 34rem;
  }
  .xl\:w-1\/2 {
    width: 50%;
  }
  .xl\:w-1\/3 {
    width: 33.3333%;
  }
  .xl\:w-1\/4 {
    width: 25%;
  }
  .xl\:w-2\/4 {
    width: 50%;
  }
  .xl\:w-48 {
    width: calc(var(--spacing) * 48);
  }
  .xl\:w-80 {
    width: calc(var(--spacing) * 80);
  }
  .xl\:w-\[34rem\] {
    width: 34rem;
  }
  .xl\:gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .xl\:gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .xl\:gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .xl\:gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  .xl\:gap-16 {
    gap: calc(var(--spacing) * 16);
  }
  :where(.xl\:space-y-8 > :not(:last-child)) {
    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.xl\:space-y-12 > :not(:last-child)) {
    margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.xl\:space-y-20 > :not(:last-child)) {
    margin-block-start: calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse)));
  }
  .xl\:gap-x-16 {
    column-gap: calc(var(--spacing) * 16);
  }
  .xl\:p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .xl\:p-12 {
    padding: calc(var(--spacing) * 12);
  }
  .xl\:px-24 {
    padding-inline: calc(var(--spacing) * 24);
  }
  .xl\:px-32 {
    padding-inline: calc(var(--spacing) * 32);
  }
  .xl\:py-32 {
    padding-block: calc(var(--spacing) * 32);
  }
  .container {
    gap: var(--container-gap);
    border-radius: var(--container-radius);
    min-height: var(--container-min-height);
    width: 100%;
    max-width: none;
    margin-inline: 0;
    padding-block-start: var(--container-padding-block-start, var(--container-padding-block, var(--container-padding, 2rem)));
    padding-block-end: var(--container-padding-block-end, var(--container-padding-block, var(--container-padding, 2rem)));
    padding-inline-start: var(--container-padding-inline-start, var(--container-padding-inline, var(--container-padding, 1.5rem)));
    padding-inline-end: var(--container-padding-inline-end, var(--container-padding-inline, var(--container-padding, 1.5rem)));
  }
  :root {
    line-height: var(--body-line-height);
    letter-spacing: var(--body-letter-spacing);
  }
  .banner {
    min-height: var(--banner-min-height);
    width: 100%;
    max-width: var(--banner-max-width);
    border-radius: var(--banner-radius);
    margin-block-end: var(--banner-margin-block-end);
    margin-inline: auto;
  }
  .banner__content {
    width: var(--banner-content-width);
    padding-top: var(--banner-content-padding-top);
    padding-right: var(--banner-content-padding-right);
    padding-bottom: var(--banner-content-padding-bottom);
    padding-left: var(--banner-content-padding-left);
  }
  .banner__title {
    font-size: var(--banner-title-font-size);
    line-height: var(--banner-title-line-height);
    margin-block-end: var(--banner-title-margin-block-end);
  }
  .banner__description {
    font-size: var(--banner-description-font-size);
    line-height: var(--banner-description-line-height);
    margin-block-start: var(--banner-description-margin-block-start);
    margin-block-end: var(--banner-description-margin-block-end);
  }
  .banner__example {
    font-size: var(--banner-example-font-size);
    line-height: var(--banner-example-line-height);
    margin-block-start: var(--banner-example-margin-block-start);
    margin-block-end: var(--banner-example-margin-block-end);
  }
  .banner__media, .banner__media img {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .banner[class*="banner--"] {
    min-height: auto;
    padding-inline: var(--banner-padding-inline);
    padding-block: var(--banner-padding-block);
  }
  .banner__inner {
    width: min(100%, var(--banner-inner-max-width));
    margin-inline: var(--banner-inner-margin-inline);
    gap: var(--banner-gap);
  }
  .banner[class*="banner--"] .banner__content {
    width: 100%;
    max-width: var(--banner-content-max-width);
    padding: 0;
  }
  .banner__badge {
    border-radius: var(--banner-badge-radius);
    padding-inline: var(--banner-badge-padding-inline);
    padding-block: var(--banner-badge-padding-block);
    font-size: var(--banner-badge-font-size);
    letter-spacing: var(--banner-badge-letter-spacing);
    line-height: 1.2;
  }
  .banner__actions {
    gap: .75rem;
    margin-block-start: 1.25rem;
  }
  .banner__meta {
    font-size: var(--text-small-font-size);
    line-height: var(--text-small-line-height);
    margin: .875rem 0 0;
  }
  .banner__panel {
    border-radius: var(--banner-panel-radius);
    padding-inline: var(--banner-panel-padding-inline);
    padding-block: var(--banner-panel-padding-block);
  }
  .banner__panel-grid {
    gap: .75rem;
  }
  .banner__chips {
    gap: .5rem;
    margin-block-start: 1rem;
  }
  .banner__chip {
    border-radius: var(--banner-chip-radius);
    padding-inline: var(--banner-chip-padding-inline);
    padding-block: var(--banner-chip-padding-block);
    font-size: var(--banner-chip-font-size);
    line-height: 1.3;
  }
  .banner__list {
    gap: .625rem;
    margin: 1rem 0 0;
    padding: 0;
  }
  .banner__list-item {
    padding-inline-start: 1.125rem;
  }
  .banner__list-item:before {
    border-radius: var(--radius-full);
    width: .5rem;
    height: .5rem;
    top: .55em;
    left: 0;
  }
  .banner__stats {
    gap: .75rem;
    margin: 1rem 0 0;
    padding: 0;
  }
  .banner__stat {
    border-radius: var(--banner-stat-radius);
    padding-inline: var(--banner-stat-padding-inline);
    padding-block: var(--banner-stat-padding-block);
  }
  .banner__stat-value {
    font-size: max(1.5rem, 21.333px);
    line-height: 1.05;
  }
  .banner__stat-label {
    margin-top: .35rem;
    font-size: max(.8125rem, 21.333px);
    line-height: 1.3;
  }
  .banner__form {
    gap: .75rem;
    margin-top: 1rem;
  }
  .banner__input {
    border-radius: var(--banner-input-radius);
    width: 100%;
    padding-inline: var(--banner-input-padding-inline);
    padding-block: var(--banner-input-padding-block);
  }
  .banner__price {
    margin-top: .75rem;
    font-size: 2rem;
    line-height: 1;
  }
  .banner__price-note {
    margin-top: .25rem;
    font-size: .8125rem;
    line-height: 1.3;
  }
  .banner__timer {
    gap: .625rem;
    margin-top: 1rem;
  }
  .banner__timer-item {
    border-radius: var(--banner-timer-radius);
    padding: .625rem .5rem;
  }
  .banner__timer-item strong {
    font-size: 1.125rem;
    line-height: 1;
  }
  .banner__timer-item span {
    margin-top: .3rem;
    font-size: .75rem;
    line-height: 1.2;
  }
  .banner[class*="banner--"] .banner__media {
    border-radius: max(0px, calc(var(--banner-radius)  - .5rem));
    min-height: 16rem;
    top: auto;
    left: auto;
  }
  .banner[class*="banner--"] .banner__media img {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .banner.banner--centered-cta .banner__content {
    margin-inline: auto;
  }
  .banner--announcement-strip .banner__actions, .banner--minimal-inline .banner__actions {
    margin-top: 0;
  }
  .banner.banner--floating-card .banner__panel {
    max-width: none;
    margin-inline: 0;
  }
  .banner.banner--floating-card .banner__panel.banner__content {
    padding-inline: var(--banner-panel-padding-inline);
    padding-block: var(--banner-panel-padding-block);
  }
  .banner.banner--floating-card .banner__media {
    min-height: 18rem;
  }
  .banner--announcement-strip .banner__inner, .banner--minimal-inline .banner__inner {
    gap: 1rem;
  }
  .banner.banner--floating-card .banner__media {
    min-height: 20rem;
  }
  .banner.banner--floating-card .banner__panel {
    max-width: none;
  }
  .banner.banner--floating-card .banner__media {
    min-height: 22rem;
  }
  .footer .container {
    padding-inline: 0;
  }
  .avito-career-footer .container {
    padding-inline: var(--avito-career-footer-padding-inline);
  }
  .footer[data-section="footer/columns"] .container {
    padding-inline: var(--footer-columns-padding-inline);
  }
  img[data-cms-logo] {
    max-height: var(--logo-max-height, 2rem);
    width: auto;
  }
  .header,
header[data-cms-section^="header."] {
    width: auto;
  }
  .header-container {
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: none;
    margin-inline: 0;
    padding-inline-start: var(--header-container-padding-inline-start, var(--header-container-padding-inline, var(--container-padding-inline)));
    padding-inline-end: var(--header-container-padding-inline-end, var(--header-container-padding-inline, var(--container-padding-inline)));
    padding-block-start: var(--header-container-padding-block-start, var(--header-container-padding-block, var(--container-padding-block, 1rem)));
    padding-block-end: var(--header-container-padding-block-end, var(--header-container-padding-block, var(--container-padding-block, 1rem)));
  }
  .footer-container {
    width: 100%;
    max-width: none;
    margin-inline: 0;
    padding-inline-start: var(--container-padding-inline-start, var(--container-padding-inline));
    padding-inline-end: var(--container-padding-inline-end, var(--container-padding-inline));
    padding-block-start: var(--container-padding-block-start, var(--container-padding-block));
    padding-block-end: var(--footer-container-padding-block-end, var(--container-padding-block-end, var(--container-padding-block, 1.25rem)));
  }
  .footer__top {
    gap: 2rem;
  }
  .footer__brand {
    gap: 0.75rem;
  }
  .footer__nav-group {
    gap: 0.5rem;
  }
  .footer__nav-group {
    min-width: 0;
  }
  .footer__top {
    gap: 3rem;
  }
  .footer__logo {
    line-height: 0;
  }
  .footer__email {
    font-size: var(--text-nav-font-size, 1rem);
  }
  .footer__newsletter {
    font-size: var(--text-small-font-size, 0.875rem);
    line-height: 1.5;
  }
  .footer__nav-title {
    font-size: 0.875rem;
    margin-block-end: 0.25rem;
  }
  .footer__nav-link {
    font-size: var(--text-nav-font-size, 1rem);
  }
  .footer__bottom {
    margin-block-start: 2rem;
    padding-block-start: 1.5rem;
  }
  .section-tag {
    padding-inline: var(--chip-padding-inline, 0.75rem);
    padding-block: var(--chip-padding-block, 0.375rem);
    border-radius: var(--chip-radius, 1776px);
    font-size: 0.8125rem;
    line-height: 1.2;
    letter-spacing: 0.01em;
  }
  .section-header {
    margin-block-end: 3rem;
    gap: 0.75rem;
  }
  .section-header__title {
    margin-block: 0;
  }
  .section-header__subtitle {
    max-width: 42rem;
    font-size: var(--text-lead-font-size, 1.125rem);
    line-height: var(--text-lead-line-height, 1.6);
  }
  .pricing__grid {
    gap: 1.5rem;
  }
  .pricing__title {
    margin-block: 0;
  }
  .pricing-card {
    border-radius: var(--card-radius, 0.75rem);
    padding-inline: var(--card-padding-inline, 1.5rem);
    padding-block: var(--card-padding-block, 2rem);
    gap: 1rem;
  }
  .pricing-card__name {
    font-size: 1rem;
  }
  .pricing-card__description {
    font-size: var(--text-small-font-size, 0.875rem);
    line-height: 1.5;
  }
  .pricing-card__price {
    font-size: 2.5rem;
    line-height: 1;
    letter-spacing: -0.02em;
  }
  .pricing-card__period {
    font-size: var(--text-small-font-size, 0.875rem);
    margin-inline-start: 0.25rem;
  }
  .pricing-card__features {
    padding: 0;
    margin: 0;
    gap: 0.625rem;
  }
  .pricing-card__feature {
    gap: 0.5rem;
    font-size: var(--text-small-font-size, 0.875rem);
    line-height: 1.5;
  }
  .pricing-card__check {
    width: 1rem;
    height: 1rem;
    margin-block-start: 0.125rem;
  }
  .pricing-card__btn {
    width: 100%;
    padding-inline: var(--btn-padding-inline, 1.5rem);
    padding-block: var(--btn-padding-block, 0.75rem);
    border-radius: var(--btn-radius, 0.5rem);
    font-size: var(--btn-font-size, 1rem);
    line-height: 1.2;
  }
  .testimonials__grid {
    gap: 1.5rem;
  }
  .testimonials__stats {
    gap: 1rem;
    margin-block-start: 3rem;
  }
  .testimonial-card {
    border-radius: var(--card-radius, 0.75rem);
    padding-inline: var(--card-padding-inline, 1.5rem);
    padding-block: var(--card-padding-block, 1.5rem);
    gap: 0.75rem;
  }
  .testimonial-card__stars {
    gap: 0.125rem;
    font-size: 1rem;
    line-height: 1;
  }
  .testimonial-card__star {
    width: 1em;
    height: 1em;
  }
  .testimonial-card__quote {
    font-size: 1.0625rem;
    line-height: 1.4;
    margin-block: 0;
  }
  .testimonial-card__text {
    font-size: var(--text-small-font-size, 0.875rem);
    line-height: 1.6;
    margin-block: 0;
  }
  .testimonial-card__author {
    gap: 0.75rem;
    margin-block-start: 0.5rem;
  }
  .testimonial-card__avatar {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 1776px;
  }
  .testimonial-card__info {
    gap: 0.125rem;
  }
  .testimonial-card__name {
    font-size: 0.875rem;
  }
  .testimonial-card__role {
    font-size: 0.8125rem;
  }
  .stat-card {
    padding-inline: 1rem;
    padding-block: 1.25rem;
    border-radius: var(--card-radius, 0.75rem);
  }
  .stat-card__number {
    font-size: 2rem;
    line-height: 1;
  }
  .stat-card__label {
    font-size: var(--text-small-font-size, 0.875rem);
    margin-block-start: 0.375rem;
    line-height: 1.4;
  }
  .dds-header {
    top: 0;
    left: 0;
    right: 0;
  }
  .dds-main-bar {
    padding: var(--spacing-16, 28.444px) var(--spacing-40, 71.111px);
    margin-block-start: var(--spacing-16, 28.444px);
  }
  .dds-main-logo {
    width: 272px;
  }
  .dds-main-logo img {
    width: 100%;
    height: 100%;
  }
  .dds-main-nav {
    gap: var(--nav-bar-gap, 35.556px);
    padding: var(--nav-bar-padding-block, 28.444px) var(--nav-bar-padding-inline, 42.667px);
    border-radius: var(--nav-bar-radius, 1776px);
  }
  .dds-main-link {
    padding: 0 var(--nav-padding-inline, 7.111px);
    font-size: 24.889px;
    line-height: 1.4;
  }
  .dds-main-link::after {
    height: 1px;
  }
  .dds-main-actions {
    gap: var(--spacing-12, 21.333px);
  }
  .dds-main-burger {
    margin: 0;
    border-radius: var(--radius-16, 28.444px);
    width: calc(48 / 8.1 * 1vw);
    height: calc(48 / 8.1 * 1vw);
    padding: 0;
  }
  .dds-main-burger-icon {
    width: calc(20 / 8.1 * 1vw);
    height: calc(13.333 / 8.1 * 1vw);
  }
  .dds-main-burger-icon::before {
    left: 0;
    right: 0;
    top: 50%;
    height: 2px;
  }
  .dds-main-burger-icon::after {
    left: 0;
    right: 0;
    top: 50%;
    height: 2px;
  }
  .dds-main-toggle {
    width: 1px;
    height: 1px;
  }
  .dds-app-preview {
    padding: 28.444px 28.444px  113.778px 28.444px;
  }
  .dds-app-preview-card {
    border-radius: 56.889px;
  }
  .dds-app-preview-inner {
    gap: 85.333px;
    padding: 192px 71.111px 0 113.778px;
  }
  .dds-app-preview-intro {
    gap: 42.667px;
  }
  .dds-app-preview-pill {
    border-radius: 1776px;
    padding: 10.667px 28.444px;
  }
  .dds-app-preview-pill-text {
    margin: 0;
    font-size: 24.889px;
    line-height: 39.111px;
  }
  .dds-app-preview-heading {
    gap: 28.444px;
  }
  .dds-app-preview-title {
    margin: 0;
    font-size: 135.111px;
    line-height: calc(86 / 76);
    letter-spacing: calc(-3 / 76);
    max-width: 1749.333px;
  }
  .dds-app-preview-subtitle {
    margin: 0;
    font-size: 32px;
    line-height: calc(24 / 18);
    max-width: 1351.111px;
  }
  .dds-app-preview-cta {
    font-size: 24.889px;
    line-height: calc(20 / 14);
    padding: 24.889px 39.111px;
    border-radius: 177.778px;
  }
  .dds-app-preview-media {
    width: 2115.556px;
  }
  .dds-app-preview-shot {
    width: 100%;
    border-radius: var(--card-radius, 42.667px) var(--card-radius, 42.667px) 0 0;
    bottom: -14.222px;
  }
  .dds-marquee {
    gap: 42.667px;
  }
  .dds-marquee-eyebrow {
    margin: 0;
    padding: 0 71.111px;
    font-size: 28.444px;
    line-height: 1.5;
    letter-spacing: -0.889px;
  }
  .dds-marquee-track {
    gap: 190.222px;
    padding: 0 71.111px;
  }
  .dds-marquee-item {
    height: 65.778px;
  }
  .dds-marquee-item img {
    width: auto;
    height: 100%;
  }
  .dds-steps {
    padding: 170.667px 71.111px;
    gap: 71.111px;
  }
  .dds-steps-header {
    gap: 71.111px;
  }
  .dds-steps-title {
    margin: 0;
    font-size: 92.444px;
    line-height: 1.2308;
    letter-spacing: -1.778px;
  }
  .dds-steps-subtitle {
    margin: 0;
    font-size: 28.444px;
    line-height: 1.5;
    max-width: 551.111px;
  }
  .dds-steps-grid {
    gap: 56.889px;
  }
  .dds-steps-card {
    border-radius: var(--card-radius, 42.667px);
  }
  .dds-steps-media {
    width: 100%;
    height: 768px;
  }
  .dds-steps-copy {
    gap: 14.222px;
    padding: 56.889px;
  }
  .dds-steps-name {
    margin: 0;
    font-size: 42.667px;
    line-height: 1.3334;
    letter-spacing: -1.778px;
  }
  .dds-steps-desc {
    margin: 0;
    font-size: 28.444px;
    line-height: 1.5;
  }
  .dds-tabs {
    padding: 170.667px 71.111px;
  }
  .dds-tabs-inner {
    width: 100%;
    gap: 71.111px;
  }
  .dds-tabs-header {
    gap: 35.556px;
  }
  .dds-tabs-title {
    margin: 0;
    max-width: 50%;
    font-size: 92.444px;
    line-height: 1.2308;
    letter-spacing: -1.778px;
  }
  .dds-tabs-group {
    gap: 14.222px;
  }
  .dds-tabs-tab {
    padding: 17.778px 28.444px;
    border-radius: 1776px;
    font-size: 28.444px;
    line-height: 1.5;
  }
  .dds-tabs-body {
    grid-template-columns: 768px minmax(0, 1fr);
    gap: 56.889px;
  }
  .dds-tabs-points-set {
    gap: 21.333px;
  }
  .dds-tabs-card {
    gap: 14.222px;
    border-radius: 35.556px;
    padding: 42.667px;
    padding-right: 128px;
    min-height: 320px;
  }
  .dds-tabs-card-title {
    margin: 0;
    font-size: 42.667px;
    line-height: 1.3333;
    letter-spacing: -1.778px;
  }
  .dds-tabs-card-desc {
    margin: 0;
    font-size: 24.889px;
    line-height: 1.4286;
  }
  .dds-tabs-card-num {
    top: 0;
    right: 0;
    min-width: 92.444px;
    height: 83.556px;
    border-radius: 0 0 0 28.444px;
    font-size: 24.889px;
    line-height: 1.2;
  }
  .dds-tabs-panel {
    border-radius: 42.667px;
  }
  .dds-tabs-media {
    left: 6.6%;
    top: 12.8%;
    width: 112.5%;
    height: 74.5%;
    max-width: none;
    border-radius: 35.556px;
  }
  .dds-why-safe {
    padding: 56.889px 71.111px;
    gap: 56.889px;
  }
  .dds-why-safe-hero {
    width: 100%;
    border-radius: var(--card-radius, 42.667px);
    gap: 21.333px;
    padding: 113.778px;
  }
  .dds-why-safe-title {
    margin: 0;
    column-gap: 17.778px;
    row-gap: 0;
    font-size: 85.333px;
    line-height: 1.3333;
    letter-spacing: -1.778px;
  }
  .dds-why-safe-subtitle {
    margin: 0;
    font-size: 28.444px;
    line-height: 1.5;
  }
  .dds-why-safe-points {
    gap: 56.889px;
  }
  .dds-why-safe-point {
    gap: 35.556px;
  }
  .dds-why-safe-tile {
    width: 99.556px;
    height: 99.556px;
    padding: 28.444px;
    border-radius: 28.444px;
  }
  .dds-why-safe-tile::before {
    inset: 1.778px;
    border-radius: 26.667px;
  }
  .dds-why-safe-tile img {
    width: 42.667px;
    height: 42.667px;
  }
  .dds-why-safe-point-text {
    gap: 7.111px;
  }
  .dds-why-safe-point-title {
    margin: 0;
    font-size: 28.444px;
    line-height: 1.5;
    letter-spacing: -0.889px;
  }
  .dds-why-safe-point-desc {
    margin: 0;
    font-size: 28.444px;
    line-height: 1.5;
  }
  .dds-benefit {
    padding: 56.889px 71.111px;
    gap: 71.111px;
  }
  .dds-benefit-header {
    gap: 35.556px;
    margin: 0;
  }
  .dds-benefit-title {
    margin: 0;
    font-size: 92.444px;
    line-height: calc(64 / 52);
    letter-spacing: -2.222px;
  }
  .dds-benefit-subtitle {
    margin: 0;
    width: 551.111px;
    font-size: 28.444px;
    line-height: calc(24 / 16);
  }
  .sds-compare-table {
    border-radius: 35.556px;
    grid-auto-rows: 177.778px;
  }
  .sds-compare-brand-border {
    left: calc(100% / var(--dds-benefit-cols));
    width: calc(100% / var(--dds-benefit-cols));
    top: 0;
    bottom: 0;
    border-radius: 35.556px;
    padding: 3.556px;
  }
  .sds-compare-cell {
    gap: 7.111px;
    padding-inline: 56.889px;
    font-size: 24.889px;
    line-height: calc(20 / 14);
  }
  .sds-compare-row--head .sds-compare-cell {
    gap: 14.222px;
    font-size: 28.444px;
    line-height: calc(24 / 16);
  }
  .sds-check {
    width: 42.667px;
    height: 42.667px;
  }
  .sds-check > img {
    width: 100%;
    height: 100%;
  }
  .dds-rmap {
    --dds-rmap-col: 568.889px;
    --dds-rmap-pad: 71.111px;
    gap: 99.556px;
    padding: 56.889px 0;
  }
  .dds-rmap-header {
    gap: 35.556px;
    padding: 0 var(--dds-rmap-pad);
  }
  .dds-rmap-title {
    margin: 0;
    font-size: 92.444px;
    line-height: 1.2308;
    letter-spacing: -1.778px;
  }
  .dds-rmap-subtitle {
    margin: 0;
    font-size: 28.444px;
    line-height: 1.5;
  }
  .dds-rmap-track {
    width: max-content;
    padding: 0 var(--dds-rmap-pad);
  }
  .dds-rmap-track::before {
    top: 28.444px;
    left: var(--dds-rmap-pad);
    right: var(--dds-rmap-pad);
    height: 1px;
  }
  .dds-rmap-track::after {
    top: 28.444px;
    left: var(--dds-rmap-pad);
    width: calc(var(--dds-rmap-progress, 0) * var(--dds-rmap-col));
    height: 1px;
  }
  .dds-rmap-item {
    gap: 85.333px;
  }
  .dds-rmap-dot {
    width: 56.889px;
    height: 56.889px;
    margin-left: -21.333px;
    border-radius: 50%;
  }
  .dds-rmap-dot-halo,
  .dds-rmap-dot-core {
    left: 50%;
    top: 50%;
    border-radius: 50%;
  }
  .dds-rmap-dot-halo {
    width: 35.556px;
    height: 35.556px;
  }
  .dds-rmap-dot-core {
    width: 10.667px;
    height: 10.667px;
  }
  .dds-rmap-body {
    width: 100%;
    min-height: 208px;
    padding-right: 113.778px;
  }
  .dds-rmap-name {
    margin: 0;
    font-size: 28.444px;
    line-height: 1.5;
    letter-spacing: -0.889px;
  }
  .dds-rmap-desc {
    margin: 14.222px 0 0;
    font-size: 24.889px;
    line-height: 1.4286;
  }
  .dds-rmap-date {
    margin: auto 0 0;
    padding-top: 21.333px;
    font-size: 24.889px;
    line-height: 1.4286;
  }
  .dds-accordion {
    gap: 113.778px;
    padding: 170.667px 71.111px;
  }
  .dds-accordion-header {
    gap: 35.556px;
  }
  .dds-accordion-title {
    margin: 0;
    font-size: 92.444px;
    line-height: 1.2308;
    letter-spacing: -1.778px;
  }
  .dds-accordion-subtitle {
    margin: 0;
    font-size: 28.444px;
    line-height: 1.5;
    max-width: 551.111px;
  }
  .dds-accordion-list {
    column-gap: 56.889px;
    row-gap: 35.556px;
  }
  .dds-accordion-item {
    border-radius: 35.556px;
    padding: 35.556px;
  }
  .dds-accordion-state {
    width: 1px;
    height: 1px;
  }
  .dds-accordion-head {
    gap: 35.556px;
    height: 42.667px;
    margin: 0;
  }
  .dds-accordion-question {
    margin: 0;
    font-size: 28.444px;
    line-height: 1.5;
  }
  .dds-accordion-icon {
    width: 42.667px;
    height: 42.667px;
  }
  .dds-accordion-icon img {
    width: 100%;
    height: 100%;
  }
  .dds-accordion-panel {
    margin-top: 0;
  }
  .dds-accordion-answer {
    margin: 0;
    min-height: 0;
    font-size: 24.889px;
    line-height: 1.4286;
  }
  .dds-accordion-state:checked ~ .dds-accordion-panel {
    margin-top: 21.333px;
  }
  .dds-launch[data-cms-section="cta.launch"] {
    border-radius: 56.889px;
    padding: 170.667px 0;
  }
  .dds-launch-dust {
    inset: 0;
    border-radius: 26.667px;
  }
  .dds-launch-dust img {
    inset: 0;
    width: 100%;
    height: 100%;
  }
  .dds-launch-content {
    gap: 56.889px;
    max-width: 1596.444px;
    margin: 0 auto;
  }
  .dds-launch-intro {
    gap: 28.444px;
  }
  .dds-launch-title {
    margin: 0;
    font-size: 92.444px;
    line-height: calc(64 / 52);
    letter-spacing: -2.222px;
  }
  .dds-launch-subtitle {
    margin: 0;
    font-size: 28.444px;
    line-height: calc(24 / 16);
  }
  .dds-launch-actions {
    gap: 21.333px;
  }
  .dds-launch-btn {
    border-radius: 42.667px;
    padding: 24.889px 35.556px;
    font-size: 24.889px;
    line-height: calc(20 / 14);
  }
  .dds-footer {
    gap: 71.111px;
    padding: 56.889px 71.111px 71.111px;
  }
  .dds-footer-top {
    gap: 85.333px;
  }
  .dds-footer-brand {
    gap: 28.444px;
    flex: 0 0 528px;
  }
  .dds-footer-logo {
    width: 272px;
  }
  .dds-footer-logo img {
    width: 100%;
    height: 100%;
  }
  .dds-footer-email {
    font-size: 24.889px;
    line-height: 1.4286;
  }
  .dds-footer-tagline {
    margin: 0;
    font-size: 24.889px;
    line-height: 1.4286;
    max-width: 528px;
  }
  .dds-footer-links {
    gap: 85.333px;
  }
  .dds-footer-col {
    gap: 28.444px;
  }
  .dds-footer-col-title {
    margin: 0;
    font-size: 28.444px;
    line-height: 1.5;
  }
  .dds-footer-list {
    gap: 21.333px;
  }
  .dds-footer-link {
    font-size: 28.444px;
    line-height: 1.5;
  }
  .dds-footer-legal {
    gap: 28.444px;
    padding-top: 42.667px;
  }
  .dds-footer-copyright {
    margin: 0;
    font-size: 24.889px;
    line-height: 1.4286;
  }
  .section-intro--centered .section-intro__description {
    max-width: 42rem;
    margin-inline: auto;
  }
  .dds-btn {
    gap: 7.111px;
    padding: 14.222px 21.333px;
    border-radius: 21.333px;
    font-size: 21.333px;
    line-height: 28.444px;
    letter-spacing: 0;
  }
  .dds-btn--l {
    padding: 24.889px 35.556px;
    border-radius: 42.667px;
    font-size: 24.889px;
    line-height: 35.556px;
    letter-spacing: -0.5px;
  }
  .dds-tabs {
    gap: 0;
    padding: 14.222px 28.444px;
    border-radius: 1776px;
    font-size: 28.444px;
    line-height: 42.667px;
    letter-spacing: 0;
  }
  .dds-tabs--yes {
    padding: 14.222px 28.444px;
    border-radius: 1776px;
    font-size: 28.444px;
    line-height: 42.667px;
    letter-spacing: 0;
  }
  .dds-tag {
    gap: 0;
    padding: 10.667px 21.333px;
    border-radius: 88.889px;
    font-size: 24.889px;
    line-height: 35.556px;
    letter-spacing: 0;
  }
  .dds-tag--yes {
    padding: 10.667px 21.333px;
    border-radius: 88.889px;
    font-size: 24.889px;
    line-height: 35.556px;
    letter-spacing: 0;
  }
  .dds-btn--block {
    width: 100%;
  }
  .dds-chip {
    border-radius: var(--chip-radius, 88.889px);
    padding: var(--chip-padding-block, 10.667px) var(--chip-padding-inline, 21.333px);
  }
  .dds-icon-tile {
    border-radius: var(--icon-tile-radius, 28.444px);
  }
  .dds-btn-group {
    gap: var(--btn-group-gap, var(--spacing-0, 0px));
    border-radius: var(--btn-group-radius, 28.444px);
  }
  .dds-btn-group__seg {
    padding-inline: var(--btn-group-monthly-padding-inline, 42.667px);
    padding-block: var(--btn-group-monthly-padding-block, 21.333px);
    border-radius: var(--btn-group-monthly-radius, 28.444px);
  }
  .dds-btn-group__seg--yearly {
    padding-inline: var(--btn-group-yearly-padding-inline, 28.444px);
    padding-block: var(--btn-group-yearly-padding-block, 21.333px);
  }
  .dds-steps {
    padding: 170.667px 71.111px;
    gap: 71.111px;
  }
  .dds-steps-header {
    gap: 71.111px;
  }
  .dds-steps-title {
    margin: 0;
    font-size: 92.444px;
    line-height: 1.2308;
    letter-spacing: -1.778px;
  }
  .dds-steps-subtitle {
    margin: 0;
    font-size: 28.444px;
    line-height: 1.5;
    max-width: 551.111px;
  }
  .dds-steps-grid {
    gap: 56.889px;
  }
  .dds-steps-card {
    border-radius: var(--card-radius, 42.667px);
  }
  .dds-steps-media {
    width: 100%;
    height: 768px;
  }
  .dds-steps-copy {
    gap: 14.222px;
    padding: 56.889px;
  }
  .dds-steps-name {
    margin: 0;
    font-size: 42.667px;
    line-height: 1.3334;
    letter-spacing: -1.778px;
  }
  .dds-steps-desc {
    margin: 0;
    font-size: 28.444px;
    line-height: 1.5;
  }
  [data-section-id="019f8703-47cb-764d-a38e-b7781ba86d98"] > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) {
    height: 572.444px;
  }
  [data-section-id="019f8703-47cb-764d-a38e-b7781ba86d98"] [data-cms-key="hero.subtitle"] {
    max-width: none;
    width: 1749.333px;
    height: 81.778px;
  }
  [data-section-id="019f8703-47cb-764d-a38e-b7781ba86d98"] img[data-cms-image="hero.app-screenshot"], video[data-cms-image="hero.app-screenshot"] {
    width: 2115.556px;
    height: 1290.667px;
  }
  [data-section-id="019f8703-47cb-764d-a38e-b7781ba86d98"] > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) {
    width: 2115.556px;
    height: 1096.889px;
  }
  [data-section-id="019f8703-47cb-7679-a38e-b7781d2af330"] [data-cms-key="process.subtitle"] {
    max-width: none;
  }
  [data-section-id="019f8703-47cb-7679-a38e-b7781d2af330"] > div:nth-child(2) > article:nth-child(1) > div:nth-child(2) > div:nth-child(1) {
    width: 768px;
    height: 270.222px;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] > div:nth-child(4) > div:nth-child(1) > h2:nth-child(1) {
    width: 1470.222px;
    max-width: none;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] [data-cms-key="use-cases.tab1"] {
    width: 138.667px;
    height: 78.222px;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] > div:nth-child(4) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > article:nth-child(4) {
    min-height: 270.222px;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] > div:nth-child(4) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > article:nth-child(3) {
    min-height: 270.222px;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] > div:nth-child(4) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > article:nth-child(2) {
    min-height: 270.222px;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] > div:nth-child(4) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > article:nth-child(1) {
    min-height: 270.222px;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] img[data-cms-image="use-cases.item1.img"], video[data-cms-image="use-cases.item1.img"] {
    height: 1152px;
    width: 1589.333px;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] img[data-cms-image="use-cases.item2.img"], video[data-cms-image="use-cases.item2.img"] {
    height: 1150.222px;
    width: 1589.333px;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] img[data-cms-image="use-cases.item3.img"], video[data-cms-image="use-cases.item3.img"] {
    height: 1150.222px;
    width: 1589.333px;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] img[data-cms-image="use-cases.item4.img"], video[data-cms-image="use-cases.item4.img"] {
    width: 1589.333px;
    height: 1150.222px;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] > div:nth-child(4) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > article:nth-child(1) {
    min-height: 270.222px;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] > div:nth-child(4) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > article:nth-child(2) {
    min-height: 270.222px;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] > div:nth-child(4) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > article:nth-child(3) {
    min-height: 270.222px;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] > div:nth-child(4) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > article:nth-child(4) {
    min-height: 270.222px;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] img[data-cms-image="use-cases.tab2.item1.img"], video[data-cms-image="use-cases.tab2.item1.img"] {
    width: 1589.333px;
    height: 1152px;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] img[data-cms-image="use-cases.tab2.item2.img"], video[data-cms-image="use-cases.tab2.item2.img"] {
    width: 1589.333px;
    height: 1152px;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] img[data-cms-image="use-cases.tab2.item3.img"], video[data-cms-image="use-cases.tab2.item3.img"] {
    width: 1589.333px;
    height: 1152px;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] img[data-cms-image="use-cases.tab2.item4.img"], video[data-cms-image="use-cases.tab2.item4.img"] {
    width: 1589.333px;
    height: 1152px;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] [data-cms-key="use-cases.tab3.item1.title"] {
    width: 622.222px;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] > div:nth-child(4) > div:nth-child(2) > div:nth-child(1) > div:nth-child(3) > article:nth-child(1) {
    min-height: 270.222px;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] > div:nth-child(4) > div:nth-child(2) > div:nth-child(1) > div:nth-child(3) > article:nth-child(2) {
    min-height: 270.222px;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] > div:nth-child(4) > div:nth-child(2) > div:nth-child(1) > div:nth-child(3) > article:nth-child(3) {
    min-height: 270.222px;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] > div:nth-child(4) > div:nth-child(2) > div:nth-child(1) > div:nth-child(3) > article:nth-child(4) {
    min-height: 270.222px;
  }
  [data-section-id="019f8703-47cb-76c5-a38e-b7781ec54f1f"] [data-cms-key="faq.subtitle"] {
    max-width: none;
  }
  [data-section-id="019f8703-47cb-76e5-a38e-b7781f24944c"] > div:nth-child(1) > nav:nth-child(2) {
    width: 1175.111px;
    height: 305.778px;
  }
  [data-section-id="019f8703-47cb-7679-a38e-b7781d2af330"] img[data-cms-image="process.step1.image"], video[data-cms-image="process.step1.image"] {
    width: 768px;
    height: 576px;
  }
  [data-section-id="019f8703-47cb-7679-a38e-b7781d2af330"] img[data-cms-image="process.step2.image"], video[data-cms-image="process.step2.image"] {
    height: 576px;
  }
  [data-section-id="019f8703-47cb-7679-a38e-b7781d2af330"] img[data-cms-image="process.step3.image"], video[data-cms-image="process.step3.image"] {
    height: 576px;
  }
  [data-section-id="019f8703-47cb-76e5-a38e-b7781f24944c"] > div:nth-child(1) > div:nth-child(1) > a:nth-child(1) {
    width: 272px;
    height: 42.667px;
  }
  [data-section-id="019f8703-47cb-75b5-a38e-b7781ba182e2"] img[data-cms-image="header.logo"], video[data-cms-image="header.logo"] {
    width: 272px;
    height: 46.222px;
  }
  [data-section-id="019f8703-47cb-76e5-a38e-b7781f24944c"] img[data-cms-image="footer.logo"], video[data-cms-image="footer.logo"] {
    width: 272px;
    height: 42.667px;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] > div:nth-child(4) > div:nth-child(2) > div:nth-child(2) {
    width: 1589.333px;
    height: 1150.222px;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] img[data-cms-image="use-cases.tab3.item1.img"], video[data-cms-image="use-cases.tab3.item1.img"] {
    width: 1589.333px;
    height: 1150.222px;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] img[data-cms-image="use-cases.tab3.item2.img"], video[data-cms-image="use-cases.tab3.item2.img"] {
    width: 1589.333px;
    height: 1150.222px;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] img[data-cms-image="use-cases.tab3.item3.img"], video[data-cms-image="use-cases.tab3.item3.img"] {
    width: 1589.333px;
    height: 1150.222px;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] img[data-cms-image="use-cases.tab3.item4.img"], video[data-cms-image="use-cases.tab3.item4.img"] {
    width: 1504px;
    height: 1150.222px;
  }
  [data-section-id="019f8703-47cb-76a5-a38e-b7781e1d2734"] [data-cms-key="compare.subtitle"] {
    width: 1390.222px;
  }
  [data-section-id="019f8703-47cb-76b5-a38e-b7781e65d44b"] [data-cms-key="roadmap.platform.item3.desc"] {
    width: 100%;
  }
  [data-section-id="019f8703-47cb-76b5-a38e-b7781e65d44b"] [data-cms-key="roadmap.platform.item5.desc"] {
    width: 494.222px;
  }
  [data-section-id="019f8703-47cb-76a5-a38e-b7781e1d2734"] > header:nth-child(1) {
    width: 2714.667px;
    height: 211.556px;
  }
  [data-section-id="019f8703-47cb-76d5-a38e-b7781f231618"] > div:nth-child(2) > div:nth-child(1) {
    width: 1660.444px;
    height: 449.778px;
  }
  [data-section-id="019f8703-47cb-7695-a38e-b7781d900968"] > div:nth-child(1) {
    width: 2417.778px;
    height: 371.556px;
  }
  [data-section-id="019f8703-47cb-764d-a38e-b7781ba86d98"] {
    padding-bottom: 28.444px;
  }
  [data-section-id="019f86f6-7005-78db-9cac-f4586c756f01"] > div:nth-child(1) {
    row-gap: 14.222px;
  }
  [data-section-id="019f8703-47cb-7679-a38e-b7781d2af330"] > div:nth-child(1) {
    row-gap: 14.222px;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] {
    padding-right: 71.111px;
    padding-left: 71.111px;
  }
  [data-section-id="019f8703-47cb-76b5-a38e-b7781e65d44b"] {
    padding-top: 170.667px;
    padding-bottom: 170.667px;
  }
  [data-section-id="019f8703-47cb-76c5-a38e-b7781ec54f1f"] > div:nth-child(1) {
    row-gap: 14.222px;
  }
  [data-section-id="019f8703-47cb-76b5-a38e-b7781e65d44b"] > header:nth-child(1) {
    row-gap: 14.222px;
  }
  [data-section-id="019f8703-47cb-7695-a38e-b7781d900968"] {
    padding-top: 170.667px;
  }
  [data-section-id="019f8703-47cb-76e5-a38e-b7781f24944c"] {
    row-gap: 56.889px;
  }
  [data-section-id="019f8703-47cb-76c5-a38e-b7781ec54f1f"] {
    padding-top: 113.778px;
    padding-bottom: 113.778px;
  }
  [data-section-id="019f85c8-721b-77b3-88ee-54c683c80fa7"] > div:nth-child(2) > div:nth-child(1) {
    grid-template-columns: repeat(8, minmax(177.778px, 1fr));
  }
  [data-section-id="019f85c8-721b-77b3-88ee-54c683c80fa7"] > div:nth-child(2) > div:nth-child(1) > * {
    min-width: 0 !important;
    min-height: 0 !important;
  }
  [data-section-id="019f8703-47cb-76a5-a38e-b7781e1d2734"] {
    padding-top: 85.333px;
    padding-bottom: 85.333px;
  }
  [data-section-id="019f8703-47cb-76d5-a38e-b7781f231618"] {
    margin-right: 0;
    margin-left: 0;
  }
  [data-section-id="019f8703-47cb-76a5-a38e-b7781e1d2734"] > header:nth-child(1) {
    row-gap: 14.222px;
  }
  [data-section-id="019f8703-47cb-764d-a38e-b7781ba86d98"] > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) {
    padding-top: 35.556px;
  }
  [data-section-id="019f8703-47cb-764d-a38e-b7781ba86d98"] > div:nth-child(1) > div:nth-child(1) {
    row-gap: 56.889px;
  }
  .dds-benefit {
    padding: 56.889px 71.111px;
    gap: 71.111px;
  }
  .dds-benefit-header {
    gap: 35.556px;
    margin: 0;
  }
  .dds-benefit-title {
    margin: 0;
    font-size: 92.444px;
    line-height: calc(64 / 52);
    letter-spacing: -2.222px;
  }
  .dds-benefit-subtitle {
    margin: 0;
    width: 551.111px;
    font-size: 28.444px;
    line-height: calc(24 / 16);
  }
  .sds-compare-table {
    border-radius: 35.556px;
    grid-auto-rows: 177.778px;
  }
  .sds-compare-brand-border {
    left: calc(100% / var(--dds-benefit-cols));
    width: calc(100% / var(--dds-benefit-cols));
    top: 0;
    bottom: 0;
    border-radius: 35.556px;
    padding: 3.556px;
  }
  .sds-compare-cell {
    gap: 7.111px;
    padding-inline: 56.889px;
    font-size: 24.889px;
    line-height: calc(20 / 14);
  }
  .sds-compare-row--head .sds-compare-cell {
    gap: 14.222px;
    font-size: 28.444px;
    line-height: calc(24 / 16);
  }
  .sds-check {
    width: 42.667px;
    height: 42.667px;
  }
  .sds-check > img {
    width: 100%;
    height: 100%;
  }
  .dds-benefit {
    padding: 56.889px 71.111px;
    gap: 71.111px;
  }
  .dds-benefit-header {
    gap: 35.556px;
    margin: 0;
  }
  .dds-benefit-title {
    margin: 0;
    font-size: 92.444px;
    line-height: calc(64 / 52);
    letter-spacing: -2.222px;
  }
  .dds-benefit-subtitle {
    margin: 0;
    width: 551.111px;
    font-size: 28.444px;
    line-height: calc(24 / 16);
  }
  .sds-compare-table {
    border-radius: 35.556px;
    grid-auto-rows: 177.778px;
  }
  .sds-compare-brand-border {
    left: calc(100% / var(--dds-benefit-cols));
    width: calc(100% / var(--dds-benefit-cols));
    top: 0;
    bottom: 0;
    border-radius: 35.556px;
    padding: 3.556px;
  }
  .sds-compare-cell {
    gap: 7.111px;
    padding-inline: 56.889px;
    font-size: 24.889px;
    line-height: calc(20 / 14);
  }
  .sds-compare-row--head .sds-compare-cell {
    gap: 14.222px;
    font-size: 28.444px;
    line-height: calc(24 / 16);
  }
  .sds-check {
    width: 42.667px;
    height: 42.667px;
  }
  .sds-check > img {
    width: 100%;
    height: 100%;
  }
  .dds-launch[data-cms-section="cta.launch"] {
    border-radius: 56.889px;
    padding: 170.667px 0;
  }
  .dds-launch-dust {
    inset: 0;
    border-radius: 26.667px;
  }
  .dds-launch-dust img {
    inset: 0;
    width: 100%;
    height: 100%;
  }
  .dds-launch-content {
    gap: 56.889px;
    max-width: 1596.444px;
    margin: 0 auto;
  }
  .dds-launch-intro {
    gap: 28.444px;
  }
  .dds-launch-title {
    margin: 0;
    font-size: 92.444px;
    line-height: calc(64 / 52);
    letter-spacing: -0.889px;
  }
  .dds-launch-subtitle {
    margin: 0;
    font-size: 28.444px;
    line-height: calc(24 / 16);
  }
  .dds-launch-actions {
    gap: 21.333px;
  }
  .dds-launch-btn {
    border-radius: 42.667px;
    padding: 24.889px 35.556px;
    font-size: 24.889px;
    line-height: calc(20 / 14);
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] img[data-cms-image="use-cases.item1.img"], video[data-cms-image="use-cases.item1.img"] {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] img[data-cms-image="use-cases.item2.img"], video[data-cms-image="use-cases.item2.img"] {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] img[data-cms-image="use-cases.tab2.item1.img"], video[data-cms-image="use-cases.tab2.item1.img"] {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] img[data-cms-image="use-cases.item3.img"], video[data-cms-image="use-cases.item3.img"] {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] img[data-cms-image="use-cases.item4.img"], video[data-cms-image="use-cases.item4.img"] {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] img[data-cms-image="use-cases.tab2.item2.img"], video[data-cms-image="use-cases.tab2.item2.img"] {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] img[data-cms-image="use-cases.tab2.item3.img"], video[data-cms-image="use-cases.tab2.item3.img"] {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] img[data-cms-image="use-cases.tab2.item4.img"], video[data-cms-image="use-cases.tab2.item4.img"] {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] img[data-cms-image="use-cases.tab3.item1.img"], video[data-cms-image="use-cases.tab3.item1.img"] {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] img[data-cms-image="use-cases.tab3.item2.img"], video[data-cms-image="use-cases.tab3.item2.img"] {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] img[data-cms-image="use-cases.tab3.item3.img"], video[data-cms-image="use-cases.tab3.item3.img"] {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  [data-section-id="019f8703-47cb-7689-a38e-b7781d811c91"] img[data-cms-image="use-cases.tab3.item4.img"], video[data-cms-image="use-cases.tab3.item4.img"] {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .dds-benefit-header {
    max-width: 100%;
  }
  .dds-benefit-subtitle {
    min-width: 0;
  }
  .dds-accordion-head {
    height: auto;
  }
  .dds-why-safe-tile {
    border-radius: 38%;
  }
  .dds-cookie {
    right: 35.556px;
    bottom: 35.556px;
    max-width: 711.111px;
    padding: 35.556px 35.556px 32px;
    border-radius: 28.444px;
  }
  .dds-cookie-text {
    margin: 0 0 28.444px;
    font-size: 24.889px;
    line-height: 1.5;
  }
  .dds-cookie-actions {
    gap: 14.222px;
  }
  #header .dds-main-bar {
    width: min(calc(100% - 56.889px), 1706.667px);
    min-height: 92.444px;
    margin: 28.444px auto 0;
    padding: 12.444px 16px 12.444px 24.889px;
    border-radius: 28.444px;
  }
  #header .dds-main-logo img {
    width: auto;
    height: 35.556px;
  }
  #header .dds-main-nav {
    gap: 0;
    margin-inline: auto;
    padding: 0;
    border-radius: 0;
  }
  #header .dds-main-link {
    padding: 14.222px 17.778px;
    border-radius: 16px;
    font-size: 21.333px;
  }
  #header .dds-main-demo {
    min-height: 0;
    padding: 17.778px 35.556px;
    border-radius: 21.333px;
  }
  #header.is-scrolled .dds-main-bar {
    margin-top: 28.444px;
    padding-block: 12.444px;
  }
  #hero.dds-app-preview {
    padding: 21.333px;
  }
  #hero .dds-app-preview-inner {
    padding-inline: 71.111px;
  }
  #hero .dds-app-preview-intro {
    margin-top: 28.444px;
    gap: 35.556px;
  }
  #hero .dds-app-preview-heading {
    min-height: 462.222px;
    height: auto;
    gap: 28.444px;
  }
  #hero .dds-app-preview-card {
    border-radius: 35.556px;
  }
  #logos {
    margin-top: 56.889px;
  }
  #roadmap {
    padding-top: 136.889px;
    padding-bottom: 35.556px;
  }
  #faq {
    gap: 42.667px;
  }
  #faq .dds-accordion-list,
#faq .dds-accordion-header {
    margin-top: 0;
    margin-bottom: 0;
  }
  #faq .dds-accordion-head::after {
    inset: 0;
    border-radius: inherit;
  }
  #features .dds-why-safe-image {
    width: 100%;
    height: 768px;
    border-radius: 35.556px;
  }
  #features .dds-why-safe-image img {
    width: 100%;
    height: 100%;
  }
  #use-cases .dds-tabs-panel,
#use-cases .dds-tabs-media {
    border-radius: 21.333px !important;
  }
  #hero .dds-app-preview-media {
    height: auto !important;
    padding-top: 0 !important;
  }
  #hero .dds-app-preview-shot,
#hero img[data-cms-image="hero.app-screenshot"] {
    bottom: 0;
  }
  #hero .dds-app-preview-media {
    margin-top: 35.556px;
  }
  #use-cases .dds-tabs-card {
    border-radius: 0 !important;
  }
  #roadmap .dds-rmap-track::after {
    width: calc(var(--dds-rmap-progress, 0) * var(--dds-rmap-col) + 7.111px);
  }
  .dds-cookie-actions {
    width: 100%;
  }
  #footer [data-cms-key="footer.legal.email"] {
    font-size: max(12px, 24.889px) !important;
    line-height: 1.4286 !important;
  }
  #footer {
    padding-top: 113.778px !important;
    padding-bottom: 113.778px !important;
  }
  #footer .dds-footer-top,
  #footer .dds-footer-links {
    height: auto !important;
    min-height: 0;
  }
  #cta .dds-launch-title {
    font-size: 71.111px !important;
  }
  /* Keep one static, contained logo group outside the mobile marquee layout. */
@media (min-width: 768px) {
    width: 100%;
    max-width: 100%;
  }
  #header.dds-header {
    inset: 0 0 auto;
  }
  #header.is-scrolled .dds-main-bar {
    margin-block-start: 28.444px;
    padding-block: 12.444px;
  }
  #hero .dds-app-preview-title {
    line-height: 1.08;
  }
  #process .dds-steps-card {
    border-radius: 0;
  }
  #process .dds-steps-media {
    border-radius: 35.556px;
  }
  #process .dds-steps-copy {
    height: 177.778px;
    gap: 7.111px;
    padding: 28.444px 0 0;
  }
  #use-cases {
    --dds-use-case-rule: max(1px, 1.778px);
  }
  #use-cases .dds-tabs-title {
    width: 100%;
    max-width: none;
  }
  #use-cases .dds-tabs-wide {
    width: 100%;
  }
  #use-cases .dds-tabs-title {
    height: auto;
    font-size: clamp(60.444px, 3.2vw, 81.778px);
    line-height: 1.1;
  }
  .dds-tabs-card,
.dds-tabs-panel,
.dds-tabs-media {
    border-radius: 21.333px;
  }
  #use-cases .dds-tabs-body {
    gap: 56.889px;
  }
  #use-cases .dds-tabs-card {
    gap: 8.889px;
    border-radius: 0;
    min-height: 0;
    padding: 35.556px 0;
  }
  #use-cases .dds-tabs-card:first-child {
    padding-top: 0;
  }
  #use-cases .dds-tabs-card-title {
    margin: 0;
    font-size: 35.556px;
    line-height: 1.4;
    letter-spacing: -0.889px;
  }
  #use-cases .dds-tabs-card-desc {
    margin: 0;
    font-size: 24.889px;
    line-height: 1.4286;
  }
  #use-cases .dds-tabs-card-desc > span {
    min-height: 0;
  }
  #use-cases .dds-tabs-card-progress {
    left: 0;
    right: 0;
    bottom: calc(-1 * var(--dds-use-case-rule));
    height: var(--dds-use-case-rule);
  }
  #use-cases .dds-tabs-card-progress-fill {
    height: 100%;
    width: 100%;
  }
  #use-cases .dds-tabs-panel {
    border-radius: 28.444px;
  }
  #use-cases .dds-tabs-media {
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    border-radius: 0;
  }
  .dds-btn,
.dds-btn--l,
.dds-app-preview-cta,
.dds-launch-btn,
.dds-tabs-tab {
    border-radius: 21.333px;
  }
  .dds-why-safe-section-title {
    margin: 0;
    font-size: 92.444px;
    line-height: calc(64 / 52);
    letter-spacing: -2.222px;
  }
  #features .dds-why-safe-points {
    gap: 56.889px;
  }
  #features .dds-why-safe-point {
    padding: 0;
    border-radius: 0;
  }
  #features .dds-why-safe-card {
    width: 100%;
    height: 768px;
    border-radius: 35.556px;
  }
  #features .dds-why-safe-card::before {
    inset: 0;
  }
  #features .dds-why-safe-tile {
    width: 227.556px;
    height: 227.556px;
    padding: 0;
    border-radius: 64px;
  }
  #features .dds-why-safe-tile svg {
    width: 99.556px;
    height: 99.556px;
  }
  #features .dds-why-safe-point-text {
    height: 177.778px;
    gap: 7.111px;
    padding: 0;
  }
  #features .dds-why-safe-point-title {
    margin: 0;
    font-size: 42.667px;
    line-height: 1.3334;
    letter-spacing: -1.778px;
  }
  #features .dds-why-safe-point-desc {
    margin: 0;
    font-size: 28.444px;
    line-height: 1.5;
  }
  #faq .dds-accordion-list {
    column-gap: 56.889px;
    row-gap: 0;
  }
  #faq .dds-accordion-col {
    min-width: 0;
    row-gap: 35.556px;
  }
  .dds-accordion-question {
    width: auto;
    max-width: none;
    min-width: 0;
  }
  .dds-accordion-icon {
    margin-left: auto;
  }
  #cta .dds-launch-content {
    gap: 42.667px;
  }
  #process .dds-steps-header,
#compare .dds-benefit-header,
#roadmap .dds-rmap-header,
#faq .dds-accordion-header,
#cta .dds-launch-intro {
    gap: 14.222px;
  }
  #hero .dds-app-preview-media {
    width: 100%;
    height: auto;
  }
  #hero .dds-app-preview-shot,
#hero img[data-cms-image="hero.app-screenshot"] {
    width: 100%;
    height: 100%;
    border-radius: 28.444px 28.444px 0 0;
  }
  #process,
#use-cases {
    padding-top: 56.889px;
    padding-bottom: 227.556px;
  }
  #features,
#compare,
#roadmap,
#faq {
    padding-top: 56.889px;
    padding-bottom: 170.667px;
  }
  #footer {
    padding-top: 113.778px;
    padding-bottom: 113.778px;
  }
  #cta {
    border-radius: 28.444px;
  }
  #cta::before,
#cta::after {
    border-radius: 50%;
    filter: blur(85.333px);
  }
  #cta::before {
    width: 58%;
    height: 72%;
    left: -14%;
    top: -20%;
  }
  #cta::after {
    width: 64%;
    height: 78%;
    right: -18%;
    bottom: -26%;
  }
  #cta .dds-launch-shine {
    width: 30%;
    height: 34%;
    left: 35%;
    top: 8%;
    border-radius: 50%;
    filter: blur(81.778px);
  }
  #use-cases .dds-tabs-tab {
    padding-right: 17.778px;
    padding-left: 17.778px;
  }
  .dds-launch-content {
    width: min(1955.556px, 100%);
    max-width: none;
  }
  #cta .dds-launch-content > .dds-launch-intro {
    width: 100%;
    height: auto;
  }
  #cta .dds-launch-title {
    width: 100%;
    font-size: 85.333px;
  }
  #cta {
    padding-top: 227.556px;
    padding-bottom: 227.556px;
  }
  #cta .dds-launch-content {
    width: 1920px;
    margin-left: 142.222px;
    margin-right: 142.222px;
  }
  .dds-marquee-item {
    --h: 65.778px;
    height: calc(var(--h) * var(--k));
  }
  .dds-marquee-item-3 img {
    width: calc(100.85 / 37 * var(--h));
  }
  .dds-marquee-item-4 img {
    width: calc(43.44 / 37 * var(--h));
  }
  .dds-marquee-item-7 img {
    width: calc(102.19 / 37 * var(--h));
  }
  .dds-marquee-item-8 img {
    width: calc(113.58 / 37 * var(--h));
  }
  .dds-marquee-item-9 img {
    width: calc(98.22 / 37 * var(--h));
  }
  .dds-marquee-item-10 img {
    width: calc(106.09 / 37 * var(--h));
  }
  .dds-lightbox {
    inset: 0;
  }
  .dds-lightbox-scroll {
    inset: 0;
  }
  /* margin:auto (not justify-content) so an image wider than the viewport
   stays reachable on both sides when zoomed. */
.dds-lightbox-img {
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    border-radius: 10.667px;
  }
  .dds-lightbox.is-zoomed .dds-lightbox-img {
    max-width: none;
    max-height: none;
    height: 100%;
    width: auto;
    border-radius: 0;
  }
  .dds-lightbox-close {
    top: 21.333px;
    right: 21.333px;
    width: 71.111px;
    height: 71.111px;
    padding: 0;
    border-radius: 1776px;
  }
  .dds-lightbox-caption {
    left: 0;
    right: 0;
    bottom: 0;
    padding: 71.111px 42.667px 42.667px;
  }
  .dds-lightbox-caption-title {
    margin: 0;
  }
  .dds-lightbox-caption-desc {
    margin: 7.111px 0 0;
  }
  html.dds-lightbox-locked body {
    left: 0;
    right: 0;
    width: 100%;
  }
  @media (max-width: 47.99rem) {
    .cards [data-cms-key="cards.title"], .cards [data-cms-key="cards.description"], .job-board [data-cms-key="job-board.title"], .job-board [data-cms-key="job-board.subtitle"] {
      margin-inline: auto;
    }
    .card [class*="btn"] {
      width: 100%;
    }
    .section-header__subtitle {
      max-width: 100%;
    }
    .section-intro--centered .section-intro__description {
      max-width: 100%;
    }
  }
  @media (hover: hover) {
    .hover\:text-title-accent:hover {
      font-size: var(--text-title-accent-font-size);
    }
  }

  /* Hand-written, kept last so it wins over the generated rules above.

     The hero gradient is the one element that should not stop at the frame —
     it runs to the screen edges, inset only by the hero's own padding. Negative
     inline margins pull it back out of the centred body; the content column
     keeps the frame so the headline stays where it was designed.
     overflow-x:clip absorbs the classic-scrollbar overhang of 100vw without
     creating a scroll container, so the fixed header is unaffected. */
  body {
    overflow-x: clip;
  }

  #hero.dds-app-preview {
    margin-inline: calc(50% - 50vw);
  }

  #hero .dds-app-preview-inner {
    max-width: 2517px;
    margin-inline: auto;
  }
}