/**
 * DocuDocu for companies.
 *
 * Product-led landing page scoped to .dd-company.
 */

.dd-company,
.dd-company * {
  box-sizing: border-box;
  font-family: "Quicksand", sans-serif;
}

.dd-company {
  --company-ink: #163451;
  --company-ink-soft: #52708b;
  --company-blue: #2365a1;
  --company-blue-dark: #123d68;
  --company-sky: #eaf5ff;
  --company-cyan: #1fa6c4;
  --company-green: #21a86b;
  --company-amber: #f2a719;
  --company-purple: #8b4ab8;
  --company-red: #dc5656;
  --company-line: #dce7f0;
  --company-surface: #f5f8fb;
  overflow: hidden;
  color: var(--company-ink);
  background: #fff;
  font-family: "Quicksand", sans-serif;
}

.dd-company h1,
.dd-company h2,
.dd-company h3,
.dd-company p,
.dd-company ul,
.dd-company ol,
.dd-company dl,
.dd-company dd,
.dd-company figure {
  margin: 0;
}

.dd-company h1,
.dd-company h2,
.dd-company h3,
.dd-company strong {
  font-weight: 800;
}

.dd-company h1,
.dd-company h2 {
  text-wrap: balance;
}

.dd-company a:focus-visible,
.dd-company button:focus-visible,
.dd-company summary:focus-visible {
  outline: 3px solid rgba(35, 101, 161, 0.32);
  outline-offset: 4px;
}

.dd-company .fa-solid {
  font-family: "Font Awesome 6 Pro" !important;
  font-weight: 900;
}

.dd-company .content {
  width: min(100% - 3rem, 88rem);
  margin-inline: auto;
}

.dd-company-kicker {
  display: flex;
  gap: 0.65rem;
  align-items: center;
  color: var(--company-blue);
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  line-height: 1.4;
  text-transform: uppercase;
}

.dd-company-kicker::before {
  width: 1.85rem;
  height: 2px;
  flex: 0 0 auto;
  content: "";
  border-radius: 99px;
  background: var(--company-amber);
}

/* Header integration on the light hero */
body:has(.dd-company) .site.docudocu {
  background: #fff;
}

body:has(.dd-company) .site.docudocu .menu:not(.menu--clear) {
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 14px 42px rgba(7, 26, 51, 0.08);
  backdrop-filter: blur(18px);
}

body:has(.dd-company) .site.docudocu .pre-menu {
  background: rgba(242, 146, 11, 0.88);
}

body:has(.dd-company) .site.docudocu .menu:not(.menu--clear) .menu__logo__image--fixed {
  display: block;
}

body:has(.dd-company) .site.docudocu .menu:not(.menu--clear) .menu__logo__image--absolute {
  display: none;
}

body:has(.dd-company) .site.docudocu .menu:not(.menu--clear) .menu__main__list__item>a,
body:has(.dd-company) .site.docudocu .menu:not(.menu--clear) .menu__submenu-parent-link,
body:has(.dd-company) .site.docudocu .menu:not(.menu--clear) .menu__submenu-trigger,
body:has(.dd-company) .site.docudocu .menu__submenu-chevron,
body:has(.dd-company) .site.docudocu .menu-screen__chevron {
  color: #123d68;
}

body:has(.dd-company) .site.docudocu .menu:not(.menu--clear) .menu__main__login:not(.menu__main__login--register) {
  color: #174f80;
  border-color: #2365a1;
  background: rgba(255, 255, 255, 0.92);
}

body:has(.dd-company) .site.docudocu .menu:not(.menu--clear) .menu__main__login--register {
  color: #1d3249;
  border-color: transparent;
  background: #f2a719;
}

body:has(.dd-company) .site.docudocu .menu:not(.menu--clear) .menu__main__login--register:hover {
  background: #ffc247;
}

.dd-company-heading {
  max-width: 46rem;
}

.dd-company-heading h2,
.dd-company-story__content h2,
.dd-company-connected__content h2,
.dd-company-final h2 {
  margin-top: 1rem;
  color: var(--company-ink);
  font-size: clamp(2.1rem, 4vw, 3.65rem);
  letter-spacing: -0.055em;
  line-height: 1.05;
}

.dd-company-heading h2 span,
.dd-company-story__content h2 span,
.dd-company-final h2 span {
  display: block;
  color: var(--company-blue);
}

.dd-company-heading>p:last-child,
.dd-company-story__content>p,
.dd-company-connected__content>p,
.dd-company-final__inner>div>p:last-child {
  margin-top: 1.35rem;
  color: var(--company-ink-soft);
  font-size: clamp(1rem, 1.5vw, 1.16rem);
  font-weight: 550;
  line-height: 1.75;
}

.dd-company-heading--center {
  max-width: 51rem;
  margin-inline: auto;
  text-align: center;
}

.dd-company-heading--center .dd-company-kicker {
  justify-content: center;
}

.dd-company-heading--split {
  display: grid;
  max-width: none;
  gap: clamp(2rem, 6vw, 6rem);
  align-items: end;
  grid-template-columns: minmax(0, 1.15fr) minmax(20rem, 0.85fr);
}

.dd-company-heading--split>p:last-child {
  margin-top: 0;
  padding-bottom: 0.3rem;
}

/* Hero */
.dd-company-hero {
  position: relative;
  isolation: isolate;
  padding: clamp(5.6rem, 9vw, 10.4rem) 0 clamp(4.5rem, 8vw, 7.5rem);
  background:
    radial-gradient(circle at 10% 7%, rgba(34, 170, 200, 0.12), transparent 24rem),
    radial-gradient(circle at 90% 18%, rgba(242, 167, 25, 0.13), transparent 22rem),
    linear-gradient(180deg, #f8fbfe 0%, #fff 62%, #f5f9fc 100%);
}

.dd-company-hero::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  content: "";
  opacity: 0.38;
  background-image:
    linear-gradient(rgba(35, 101, 161, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(35, 101, 161, 0.07) 1px, transparent 1px);
  background-position: center top;
  background-size: 4rem 4rem;
  mask-image: linear-gradient(to bottom, #000, transparent 42%);
}

.dd-company-hero__content {
  max-width: 65rem;
  margin-inline: auto;
  text-align: center;
}

.dd-company-hero__content .dd-company-kicker {
  justify-content: center;
}

.dd-company-hero h1 {
  margin-top: 1.15rem;
  color: #123a61;
  font-size: clamp(3rem, 6.8vw, 4.88rem);
  letter-spacing: -0.07em;
  line-height: 0.96;
}

.dd-company-hero h1 span {
  display: block;
  margin-top: 0.14em;
  color: var(--company-blue);
}

p.dd-company-hero__lead {
  max-width: 51rem;
  margin: 1.65rem auto 0;
  color: #4e6b84;
  font-size: clamp(1.07rem, 1.8vw, 1.28rem);
  font-weight: 550;
  line-height: 1.7;
}

.dd-company-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  justify-content: center;
  margin-top: 2rem;
}

.dd-company-button {
  display: inline-flex;
  min-height: 3.35rem;
  gap: 0.7rem;
  align-items: center;
  justify-content: center;
  padding: 0.88rem 1.4rem;
  border: 1px solid transparent;
  border-radius: 0.8rem;
  font-size: 0.93rem;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none;
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    color 180ms ease,
    background-color 180ms ease,
    box-shadow 180ms ease;
}

.dd-company-button:hover {
  transform: translateY(-2px);
}

.dd-company-button--primary {
  color: #fff;
  background: linear-gradient(135deg, #1e70b3, #174e82);
  box-shadow: 0 14px 28px rgba(35, 101, 161, 0.23);
}

.dd-company-button--primary:hover {
  color: #fff;
  box-shadow: 0 18px 36px rgba(35, 101, 161, 0.3);
}

.dd-company-button--secondary {
  border-color: #c8d8e7;
  color: #1a4d78;
  background: rgba(255, 255, 255, 0.76);
}

.dd-company-button--secondary:hover {
  border-color: #8fabc3;
  color: #153f65;
  background: #fff;
}

ul.dd-company-hero__signals {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem 1.35rem;
  justify-content: center;
  margin-top: 1.45rem;
  padding: 0;
  color: #617b91;
  font-size: 0.76rem;
  font-weight: 700;
  list-style: none;
}

.dd-company-hero__signals li {
  display: flex;
  gap: 0.42rem;
  align-items: center;
}

.dd-company-hero__signals i {
  color: var(--company-green);
}

.dd-company-hero__product {
  position: relative;
  max-width: 78rem;
  margin: clamp(3.4rem, 7vw, 5.5rem) auto 0;
}

.dd-company-hero__product::before,
.dd-company-hero__product::after {
  position: absolute;
  z-index: -1;
  width: 13rem;
  height: 13rem;
  content: "";
  border-radius: 50%;
  filter: blur(1px);
}

.dd-company-hero__product::before {
  top: -3rem;
  left: -4rem;
  border: 2.4rem solid rgba(31, 166, 196, 0.1);
}

.dd-company-hero__product::after {
  right: -3rem;
  bottom: -2rem;
  background: radial-gradient(circle, rgba(242, 167, 25, 0.2), rgba(242, 167, 25, 0));
}

.dd-company-product-label {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
  padding-inline: 0.25rem;
}

.dd-company-product-label span {
  display: inline-flex;
  gap: 0.55rem;
  align-items: center;
  color: var(--company-blue);
  font-size: 0.78rem;
  font-weight: 850;
  letter-spacing: 0.02em;
}

.dd-company-product-label span i {
  color: var(--company-amber);
}

.dd-company-product-label small {
  color: #72879a;
  font-size: 0.7rem;
  font-weight: 650;
}

.dd-company-hero__product .ddx-suite__window {
  box-shadow:
    0 42px 100px rgba(25, 62, 98, 0.22),
    0 0 0 10px rgba(255, 255, 255, 0.62);
}

/* Proof */
.dd-company-proof {
  border-block: 1px solid #e3ebf2;
  background: #fff;
}

.dd-company-proof__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.dd-company-proof article {
  display: flex;
  min-height: 10rem;
  gap: 1rem;
  align-items: flex-start;
  padding: 2.3rem 1.55rem;
  border-right: 1px solid #e3ebf2;
}

.dd-company-proof article:first-child {
  border-left: 1px solid #e3ebf2;
}

.dd-company-proof article>span {
  color: var(--company-amber);
  font-size: 0.7rem;
  font-weight: 850;
  letter-spacing: 0.08em;
}

.dd-company-proof article div {
  display: grid;
  gap: 0.55rem;
}

.dd-company-proof strong {
  color: #183c5d;
  font-size: 0.94rem;
}

.dd-company-proof small {
  color: #6c8296;
  font-size: 0.76rem;
  font-weight: 550;
  line-height: 1.6;
}

/* Problem framing */
.dd-company-problem {
  padding: clamp(5.5rem, 10vw, 9rem) 0;
  background: #fff;
}

.dd-company-problem__grid {
  display: grid;
  gap: 1rem;
  margin-top: clamp(2.5rem, 5vw, 4.5rem);
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.dd-company-problem__grid article {
  position: relative;
  min-height: 15rem;
  overflow: hidden;
  padding: 1.8rem;
  border: 1px solid #e0e9f1;
  border-radius: 1.25rem;
  background: linear-gradient(145deg, #fff, #f7fafc);
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease;
}

.dd-company-problem__grid article::after {
  position: absolute;
  right: -2.2rem;
  bottom: -2.2rem;
  width: 7rem;
  height: 7rem;
  content: "";
  border-radius: 50%;
  background: rgba(35, 101, 161, 0.05);
}

.dd-company-problem__grid article:hover {
  border-color: #bed2e3;
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(31, 67, 101, 0.1);
}

.dd-company-problem__grid article>i {
  display: grid;
  width: 3.2rem;
  height: 3.2rem;
  place-items: center;
  border-radius: 0.9rem;
  color: var(--company-blue);
  background: #e9f4fd;
  font-size: 1.15rem;
}

.dd-company-problem__grid p {
  margin-top: 2rem;
  color: #667e93;
  font-size: 0.92rem;
  font-weight: 550;
  line-height: 1.7;
}

.dd-company-problem__grid strong {
  display: block;
  margin-bottom: 0.45rem;
  color: #173c5d;
  font-size: 1.02rem;
}

/* Service map */
.dd-company-services {
  position: relative;
  padding: clamp(5.5rem, 10vw, 9rem) 0;
  background:
    radial-gradient(circle at 10% 5%, rgba(31, 166, 196, 0.09), transparent 25rem),
    #f3f7fa;
}

.dd-company-services__grid {
  display: grid;
  gap: 1rem;
  margin-top: clamp(3rem, 6vw, 5rem);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.dd-company-service-card {
  --service-color: var(--company-blue);
  display: flex;
  min-height: 30rem;
  flex-direction: column;
  padding: clamp(1.65rem, 3vw, 2.5rem);
  border: 1px solid #dce6ee;
  border-radius: 1.35rem;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 20px 50px rgba(25, 61, 94, 0.07);
}

.dd-company-service-card.is-people {
  --service-color: var(--company-green);
}

.dd-company-service-card.is-crm {
  --service-color: var(--company-purple);
}

.dd-company-service-card.is-onboarding {
  --service-color: var(--company-amber);
}

.dd-company-service-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.dd-company-service-card__top>span {
  display: grid;
  width: 3.5rem;
  height: 3.5rem;
  place-items: center;
  border-radius: 1rem;
  color: #fff;
  background: var(--service-color);
  box-shadow: 0 12px 26px color-mix(in srgb, var(--service-color) 24%, transparent);
}

.dd-company-service-card__top small {
  padding: 0.45rem 0.75rem;
  border-radius: 999px;
  color: var(--service-color);
  background: color-mix(in srgb, var(--service-color) 10%, #fff);
  font-size: 0.69rem;
  font-weight: 850;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.dd-company-service-card h3 {
  margin-top: 1.75rem;
  color: #173b5b;
  font-size: clamp(1.45rem, 2.5vw, 2rem);
  letter-spacing: -0.035em;
  line-height: 1.15;
}

.dd-company-service-card>p {
  margin-top: 0.9rem;
  color: #667f94;
  font-size: 0.91rem;
  font-weight: 550;
  line-height: 1.72;
}

.dd-company-service-card ul {
  display: grid;
  gap: 0.7rem;
  margin-top: 1.5rem;
  padding: 0;
  color: #45637e;
  font-size: 0.82rem;
  font-weight: 650;
  list-style: none;
}

.dd-company-service-card li {
  position: relative;
  padding-left: 1.2rem;
}

.dd-company-service-card li::before {
  position: absolute;
  top: 0.55em;
  left: 0;
  width: 0.38rem;
  height: 0.38rem;
  content: "";
  border-radius: 50%;
  background: var(--service-color);
}

.dd-company-service-card>a {
  display: inline-flex;
  gap: 0.55rem;
  align-items: center;
  align-self: flex-start;
  margin-top: auto;
  padding-top: 2rem;
  color: var(--service-color);
  font-size: 0.83rem;
  font-weight: 850;
  text-decoration: none;
}

.dd-company-service-card>a span {
  transition: transform 180ms ease;
}

.dd-company-service-card>a:hover span {
  transform: translateX(4px);
}

/* Product stories */
.dd-company-story {
  padding: clamp(5.5rem, 10vw, 9rem) 0;
  background: #fff;
}

.dd-company-story--people,
.dd-company-story--communications {
  background: #f4f8fb;
}

.dd-company-story__inner {
  display: grid;
  gap: clamp(3rem, 7vw, 6rem);
  align-items: center;
  grid-template-columns: minmax(20rem, 0.82fr) minmax(0, 1.18fr);
}

.dd-company-story__inner--reverse {
  grid-template-columns: minmax(0, 1.18fr) minmax(20rem, 0.82fr);
}

.dd-company-story__content {
  max-width: 32rem;
}

.dd-company-story__content h2 {
  font-size: clamp(2.15rem, 4.2vw, 4rem);
}

.dd-company-checklist {
  display: grid;
  gap: 0.95rem;
  margin-top: 1.65rem;
  padding: 0;
  color: #506d85;
  font-size: 0.88rem;
  font-weight: 550;
  line-height: 1.55;
  list-style: none;
}

.dd-company-checklist li {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
}

.dd-company-checklist li>i {
  display: grid;
  width: 1.45rem;
  height: 1.45rem;
  flex: 0 0 auto;
  place-items: center;
  margin-top: 0.06rem;
  border-radius: 50%;
  color: #fff;
  background: var(--company-green);
  font-size: 0.62rem;
}

.dd-company-checklist strong {
  color: #244a6a;
}

.dd-company-text-link {
  display: inline-flex;
  gap: 0.55rem;
  align-items: center;
  margin-top: 1.85rem;
  color: var(--company-blue);
  font-size: 0.86rem;
  font-weight: 850;
  text-decoration: none;
}

.dd-company-text-link span {
  transition: transform 180ms ease;
}

.dd-company-text-link:hover span {
  transform: translateX(4px);
}

/* Shared app frame */
.dd-company-app-frame {
  overflow: hidden;
  border: 1px solid #cddbe7;
  border-radius: 1.3rem;
  background: #edf2f6;
  box-shadow:
    0 35px 70px rgba(25, 59, 91, 0.17),
    0 0 0 8px rgba(255, 255, 255, 0.7);
}

.dd-company-app-frame__chrome {
  display: flex;
  min-height: 2.7rem;
  gap: 0.35rem;
  align-items: center;
  padding: 0 0.85rem;
  border-bottom: 1px solid #d5e0e9;
  background: #fff;
}

.dd-company-app-frame__chrome>span {
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 50%;
  background: #e26969;
}

.dd-company-app-frame__chrome>span:nth-child(2) {
  background: #efb743;
}

.dd-company-app-frame__chrome>span:nth-child(3) {
  background: #58bd7c;
}

.dd-company-app-frame__chrome small {
  margin-left: 0.55rem;
  color: #7790a5;
  font-size: 0.59rem;
  font-weight: 700;
}

.dd-company-app-frame__chrome>i {
  margin-left: auto;
  color: #9aabb9;
  font-size: 0.62rem;
}

.dd-company-app-frame figcaption {
  padding: 0.85rem 1rem;
  color: #76899a;
  background: #fff;
  font-size: 0.61rem;
  font-weight: 650;
  text-align: center;
}

.dd-company-demo-head {
  display: flex;
  gap: 0.7rem;
  align-items: center;
  justify-content: space-between;
}

.dd-company-demo-head strong {
  color: #294b68;
  font-size: 0.66rem;
}

.dd-company-demo-head span {
  color: #8a9dac;
  font-size: 0.5rem;
}

/* Finance dashboard */
.dd-company-finance__body {
  padding: clamp(0.75rem, 2vw, 1.1rem);
}

.dd-company-finance__body>header,
.dd-company-people-demo__body>header {
  display: flex;
  gap: 0.7rem;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem;
  border: 1px solid #dae4ec;
  border-radius: 0.72rem;
  background: #fff;
}

.dd-company-finance__body>header>div,
.dd-company-people-demo__body>header>div {
  display: flex;
  gap: 0.55rem;
  align-items: center;
}

.dd-company-finance__body>header>div>span,
.dd-company-people-demo__body>header>div>span {
  display: grid;
  width: 2rem;
  height: 2rem;
  place-items: center;
  border-radius: 0.55rem;
  color: #fff;
  background: var(--company-blue);
  font-size: 0.72rem;
}

.dd-company-finance__body header p,
.dd-company-people-demo__body header p {
  display: grid;
  gap: 0.12rem;
}

.dd-company-finance__body header strong,
.dd-company-people-demo__body header strong {
  color: #294b67;
  font-size: 0.69rem;
}

.dd-company-finance__body header small,
.dd-company-people-demo__body header small {
  color: #8799a8;
  font-size: 0.48rem;
}

.dd-company-finance__body>header em,
.dd-company-people-demo__body>header em {
  padding: 0.35rem 0.55rem;
  border-radius: 999px;
  color: var(--company-green);
  background: #e8f7f0;
  font-size: 0.48rem;
  font-style: normal;
  font-weight: 800;
}

.dd-company-finance__kpis {
  display: grid;
  gap: 0.55rem;
  margin-top: 0.65rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dd-company-finance__kpis>div {
  display: grid;
  gap: 0.3rem;
  padding: 0.75rem;
  border: 1px solid #dbe5ed;
  border-radius: 0.7rem;
  background: #fff;
}

.dd-company-finance__kpis small {
  color: #8497a8;
  font-size: 0.48rem;
}

.dd-company-finance__kpis strong {
  color: #284b68;
  font-size: clamp(0.7rem, 1.35vw, 0.95rem);
}

.dd-company-finance__kpis span {
  color: #8294a4;
  font-size: 0.46rem;
  font-weight: 750;
}

.dd-company-finance__kpis span.is-up {
  color: var(--company-green);
}

.dd-company-finance__grid {
  display: grid;
  gap: 0.55rem;
  margin-top: 0.65rem;
  grid-template-columns: minmax(0, 1.1fr) minmax(13rem, 0.9fr);
}

.dd-company-finance__grid>section {
  padding: 0.8rem;
  border: 1px solid #dbe5ed;
  border-radius: 0.7rem;
  background: #fff;
}

.dd-company-finance__chart {
  padding-top: 0.3rem;
}

.dd-company-finance__chart svg {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}

.dd-company-cashflow__legend circle {
  fill: #fff;
  stroke: #234f73;
  stroke-width: 2.2;
}

.dd-company-cashflow__legend circle.is-projected {
  stroke-dasharray: 3 2.2;
}

.dd-company-cashflow__legend text {
  fill: #536b80;
  font-size: 7px;
  font-weight: 650;
}

.dd-company-cashflow__grid line {
  stroke: #e0e6eb;
  stroke-width: 1;
}

.dd-company-cashflow__axis text {
  fill: #7f91a0;
  font-size: 6.4px;
  font-weight: 650;
}

.dd-company-cashflow__axis--x text {
  text-anchor: middle;
}

.dd-company-cashflow__axis--x text.is-today {
  fill: #46657e;
  font-weight: 850;
}

.dd-company-cashflow__today {
  fill: url("#dd-company-cashflow-today");
}

.dd-company-cashflow__area {
  fill: url("#dd-company-cashflow-fill");
}

.dd-company-cashflow__history,
.dd-company-cashflow__projection {
  fill: none;
  stroke: #234f73;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2.6;
}

.dd-company-cashflow__projection {
  stroke-dasharray: 4.5 4.5;
}

.dd-company-cashflow__points circle {
  fill: #fff;
  stroke: #234f73;
  stroke-width: 2;
}

.dd-company-cashflow__points circle.is-projected {
  stroke-dasharray: 2.2 1.4;
}

.dd-company-finance__invoices>div:not(.dd-company-demo-head) {
  display: flex;
  gap: 0.45rem;
  align-items: center;
  padding: 0.65rem 0;
  border-bottom: 1px solid #edf1f4;
}

.dd-company-finance__invoices>div:last-child {
  border-bottom: 0;
}

.dd-company-finance__invoices .dd-company-demo-head b {
  padding: 0.22rem 0.4rem;
  border-radius: 999px;
  color: #bf7914;
  background: #fff4dc;
  font-size: 0.42rem;
}

.dd-company-finance__invoices .is-avatar {
  display: grid;
  width: 1.6rem;
  height: 1.6rem;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 0.4rem;
  color: #fff;
  background: var(--company-green);
  font-size: 0.42rem;
  font-weight: 850;
}

.dd-company-finance__invoices .is-avatar.is-blue {
  background: var(--company-blue);
}

.dd-company-finance__invoices .is-avatar.is-purple {
  background: var(--company-purple);
}

.dd-company-finance__invoices p,
.dd-company-finance__invoices em {
  display: grid;
  gap: 0.1rem;
}

.dd-company-finance__invoices p {
  min-width: 0;
}

.dd-company-finance__invoices p strong {
  overflow: hidden;
  color: #405e77;
  font-size: 0.49rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dd-company-finance__invoices p small {
  color: #94a4b1;
  font-size: 0.39rem;
}

.dd-company-finance__invoices em {
  margin-left: auto;
  color: #2c4d68;
  font-size: 0.48rem;
  font-style: normal;
  font-weight: 800;
  text-align: right;
}

.dd-company-finance__invoices em small {
  color: #d08b1d;
  font-size: 0.39rem;
}

/* People dashboard */
.dd-company-people-demo__body {
  padding: clamp(0.75rem, 2vw, 1.1rem);
}

.dd-company-people-demo .dd-time-attendance__body {
  display: grid;
  gap: 0.8rem;
  align-items: center;
  margin-top: 0.65rem;
  grid-template-columns: minmax(9.5rem, 0.9fr) minmax(11rem, 1.1fr);
}

.dd-company-people-demo .dd-time-attendance__statuses {
  display: flex;
  gap: 0.27rem;
  flex-direction: column;
}

.dd-company-people-demo .dd-time-attendance__status {
  --attendance-color: #6b7280;
  --attendance-soft: #f9fafb;
  display: flex;
  min-height: 2rem;
  gap: 0.5rem;
  align-items: center;
  padding: 0.26rem 0.48rem;
  border: 1.4px solid var(--attendance-color);
  border-radius: 0.5rem;
  background: linear-gradient(135deg, var(--attendance-soft), #fff);
}

.dd-company-people-demo .dd-time-attendance__status>span {
  display: grid;
  width: 1.45rem;
  height: 1.45rem;
  flex: 0 0 1.45rem;
  place-items: center;
  border-radius: 0.36rem;
  color: #fff;
  background: var(--attendance-color);
  box-shadow: inset 0 -4px 10px rgba(0, 0, 0, 0.08);
  font-size: 0.57rem;
}

.dd-company-people-demo .dd-time-attendance__status>div {
  display: flex;
  min-width: 0;
  flex-direction: column;
}

.dd-company-people-demo .dd-time-attendance__status strong {
  color: var(--attendance-color);
  font-size: 0.72rem;
  line-height: 1;
}

.dd-company-people-demo .dd-time-attendance__status small {
  margin-top: 0.12rem;
  overflow: hidden;
  color: #667180;
  font-size: 0.39rem;
  font-weight: 750;
  letter-spacing: 0.035em;
  line-height: 1.1;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.dd-company-people-demo .dd-time-attendance__status.is-working {
  --attendance-color: #22c55e;
  --attendance-soft: #f0fdf4;
}

.dd-company-people-demo .dd-time-attendance__status.is-pending {
  --attendance-color: #06b6d4;
  --attendance-soft: #ecfeff;
}

.dd-company-people-demo .dd-time-attendance__status.is-absent {
  --attendance-color: #f59e0b;
  --attendance-soft: #fffbeb;
}

.dd-company-people-demo .dd-time-attendance__status.is-sick {
  --attendance-color: #ef4444;
  --attendance-soft: #fef2f2;
}

.dd-company-people-demo .dd-time-attendance__status.is-holiday {
  --attendance-color: #3b82f6;
  --attendance-soft: #eff6ff;
}

.dd-company-people-demo .dd-time-attendance__status.is-no-show {
  --attendance-color: #6b7280;
  --attendance-soft: #f9fafb;
}

.dd-company-people-demo .dd-time-attendance__chart {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: center;
  padding: 0.8rem;
  border: 1px solid #dbe5ed;
  border-radius: 0.7rem;
  background: #fff;
}

.dd-company-people-demo .dd-time-attendance__chart>strong {
  margin-bottom: 0.3rem;
  color: #374151;
  font-size: 0.48rem;
  letter-spacing: 0.045em;
  text-align: center;
  text-transform: uppercase;
}

.dd-company-attendance-chart {
  position: relative;
  display: grid;
  width: min(100%, 11.8rem);
  aspect-ratio: 1;
  place-items: center;
  border-radius: 50%;
  background: conic-gradient(#22c55e 0 79.17%,
      #f59e0b 79.17% 83.34%,
      #3b82f6 83.34% 95.84%,
      #6b7280 95.84% 100%);
  box-shadow: 0 10px 24px rgba(39, 91, 146, 0.08);
}

.dd-company-attendance-chart::before {
  position: absolute;
  inset: 24%;
  content: "";
  border-radius: 50%;
  background: #fff;
}

.dd-company-attendance-chart>span {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 0.08rem;
  color: #6b7280;
  text-align: center;
}

.dd-company-attendance-chart small {
  font-size: 0.48rem;
  font-weight: 650;
}

.dd-company-attendance-chart strong {
  color: #1f2937;
  font-size: 1.35rem;
  line-height: 1;
}

.dd-company-people-demo .dd-time-attendance__today {
  margin-top: 0.7rem;
  padding-top: 0.65rem;
  border-top: 1.4px solid #dbe5ed;
  padding: 0.8rem;
  border: 1px solid #dbe5ed;
  border-radius: 0.7rem;
  background: #fff;
}

.dd-company-people-demo .dd-time-attendance__today-head {
  display: flex;
  gap: 0.55rem;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.55rem;
}

.dd-company-people-demo .dd-time-attendance__today-head>strong {
  display: flex;
  gap: 0.38rem;
  align-items: center;
  color: #374151;
  font-size: 0.48rem;
  letter-spacing: 0.035em;
  text-transform: uppercase;
}

.dd-company-people-demo .dd-time-attendance__today-head>strong i {
  color: #22c55e;
  font-size: 0.32rem;
}

.dd-company-people-demo .dd-time-attendance__today-head>span {
  overflow: hidden;
  padding: 0.25rem 0.5rem;
  border-radius: 999px;
  color: #6b7280;
  background: #f3f4f6;
  font-size: 0.41rem;
  font-weight: 750;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dd-company-people-demo .dd-time-attendance__workers {
  display: grid;
  gap: 0.45rem;
  align-items: start;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.dd-company-people-demo .dd-time-attendance__worker {
  display: flex;
  min-width: 0;
  align-items: center;
  flex-direction: column;
}

.dd-company-people-demo .dd-time-attendance__worker>span {
  position: relative;
  display: grid;
  width: 2.45rem;
  height: 2.45rem;
  place-items: center;
  border: 1.4px solid #e4eaf2;
  border-radius: 50%;
  background: #dde6f0;
}

.dd-company-people-demo .dd-time-attendance__worker>span.has-initials {
  color: #fff;
  border-color: #d7e2ee;
  background: linear-gradient(135deg, #275b92, #1a4068);
  font-size: 0.57rem;
  font-weight: 850;
  letter-spacing: 0.03em;
}

.dd-company-people-demo .dd-time-attendance__worker>span.has-initials.is-slate {
  background: linear-gradient(135deg, #718096, #3e4c5d);
}

.dd-company-people-demo .dd-time-attendance__worker img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

.dd-company-people-demo .dd-time-attendance__worker>span>i {
  position: absolute;
  right: -1px;
  bottom: -1px;
  width: 0.58rem;
  height: 0.58rem;
  border: 1.4px solid #fff;
  border-radius: 50%;
  background: #22c55e;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.dd-company-people-demo .dd-time-attendance__worker>span>i.is-no-show {
  background: #6b7280;
}

.dd-company-people-demo .dd-time-attendance__worker>small {
  width: 100%;
  margin-top: 0.24rem;
  overflow: hidden;
  color: #374151;
  font-size: 0.4rem;
  font-weight: 650;
  line-height: 1.12;
  text-align: center;
}

/* AutoDocu */
.dd-company-automation {
  position: relative;
  isolation: isolate;
  padding: clamp(5.5rem, 10vw, 9rem) 0;
  color: #fff;
  background:
    radial-gradient(circle at 18% 20%, rgba(31, 166, 196, 0.18), transparent 28rem),
    radial-gradient(circle at 86% 70%, rgba(242, 167, 25, 0.13), transparent 24rem),
    #102f4e;
}

.dd-company-automation::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  content: "";
  opacity: 0.18;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px);
  background-size: 4.5rem 4.5rem;
  mask-image: radial-gradient(circle at center, #000, transparent 76%);
}

.dd-company-heading--light h2 {
  color: #fff;
}

.dd-company-heading--light h2 span {
  color: #75d5e7;
}

.dd-company-heading--light>p:last-child {
  color: #b9cfdf;
}

.dd-company-automation .dd-company-kicker {
  color: #72d2e3;
}

.dd-company-automation__flow {
  display: grid;
  gap: 0.75rem;
  align-items: center;
  margin-top: clamp(3rem, 6vw, 5rem);
  grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
}

.dd-company-automation__flow>article {
  position: relative;
  min-height: 13rem;
  padding: 1.45rem;
  border: 1px solid rgba(170, 207, 231, 0.2);
  border-radius: 1.15rem;
  background: rgba(255, 255, 255, 0.07);
  backdrop-filter: blur(12px);
}

.dd-company-automation__flow>article.is-ai {
  border-color: rgba(117, 213, 231, 0.44);
  background: rgba(43, 140, 178, 0.2);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.16);
}

.dd-company-automation__flow article>span {
  position: absolute;
  top: 1.1rem;
  right: 1.1rem;
  color: rgba(255, 255, 255, 0.42);
  font-size: 0.62rem;
  font-weight: 850;
}

.dd-company-automation__flow article>i {
  display: grid;
  width: 3rem;
  height: 3rem;
  place-items: center;
  border-radius: 0.85rem;
  color: #163f61;
  background: #75d5e7;
}

.dd-company-automation__flow h3 {
  margin-top: 1.1rem;
  color: #fff;
  font-size: 1.05rem;
}

.dd-company-automation__flow p {
  margin-top: 0.55rem;
  color: #b7cad9;
  font-size: 0.74rem;
  font-weight: 550;
  line-height: 1.6;
}

.dd-company-automation__flow>i {
  color: #6c91ad;
  font-size: 0.72rem;
}

.dd-company-document-demo {
  display: block;
  max-width: 74rem;
  overflow: hidden;
  margin: clamp(2rem, 4vw, 3.5rem) auto 0;
  border: 1px solid rgba(164, 205, 232, 0.25);
  border-radius: 1.4rem;
  background: #f1f5f8;
  box-shadow: 0 34px 80px rgba(0, 0, 0, 0.25);
}

/* AutoDocu AI */
.dd-company-autodocu-app {
  min-width: 0;
  padding-bottom: 0.7rem;
  color: #304f66;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.45), transparent 8rem),
    #e9eef2;
}

.dd-company-autodocu-app__toolbar {
  display: flex;
  min-height: 4.35rem;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
  padding: 0.7rem 1rem;
  border-bottom: 1px solid #d6e0e7;
  background: #fff;
}

.dd-company-autodocu-app__brand,
.dd-company-autodocu-app__actions,
.dd-company-autodocu-upload>header,
.dd-company-autodocu-upload__file>div,
.dd-company-autodocu-queue>header,
.dd-company-autodocu-queue>header>div,
.dd-company-autodocu-list__state,
.dd-company-autodocu-list__actions {
  display: flex;
  align-items: center;
}

.dd-company-autodocu-app__brand {
  min-width: 0;
  gap: 0.68rem;
}

.dd-company-autodocu-app__brand>span {
  display: grid;
  width: 2.6rem;
  height: 2.6rem;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 0.72rem;
  color: #fff;
  background: linear-gradient(145deg, #35a6e7, #1683c9);
  box-shadow: 0 8px 16px rgba(31, 143, 207, 0.2);
  font-size: 0.9rem;
}

.dd-company-autodocu-app__brand p {
  display: grid;
  min-width: 0;
  gap: 0.17rem;
  margin: 0;
}

.dd-company-autodocu-app .dd-company-autodocu-app__brand strong {
  color: #274b64;
  font-size: 0.78rem;
  line-height: 1.1;
}

.dd-company-autodocu-app .dd-company-autodocu-app__brand small {
  overflow: hidden;
  color: #8496a4;
  font-size: 0.48rem;
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dd-company-autodocu-app__actions {
  flex: 0 0 auto;
  gap: 0.45rem;
}

.dd-company-autodocu-app__actions span,
.dd-company-autodocu-app__actions strong {
  display: inline-flex;
  min-height: 2.1rem;
  gap: 0.35rem;
  align-items: center;
  padding: 0.5rem 0.7rem;
  border: 1px solid #e4a9ab;
  border-radius: 0.42rem;
  color: #c9484d;
  background: #fff;
  font-size: 0.48rem;
  font-weight: 800;
  white-space: nowrap;
}

.dd-company-autodocu-app__actions strong {
  border-color: #1688cc;
  color: #fff;
  background: #1688cc;
  box-shadow: 0 5px 12px rgba(22, 136, 204, 0.18);
}

.dd-company-autodocu-upload,
.dd-company-autodocu-queue {
  overflow: hidden;
  margin: 0.75rem 0.75rem 0;
  border: 1px solid #dce4ea;
  border-radius: 0.75rem;
  background: #fff;
  box-shadow: 0 5px 14px rgba(39, 75, 100, 0.05);
}

.dd-company-autodocu-upload>header {
  min-height: 2.65rem;
  gap: 0.45rem;
  padding: 0.55rem 0.8rem;
  border-bottom: 1px solid #e2e8ed;
  color: #375c74;
  font-size: 0.6rem;
}

.dd-company-autodocu-upload>header>i,
.dd-company-autodocu-queue>header i {
  color: #1688cc;
}

.dd-company-autodocu-upload__dropzone {
  display: flex;
  min-height: 8.35rem;
  gap: 0.85rem;
  align-items: center;
  justify-content: center;
  margin: 0.7rem;
  border: 1px dashed #9ec9e2;
  border-radius: 0.62rem;
  background: #f9fbfc;
}

.dd-company-autodocu-upload__dropzone>span {
  display: grid;
  position: relative;
  width: 3.4rem;
  height: 3.8rem;
  place-items: center;
  border-radius: 0.25rem 0.25rem 0.42rem 0.42rem;
  color: #fff;
  background: linear-gradient(145deg, #ee6267, #ca3f45);
  box-shadow: 0 10px 20px rgba(205, 62, 69, 0.2);
  font-size: 1.45rem;
}

.dd-company-autodocu-upload__dropzone>span::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 0.85rem;
  height: 0.85rem;
  border-bottom-left-radius: 0.18rem;
  content: "";
  background: rgba(255, 255, 255, 0.45);
}

.dd-company-autodocu-upload__dropzone p {
  display: grid;
  gap: 0.25rem;
  margin: 0;
}

.dd-company-autodocu-upload__dropzone strong {
  color: #375b73;
  font-size: 0.68rem;
}

.dd-company-autodocu-upload__dropzone small {
  color: #8b9ca8;
  font-size: 0.5rem;
  font-weight: 600;
}

.dd-company-autodocu-upload__file {
  display: grid;
  gap: 0.48rem;
  margin: 0 0.7rem 0.7rem;
  padding: 0.62rem 0.72rem;
  border: 1px solid #e1e8ed;
  border-radius: 0.5rem;
  background: #fbfcfd;
}

.dd-company-autodocu-upload__file>div {
  min-width: 0;
  gap: 0.42rem;
}

.dd-company-autodocu-upload__file>div>i {
  color: #d7474c;
  font-size: 0.65rem;
}

.dd-company-autodocu-upload__file strong {
  overflow: hidden;
  color: #4b6577;
  font-size: 0.52rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dd-company-autodocu-upload__file em {
  margin-left: auto;
  color: #35a36d;
  font-size: 0.46rem;
  font-style: normal;
  font-weight: 850;
}

.dd-company-autodocu-upload__file>span {
  overflow: hidden;
  height: 0.23rem;
  border-radius: 999px;
  background: #dfe8e3;
}

.dd-company-autodocu-upload__file>span>i {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: #35ad72;
}

.dd-company-autodocu-upload__file.is-progress-pending>span>i {
  width: 0;
  transition: width 2.45s cubic-bezier(0.22, 1, 0.36, 1);
}

.dd-company-autodocu-upload__file.is-progress-pending.is-progress-visible>span>i {
  width: 100%;
}

.dd-company-autodocu-queue>header {
  min-height: 3rem;
  gap: 1rem;
  justify-content: space-between;
  padding: 0.65rem 0.8rem;
}

.dd-company-autodocu-queue>header>div {
  gap: 0.45rem;
  color: #375b73;
  font-size: 0.61rem;
}

.dd-company-autodocu-queue>header>div>span {
  display: grid;
  min-width: 1.25rem;
  height: 1.25rem;
  place-items: center;
  border-radius: 999px;
  color: #fff;
  background: #1688cc;
  font-size: 0.45rem;
}

.dd-company-autodocu-queue>header>small {
  color: #8397a5;
  font-size: 0.46rem;
  font-weight: 700;
}

.dd-company-autodocu-list__head,
.dd-company-autodocu-list__row {
  display: grid;
  gap: 0.55rem;
  align-items: center;
  grid-template-columns:
    minmax(8rem, 1.35fr) minmax(6.4rem, 0.75fr) minmax(4.8rem, 0.55fr) minmax(7.8rem, 1fr) minmax(8.7rem, 1.05fr) auto;
}

.dd-company-autodocu-list__head {
  min-height: 2rem;
  padding: 0.45rem 0.72rem;
  border-top: 1px solid #e2e8ed;
  border-bottom: 1px solid #e2e8ed;
  color: #8395a3;
  background: #f4f6f8;
}

.dd-company-autodocu-list__head span {
  font-size: 0.42rem;
  font-weight: 850;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.dd-company-autodocu-list__row {
  --autodocu-state: #33a36c;
  --autodocu-state-bg: #edf8f2;
  min-height: 4.2rem;
  padding: 0.62rem 0.72rem;
  border-bottom: 1px solid #e7ecf0;
  background: #fff;
}

.dd-company-autodocu-list__row:last-child {
  border-bottom: 0;
}

.dd-company-autodocu-list__row.is-review {
  --autodocu-state: #d88f22;
  --autodocu-state-bg: #fff8e9;
}

.dd-company-autodocu-list__row.is-incomplete {
  --autodocu-state: #d14d52;
  --autodocu-state-bg: #fff0f0;
}

.dd-company-autodocu-list__company,
.dd-company-autodocu-list__worker,
.dd-company-autodocu-list__state p {
  display: grid;
  min-width: 0;
  gap: 0.16rem;
  margin: 0;
}

.dd-company-autodocu-list__company strong,
.dd-company-autodocu-list__worker strong,
.dd-company-autodocu-list__state strong {
  overflow: hidden;
  color: #3a5b70;
  font-size: 0.51rem;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dd-company-autodocu-list__company small,
.dd-company-autodocu-list__worker small,
.dd-company-autodocu-list__state small {
  overflow: hidden;
  color: #8b9ba6;
  font-size: 0.4rem;
  font-weight: 650;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dd-company-autodocu-list__row.is-incomplete .dd-company-autodocu-list__company small,
.dd-company-autodocu-list__row.is-incomplete .dd-company-autodocu-list__company strong,
.dd-company-autodocu-list__row.is-incomplete .dd-company-autodocu-list__worker strong {
  color: #bd4b50;
}

.dd-company-autodocu-list__select,
.dd-company-autodocu-list__period {
  min-width: 0;
  min-height: 1.85rem;
  padding: 0.46rem 0.5rem;
  overflow: hidden;
  border: 1px solid #dce4e9;
  border-radius: 0.36rem;
  color: #526d7e;
  background: #fff;
  font-size: 0.5rem;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dd-company-autodocu-list__select {
  display: flex;
  gap: 0.3rem;
  align-items: center;
  justify-content: space-between;
}

.dd-company-autodocu-list__select i {
  color: #92a1ab;
  font-size: 0.38rem;
}

.dd-company-autodocu-list__period {
  color: #81929e;
}

.dd-company-autodocu-list__state {
  min-width: 0;
  min-height: 2.6rem;
  gap: 0.45rem;
  padding: 0.46rem 0.52rem;
  border-radius: 0.45rem;
  color: var(--autodocu-state);
  background: var(--autodocu-state-bg);
}

.dd-company-autodocu-list__state>i {
  flex: 0 0 auto;
  font-size: 0.68rem;
}

.dd-company-autodocu-list__state strong {
  color: var(--autodocu-state);
}

.dd-company-autodocu-list__actions {
  gap: 0.28rem;
}

.dd-company-autodocu-list__actions>i {
  display: grid;
  width: 1.65rem;
  height: 1.65rem;
  place-items: center;
  border: 1px solid #b9d7e9;
  border-radius: 0.35rem;
  color: #238bc8;
  background: #fff;
  font-size: 0.48rem;
}

.dd-company-autodocu-list__actions>i:nth-child(2) {
  border-color: #b8ddc9;
  color: #31a16a;
}

.dd-company-autodocu-list__actions>i:nth-child(3) {
  border-color: #edc6c7;
  color: #ca4c51;
}

.dd-company-autodocu-app__caption {
  margin: 0;
  padding: 0.6rem 0.8rem 0;
  color: #82939f;
  font-size: 0.42rem;
  font-weight: 700;
  text-align: right;
}

.dd-company-automation .dd-company-button--on-dark {
  width: max-content;
  margin: 2rem auto 0;
  color: #123b5c;
  background: #fff;
  box-shadow: 0 16px 35px rgba(0, 0, 0, 0.2);
}

/* Communications */
.dd-company-call-demo {
  color: #1f2937;
  background: #f5f7fa;
}

.dd-company-call {
  min-width: 0;
  padding-bottom: 0.55rem;
  background: #f5f7fa;
}

.dd-company-call__head,
.dd-company-call__contact,
.dd-company-call__contact-meta>p,
.dd-company-call__contact-actions,
.dd-company-call-history,
.dd-company-call__summary,
.dd-company-call__summary>div>span {
  display: flex;
  align-items: center;
}

.dd-company-call__head {
  min-height: 3.35rem;
  gap: 0.55rem;
  padding: 0.55rem 0.72rem;
  border-bottom: 1px solid #e4e8ef;
  background: #fafbfc;
}

.dd-company-call__head>span {
  display: grid;
  width: 2rem;
  height: 2rem;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 0.55rem;
  color: #205083;
  background: #e9f2fb;
  font-size: 0.72rem;
}

.dd-company-call__head>p {
  display: grid;
  min-width: 0;
  gap: 0.12rem;
  margin: 0;
}

.dd-company-call__head strong {
  color: #172233;
  font-size: 0.66rem;
}

.dd-company-call__head small {
  color: #778493;
  font-size: 0.43rem;
  font-weight: 650;
}

.dd-company-call__head>i {
  display: grid;
  width: 1.65rem;
  height: 1.65rem;
  margin-left: auto;
  place-items: center;
  border: 1px solid #e0e5eb;
  border-radius: 0.42rem;
  color: #7d8793;
  background: #fff;
  font-size: 0.55rem;
}

.dd-company-call__contact {
  min-width: 0;
  gap: 0.55rem;
  margin: 0.62rem 0.62rem 0;
  padding: 0.62rem 0.7rem;
  border: 1px solid #e1e6ec;
  border-radius: 0.72rem;
  background: #fff;
}

.dd-company-call__avatar,
.dd-company-call-history__avatar {
  display: grid;
  position: relative;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #205083;
  font-weight: 850;
}

.dd-company-call__avatar {
  width: 2.55rem;
  height: 2.55rem;
  font-size: 0.62rem;
}

.dd-company-call__avatar>i,
.dd-company-call-history__avatar>i {
  display: grid;
  position: absolute;
  right: -0.08rem;
  bottom: -0.05rem;
  place-items: center;
  border: 2px solid #fff;
  border-radius: 50%;
  color: #fff;
  background: #4c8ee8;
}

.dd-company-call__avatar>i {
  width: 0.9rem;
  height: 0.9rem;
  font-size: 0.35rem;
}

.dd-company-call__contact-meta {
  min-width: 0;
}

.dd-company-call__contact-meta>strong {
  display: block;
  overflow: hidden;
  color: #172233;
  font-size: 0.65rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dd-company-call__contact-meta>p {
  flex-wrap: wrap;
  gap: 0.3rem;
  margin: 0.28rem 0 0;
}

.dd-company-call__contact-meta>p>span {
  color: #687686;
  font-size: 0.43rem;
  font-weight: 650;
}

.dd-company-call__contact-meta em,
.dd-company-call__contact-meta b,
.dd-company-call-history>b {
  padding: 0.2rem 0.35rem;
  border-radius: 999px;
  color: #168057;
  background: #dcf8e9;
  font-size: 0.36rem;
  font-style: normal;
  font-weight: 850;
  white-space: nowrap;
}

.dd-company-call__contact-meta b {
  color: #14744e;
  background: #ecfdf5;
}

.dd-company-call__contact-actions {
  flex: 0 0 auto;
  gap: 0.38rem;
  margin-left: auto;
}

.dd-company-call__contact-actions span,
.dd-company-call__contact-actions strong {
  display: inline-flex;
  min-height: 1.85rem;
  gap: 0.28rem;
  align-items: center;
  padding: 0.42rem 0.52rem;
  border: 1px solid #e6c8ca;
  border-radius: 0.42rem;
  color: #a92f38;
  background: #fff;
  font-size: 0.4rem;
  font-weight: 850;
  white-space: nowrap;
}

.dd-company-call__contact-actions strong {
  border-color: #205083;
  color: #fff;
  background: #205083;
}

.dd-company-call__layout {
  display: grid;
  min-width: 0;
  gap: 0.45rem;
  margin: 0.62rem;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.67fr) minmax(0, 1.12fr);
}

.dd-company-call__history,
.dd-company-call__info,
.dd-company-call__main {
  min-width: 0;
}

.dd-company-call__history {
  overflow: hidden;
  padding: 0.48rem;
  border: 1px solid #e1e6ec;
  border-radius: 0.68rem;
  background: #fff;
}

.dd-company-call h3 {
  display: flex;
  min-height: 1.35rem;
  gap: 0.3rem;
  align-items: center;
  margin: 0;
  color: #677483;
  font-size: 0.43rem;
  font-weight: 850;
  letter-spacing: 0.035em;
  text-transform: uppercase;
}

.dd-company-call h3>i {
  color: #205083;
}

.dd-company-call h3>span {
  display: grid;
  min-width: 1rem;
  height: 1rem;
  place-items: center;
  border-radius: 999px;
  color: #205083;
  background: #e9f2fb;
  font-size: 0.34rem;
}

.dd-company-call-history {
  display: grid;
  min-width: 0;
  min-height: 4.15rem;
  gap: 0.3rem;
  padding: 0.43rem 0.28rem;
  border-bottom: 1px solid #edf0f4;
  border-radius: 0.35rem;
  grid-template-columns: 1.8rem 1.55rem minmax(0, 1fr) auto;
}

.dd-company-call-history.is-current {
  border-left: 0.16rem solid #205083;
  background: rgba(32, 80, 131, 0.09);
}

.dd-company-call-history:last-child {
  border-bottom: 0;
}

.dd-company-call-history__type {
  display: grid;
  flex: 0 0 1.8rem;
  gap: 0.16rem;
  place-items: center;
  color: #27a978;
  text-align: center;
}

.dd-company-call-history__type>i {
  font-size: 0.68rem;
}

.dd-company-call-history__type>small {
  max-width: 1.8rem;
  overflow: hidden;
  font-size: 0.3rem;
  font-weight: 850;
  text-overflow: ellipsis;
  text-transform: uppercase;
}

.dd-company-call-history.is-outgoing .dd-company-call-history__type {
  color: #205083;
}

.dd-company-call-history.is-missed .dd-company-call-history__type {
  color: #c93742;
}

.dd-company-call-history__avatar {
  width: 1.55rem;
  height: 1.55rem;
  font-size: 0.38rem;
}

.dd-company-call-history__avatar>i {
  width: 0.62rem;
  height: 0.62rem;
  font-size: 0.25rem;
}

.dd-company-call-history>p {
  display: grid;
  min-width: 0;
  gap: 0.08rem;
  margin: 0;
}

.dd-company-call-history>p strong,
.dd-company-call-history>p small,
.dd-company-call-history>p em {
  overflow: hidden;
  text-overflow: ellipsis;
}

.dd-company-call-history>p strong {
  color: #263747;
  font-size: 0.43rem;
  white-space: nowrap;
}

.dd-company-call-history>p small {
  color: #768595;
  font-size: 0.34rem;
  font-weight: 650;
  white-space: nowrap;
}

.dd-company-call-history>p em {
  display: -webkit-box;
  color: #3e647e;
  font-size: 0.35rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.35;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.dd-company-call-history>p em>i {
  color: #205083;
}

.dd-company-call-history>b {
  align-self: start;
  margin-top: 0.18rem;
}

.dd-company-call-history.is-missed>b {
  color: #3568b2;
  background: #e8f0ff;
}

.dd-company-call__info-grid {
  display: grid;
  gap: 0.35rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.dd-company-call__info-grid>div {
  display: grid;
  min-width: 0;
  gap: 0.32rem;
  align-content: start;
  padding: 0.5rem;
  border: 1px solid #e1e6ec;
  border-radius: 0.58rem;
  background: #fff;
}

.dd-company-call__info-grid>div.is-wide {
  grid-column: 1 / -1;
}

.dd-company-call__info-grid>div>small {
  color: #657483;
  font-size: 0.34rem;
  font-weight: 850;
  letter-spacing: 0.025em;
  text-transform: uppercase;
}

.dd-company-call__info-grid>div>small i {
  margin-right: 0.18rem;
  color: #205083;
}

.dd-company-call__info-grid>div>strong {
  display: flex;
  min-width: 0;
  gap: 0.3rem;
  align-items: center;
  color: #273747;
  font-size: 0.43rem;
  line-height: 1.35;
}

.dd-company-call__info-grid>div:not(.is-sentiment)>strong>span {
  display: grid;
  width: 1.35rem;
  height: 1.35rem;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 0.35rem;
  color: #205083;
  background: #e9f2fb;
  font-size: 0.48rem;
}

.dd-company-call__info-grid>div.is-sentiment {
  border-color: #a7f3d0;
  background: #ecfdf5;
}

.dd-company-call__info-grid>div.is-sentiment>strong {
  color: #168057;
  text-transform: uppercase;
}

.dd-company-call__info-grid>div.is-sentiment>strong>span {
  font-size: 0.8rem;
}

.dd-company-call__info-grid>div.is-keypoints>p {
  display: grid;
  gap: 0.25rem;
  margin: 0;
}

.dd-company-call__info-grid>div.is-keypoints>p>span {
  padding: 0.28rem 0.4rem;
  border: 1px solid #bcd5f5;
  border-radius: 999px;
  color: #245b9b;
  background: #dcecff;
  font-size: 0.34rem;
  font-weight: 750;
  line-height: 1.25;
}

.dd-company-call__main>h3:nth-of-type(2) {
  margin-top: 0.5rem;
}

.dd-company-call__summary {
  min-width: 0;
  gap: 0.4rem;
  align-items: stretch;
}

.dd-company-call__summary>p,
.dd-company-call__summary>div {
  margin: 0;
  padding: 0.58rem;
  border: 1px solid #e1e6ec;
  border-radius: 0.58rem;
  background: #fff;
}

.dd-company-call__summary>p {
  flex: 1 1 auto;
  color: #405262;
  font-size: 0.41rem;
  font-weight: 650;
  line-height: 1.55;
}

.dd-company-call__summary>div {
  display: grid;
  width: 35%;
  flex: 0 0 35%;
  gap: 0.38rem;
  align-content: start;
}

.dd-company-call__summary>div>small {
  color: #657483;
  font-size: 0.34rem;
  font-weight: 850;
  text-transform: uppercase;
}

.dd-company-call__summary>div>span {
  min-width: 0;
  gap: 0.28rem;
  padding: 0.38rem;
  border-radius: 999px;
  color: #526273;
  background: #f0f2f5;
  font-size: 0.35rem;
}

.dd-company-call__summary>div>span>b {
  min-width: 0;
  height: 0.16rem;
  flex: 1 1 auto;
  border-radius: 999px;
  background: #d2d7de;
}

.dd-company-call__summary>div>span>em {
  font-size: 0.31rem;
  font-style: normal;
  font-weight: 750;
}

.dd-company-call__chat {
  display: grid;
  min-height: 12.6rem;
  gap: 0.35rem;
  align-content: start;
  padding: 0.55rem;
  overflow: hidden;
  border: 1px solid #e1e6ec;
  border-radius: 0.58rem;
  background: #f0f2f4;
}

.dd-company-call__chat>div {
  width: 84%;
  padding: 0.48rem 0.55rem;
  border-radius: 0.58rem 0.58rem 0.58rem 0.2rem;
  background: #fff;
  box-shadow: 0 3px 8px rgba(30, 47, 65, 0.04);
}

.dd-company-call__chat>div.is-agent {
  justify-self: end;
  border-radius: 0.58rem 0.58rem 0.2rem;
  background: #dcf8c6;
}

.dd-company-call__chat strong {
  display: block;
  margin-bottom: 0.16rem;
  color: #2967bb;
  font-size: 0.32rem;
  text-transform: uppercase;
}

.dd-company-call__chat>div.is-agent strong {
  color: #397b2d;
}

.dd-company-call__chat p {
  margin: 0;
  color: #344556;
  font-size: 0.39rem;
  font-weight: 600;
  line-height: 1.45;
}

/* Connected ecosystem */
.dd-company-connected {
  position: relative;
  padding: clamp(5.5rem, 10vw, 9rem) 0;
  color: #fff;
  background: #173f65;
}

.dd-company-connected__inner {
  display: grid;
  gap: clamp(3rem, 8vw, 7rem);
  align-items: center;
  grid-template-columns: 0.9fr 1.1fr;
}

.dd-company-connected .dd-company-kicker {
  color: #72d2e3;
}

.dd-company-connected__content h2 {
  color: #fff;
}

.dd-company-connected__content>p {
  color: #bad0df;
}

.dd-company-connected__content .dd-company-button {
  margin-top: 2rem;
  color: #153f64;
  background: #fff;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.2);
}

.dd-company-connected__map {
  --company-satellite-bottom: 3rem;
  --company-satellite-inline: calc(22% - 4.75rem);
  position: relative;
  min-height: 31rem;
}

.dd-company-connected__core,
.dd-company-connected__map article {
  position: absolute;
  z-index: 2;
  display: grid;
  place-items: center;
  border: 1px solid rgba(176, 216, 239, 0.28);
  text-align: center;
  backdrop-filter: blur(10px);
}

.dd-company-connected__core {
  top: 50%;
  left: 50%;
  width: 10rem;
  height: 10rem;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #2f78aa, #102f4c);
  box-shadow:
    0 0 0 1.5rem rgba(85, 165, 205, 0.07),
    0 0 0 3rem rgba(85, 165, 205, 0.04),
    0 25px 60px rgba(0, 0, 0, 0.28);
  transform: translate(-50%, -50%);
  align-content: center;
  gap: 28px;
}

.dd-company-connected__core span {
  color: #fff;
  font-size: 1.15rem;
  font-weight: 850;
  letter-spacing: -0.07em;
}

.dd-company-connected__core span strong {
  color: var(--company-amber);
}

.dd-company-connected__core small {
  margin-top: -2rem;
  color: #a9c5d8;
  font-size: 0.5rem;
  font-weight: 700;
}

.dd-company-connected__map article {
  width: 9.5rem;
  min-height: 7.5rem;
  padding: 1rem;
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.08);
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.12);
}

.dd-company-connected__map article>i {
  display: grid;
  width: 2.4rem;
  height: 2.4rem;
  place-items: center;
  border-radius: 0.7rem;
  color: #143e61;
  background: #75d5e7;
}

.dd-company-connected__map article strong {
  margin-top: 0.6rem;
  color: #fff;
  font-size: 0.7rem;
}

.dd-company-connected__map article small {
  margin-top: 0.2rem;
  color: #a9c2d4;
  font-size: 0.48rem;
}

.dd-company-connected__map article.is-company {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.dd-company-connected__map article.is-employee {
  bottom: var(--company-satellite-bottom);
  left: var(--company-satellite-inline);
}

.dd-company-connected__map article.is-advisor {
  right: var(--company-satellite-inline);
  bottom: var(--company-satellite-bottom);
}

.dd-company-connected__line {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 12rem;
  transform-origin: top;
  background: linear-gradient(#75d5e7, rgba(117, 213, 231, 0.12));
}

.dd-company-connected__line.is-one {
  transform: rotate(180deg);
}

.dd-company-connected__line.is-two {
  transform: rotate(43deg);
}

.dd-company-connected__line.is-three {
  transform: rotate(-43deg);
}

/* FAQ */
.dd-company-faq {
  padding: clamp(5.5rem, 10vw, 9rem) 0;
  background: #fff;
}

.dd-company-faq__inner {
  display: grid;
  gap: clamp(3rem, 8vw, 7rem);
  align-items: start;
  grid-template-columns: 0.75fr 1.25fr;
}

.dd-company-faq__list {
  border-top: 1px solid var(--company-line);
}

.dd-company-faq details {
  border-bottom: 1px solid var(--company-line);
}

.dd-company-faq summary {
  display: flex;
  min-height: 5.3rem;
  cursor: pointer;
  gap: 1.2rem;
  align-items: center;
  justify-content: space-between;
  color: #224663;
  font-size: 0.96rem;
  font-weight: 800;
  list-style: none;
}

.dd-company-faq summary::-webkit-details-marker {
  display: none;
}

.dd-company-faq summary i {
  color: var(--company-blue);
  font-size: 0.75rem;
  transition: transform 180ms ease;
}

.dd-company-faq details[open] summary i {
  transform: rotate(45deg);
}

.dd-company-faq details>p {
  max-width: 42rem;
  padding: 0 2.5rem 1.6rem 0;
  color: #647d92;
  font-size: 0.88rem;
  font-weight: 550;
  line-height: 1.75;
}

/* Related guides */
.dd-company .dd-guides--company {
  padding: clamp(5.5rem, 10vw, 9rem) 0;
  border-top: 1px solid #e1e9ef;
  background: #f4f8fb;
}

.dd-company .dd-guides--company::before {
  display: none;
}

.dd-company .dd-guides--company .content {
  width: min(100% - 3rem, 88rem);
}

.dd-company .dd-guides--company .dd-guides__head {
  max-width: 50rem;
}

.dd-company .dd-guides--company .dd-guides__kicker {
  display: flex;
  gap: 0.65rem;
  align-items: center;
  color: var(--company-blue);
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.12em;
}

.dd-company .dd-guides--company .dd-guides__kicker::before {
  width: 1.85rem;
  height: 2px;
  content: "";
  border-radius: 99px;
  background: var(--company-amber);
}

.dd-company .dd-guides--company .dd-guides__head h2 {
  color: var(--company-ink);
  font-size: clamp(2.1rem, 4vw, 3.65rem);
  letter-spacing: -0.055em;
  line-height: 1.05;
}

.dd-company .dd-guides--company .dd-guides__title-accent {
  display: block;
  color: var(--company-blue);
}

.dd-company .dd-guides--company .dd-guides__head>p:last-child {
  max-width: 42rem;
  color: var(--company-ink-soft);
  font-size: 1rem;
  line-height: 1.7;
}

.dd-company .dd-guides--company .dd-guides__grid {
  gap: 1rem;
}

.dd-company .dd-guides--company .dd-guide-card {
  border: 1px solid #dce6ee;
  border-radius: 1.1rem;
  background: #fff;
  box-shadow: 0 16px 35px rgba(25, 61, 94, 0.07);
}

.dd-company .dd-guides--company .dd-guide-card a {
  min-height: 100%;
  border-radius: inherit;
}

.dd-company .dd-guides--company .dd-guide-card__cta,
.dd-company .dd-guides--company .dd-guides__all {
  color: var(--company-blue);
}

/* Final CTA */
.dd-company-final {
  padding: clamp(5rem, 9vw, 8rem) 0;
  color: #fff;
  background:
    radial-gradient(circle at 12% 25%, rgba(117, 213, 231, 0.22), transparent 24rem),
    radial-gradient(circle at 88% 30%, rgba(242, 167, 25, 0.2), transparent 20rem),
    linear-gradient(135deg, #1d5d91, #123b62);
}

.dd-company-final__inner {
  display: flex;
  gap: 3rem;
  align-items: center;
  justify-content: space-between;
}

.dd-company-final__inner>div {
  max-width: 48rem;
}

.dd-company-final .dd-company-kicker {
  color: #a3e1ec;
}

.dd-company-final h2 {
  color: #fff;
  font-size: clamp(2.2rem, 4.6vw, 4.4rem);
}

.dd-company-final h2 span {
  color: #9be0eb;
}

.dd-company-final__inner>div>p:last-child {
  max-width: 39rem;
  color: #c5d9e8;
}

.dd-company-button--light {
  flex: 0 0 auto;
  color: #174a73;
  background: #fff;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.2);
}

@media (hover: hover) {
  .dd-company-service-card {
    transition:
      transform 180ms ease,
      border-color 180ms ease,
      box-shadow 180ms ease;
  }

  .dd-company-service-card:hover {
    border-color: color-mix(in srgb, var(--service-color) 35%, #dce6ee);
    transform: translateY(-5px);
    box-shadow: 0 28px 60px rgba(25, 61, 94, 0.12);
  }
}

@media (max-width: 68rem) {
  .dd-company-proof__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dd-company-proof article:nth-child(2) {
    border-right: 1px solid #e3ebf2;
  }

  .dd-company-proof article:nth-child(3) {
    border-left: 1px solid #e3ebf2;
    border-top: 1px solid #e3ebf2;
  }

  .dd-company-proof article:nth-child(4) {
    border-top: 1px solid #e3ebf2;
  }

  .dd-company-heading--split {
    gap: 2rem;
    grid-template-columns: 1fr;
  }

  .dd-company-heading--split>p:last-child {
    max-width: 43rem;
  }

  .dd-company-problem__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dd-company-problem__grid article {
    min-height: 13rem;
  }

  .dd-company-story__inner,
  .dd-company-story__inner--reverse {
    gap: 3.5rem;
    grid-template-columns: 1fr;
  }

  .dd-company-story__content {
    max-width: 45rem;
  }

  .dd-company-story__inner--reverse .dd-company-story__content {
    order: -1;
  }

  .dd-company-app-frame {
    width: min(100%, 50rem);
    margin-inline: auto;
  }

  .dd-company-connected__inner,
  .dd-company-faq__inner {
    gap: 3.5rem;
    grid-template-columns: 1fr;
  }

  .dd-company-connected__content,
  .dd-company-faq .dd-company-heading {
    max-width: 46rem;
  }

  .dd-company-connected__map {
    width: min(100%, 40rem);
    margin-inline: auto;
  }

  .dd-company-final__inner {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 46rem) {

  .dd-company .content,
  .dd-company .dd-guides--company .content {
    width: min(100% - 2rem, 78rem);
  }

  .dd-company-hero {
    padding-top: 7.2rem;
  }

  .dd-company-hero__content .dd-company-kicker {
    display: flex;
    flex-direction: column-reverse;
  }

  .dd-company-hero h1 {
    font-size: clamp(2.55rem, 13vw, 4.2rem);
  }

  .dd-company-hero__lead {
    font-size: 1rem;
  }

  .dd-company-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .dd-company-button {
    width: 100%;
  }

  .dd-company-hero__signals {
    display: grid;
    justify-content: start;
    width: max-content;
    max-width: 100%;
    margin-inline: auto;
  }

  .dd-company-product-label {
    align-items: flex-start;
    flex-direction: column;
  }

  .dd-company-proof__grid,
  .dd-company-problem__grid,
  .dd-company-services__grid {
    grid-template-columns: 1fr;
  }

  .dd-company-proof article,
  .dd-company-proof article:first-child,
  .dd-company-proof article:nth-child(3) {
    min-height: auto;
    padding: 1.6rem 0.25rem;
    border: 0;
    border-bottom: 1px solid #e3ebf2;
  }

  .dd-company-proof article:last-child {
    border-bottom: 0;
  }

  .dd-company-problem__grid article {
    min-height: 0;
  }

  .dd-company-service-card {
    min-height: 29rem;
  }

  .dd-company-finance__kpis {
    grid-template-columns: 1fr;
  }

  .dd-company-finance__kpis>div {
    grid-template-columns: 1fr auto;
  }

  .dd-company-finance__kpis small {
    grid-column: 1 / -1;
  }

  .dd-company-finance__grid {
    grid-template-columns: 1fr;
  }

  .dd-company-finance__invoices {
    display: none;
  }

  .dd-company-people-demo .dd-time-attendance__body {
    gap: 0.8rem;
    grid-template-columns: 1fr;
  }

  .dd-company-people-demo .dd-time-attendance__statuses {
    display: grid;
    gap: 0.32rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dd-company-people-demo .dd-time-attendance__status {
    min-width: 0;
  }

  .dd-company-attendance-chart {
    width: min(100%, 10.8rem);
  }

  .dd-company-people-demo .dd-time-attendance__today-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .dd-company-people-demo .dd-time-attendance__today-head>span {
    max-width: 100%;
  }

  .dd-company-people-demo .dd-time-attendance__workers {
    gap: 0.25rem;
  }

  .dd-company-people-demo .dd-time-attendance__worker>span {
    width: 2.1rem;
    height: 2.1rem;
  }

  .dd-company-automation__flow {
    max-width: 28rem;
    margin-inline: auto;
    grid-template-columns: 1fr;
  }

  .dd-company-automation__flow>article {
    min-height: 0;
  }

  .dd-company-automation__flow>i {
    transform: rotate(90deg);
    justify-self: center;
  }

  .dd-company-autodocu-app__toolbar {
    align-items: flex-start;
    flex-direction: column;
    padding: 0.8rem;
  }

  .dd-company-autodocu-app__brand {
    width: 100%;
  }

  .dd-company-autodocu-app__brand p {
    overflow: hidden;
  }

  .dd-company-autodocu-app__actions {
    width: 100%;
  }

  .dd-company-autodocu-app__actions span,
  .dd-company-autodocu-app__actions strong {
    flex: 1 1 0;
    justify-content: center;
  }

  .dd-company-autodocu-upload__dropzone {
    min-height: 7.1rem;
    padding: 1rem;
  }

  .dd-company-autodocu-queue>header {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.35rem;
  }

  .dd-company-autodocu-list__head {
    display: none;
  }

  .dd-company-autodocu-list__row {
    gap: 0.55rem;
    padding: 0.8rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dd-company-autodocu-list__company,
  .dd-company-autodocu-list__worker,
  .dd-company-autodocu-list__state,
  .dd-company-autodocu-list__actions {
    grid-column: 1 / -1;
  }

  .dd-company-autodocu-list__company strong,
  .dd-company-autodocu-list__worker strong,
  .dd-company-autodocu-list__state strong {
    font-size: 0.56rem;
  }

  .dd-company-autodocu-list__company small,
  .dd-company-autodocu-list__worker small,
  .dd-company-autodocu-list__state small {
    font-size: 0.43rem;
  }

  .dd-company-autodocu-list__actions {
    justify-content: flex-end;
  }

  .dd-company-call__contact {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .dd-company-call__contact-meta {
    min-width: calc(100% - 3.2rem);
    flex: 1 1 0;
  }

  .dd-company-call__contact-actions {
    width: 100%;
    margin-left: 3.1rem;
  }

  .dd-company-call__contact-actions span,
  .dd-company-call__contact-actions strong {
    flex: 1 1 0;
    justify-content: center;
  }

  .dd-company-call__layout {
    grid-template-columns: 1fr;
  }

  .dd-company-call__history {
    display: none;
  }

  .dd-company-call__info-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dd-company-call__summary>p {
    font-size: 0.48rem;
  }

  .dd-company-call__chat p {
    font-size: 0.46rem;
  }

  .dd-company-connected__map {
    display: grid;
    min-height: 0;
    gap: 0.8rem;
    grid-template-columns: 1fr;
  }

  .dd-company-connected__core,
  .dd-company-connected__map article {
    position: static;
    width: 100%;
    min-height: 7rem;
    transform: none !important;
  }

  .dd-company-connected__core {
    height: auto;
    border-radius: 1rem;
  }

  .dd-company-connected__core small {
    margin-top: 0.25rem;
  }

  .dd-company-connected__line {
    display: none;
  }

  .dd-company-faq summary {
    min-height: 4.8rem;
    font-size: 0.88rem;
  }

  .dd-company-final .dd-company-button {
    width: 100%;
  }
}

@media (max-width: 26rem) {
  .dd-company-hero h1 {
    font-size: 2.35rem;
  }

  .dd-company-heading h2,
  .dd-company-story__content h2,
  .dd-company-connected__content h2,
  .dd-company-final h2 {
    font-size: 2rem;
  }

  .dd-company-app-frame {
    border-radius: 0.9rem;
    box-shadow: 0 22px 44px rgba(25, 59, 91, 0.16);
  }

  .dd-company-people-demo .dd-time-attendance__worker>span {
    width: 1.9rem;
    height: 1.9rem;
  }

  .dd-company-people-demo .dd-time-attendance__worker>small {
    font-size: 0.35rem;
  }

  .dd-company-document-demo {
    border-radius: 0.95rem;
  }

  .dd-company-autodocu-upload,
  .dd-company-autodocu-queue {
    margin-inline: 0.5rem;
  }

  .dd-company-autodocu-upload__dropzone {
    gap: 0.65rem;
    justify-content: flex-start;
    margin: 0.5rem;
  }

  .dd-company-autodocu-upload__dropzone>span {
    width: 2.8rem;
    height: 3.15rem;
    font-size: 1.1rem;
  }

  .dd-company-autodocu-upload__file {
    margin-inline: 0.5rem;
  }

  .dd-company-autodocu-app__caption {
    text-align: left;
  }

  .dd-company-call__head {
    padding-inline: 0.55rem;
  }

  .dd-company-call__contact,
  .dd-company-call__layout {
    margin-inline: 0.5rem;
  }

  .dd-company-call__contact-actions {
    margin-left: 0;
  }

  .dd-company-call__summary {
    align-items: stretch;
    flex-direction: column;
  }

  .dd-company-call__summary>div {
    width: 100%;
    flex-basis: auto;
  }

  .dd-company-heading--center .dd-company-kicker {
    justify-content: center;
    display: flex;
    flex-direction: column-reverse;
  }

  .dd-company-connected__core {
    gap: 8px;
  }

  .dd-company-connected__core>span {
    font-size: 1.5rem;
  }

}

@media (prefers-reduced-motion: reduce) {

  .dd-company-autodocu-upload__file.is-progress-pending>span>i {
    width: 100%;
    transition: none;
  }

  .dd-company *,
  .dd-company *::before,
  .dd-company *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* Mobile section rhythm */
@media (max-width: 47.99rem) {
  .dd-company>.dd-company-hero {
    padding-bottom: 4rem;
  }

  .dd-company>section:not(.dd-company-hero):not(.dd-company-proof):not(.dd-guides):not(.dd-company-final) {
    padding-block: 4rem;
  }

  .dd-company>.dd-guides,
  .dd-company>.dd-company-final {
    padding-block: 3.5rem;
  }
}