/* Shared section structure */
.section {
  padding-block: var(--space-24);
}

@media (max-width:40rem) {
  .hero-saas__layout,.hero-saas__content { width:100%; max-width:100%; min-width:0; }
  .hero-saas h1,.hero-saas h1 span,.hero-saas__description { width:100%; max-width:100%; white-space:normal; overflow-wrap:break-word; word-break:normal; }
}

.section--surface { background: var(--color-surface); }
.section--alt { background: var(--color-surface-alt); }
.section__header {
  display: grid;
  gap: var(--space-4);
  max-width: var(--container-md);
  margin-bottom: var(--space-12);
}

.section__header--center {
  justify-items: center;
  margin-inline: auto;
  text-align: center;
}

/* Hero */
.hero {
  position: relative;
  isolation: isolate;
  display: grid;
  min-height: calc(100vh - var(--header-height));
  overflow: hidden;
  background: var(--gradient-dark);
  color: var(--color-white);
}

.hero::before {
  position: absolute;
  z-index: calc(var(--z-base) - 1);
  inset: var(--space-0);
  background: var(--gradient-aurora);
  content: "";
}

.hero__inner {
  display: grid;
  grid-template-columns: repeat(2, minmax(var(--space-0), 1fr));
  align-items: center;
  gap: var(--space-16);
  width: 100%;
  padding-block: var(--space-20);
}

.hero__content { display: grid; gap: var(--space-6); max-width: var(--container-md); }
.hero__eyebrow { color: var(--color-accent); }
.hero__title { font-family: var(--font-display); font-size: var(--text-6xl); font-weight: var(--font-weight-bold); line-height: var(--line-height-tight); }
.hero__description { max-width: var(--container-sm); color: var(--color-surface-alt); font-size: var(--text-lg); line-height: var(--line-height-relaxed); }
.hero__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); padding-top: var(--space-2); }
.hero__trust { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); padding-top: var(--space-4); color: var(--color-surface-alt); font-size: var(--text-sm); }
.hero__visual { position: relative; min-height: var(--space-32); }
.hero__dashboard { position: absolute; inset: var(--space-0); z-index: var(--z-raised); }

/* Features */
.features__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(var(--space-0), 1fr));
  gap: var(--space-5);
}

.feature {
  display: grid;
  align-content: start;
  gap: var(--space-4);
  min-height: var(--space-32);
  padding: var(--space-6);
}

.feature__icon {
  display: grid;
  place-items: center;
  width: var(--space-12);
  height: var(--space-12);
  border-radius: var(--radius-md);
  background: var(--color-surface-alt);
  color: var(--color-primary);
}

.feature__icon svg { width: var(--space-6); height: var(--space-6); }
.feature__title { font-family: var(--font-display); font-size: var(--text-xl); font-weight: var(--font-weight-bold); line-height: var(--line-height-tight); }
.feature__description { color: var(--color-ink-muted); font-size: var(--text-sm); line-height: var(--line-height-relaxed); }

/* Services */
.services__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(var(--space-0), 1fr));
  gap: var(--space-5);
}

.service-card {
  position: relative;
  display: grid;
  align-content: start;
  gap: var(--space-5);
  min-height: var(--space-32);
  padding: var(--space-6);
  overflow: hidden;
}

.service-card__index { color: var(--color-coral); font-family: var(--font-display); font-size: var(--text-sm); font-weight: var(--font-weight-bold); }
.service-card__title { font-family: var(--font-display); font-size: var(--text-2xl); font-weight: var(--font-weight-bold); line-height: var(--line-height-tight); }
.service-card__description { color: var(--color-ink-muted); font-size: var(--text-sm); line-height: var(--line-height-relaxed); }
.service-card__link { display: inline-flex; align-items: center; gap: var(--space-2); margin-top: auto; color: var(--color-primary); font-size: var(--text-sm); font-weight: var(--font-weight-bold); transition: var(--transition-transform); }
.service-card__link:hover { transform: translateX(var(--space-1)); }

/* Dashboard */
.dashboard-section { background: var(--color-ink); color: var(--color-white); }
.dashboard-section .section__header { color: var(--color-white); }
.dashboard-section .section-title__description { color: var(--color-surface-alt); }
.dashboard {
  display: grid;
  grid-template-columns: repeat(12, minmax(var(--space-0), 1fr));
  gap: var(--space-5);
}

.dashboard__summary { grid-column: span 4; }
.dashboard__chart { grid-column: span 8; }
.dashboard__table { grid-column: span 8; }
.dashboard__activity { grid-column: span 4; }
.dashboard__panel { padding: var(--space-6); }
.dashboard__panel-title { color: var(--color-ink); font-family: var(--font-display); font-size: var(--text-lg); font-weight: var(--font-weight-bold); }
.dashboard__chart-area { min-height: var(--space-32); margin-top: var(--space-6); border-radius: var(--radius-md); background: var(--gradient-brand); }
.dashboard__activity-list { display: grid; gap: var(--space-4); margin-top: var(--space-5); }
.dashboard__activity-item { display: flex; align-items: flex-start; gap: var(--space-3); color: var(--color-ink-muted); font-size: var(--text-sm); }

/* Pricing */
.pricing__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(var(--space-0), 1fr));
  align-items: stretch;
  gap: var(--space-5);
}

.pricing-card { display: flex; flex-direction: column; gap: var(--space-5); padding: var(--space-6); }
.pricing-card--featured { border-color: var(--color-primary); background: var(--color-primary); color: var(--color-white); box-shadow: var(--shadow-lg); }
.pricing-card__name { color: var(--color-ink-muted); font-size: var(--text-sm); font-weight: var(--font-weight-bold); }.pricing-card--featured .pricing-card__name,.pricing-card--featured .pricing-card__description { color: var(--color-surface-alt); }
.pricing-card__price { font-family: var(--font-display); font-size: var(--text-4xl); font-weight: var(--font-weight-bold); line-height: var(--line-height-none); }
.pricing-card__description { color: var(--color-ink-muted); font-size: var(--text-sm); }.pricing-card__features { display: grid; gap: var(--space-3); padding: var(--space-0); margin: var(--space-0); list-style: none; }
.pricing-card__features li { display: flex; align-items: flex-start; gap: var(--space-2); font-size: var(--text-sm); }.pricing-card__features li::before { color: var(--color-success); content: "✓"; font-weight: var(--font-weight-extrabold); }.pricing-card--featured .pricing-card__features li::before { color: var(--color-accent); }.pricing-card .button { margin-top: auto; }.pricing-card--featured .button { background: var(--color-accent); color: var(--color-ink); }

/* Testimonials */
.testimonials__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(var(--space-0), 1fr));
  gap: var(--space-5);
}

.testimonial { display: grid; align-content: space-between; gap: var(--space-8); min-height: var(--space-32); padding: var(--space-6); }
.testimonial__quote { font-family: var(--font-display); font-size: var(--text-xl); font-weight: var(--font-weight-medium); line-height: var(--line-height-relaxed); }.testimonial__quote::before { color: var(--color-coral); content: "“"; font-size: var(--text-4xl); line-height: var(--line-height-none); }
.testimonial__author { display: flex; align-items: center; gap: var(--space-3); }.testimonial__avatar { display: grid; place-items: center; width: var(--space-10); height: var(--space-10); border-radius: var(--radius-full); background: var(--gradient-brand); color: var(--color-ink); font-size: var(--text-sm); font-weight: var(--font-weight-bold); }.testimonial__name { font-size: var(--text-sm); font-weight: var(--font-weight-bold); }.testimonial__role { color: var(--color-ink-muted); font-size: var(--text-xs); }

/* FAQ */
.faq { display: grid; gap: var(--space-3); max-width: var(--container-lg); margin-inline: auto; }
.faq__item { border: var(--border-width) solid var(--color-border); border-radius: var(--radius-md); background: var(--color-white); transition: var(--transition-color); }.faq__item[open] { border-color: var(--color-border-strong); box-shadow: var(--shadow-xs); }
.faq__question { display: flex; align-items: center; justify-content: space-between; gap: var(--space-5); padding: var(--space-5); color: var(--color-ink); cursor: pointer; font-family: var(--font-display); font-size: var(--text-lg); font-weight: var(--font-weight-bold); list-style: none; }.faq__question::-webkit-details-marker { display: none; }.faq__question::after { flex: 0 0 auto; color: var(--color-coral); content: "+"; font-family: var(--font-sans); font-size: var(--text-2xl); line-height: var(--line-height-none); }.faq__item[open] .faq__question::after { content: "−"; }.faq__answer { padding: var(--space-0) var(--space-5) var(--space-5); color: var(--color-ink-muted); font-size: var(--text-base); line-height: var(--line-height-relaxed); }

/* CTA */
.cta { padding-block: var(--space-24); }.cta__panel { display: grid; grid-template-columns: repeat(2, minmax(var(--space-0), 1fr)); align-items: center; gap: var(--space-10); padding: var(--space-12); border-radius: var(--radius-xl); background: var(--gradient-dark); box-shadow: var(--shadow-xl); color: var(--color-white); }.cta__content { display: grid; gap: var(--space-4); }.cta__title { font-family: var(--font-display); font-size: var(--text-4xl); font-weight: var(--font-weight-bold); line-height: var(--line-height-tight); }.cta__description { color: var(--color-surface-alt); font-size: var(--text-lg); }.cta__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--space-3); }

/* Contacts */
.contacts__grid { display: grid; grid-template-columns: repeat(2, minmax(var(--space-0), 1fr)); gap: var(--space-10); }.contacts__details { display: grid; align-content: start; gap: var(--space-5); }.contact-list { display: grid; gap: var(--space-4); margin: var(--space-0); padding: var(--space-0); list-style: none; }.contact-list__item { display: grid; grid-template-columns: var(--space-10) minmax(var(--space-0), 1fr); gap: var(--space-3); align-items: center; }.contact-list__icon { display: grid; place-items: center; width: var(--space-10); height: var(--space-10); border-radius: var(--radius-md); background: var(--color-surface-alt); color: var(--color-primary); }.contact-list__label { color: var(--color-ink-muted); font-size: var(--text-xs); font-weight: var(--font-weight-bold); }.contact-list__value { color: var(--color-ink); font-size: var(--text-sm); font-weight: var(--font-weight-bold); }.contacts__form { padding: var(--space-6); }

/* Footer */
.footer { padding-block: var(--space-12); border-top: var(--border-width) solid var(--color-border); background: var(--color-surface); }.footer__main { display: grid; grid-template-columns: minmax(var(--space-0), 2fr) repeat(3, minmax(var(--space-0), 1fr)); gap: var(--space-8); padding-bottom: var(--space-10); }.footer__brand { display: grid; align-content: start; gap: var(--space-4); }.footer__description { max-width: var(--container-sm); color: var(--color-ink-muted); font-size: var(--text-sm); }.footer__title { margin-bottom: var(--space-4); color: var(--color-ink); font-size: var(--text-sm); font-weight: var(--font-weight-bold); }.footer__links { display: grid; gap: var(--space-3); padding: var(--space-0); margin: var(--space-0); list-style: none; }.footer__links a { color: var(--color-ink-muted); font-size: var(--text-sm); transition: var(--transition-color); }.footer__links a:hover { color: var(--color-coral); }.footer__bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--space-4); padding-top: var(--space-6); border-top: var(--border-width) solid var(--color-border); color: var(--color-ink-muted); font-size: var(--text-xs); }

@media (max-width: 64rem) {
  .hero__inner,.contacts__grid,.cta__panel { grid-template-columns: minmax(var(--space-0), 1fr); }.hero__visual { min-height: var(--space-24); }.features__grid,.services__grid,.testimonials__grid { grid-template-columns: repeat(2, minmax(var(--space-0), 1fr)); }.pricing__grid { grid-template-columns: minmax(var(--space-0), 1fr); max-width: var(--container-md); margin-inline: auto; }.dashboard__summary,.dashboard__chart,.dashboard__table,.dashboard__activity { grid-column: span 6; }.cta__actions { justify-content: flex-start; }.footer__main { grid-template-columns: repeat(2, minmax(var(--space-0), 1fr)); }
}

@media (max-width: 40rem) {
  .section { padding-block: var(--space-16); }.hero__inner { padding-block: var(--space-16); }.hero__title { font-size: var(--text-5xl); }.hero__description,.cta__description { font-size: var(--text-base); }.features__grid,.services__grid,.testimonials__grid { grid-template-columns: minmax(var(--space-0), 1fr); }.dashboard { grid-template-columns: minmax(var(--space-0), 1fr); }.dashboard__summary,.dashboard__chart,.dashboard__table,.dashboard__activity { grid-column: auto; }.cta__panel { padding: var(--space-6); }.cta__title { font-size: var(--text-3xl); }.contacts__grid { gap: var(--space-6); }.footer__main { grid-template-columns: minmax(var(--space-0), 1fr); gap: var(--space-6); }.footer__bottom { flex-direction: column; }
}

/* Flagship SaaS hero */
.hero-saas { position: relative; isolation: isolate; min-height: calc(100svh - var(--header-height)); overflow: clip; background: var(--color-surface-inverse); color: var(--color-ink-inverse); }
.hero-saas::before { position: absolute; z-index: var(--z-base); inset: var(--space-0); background: linear-gradient(120deg, var(--color-slate-950), var(--color-slate-900)); content: ""; }
.hero-saas::after { position: absolute; z-index: var(--z-raised); inset: var(--space-0); background-image: linear-gradient(color-mix(in srgb, var(--color-white), transparent 94%) var(--space-px), transparent var(--space-px)), linear-gradient(90deg, color-mix(in srgb, var(--color-white), transparent 94%) var(--space-px), transparent var(--space-px)); background-size: var(--space-8) var(--space-8); mask-image: linear-gradient(to bottom, var(--color-black), transparent); content: ""; pointer-events: none; }
.hero-saas__ambient { position: absolute; z-index: var(--z-raised); width: 36rem; height: 36rem; border-radius: var(--radius-full); filter: blur(var(--space-24)); opacity: .72; pointer-events: none; will-change: transform; }
.hero-saas__ambient--one { top: -18rem; left: -12rem; background: var(--color-info); animation: hero-orbit-one 16s var(--ease-emphasized) infinite alternate; }.hero-saas__ambient--two { top: 6rem; right: -12rem; background: var(--color-success); animation: hero-orbit-two 19s var(--ease-emphasized) infinite alternate; }.hero-saas__ambient--three { right: 22%; bottom: -24rem; background: var(--color-coral); animation: hero-orbit-three 18s var(--ease-emphasized) infinite alternate; }
.hero-saas__noise { position: absolute; z-index: var(--z-dropdown); inset: var(--space-0); background-image: repeating-radial-gradient(circle at 0 0, color-mix(in srgb, var(--color-white), transparent 94%) var(--space-px), transparent var(--space-1)); background-size: var(--space-2) var(--space-2); mix-blend-mode: soft-light; pointer-events: none; }
.hero-saas__particles { position: absolute; z-index: var(--z-dropdown); inset: var(--space-0); pointer-events: none; }.hero-saas__particles i { position: absolute; display: block; width: var(--space-1); height: var(--space-1); border-radius: var(--radius-full); background: var(--color-white); box-shadow: 0 0 var(--space-3) var(--color-white); opacity: .42; animation: hero-particle 7s var(--ease-emphasized) infinite alternate; }.hero-saas__particles i:nth-child(1){top:18%;left:8%}.hero-saas__particles i:nth-child(2){top:29%;left:45%;animation-delay:-2s}.hero-saas__particles i:nth-child(3){top:15%;right:14%;animation-delay:-4s}.hero-saas__particles i:nth-child(4){top:70%;left:4%;animation-delay:-1s}.hero-saas__particles i:nth-child(5){top:78%;left:43%;animation-delay:-5s}.hero-saas__particles i:nth-child(6){top:58%;right:4%;animation-delay:-3s}.hero-saas__particles i:nth-child(7){top:40%;right:29%;animation-delay:-6s}.hero-saas__particles i:nth-child(8){top:87%;right:15%;animation-delay:-2s}
.hero-saas__layout { position: relative; z-index: var(--z-sticky); display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); align-items: center; gap: clamp(var(--space-10), 6vw, var(--space-24)); min-height: calc(100svh - var(--header-height)); padding-block: clamp(var(--space-12), 9vh, var(--space-24)); }
.hero-saas__content { max-width: var(--container-md); }.hero-saas__eyebrow { display: inline-flex; align-items: center; gap: var(--space-2); margin-bottom: var(--space-6); color: color-mix(in srgb, var(--color-white), transparent 28%); font-size: var(--text-xs); font-weight: var(--font-weight-bold); letter-spacing: var(--letter-spacing-wide); text-transform: uppercase; }.hero-saas__eyebrow span:last-child { padding-left: var(--space-2); border-left: var(--border-width) solid color-mix(in srgb, var(--color-white), transparent 76%); color: color-mix(in srgb, var(--color-white), transparent 48%); }.hero-saas__status-dot { width: var(--space-2); height: var(--space-2); border-radius: var(--radius-full); background: var(--color-accent); box-shadow: 0 0 var(--space-4) var(--color-accent); animation: hero-status 2s var(--ease-standard) infinite; }
.hero-saas h1 { max-width: 44rem; margin: var(--space-0); color: var(--color-white); font-family: var(--font-display); font-size: clamp(var(--text-5xl), 5.5vw, 5.9rem); font-weight: var(--font-weight-bold); letter-spacing: -.05em; line-height: .98; }.hero-saas h1 span { background: var(--gradient-brand); background-clip: text; -webkit-background-clip: text; color: transparent; }
.hero-saas__description { max-width: 34rem; margin-top: var(--space-6); color: color-mix(in srgb, var(--color-white), transparent 34%); font-size: var(--text-lg); line-height: var(--line-height-relaxed); }.hero-saas__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); margin-top: var(--space-8); }
.hero-saas__button { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2); min-height: var(--space-12); overflow: hidden; padding: var(--space-3) var(--space-5); border: var(--border-width) solid transparent; border-radius: var(--radius-md); font-size: var(--text-sm); font-weight: var(--font-weight-bold); transition: transform var(--duration-base) var(--ease-emphasized), box-shadow var(--duration-base) var(--ease-standard), background var(--duration-base) var(--ease-standard); }.hero-saas__button::before { position: absolute; inset: calc(var(--border-width) * -1); z-index: calc(var(--z-base) - 1); border-radius: inherit; background: var(--gradient-brand); content: ""; }.hero-saas__button > *,.hero-saas__button > i { position: relative; z-index: var(--z-raised); }.hero-saas__button--primary { background: var(--color-accent); box-shadow: 0 var(--space-3) var(--space-8) color-mix(in srgb, var(--color-accent), transparent 65%); color: var(--color-ink); }.hero-saas__button--primary::before { display: none; }.hero-saas__button--secondary { border-color: color-mix(in srgb, var(--color-white), transparent 74%); background: color-mix(in srgb, var(--color-white), transparent 94%); color: var(--color-white); }.hero-saas__button:hover { box-shadow: var(--shadow-lg); transform: translateY(calc(var(--space-1) * -1)); }.hero-saas__button:focus-visible { outline: var(--space-1) solid var(--color-accent); outline-offset: var(--space-1); }.hero-saas__play { display: grid; place-items: center; width: var(--space-5); height: var(--space-5); border-radius: var(--radius-full); background: color-mix(in srgb, var(--color-white), transparent 82%); }.hero-saas__play svg { width: var(--space-3); height: var(--space-3); }
.hero-saas__trust { display: flex; align-items: center; gap: var(--space-3); margin-top: var(--space-10); }.hero-saas__rating { display: flex; align-items: center; gap: calc(var(--space-1) / 2); }.hero-saas__rating span { margin-right: var(--space-1); color: var(--color-white); font-size: var(--text-lg); font-weight: var(--font-weight-bold); }.hero-saas__rating svg { width: var(--space-3); color: var(--color-accent); fill: currentColor; }.hero-saas__trust p { color: color-mix(in srgb, var(--color-white), transparent 46%); font-size: var(--text-xs); line-height: var(--line-height-normal); }.hero-saas__trust strong { color: color-mix(in srgb, var(--color-white), transparent 14%); font-weight: var(--font-weight-bold); }.hero-saas__logos { display: flex; flex-wrap: wrap; gap: var(--space-5); margin-top: var(--space-8); color: color-mix(in srgb, var(--color-white), transparent 55%); font-family: var(--font-display); font-size: var(--text-sm); font-weight: var(--font-weight-bold); }.hero-saas__logos span span { color: color-mix(in srgb, var(--color-white), transparent 76%); }

/* CRM dashboard scene */
.hero-saas__scene { position: relative; min-width: 0; height: 39rem; will-change: transform; }.crm-board { position: absolute; z-index: var(--z-sticky); inset: var(--space-6) var(--space-0) var(--space-0) var(--space-8); overflow: hidden; border: var(--border-width) solid color-mix(in srgb, var(--color-white), transparent 74%); border-radius: 1.15rem; background: color-mix(in srgb, var(--color-white), transparent 7%); box-shadow: 0 var(--space-16) var(--space-32) color-mix(in srgb, var(--color-black), transparent 48%), inset 0 var(--space-px) color-mix(in srgb, var(--color-white), transparent 42%); color: var(--color-ink); transform: perspective(110rem) rotateY(-5deg) rotateX(2deg); backdrop-filter: blur(var(--space-6)); -webkit-backdrop-filter: blur(var(--space-6)); }.crm-board::after { position: absolute; inset: var(--space-0); background: linear-gradient(115deg, color-mix(in srgb, var(--color-white), transparent 42%), transparent 30%); content: ""; pointer-events: none; }
.crm-board__header { position: relative; z-index: var(--z-raised); display: flex; align-items: center; justify-content: space-between; height: 4rem; padding-inline: var(--space-5); border-bottom: var(--border-width) solid var(--color-border); background: color-mix(in srgb, var(--color-white), transparent 12%); }.crm-board__brand,.crm-board__tools { display: flex; align-items: center; gap: var(--space-3); }.crm-board__brand > span { display: grid; place-items: center; width: var(--space-8); height: var(--space-8); border-radius: var(--radius-sm); background: var(--color-ink); color: var(--color-accent); font-family: var(--font-display); font-size: var(--text-xs); font-weight: var(--font-weight-bold); }.crm-board__brand b { display: block; font-size: var(--text-sm); }.crm-board__brand small { display: flex; align-items: center; gap: var(--space-1); color: var(--color-ink-muted); font-size: .58rem; }.crm-board__brand small i { width: .36rem; height: .36rem; border-radius: var(--radius-full); background: var(--color-success); }.crm-board__tools button { position: relative; display: grid; place-items: center; width: var(--space-6); height: var(--space-6); padding: var(--space-0); border: var(--space-0); border-radius: var(--radius-sm); background: transparent; color: var(--color-ink-muted); transition: var(--transition-color); }.crm-board__tools button:hover { background: var(--color-surface-alt); color: var(--color-ink); }.crm-board__tools svg { width: var(--space-4); }.crm-board__tools em { position: absolute; top: var(--space-1); right: var(--space-1); width: .32rem; height: .32rem; border-radius: var(--radius-full); background: var(--color-danger); }.crm-board__tools > span { display: grid; place-items: center; width: var(--space-8); height: var(--space-8); border-radius: var(--radius-full); background: var(--gradient-brand); color: var(--color-ink); font-size: var(--text-xs); font-weight: var(--font-weight-bold); }
.crm-board__body { position: relative; z-index: var(--z-raised); display: grid; grid-template-columns: 3.6rem minmax(0, 1fr); height: calc(100% - 4rem); }.crm-board__sidebar { display: grid; align-content: start; justify-items: center; gap: var(--space-4); padding-top: var(--space-5); border-right: var(--border-width) solid var(--color-border); background: color-mix(in srgb, var(--color-surface-alt), transparent 48%); }.crm-board__nav-icon { display: grid; place-items: center; width: var(--space-8); height: var(--space-8); border-radius: var(--radius-sm); color: var(--color-ink-muted); }.crm-board__nav-icon svg { width: var(--space-4); }.crm-board__nav-icon--active { background: var(--color-ink); color: var(--color-accent); box-shadow: var(--shadow-sm); }.crm-board__main { min-width: 0; padding: var(--space-5); }.crm-board__title { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-3); }.crm-board__title p { color: var(--color-ink-muted); font-size: .62rem; }.crm-board__title h2 { margin-top: var(--space-1); font-family: var(--font-display); font-size: 1.2rem; letter-spacing: -.03em; }.crm-board__title h2 span { color: var(--color-warning); }.crm-board__title button { display: inline-flex; align-items: center; gap: var(--space-1); padding: var(--space-2); border: var(--border-width) solid var(--color-border); border-radius: var(--radius-sm); background: var(--color-surface); color: var(--color-ink-muted); font-size: .62rem; }.crm-board__title button svg { width: .7rem; }
.crm-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-2); margin-top: var(--space-4); }.crm-metric { min-width: 0; padding: var(--space-3); border: var(--border-width) solid var(--color-border); border-radius: var(--radius-sm); background: color-mix(in srgb, var(--color-white), transparent 30%); transition: transform var(--duration-base) var(--ease-emphasized), box-shadow var(--duration-base) var(--ease-standard); }.crm-metric:hover { box-shadow: var(--shadow-sm); transform: translateY(calc(var(--space-px) * -1)); }.crm-metric > span { display: block; overflow: hidden; color: var(--color-ink-muted); font-size: .56rem; text-overflow: ellipsis; white-space: nowrap; }.crm-metric strong { display: block; overflow: hidden; margin-top: var(--space-1); color: var(--color-ink); font-family: var(--font-display); font-size: .95rem; line-height: var(--line-height-none); text-overflow: ellipsis; white-space: nowrap; }.crm-metric small { display: inline-flex; align-items: center; gap: calc(var(--space-1) / 2); margin-top: var(--space-2); font-size: .55rem; font-weight: var(--font-weight-bold); }.crm-metric small svg { width: .6rem; }.is-positive { color: var(--color-success); }.is-negative { color: var(--color-danger); }
.crm-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(8.7rem, .75fr); gap: var(--space-3); margin-top: var(--space-3); }.crm-chart-card,.crm-donut-card,.crm-orders,.crm-activity { padding: var(--space-3); border: var(--border-width) solid var(--color-border); border-radius: var(--radius-sm); background: color-mix(in srgb, var(--color-white), transparent 30%); }.crm-chart-card header,.crm-donut-card header,.crm-orders header,.crm-activity header { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-2); }.crm-chart-card header span,.crm-donut-card header span,.crm-orders header span,.crm-activity header span { display: block; color: var(--color-ink-muted); font-size: .56rem; }.crm-chart-card header strong { display: block; margin-top: var(--space-1); font-family: var(--font-display); font-size: .92rem; }.crm-chart-card header strong small { color: var(--color-success); font-family: var(--font-sans); font-size: .55rem; }.crm-chart-card button,.crm-donut-card button { display: grid; place-items: center; padding: var(--space-0); border: var(--space-0); background: transparent; color: var(--color-ink-muted); }.crm-chart-card button svg,.crm-donut-card button svg { width: var(--space-4); }.crm-chart { position: relative; margin-top: var(--space-3); color: var(--color-success); }.crm-chart svg { display: block; width: 100%; height: 8rem; overflow: visible; }.crm-chart__area { fill: url(#chartFill); }.crm-chart__line { fill: none; stroke: currentColor; stroke-linecap: round; stroke-width: .28rem; stroke-dasharray: 1; stroke-dashoffset: 1; }.crm-chart__labels { display: flex; justify-content: space-between; color: var(--color-ink-muted); font-size: .5rem; }.crm-donut-card { display: grid; align-content: start; }.crm-donut { position: relative; display: grid; place-items: center; width: 7.7rem; height: 7.7rem; margin: var(--space-2) auto var(--space-0); }.crm-donut svg { position: absolute; width: 100%; height: 100%; transform: rotate(-90deg); }.crm-donut circle { fill: none; stroke: var(--color-surface-alt); stroke-width: 10; }.crm-donut__value { stroke: var(--color-success); stroke-linecap: round; stroke-dasharray: 72 100; stroke-dashoffset: 72; }.crm-donut strong { color: var(--color-ink); font-family: var(--font-display); font-size: 1.45rem; }.crm-donut small { font-size: .6rem; }.crm-donut-card > p { color: var(--color-ink-muted); font-size: .55rem; text-align: center; }
.crm-orders { grid-column: span 1; }.crm-orders header a { display: inline-flex; align-items: center; gap: calc(var(--space-1) / 2); color: var(--color-success); font-size: .56rem; font-weight: var(--font-weight-bold); }.crm-orders header a svg { width: .65rem; }.crm-orders__table { margin-top: var(--space-2); }.crm-orders__table > div { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) auto; align-items: center; gap: var(--space-2); padding-block: var(--space-2); border-top: var(--border-width) solid var(--color-border); color: var(--color-ink); font-size: .55rem; }.crm-orders__table > div > span:first-child { display: flex; align-items: center; gap: calc(var(--space-1) / 2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.crm-orders__table b { display: grid; place-items: center; width: 1rem; height: 1rem; border-radius: var(--radius-full); background: var(--gradient-brand); color: var(--color-ink); font-size: .43rem; }.crm-orders__head { color: var(--color-ink-muted) !important; font-size: .48rem !important; font-weight: var(--font-weight-bold); }.crm-status { width: fit-content; padding: .16rem .25rem; border-radius: var(--radius-full); font-size: .45rem; font-weight: var(--font-weight-bold); }.crm-status--success { background: color-mix(in srgb, var(--color-success), transparent 82%); color: var(--color-success); }.crm-status--info { background: color-mix(in srgb, var(--color-info), transparent 84%); color: var(--color-info); }.crm-status--warning { background: color-mix(in srgb, var(--color-warning), transparent 82%); color: var(--color-warning); }.crm-orders__table strong { font-family: var(--font-display); font-size: .6rem; }
.crm-activity { grid-column: 2; }.crm-activity header b { color: var(--color-success); font-size: .55rem; }.crm-activity ul { display: grid; gap: var(--space-2); margin-top: var(--space-3); padding: var(--space-0); list-style: none; }.crm-activity li { display: grid; grid-template-columns: .4rem minmax(0, 1fr) auto; align-items: center; gap: var(--space-2); color: var(--color-ink-muted); font-size: .52rem; }.crm-activity li > i { display: block; width: .35rem; height: .35rem; border-radius: var(--radius-full); background: var(--color-border-strong); }.crm-activity li > .crm-activity__pulse { background: var(--color-success); box-shadow: 0 0 var(--space-2) var(--color-success); animation: crm-pulse 2s var(--ease-standard) infinite; }.crm-activity li strong { color: var(--color-ink); }.crm-activity time { color: var(--color-ink-muted); font-size: .45rem; }.crm-progress { margin-top: var(--space-3); padding-top: var(--space-3); border-top: var(--border-width) solid var(--color-border); }.crm-progress > div { display: flex; justify-content: space-between; color: var(--color-ink-muted); font-size: .52rem; }.crm-progress > div b { color: var(--color-success); }.crm-progress > i { display: block; height: .35rem; margin-top: var(--space-2); overflow: hidden; border-radius: var(--radius-full); background: var(--color-surface-alt); }.crm-progress > i > b { display: block; width: 78%; height: 100%; border-radius: inherit; background: var(--color-success); transform-origin: left; }
.hero-widget { position: absolute; z-index: var(--z-overlay); display: flex; align-items: center; gap: var(--space-2); padding: var(--space-3); border: var(--border-width) solid color-mix(in srgb, var(--color-white), transparent 70%); border-radius: var(--radius-md); background: color-mix(in srgb, var(--color-slate-950), transparent 18%); box-shadow: var(--shadow-lg); color: var(--color-white); backdrop-filter: blur(var(--space-4)); -webkit-backdrop-filter: blur(var(--space-4)); will-change: transform; }.hero-widget small,.hero-widget strong { display: block; }.hero-widget small { color: color-mix(in srgb, var(--color-white), transparent 44%); font-size: .55rem; }.hero-widget strong { margin-top: calc(var(--space-1) / 2); font-size: .68rem; }.hero-widget__icon { display: grid; place-items: center; width: var(--space-8); height: var(--space-8); border-radius: var(--radius-sm); background: color-mix(in srgb, var(--color-accent), transparent 76%); color: var(--color-accent); }.hero-widget__icon svg { width: var(--space-4); }.hero-widget--lead { top: var(--space-0); left: var(--space-0); }.hero-widget--lead b { display: grid; place-items: center; width: var(--space-5); height: var(--space-5); margin-left: var(--space-2); border-radius: var(--radius-full); background: var(--color-accent); color: var(--color-ink); font-size: var(--text-sm); }.hero-widget--upsell { top: 15%; right: calc(var(--space-4) * -1); }.hero-widget--upsell .hero-widget__icon { background: color-mix(in srgb, var(--color-coral), transparent 76%); color: var(--color-coral); }.hero-widget--operator { bottom: 3%; left: calc(var(--space-3) * -1); }.hero-widget__avatar { display: grid; place-items: center; width: var(--space-8); height: var(--space-8); border-radius: var(--radius-full); background: var(--gradient-brand); color: var(--color-ink); font-size: .64rem; font-weight: var(--font-weight-bold); }.hero-widget--operator small span { display: inline-block; width: .3rem; height: .3rem; border-radius: var(--radius-full); background: var(--color-success); }.hero-widget--approved { right: 8%; bottom: calc(var(--space-3) * -1); }.hero-widget--approved .hero-widget__icon { background: color-mix(in srgb, var(--color-success), transparent 76%); color: var(--color-success); }

/* Flagship hero responsive rules */
@media (max-width: 70rem) { .hero-saas__layout { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: var(--space-8); }.hero-saas__scene { height: 34rem; }.crm-board { inset: var(--space-6) var(--space-0) var(--space-0) var(--space-3); }.crm-board__main { padding: var(--space-4); }.crm-board__sidebar { display: none; }.crm-board__body { grid-template-columns: minmax(0, 1fr); }.crm-chart svg { height: 6.5rem; }.hero-widget--upsell { right: calc(var(--space-2) * -1); } }
@media (max-width: 54rem) { .hero-saas { min-height: auto; }.hero-saas__layout { grid-template-columns: minmax(0, 1fr); padding-block: var(--space-16); }.hero-saas__content { max-width: var(--container-lg); }.hero-saas__scene { width: min(100%, 42rem); height: 36rem; margin-inline: auto; }.hero-saas__ambient--two { right: -22rem; }.crm-board { left: var(--space-5); }.hero-widget--lead { left: var(--space-1); } }
@media (max-width: 40rem) { .hero-saas__layout { gap: var(--space-10); padding-block: var(--space-12); }.hero-saas h1 { font-size: clamp(3rem, 14vw, 4.2rem); }.hero-saas__eyebrow { margin-bottom: var(--space-5); }.hero-saas__eyebrow span:last-child { display: none; }.hero-saas__description { font-size: var(--text-base); }.hero-saas__actions { display: grid; grid-template-columns: minmax(0, 1fr); }.hero-saas__button { width: 100%; }.hero-saas__logos { gap: var(--space-3); font-size: .7rem; }.hero-saas__scene { height: 28rem; }.crm-board { inset: var(--space-6) var(--space-0) var(--space-0) var(--space-0); border-radius: var(--radius-lg); transform: none; }.crm-board__header { height: 3.4rem; padding-inline: var(--space-3); }.crm-board__body { height: calc(100% - 3.4rem); }.crm-board__brand b { font-size: .7rem; }.crm-board__tools button:first-child { display: none; }.crm-board__main { padding: var(--space-3); }.crm-board__title h2 { font-size: .9rem; }.crm-board__title button { font-size: .5rem; }.crm-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }.crm-metric { padding: var(--space-2); }.crm-grid { grid-template-columns: minmax(0, 1fr) 6.7rem; gap: var(--space-2); }.crm-chart-card,.crm-donut-card,.crm-orders,.crm-activity { padding: var(--space-2); }.crm-chart svg { height: 5rem; }.crm-donut { width: 5.8rem; height: 5.8rem; }.crm-donut strong { font-size: 1.1rem; }.crm-orders__table > div { grid-template-columns: minmax(0, 1fr) auto; }.crm-orders__table > div > span:nth-child(2),.crm-orders__head > span:nth-child(2) { display: none; }.crm-activity li:nth-child(3) { display: none; }.hero-widget { padding: var(--space-2); }.hero-widget--lead { top: var(--space-1); }.hero-widget--upsell { top: 11%; right: calc(var(--space-1) * -1); }.hero-widget--operator { display: none; }.hero-widget--approved { right: var(--space-1); bottom: calc(var(--space-1) * -1); }.hero-widget small { font-size: .48rem; }.hero-widget strong { font-size: .58rem; } }

@keyframes hero-orbit-one { to { transform: translate3d(7rem, 4rem, 0) scale(1.15); } }
@keyframes hero-orbit-two { to { transform: translate3d(-8rem, -3rem, 0) scale(.84); } }
@keyframes hero-orbit-three { to { transform: translate3d(2rem, -8rem, 0) scale(1.12); } }
@keyframes hero-particle { to { transform: translate3d(1.5rem, -2rem, 0); opacity: .78; } }
@keyframes hero-status { 50% { box-shadow: 0 0 var(--space-6) var(--color-accent); transform: scale(1.2); } }
@keyframes crm-pulse { 50% { box-shadow: 0 0 var(--space-3) var(--color-success); transform: scale(1.3); } }

/* Flagship hero animation states */
.hero-saas [data-hero-reveal] { opacity: var(--z-base); transform: translate3d(var(--space-0), var(--space-6), var(--space-0)); transition: opacity var(--duration-slow) var(--ease-standard), transform var(--duration-slow) var(--ease-emphasized); }.hero-saas [data-hero-reveal].is-visible { opacity: var(--z-raised); transform: translate3d(var(--space-0), var(--space-0), var(--space-0)); }.hero-saas.is-dashboard-ready .crm-chart__line { animation: crm-draw 1.4s var(--ease-emphasized) forwards; }.hero-saas.is-dashboard-ready .crm-donut__value { animation: crm-donut 1.1s var(--ease-emphasized) forwards; }.hero-saas.is-dashboard-ready .crm-progress > i > b { animation: crm-progress 1s var(--ease-emphasized) forwards; }.hero-saas.is-dashboard-ready .hero-widget { animation: hero-widget-float 5s var(--ease-emphasized) infinite alternate; }.hero-saas.is-dashboard-ready .hero-widget--upsell { animation-delay: -1.2s; }.hero-saas.is-dashboard-ready .hero-widget--operator { animation-delay: -2.4s; }.hero-saas.is-dashboard-ready .hero-widget--approved { animation-delay: -3.5s; }.hero-saas__button .hero-ripple { position: absolute; z-index: var(--z-base); width: var(--space-12); height: var(--space-12); border-radius: var(--radius-full); background: color-mix(in srgb, var(--color-white), transparent 52%); transform: translate3d(-50%, -50%, var(--space-0)) scale(var(--z-base)); animation: hero-ripple var(--duration-slow) var(--ease-standard) forwards; pointer-events: none; }
@keyframes crm-draw { to { stroke-dashoffset: 0; } }
@keyframes crm-donut { to { stroke-dashoffset: 0; } }
@keyframes crm-progress { from { transform: scaleX(var(--z-base)); } to { transform: scaleX(var(--z-raised)); } }
@keyframes hero-widget-float { to { transform: translate3d(var(--space-0), calc(var(--space-2) * -1), var(--space-0)); } }
@keyframes hero-ripple { to { opacity: var(--z-base); transform: translate3d(-50%, -50%, var(--space-0)) scale(3); } }

@media (prefers-reduced-motion: reduce) { .hero-saas__ambient,.hero-saas__particles i,.hero-saas__status-dot,.crm-activity li > .crm-activity__pulse,.hero-saas.is-dashboard-ready .hero-widget { animation: none; }.hero-saas [data-hero-reveal] { opacity: var(--z-raised); transform: none; transition: none; }.hero-saas.is-dashboard-ready .crm-chart__line,.hero-saas.is-dashboard-ready .crm-donut__value,.hero-saas.is-dashboard-ready .crm-progress > i > b { animation: none; stroke-dashoffset: var(--space-0); transform: none; } }

/* Outcome-led services section */
.ug-services { position: relative; isolation: isolate; overflow: clip; padding-block: clamp(var(--space-20), 10vw, var(--space-32)); background: var(--color-page); }.ug-services::before { position: absolute; z-index: calc(var(--z-base) - 1); inset: var(--space-0); background: radial-gradient(circle at 72% 30%, color-mix(in srgb, var(--color-info), transparent 88%), transparent 30%), radial-gradient(circle at 12% 88%, color-mix(in srgb, var(--color-accent), transparent 78%), transparent 28%); content: ""; pointer-events: none; }.ug-services__layout { position: relative; z-index: var(--z-raised); display: grid; grid-template-columns: minmax(0, .83fr) minmax(0, 1.17fr); align-items: center; gap: clamp(var(--space-10), 8vw, var(--space-24)); }.ug-services__content { max-width: var(--container-md); }.ug-services__eyebrow { display: inline-flex; align-items: center; gap: var(--space-2); color: var(--color-coral); font-size: var(--text-xs); font-weight: var(--font-weight-extrabold); letter-spacing: var(--letter-spacing-wide); text-transform: uppercase; }.ug-services__eyebrow span { width: var(--space-5); height: var(--border-width); background: var(--color-coral); }.ug-services__content h2 { margin-top: var(--space-5); color: var(--color-ink); font-family: var(--font-display); font-size: clamp(var(--text-4xl), 4.6vw, var(--text-6xl)); font-weight: var(--font-weight-bold); letter-spacing: -.045em; line-height: var(--line-height-tight); }.ug-services__content h2 em { background: var(--gradient-brand); background-clip: text; -webkit-background-clip: text; color: transparent; font-style: normal; }.ug-services__lead { max-width: var(--container-sm); margin-top: var(--space-6); color: var(--color-ink-muted); font-size: var(--text-lg); line-height: var(--line-height-relaxed); }.ug-services__benefits { display: grid; gap: var(--space-4); margin-top: var(--space-8); padding: var(--space-0); list-style: none; }.ug-services__benefits li { display: grid; grid-template-columns: var(--space-10) minmax(0, 1fr); align-items: center; gap: var(--space-3); }.ug-services__benefits li > span { display: grid; place-items: center; width: var(--space-10); height: var(--space-10); border: var(--border-width) solid color-mix(in srgb, var(--color-info), transparent 78%); border-radius: var(--radius-md); background: color-mix(in srgb, var(--color-info), transparent 91%); color: var(--color-info); }.ug-services__benefits li:nth-child(2) > span { border-color: color-mix(in srgb, var(--color-coral), transparent 78%); background: color-mix(in srgb, var(--color-coral), transparent 91%); color: var(--color-coral); }.ug-services__benefits li:nth-child(3) > span { border-color: color-mix(in srgb, var(--color-success), transparent 78%); background: color-mix(in srgb, var(--color-success), transparent 91%); color: var(--color-success); }.ug-services__benefits svg { width: var(--space-5); }.ug-services__benefits strong,.ug-services__benefits small { display: block; }.ug-services__benefits strong { color: var(--color-ink); font-size: var(--text-sm); }.ug-services__benefits small { margin-top: calc(var(--space-1) / 2); color: var(--color-ink-muted); font-size: var(--text-xs); line-height: var(--line-height-normal); }.ug-services__cta { display: inline-flex; align-items: center; gap: var(--space-2); margin-top: var(--space-8); padding-bottom: var(--space-2); border-bottom: var(--border-width) solid var(--color-ink); color: var(--color-ink); font-size: var(--text-sm); font-weight: var(--font-weight-bold); transition: var(--transition-transform), var(--transition-color); }.ug-services__cta:hover { color: var(--color-coral); transform: translateX(var(--space-1)); }.ug-services__cta svg { width: var(--space-4); }
.ug-services__cards { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); min-width: 0; padding: var(--space-5); transition: translate var(--duration-slow) var(--ease-emphasized); will-change: translate; }.ug-service-card { position: relative; display: grid; align-content: start; min-height: 12.5rem; padding: var(--space-5); overflow: hidden; border: var(--border-width) solid transparent; border-radius: var(--radius-lg); background: linear-gradient(var(--color-surface), var(--color-surface)) padding-box, var(--gradient-brand) border-box; box-shadow: var(--shadow-sm); transition: transform var(--duration-base) var(--ease-emphasized), box-shadow var(--duration-base) var(--ease-standard); }.ug-service-card::before { position: absolute; inset: var(--space-0); border-radius: inherit; background: linear-gradient(135deg, color-mix(in srgb, var(--color-white), transparent 18%), color-mix(in srgb, var(--color-white), transparent 72%)); content: ""; pointer-events: none; }.ug-service-card:hover { z-index: var(--z-raised); box-shadow: var(--shadow-lg); transform: translateY(calc(var(--space-2) * -1)); }.ug-service-card:hover .ug-service-card__icon { background: var(--color-ink); color: var(--color-accent); transform: rotate(-8deg) scale(1.08); }.ug-service-card:hover .ug-service-card__glow { opacity: var(--z-raised); transform: scale(1.25); }.ug-service-card__top,.ug-service-card h3,.ug-service-card p { position: relative; z-index: var(--z-raised); }.ug-service-card__top { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-3); }.ug-service-card__icon { display: grid; place-items: center; width: var(--space-10); height: var(--space-10); border-radius: var(--radius-md); background: color-mix(in srgb, var(--color-info), transparent 88%); color: var(--color-info); transition: transform var(--duration-base) var(--ease-emphasized), color var(--duration-base) var(--ease-standard), background var(--duration-base) var(--ease-standard); }.ug-service-card__icon svg { width: var(--space-5); }.ug-service-card__top b { color: color-mix(in srgb, var(--color-ink), transparent 70%); font-family: var(--font-display); font-size: var(--text-sm); letter-spacing: var(--letter-spacing-wide); }.ug-service-card h3 { margin-top: var(--space-6); color: var(--color-ink); font-family: var(--font-display); font-size: var(--text-lg); font-weight: var(--font-weight-bold); letter-spacing: -.02em; line-height: var(--line-height-tight); }.ug-service-card p { margin-top: var(--space-2); color: var(--color-ink-muted); font-size: var(--text-xs); line-height: var(--line-height-relaxed); }.ug-service-card__glow { position: absolute; right: calc(var(--space-12) * -1); bottom: calc(var(--space-12) * -1); width: var(--space-24); height: var(--space-24); border-radius: var(--radius-full); background: var(--color-info); filter: blur(var(--space-6)); opacity: var(--z-base); transform: scale(var(--z-raised)); transition: opacity var(--duration-slow) var(--ease-standard), transform var(--duration-slow) var(--ease-emphasized); pointer-events: none; }.ug-service-card:nth-child(2) .ug-service-card__icon,.ug-service-card:nth-child(2) .ug-service-card__glow { background: color-mix(in srgb, var(--color-coral), transparent 7%); color: var(--color-coral); }.ug-service-card:nth-child(3) .ug-service-card__icon,.ug-service-card:nth-child(3) .ug-service-card__glow { background: color-mix(in srgb, var(--color-warning), transparent 6%); color: var(--color-warning); }.ug-service-card:nth-child(4) .ug-service-card__icon,.ug-service-card:nth-child(4) .ug-service-card__glow { background: color-mix(in srgb, var(--color-success), transparent 8%); color: var(--color-success); }.ug-service-card:nth-child(5) .ug-service-card__icon,.ug-service-card:nth-child(5) .ug-service-card__glow { background: color-mix(in srgb, var(--color-info), transparent 7%); color: var(--color-info); }.ug-service-card:nth-child(6) .ug-service-card__icon,.ug-service-card:nth-child(6) .ug-service-card__glow { background: color-mix(in srgb, var(--color-coral), transparent 14%); color: var(--color-coral); }.ug-service-card:nth-child(7) .ug-service-card__icon,.ug-service-card:nth-child(7) .ug-service-card__glow { background: color-mix(in srgb, var(--color-success), transparent 14%); color: var(--color-success); }.ug-service-card:nth-child(8) .ug-service-card__icon,.ug-service-card:nth-child(8) .ug-service-card__glow { background: color-mix(in srgb, var(--color-warning), transparent 14%); color: var(--color-warning); }.ug-service-card:nth-child(even) { transform: translateY(var(--space-6)); }.ug-service-card:nth-child(even):hover { transform: translateY(var(--space-4)); }.ug-services__shape { position: absolute; z-index: var(--z-base); border-radius: var(--radius-full); filter: blur(var(--space-12)); pointer-events: none; }.ug-services__shape--one { top: 14%; right: -8rem; width: 17rem; height: 17rem; background: color-mix(in srgb, var(--color-info), transparent 76%); animation: services-orbit 12s var(--ease-emphasized) infinite alternate; }.ug-services__shape--two { bottom: -9rem; left: 37%; width: 15rem; height: 15rem; background: color-mix(in srgb, var(--color-accent), transparent 64%); animation: services-orbit 14s var(--ease-emphasized) -4s infinite alternate-reverse; }
.ug-services [data-services-reveal],.ug-services [data-services-card] { opacity: var(--z-base); }.ug-services [data-services-reveal] { transform: translateY(var(--space-6)); transition: opacity var(--duration-slow) var(--ease-standard), transform var(--duration-slow) var(--ease-emphasized); }.ug-services [data-services-reveal].is-visible { opacity: var(--z-raised); transform: translateY(var(--space-0)); }.ug-service-card.is-visible { animation: services-card-in var(--duration-slow) var(--ease-emphasized) forwards; }
@keyframes services-card-in { from { opacity: var(--z-base); transform: translateY(var(--space-8)) scale(.96); } to { opacity: var(--z-raised); transform: translateY(var(--space-0)) scale(var(--z-raised)); } }
@keyframes services-orbit { to { transform: translate3d(var(--space-8), calc(var(--space-8) * -1), var(--space-0)) scale(1.18); } }
@media (max-width: 64rem) { .ug-services__layout { grid-template-columns: minmax(0, 1fr); }.ug-services__content { max-width: var(--container-lg); }.ug-services__cards { max-width: var(--container-lg); margin-inline: auto; }.ug-services__shape--one { right: -12rem; } }
@media (max-width: 40rem) { .ug-services { padding-block: var(--space-16); }.ug-services__content h2 { font-size: var(--text-4xl); }.ug-services__lead { font-size: var(--text-base); }.ug-services__cards { grid-template-columns: minmax(0, 1fr); padding: var(--space-0); }.ug-service-card,.ug-service-card:nth-child(even) { min-height: 11rem; transform: none; }.ug-service-card:nth-child(even):hover { transform: translateY(calc(var(--space-1) * -1)); }.ug-services__shape--two { left: -8rem; } }
@media (prefers-reduced-motion: reduce) { .ug-services__shape,.ug-service-card.is-visible { animation: none; }.ug-services [data-services-reveal],.ug-services [data-services-card] { opacity: var(--z-raised); transform: none; transition: none; } }

/* Hero and CRM audit refinements */
.hero-saas [data-hero-reveal] { opacity: var(--z-raised); transform: none; }.hero-saas.is-motion-ready [data-hero-reveal] { opacity: var(--z-base); transform: translate3d(var(--space-0), var(--space-6), var(--space-0)); }.hero-saas.is-motion-ready [data-hero-reveal].is-visible { opacity: var(--z-raised); transform: translate3d(var(--space-0), var(--space-0), var(--space-0)); }.crm-orders .sr-only { position: absolute; width: var(--space-px); height: var(--space-px); padding: var(--space-0); margin: calc(var(--space-px) * -1); overflow: hidden; clip: rect(var(--space-0), var(--space-0), var(--space-0), var(--space-0)); white-space: nowrap; border: var(--space-0); }
.crm-board__tool { position: relative; display: grid; place-items: center; width: var(--space-6); height: var(--space-6); border-radius: var(--radius-sm); color: var(--color-ink-muted); }.crm-board__tool svg { width: var(--space-4); }.crm-board__tool em { position: absolute; top: var(--space-1); right: var(--space-1); width: .32rem; height: .32rem; border-radius: var(--radius-full); background: var(--color-danger); }.crm-board__period { display: inline-flex; align-items: center; gap: var(--space-1); padding: var(--space-2); border: var(--border-width) solid var(--color-border); border-radius: var(--radius-sm); background: var(--color-surface); color: var(--color-ink-muted); font-size: var(--text-xs); }.crm-board__period svg { width: var(--space-3); }
.crm-board__brand small,.crm-board__title p,.crm-board__title button,.crm-metric > span,.crm-metric small,.crm-chart-card header span,.crm-chart-card header strong small,.crm-donut-card header span,.crm-orders header span,.crm-activity header span,.crm-orders header a,.crm-orders__table,.crm-activity li,.crm-activity time,.crm-progress > div,.crm-donut-card > p { font-size: var(--text-xs); }.crm-orders__table { width: 100%; margin-top: var(--space-2); border-collapse: collapse; color: var(--color-ink); text-align: left; }.crm-orders__table th,.crm-orders__table td { padding-block: var(--space-2); border-top: var(--border-width) solid var(--color-border); font-size: var(--text-xs); font-weight: var(--font-weight-regular); }.crm-orders__table th { color: var(--color-ink-muted); font-size: var(--text-xs); font-weight: var(--font-weight-bold); }.crm-orders__table th:last-child,.crm-orders__table td:last-child { text-align: right; }.crm-orders__table td:first-child { white-space: nowrap; }.crm-orders__table td:first-child b { display: inline-grid; place-items: center; width: var(--space-4); height: var(--space-4); margin-right: calc(var(--space-1) / 2); border-radius: var(--radius-full); background: var(--gradient-brand); color: var(--color-ink); font-size: var(--text-xs); }.crm-orders__table strong { font-family: var(--font-display); font-size: var(--text-xs); }.crm-status { font-size: var(--text-xs); }
@media (max-width: 40rem) { .crm-board,.hero-widget { backdrop-filter: none; -webkit-backdrop-filter: none; }.crm-orders__table th:nth-child(2),.crm-orders__table td:nth-child(2) { display: none; }.crm-board__header { contain: paint; } }
@media (prefers-reduced-motion: reduce) { .hero-saas.is-motion-ready [data-hero-reveal] { opacity: var(--z-raised); transform: none; } }

/* Hero proportion and interaction polish */
@media (min-width: 70.0625rem) { .hero-saas__layout { grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr); align-items: start; min-height: 0; padding-top: var(--space-5); padding-bottom: var(--space-16); }.hero-saas__scene { width: 110%; height: 48.75rem; margin-left: calc(var(--space-4) * -1); }.crm-board { inset: var(--space-6) var(--space-0) var(--space-0) var(--space-10); }.hero-widget--lead { top: 5rem; left: var(--space-2); }.hero-widget--upsell { top: 20%; right: calc(var(--space-2) * -1); }.hero-widget--operator { bottom: 8%; left: var(--space-5); }.hero-widget--approved { right: 10%; bottom: var(--space-2); } }
.hero-saas__layout { padding-top: clamp(var(--space-4), 3vh, var(--space-6)); padding-bottom: clamp(var(--space-12), 6vh, var(--space-20)); }.hero-saas__content { padding-top: var(--space-5); }.hero-saas__eyebrow { margin-bottom: var(--space-5); }.hero-saas h1 { letter-spacing: -.055em; line-height: .95; }.hero-saas__description { margin-top: var(--space-5); }.hero-saas__actions { margin-top: var(--space-6); }.hero-saas__trust { margin-top: var(--space-8); }.hero-saas__logos { gap: var(--space-6); margin-top: var(--space-6); color: color-mix(in srgb, var(--color-white), transparent 32%); font-size: var(--text-base); }.hero-saas__logos span span { color: color-mix(in srgb, var(--color-white), transparent 52%); }.hero-saas__button { isolation: isolate; background-size: 160% 160%; will-change: transform; }.hero-saas__button--primary { background-image: var(--gradient-brand); box-shadow: 0 var(--space-4) var(--space-10) color-mix(in srgb, var(--color-info), transparent 62%); }.hero-saas__button--secondary { border-color: transparent; background: linear-gradient(color-mix(in srgb, var(--color-slate-950), transparent 24%), color-mix(in srgb, var(--color-slate-950), transparent 24%)) padding-box, var(--gradient-brand) border-box; }.hero-saas__button:hover { background-position: 100% 100%; box-shadow: 0 var(--space-5) var(--space-12) color-mix(in srgb, var(--color-info), transparent 55%); transform: translate3d(var(--space-0), calc(var(--space-1) * -1), var(--space-0)); }.hero-saas__button:active { transform: translate3d(var(--space-0), var(--space-0), var(--space-0)) scale(.98); }.hero-saas__ambient { opacity: .6; }.hero-saas__ambient--one { animation-duration: 19s; }.hero-saas__ambient--two { animation-duration: 23s; }.hero-saas__ambient--three { animation-duration: 21s; }.hero-saas__particles i { opacity: .3; animation-duration: 10s; }.hero-saas__noise { opacity: .72; }.hero-widget { box-shadow: 0 var(--space-5) var(--space-12) color-mix(in srgb, var(--color-black), transparent 48%), inset 0 var(--space-px) color-mix(in srgb, var(--color-white), transparent 46%); }.hero-widget::before { position: absolute; z-index: calc(var(--z-base) - 1); width: var(--space-6); height: var(--space-px); background: color-mix(in srgb, var(--color-white), transparent 58%); content: ""; }.hero-widget--lead::before,.hero-widget--operator::before { right: calc(var(--space-6) * -1); }.hero-widget--upsell::before,.hero-widget--approved::before { left: calc(var(--space-6) * -1); }.crm-board { box-shadow: 0 var(--space-20) calc(var(--space-32) * 1.25) color-mix(in srgb, var(--color-black), transparent 42%), inset 0 var(--space-px) color-mix(in srgb, var(--color-white), transparent 35%); }
@media (min-width: 54.0625rem) and (max-width: 70rem) { .hero-saas__layout { align-items: start; padding-top: var(--space-5); }.hero-saas__scene { height: 42rem; }.hero-widget--lead { top: var(--space-8); left: var(--space-2); }.hero-widget--operator { bottom: 6%; left: var(--space-2); } }
@media (max-width: 40rem) { .hero-saas__layout { padding-top: var(--space-4); }.hero-saas__content { padding-top: var(--space-3); }.hero-saas__logos { gap: var(--space-4); font-size: var(--text-sm); }.hero-saas__scene { height: 30rem; }.hero-widget::before { display: none; } }

/* Sprint 4.2 live hero details */
.hero-saas__availability { display: inline-flex; align-items: center; gap: var(--space-2); margin-left: var(--space-2); padding-left: var(--space-3); border-left: var(--border-width) solid color-mix(in srgb, var(--color-white), transparent 78%); color: color-mix(in srgb, var(--color-white), transparent 28%); font-size: var(--text-xs); font-weight: var(--font-weight-bold); }.hero-saas__availability > i { width: var(--space-2); height: var(--space-2); border-radius: var(--radius-full); background: var(--color-success); box-shadow: 0 0 var(--space-3) color-mix(in srgb, var(--color-success), transparent 22%); animation: hero-live-pulse 2.4s var(--ease-standard) infinite; }.crm-metric.is-updating { border-color: color-mix(in srgb, var(--color-success), transparent 54%); box-shadow: 0 0 var(--space-6) color-mix(in srgb, var(--color-success), transparent 83%); }.crm-metric.is-updating strong { color: var(--color-success); }.hero-saas__ambient--one { background: radial-gradient(circle at 40% 45%, var(--color-info), transparent 68%); }.hero-saas__ambient--two { background: radial-gradient(circle at 50% 50%, var(--color-success), transparent 70%); }.hero-saas__ambient--three { background: radial-gradient(circle at 50% 50%, var(--color-coral), transparent 70%); }.hero-saas__particles i:nth-child(2n) { animation-duration: 13s; }.hero-saas__particles i:nth-child(3n) { animation-direction: alternate-reverse; }
@keyframes hero-live-pulse { 50% { box-shadow: 0 0 var(--space-5) color-mix(in srgb, var(--color-success), transparent 8%); transform: scale(1.15); } }
@media (max-width: 40rem) { .hero-saas__availability { width: 100%; margin-top: var(--space-3); margin-left: var(--space-0); padding-left: var(--space-0); border-left: var(--space-0); } }
@media (prefers-reduced-motion: reduce) { .hero-saas__availability > i { animation: none; } }

/* Services value-card polish */
.ug-service-card { min-height: 13.5rem; background: linear-gradient(color-mix(in srgb, var(--color-surface), transparent 12%), color-mix(in srgb, var(--color-surface), transparent 12%)) padding-box, var(--gradient-brand) border-box; background-size: 100% 100%, 180% 180%; backdrop-filter: blur(var(--space-3)); -webkit-backdrop-filter: blur(var(--space-3)); }.ug-service-card::before { background-size: 180% 180%; animation: services-sheen 10s var(--ease-standard) infinite alternate; }.ug-service-card p { max-width: 18rem; }.ug-service-card__metric { position: relative; z-index: var(--z-raised); display: inline-flex; align-items: center; width: fit-content; margin-top: auto; padding: var(--space-2) var(--space-3); border: var(--border-width) solid color-mix(in srgb, var(--color-success), transparent 72%); border-radius: var(--radius-full); background: color-mix(in srgb, var(--color-success), transparent 90%); color: var(--color-success); font-size: var(--text-xs); font-weight: var(--font-weight-extrabold); letter-spacing: var(--letter-spacing-normal); }.ug-service-card__metric::before { width: var(--space-1); height: var(--space-1); margin-right: var(--space-2); border-radius: var(--radius-full); background: currentColor; box-shadow: 0 0 var(--space-2) currentColor; content: ""; }.ug-service-card:nth-child(2) .ug-service-card__metric,.ug-service-card:nth-child(6) .ug-service-card__metric { border-color: color-mix(in srgb, var(--color-coral), transparent 72%); background: color-mix(in srgb, var(--color-coral), transparent 90%); color: var(--color-coral); }.ug-service-card:nth-child(3) .ug-service-card__metric,.ug-service-card:nth-child(8) .ug-service-card__metric { border-color: color-mix(in srgb, var(--color-warning), transparent 68%); background: color-mix(in srgb, var(--color-warning), transparent 90%); color: var(--color-warning); }.ug-service-card:nth-child(5) .ug-service-card__metric { border-color: color-mix(in srgb, var(--color-info), transparent 72%); background: color-mix(in srgb, var(--color-info), transparent 90%); color: var(--color-info); }.ug-service-card.is-visible { animation: services-card-in var(--duration-slow) var(--ease-emphasized) forwards, services-card-drift 6s var(--ease-emphasized) 1s infinite alternate; }.ug-service-card:nth-child(2).is-visible,.ug-service-card:nth-child(6).is-visible { animation-delay: 0s, -2s; }.ug-service-card:nth-child(3).is-visible,.ug-service-card:nth-child(7).is-visible { animation-delay: 0s, -4s; }.ug-service-card:nth-child(4).is-visible,.ug-service-card:nth-child(8).is-visible { animation-delay: 0s, -3s; }
@keyframes services-sheen { to { background-position: 100% 100%; } }
@keyframes services-card-drift { to { translate: var(--space-0) calc(var(--space-1) * -1); } }
@media (max-width: 40rem) { .ug-service-card { min-height: 12rem; }.ug-service-card__metric { margin-top: var(--space-4); }.ug-service-card.is-visible { animation: services-card-in var(--duration-slow) var(--ease-emphasized) forwards; } }
@media (prefers-reduced-motion: reduce) { .ug-service-card::before,.ug-service-card.is-visible { animation: none; } }

/* Services no-script visibility safeguard */
.ug-services [data-services-reveal],.ug-services [data-services-card] { opacity: var(--z-raised); }.ug-services.is-motion-ready [data-services-reveal],.ug-services.is-motion-ready [data-services-card] { opacity: var(--z-base); }.ug-services.is-motion-ready [data-services-reveal].is-visible { opacity: var(--z-raised); }.ug-services.is-motion-ready [data-services-card].is-visible { opacity: var(--z-raised); }

/* Why UG business advantage section */
.why-ug { position: relative; isolation: isolate; overflow: clip; padding-block: clamp(var(--space-20), 10vw, var(--space-32)); background: var(--gradient-surface); }.why-ug__header { display: grid; gap: var(--space-5); max-width: var(--container-lg); }.why-ug__eyebrow { display: inline-flex; align-items: center; gap: var(--space-2); color: var(--color-coral); font-size: var(--text-xs); font-weight: var(--font-weight-extrabold); letter-spacing: var(--letter-spacing-wide); text-transform: uppercase; }.why-ug__eyebrow span { width: var(--space-5); height: var(--border-width); background: var(--color-coral); }.why-ug__header h2 { max-width: 48rem; color: var(--color-ink); font-family: var(--font-display); font-size: clamp(var(--text-4xl), 5vw, var(--text-6xl)); font-weight: var(--font-weight-bold); letter-spacing: -.05em; line-height: var(--line-height-tight); }.why-ug__header h2 em { background: var(--gradient-brand); background-clip: text; -webkit-background-clip: text; color: transparent; font-style: normal; }.why-ug__header > p { max-width: var(--container-md); color: var(--color-ink-muted); font-size: var(--text-lg); line-height: var(--line-height-relaxed); }.why-ug__grid { position: relative; z-index: var(--z-raised); display: grid; grid-template-columns: repeat(12, minmax(var(--space-0), 1fr)); gap: var(--space-4); margin-top: clamp(var(--space-10), 6vw, var(--space-16)); }.why-ug-card { position: relative; display: grid; align-content: start; min-height: 18rem; padding: var(--space-6); overflow: hidden; border: var(--border-width) solid transparent; border-radius: var(--radius-xl); background: linear-gradient(color-mix(in srgb, var(--color-surface), transparent 8%), color-mix(in srgb, var(--color-surface), transparent 8%)) padding-box, var(--gradient-brand) border-box; box-shadow: var(--shadow-sm); backdrop-filter: blur(var(--space-3)); -webkit-backdrop-filter: blur(var(--space-3)); transition: transform var(--duration-base) var(--ease-emphasized), box-shadow var(--duration-base) var(--ease-standard); }.why-ug-card::before { position: absolute; inset: var(--space-0); border-radius: inherit; background: linear-gradient(135deg, color-mix(in srgb, var(--color-white), transparent 20%), transparent 54%); content: ""; pointer-events: none; }.why-ug-card:hover { z-index: var(--z-sticky); box-shadow: var(--shadow-xl); transform: translateY(calc(var(--space-2) * -1)); }.why-ug-card:hover .why-ug-card__icon { background: var(--color-ink); color: var(--color-accent); transform: rotate(-8deg) scale(1.08); }.why-ug-card:hover .why-ug-card__glow { opacity: var(--z-raised); transform: scale(1.25); }.why-ug-card--approval,.why-ug-card--upsell,.why-ug-card--speed { grid-column: span 4; }.why-ug-card--analytics { grid-column: span 5; }.why-ug-card--team { grid-column: span 4; }.why-ug-card--quality { grid-column: span 3; }.why-ug-card__icon,.why-ug-card__copy,.why-ug-card__metric { position: relative; z-index: var(--z-raised); }.why-ug-card__icon { display: grid; place-items: center; width: var(--space-12); height: var(--space-12); border-radius: var(--radius-md); background: color-mix(in srgb, var(--color-info), transparent 88%); color: var(--color-info); transition: transform var(--duration-base) var(--ease-emphasized), background var(--duration-base) var(--ease-standard), color var(--duration-base) var(--ease-standard); }.why-ug-card__icon svg { width: var(--space-6); }.why-ug-card__copy h3 { margin-top: var(--space-8); color: var(--color-ink); font-family: var(--font-display); font-size: var(--text-xl); font-weight: var(--font-weight-bold); letter-spacing: -.025em; line-height: var(--line-height-tight); }.why-ug-card__copy p { max-width: 24rem; margin-top: var(--space-3); color: var(--color-ink-muted); font-size: var(--text-sm); line-height: var(--line-height-relaxed); }.why-ug-card__metric { align-self: end; width: fit-content; margin-top: auto; padding-top: var(--space-6); color: var(--color-success); font-family: var(--font-display); font-size: var(--text-3xl); font-weight: var(--font-weight-bold); letter-spacing: -.04em; line-height: var(--line-height-none); }.why-ug-card__metric small { display: block; margin-top: var(--space-1); color: var(--color-ink-muted); font-family: var(--font-sans); font-size: var(--text-xs); font-weight: var(--font-weight-bold); letter-spacing: var(--letter-spacing-wide); text-transform: uppercase; }.why-ug-card__glow { position: absolute; right: calc(var(--space-16) * -1); bottom: calc(var(--space-16) * -1); width: var(--space-32); height: var(--space-32); border-radius: var(--radius-full); background: var(--color-info); filter: blur(var(--space-8)); opacity: var(--z-base); transform: scale(var(--z-raised)); transition: opacity var(--duration-slow) var(--ease-standard), transform var(--duration-slow) var(--ease-emphasized); pointer-events: none; }.why-ug-card--upsell .why-ug-card__icon,.why-ug-card--upsell .why-ug-card__glow { background: color-mix(in srgb, var(--color-coral), transparent 8%); color: var(--color-coral); }.why-ug-card--speed .why-ug-card__icon,.why-ug-card--speed .why-ug-card__glow { background: color-mix(in srgb, var(--color-warning), transparent 9%); color: var(--color-warning); }.why-ug-card--analytics .why-ug-card__icon,.why-ug-card--analytics .why-ug-card__glow { background: color-mix(in srgb, var(--color-success), transparent 10%); color: var(--color-success); }.why-ug-card--team .why-ug-card__icon,.why-ug-card--team .why-ug-card__glow { background: color-mix(in srgb, var(--color-info), transparent 11%); color: var(--color-info); }.why-ug-card--quality .why-ug-card__icon,.why-ug-card--quality .why-ug-card__glow { background: color-mix(in srgb, var(--color-coral), transparent 14%); color: var(--color-coral); }.why-ug__shape { position: absolute; z-index: var(--z-base); border-radius: var(--radius-full); filter: blur(var(--space-16)); pointer-events: none; }.why-ug__shape--one { top: 7%; right: -10rem; width: 24rem; height: 24rem; background: color-mix(in srgb, var(--color-info), transparent 82%); animation: why-ug-orbit 16s var(--ease-emphasized) infinite alternate; }.why-ug__shape--two { bottom: -11rem; left: 24%; width: 21rem; height: 21rem; background: color-mix(in srgb, var(--color-accent), transparent 74%); animation: why-ug-orbit 19s var(--ease-emphasized) -5s infinite alternate-reverse; }.why-ug [data-why-reveal],.why-ug [data-why-card] { opacity: var(--z-raised); }.why-ug.is-motion-ready [data-why-reveal],.why-ug.is-motion-ready [data-why-card] { opacity: var(--z-base); transform: translateY(var(--space-6)); }.why-ug.is-motion-ready [data-why-reveal].is-visible { opacity: var(--z-raised); transform: translateY(var(--space-0)); transition: opacity var(--duration-slow) var(--ease-standard), transform var(--duration-slow) var(--ease-emphasized); }.why-ug.is-motion-ready [data-why-card].is-visible { animation: why-ug-card-in var(--duration-slow) var(--ease-emphasized) forwards, why-ug-card-drift 8s var(--ease-emphasized) 1s infinite alternate; }
@keyframes why-ug-card-in { from { opacity: var(--z-base); transform: translateY(var(--space-8)) scale(.97); } to { opacity: var(--z-raised); transform: translateY(var(--space-0)) scale(var(--z-raised)); } }
@keyframes why-ug-card-drift { to { translate: var(--space-0) calc(var(--space-1) * -1); } }
@keyframes why-ug-orbit { to { transform: translate3d(var(--space-8), calc(var(--space-6) * -1), var(--space-0)) scale(1.12); } }
@media (max-width: 64rem) { .why-ug-card--approval,.why-ug-card--upsell,.why-ug-card--speed,.why-ug-card--analytics,.why-ug-card--team,.why-ug-card--quality { grid-column: span 6; }.why-ug-card--analytics { min-height: 18rem; } }
@media (max-width: 40rem) { .why-ug { padding-block: var(--space-16); }.why-ug__header h2 { font-size: var(--text-4xl); }.why-ug__header > p { font-size: var(--text-base); }.why-ug__grid { grid-template-columns: minmax(var(--space-0), 1fr); gap: var(--space-3); }.why-ug-card,.why-ug-card--approval,.why-ug-card--upsell,.why-ug-card--speed,.why-ug-card--analytics,.why-ug-card--team,.why-ug-card--quality { grid-column: auto; min-height: 16rem; padding: var(--space-5); }.why-ug-card__copy h3 { margin-top: var(--space-6); }.why-ug-card.is-visible { animation: why-ug-card-in var(--duration-slow) var(--ease-emphasized) forwards; } }
@media (prefers-reduced-motion: reduce) { .why-ug__shape,.why-ug.is-motion-ready [data-why-card].is-visible { animation: none; }.why-ug [data-why-reveal],.why-ug [data-why-card] { opacity: var(--z-raised); transform: none; } }

/* Why UG typography contrast */
.why-ug__eyebrow {
  color: #64748b;
  opacity: 1;
  font-weight: 700;
  letter-spacing: .08em;
}
.why-ug__eyebrow span { background: #94a3b8; }
.why-ug__header h2 {
  color: #0f172a !important;
  opacity: 1 !important;
  font-weight: 800;
  -webkit-text-fill-color: #0f172a;
}
.why-ug__header h2 em {
  background: linear-gradient(90deg, #8b5cf6 0%, #6366f1 45%, #38bdf8 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  opacity: 1;
  -webkit-text-fill-color: transparent !important;
}
.why-ug__header > p:not(.why-ug__eyebrow) {
  color: #475569 !important;
  opacity: 1;
  font-weight: 500;
  line-height: 1.55;
}
.why-ug-card__copy h3 { color: #f8fafc; }
.why-ug-card__copy p { color: #cbd5e1; }
.why-ug-card__metric { color: #a78bfa; }
.why-ug-card__metric small { color: #94a3b8; }

@media (max-width: 40rem) {
  .why-ug__header h2 { overflow-wrap: break-word; }
}

/* Measurable results KPI section */
.measurable-results { position: relative; isolation: isolate; overflow: clip; padding-block: clamp(var(--space-20), 10vw, var(--space-32)); background: var(--gradient-dark); color: var(--color-white); }.measurable-results__mesh { position: absolute; z-index: calc(var(--z-base) - 1); inset: var(--space-0); background-image: linear-gradient(color-mix(in srgb, var(--color-white), transparent 95%) var(--border-width), transparent var(--border-width)), linear-gradient(90deg, color-mix(in srgb, var(--color-white), transparent 95%) var(--border-width), transparent var(--border-width)); background-size: var(--space-10) var(--space-10); mask-image: linear-gradient(to bottom, transparent, var(--color-black) 20%, var(--color-black) 80%, transparent); opacity: .7; pointer-events: none; }.measurable-results__glow { position: absolute; z-index: var(--z-base); width: 28rem; height: 28rem; border-radius: var(--radius-full); filter: blur(var(--space-16)); opacity: .52; pointer-events: none; }.measurable-results__glow--one { top: -13rem; right: -9rem; background: color-mix(in srgb, var(--color-accent), transparent 72%); animation: results-glow-drift 18s var(--ease-emphasized) infinite alternate; }.measurable-results__glow--two { bottom: -15rem; left: 19%; background: color-mix(in srgb, var(--color-info), transparent 84%); animation: results-glow-drift 22s var(--ease-emphasized) -7s infinite alternate-reverse; }.measurable-results__layout { position: relative; z-index: var(--z-raised); display: grid; grid-template-columns: minmax(0, .76fr) minmax(0, 1.24fr); align-items: start; gap: clamp(var(--space-10), 7vw, var(--space-24)); }.measurable-results__intro { max-width: 34rem; padding-top: var(--space-3); }.measurable-results__eyebrow { display: inline-flex; align-items: center; gap: var(--space-2); color: var(--color-accent); font-size: var(--text-xs); font-weight: var(--font-weight-extrabold); letter-spacing: var(--letter-spacing-wide); text-transform: uppercase; }.measurable-results__eyebrow span { width: var(--space-5); height: var(--border-width); background: currentColor; }.measurable-results__intro h2 { max-width: 34rem; margin-top: var(--space-5); color: var(--color-white); font-family: var(--font-display); font-size: clamp(var(--text-4xl), 4.8vw, var(--text-6xl)); font-weight: var(--font-weight-bold); letter-spacing: -.055em; line-height: var(--line-height-tight); }.measurable-results__intro > p:not(.measurable-results__eyebrow) { margin-top: var(--space-6); color: color-mix(in srgb, var(--color-white), transparent 31%); font-size: var(--text-lg); line-height: var(--line-height-relaxed); }.measurable-results__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); }.result-kpi-card { position: relative; display: flex; flex-direction: column; min-height: 13.25rem; padding: var(--space-5); overflow: hidden; border: var(--border-width) solid color-mix(in srgb, var(--color-white), transparent 85%); border-radius: var(--radius-lg); background: linear-gradient(140deg, color-mix(in srgb, var(--color-white), transparent 91%), color-mix(in srgb, var(--color-white), transparent 96%)); box-shadow: inset 0 var(--border-width) var(--border-width) color-mix(in srgb, var(--color-white), transparent 72%), 0 var(--space-8) var(--space-16) color-mix(in srgb, var(--color-black), transparent 55%); backdrop-filter: blur(var(--space-4)); -webkit-backdrop-filter: blur(var(--space-4)); transition: transform var(--duration-base) var(--ease-emphasized), border-color var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard); }.result-kpi-card::before { position: absolute; top: calc(var(--space-8) * -1); right: calc(var(--space-8) * -1); width: var(--space-20); height: var(--space-20); border-radius: var(--radius-full); background: color-mix(in srgb, var(--color-accent), transparent 74%); content: ""; filter: blur(var(--space-5)); opacity: var(--z-base); transition: opacity var(--duration-base) var(--ease-standard); pointer-events: none; }.result-kpi-card:hover { z-index: var(--z-raised); border-color: color-mix(in srgb, var(--color-accent), transparent 39%); box-shadow: inset 0 var(--border-width) var(--border-width) color-mix(in srgb, var(--color-white), transparent 65%), 0 var(--space-10) var(--space-20) color-mix(in srgb, var(--color-black), transparent 42%), 0 0 var(--space-8) color-mix(in srgb, var(--color-accent), transparent 87%); transform: translate3d(var(--space-0), calc(var(--space-2) * -1), var(--space-0)); }.result-kpi-card:hover::before { opacity: var(--z-raised); }.result-kpi-card__label,.result-kpi-card strong,.result-kpi-card p { position: relative; z-index: var(--z-raised); }.result-kpi-card__label { color: color-mix(in srgb, var(--color-white), transparent 42%); font-size: var(--text-xs); font-weight: var(--font-weight-bold); line-height: var(--line-height-normal); }.result-kpi-card strong { margin-top: auto; color: var(--color-white); font-family: var(--font-display); font-size: clamp(2.2rem, 3vw, 3.25rem); font-weight: var(--font-weight-bold); letter-spacing: -.065em; line-height: var(--line-height-none); white-space: nowrap; }.result-kpi-card p { margin-top: var(--space-3); color: color-mix(in srgb, var(--color-white), transparent 45%); font-size: var(--text-xs); line-height: var(--line-height-relaxed); }.result-kpi-card__line { position: absolute; right: var(--space-5); bottom: var(--space-4); left: var(--space-5); height: var(--border-width); background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--color-accent), transparent 26%), transparent); opacity: .58; transform: scaleX(.55); transform-origin: center; transition: opacity var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-emphasized); }.result-kpi-card:hover .result-kpi-card__line { opacity: var(--z-raised); transform: scaleX(var(--z-raised)); }.measurable-results__footer { grid-column: 1 / -1; display: grid; gap: var(--space-6); margin-top: clamp(var(--space-2), 3vw, var(--space-8)); }.measurable-results__disclaimer { color: color-mix(in srgb, var(--color-white), transparent 53%); font-size: var(--text-xs); line-height: var(--line-height-relaxed); }.measurable-results__callout { display: flex; align-items: center; justify-content: space-between; gap: var(--space-8); padding: clamp(var(--space-6), 4vw, var(--space-10)); border: var(--border-width) solid color-mix(in srgb, var(--color-white), transparent 84%); border-radius: var(--radius-xl); background: linear-gradient(110deg, color-mix(in srgb, var(--color-white), transparent 91%), color-mix(in srgb, var(--color-accent), transparent 94%)); box-shadow: inset 0 var(--border-width) var(--border-width) color-mix(in srgb, var(--color-white), transparent 76%), var(--shadow-lg); backdrop-filter: blur(var(--space-4)); -webkit-backdrop-filter: blur(var(--space-4)); }.measurable-results__callout h3 { max-width: 43rem; color: var(--color-white); font-family: var(--font-display); font-size: clamp(var(--text-xl), 2.5vw, var(--text-3xl)); font-weight: var(--font-weight-bold); letter-spacing: -.04em; line-height: var(--line-height-tight); }.measurable-results__callout p { max-width: 42rem; margin-top: var(--space-3); color: color-mix(in srgb, var(--color-white), transparent 39%); font-size: var(--text-sm); line-height: var(--line-height-relaxed); }.measurable-results__callout a { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: var(--space-2); min-height: var(--space-12); padding-inline: var(--space-5); border-radius: var(--radius-md); background: var(--color-accent); box-shadow: 0 var(--space-3) var(--space-8) color-mix(in srgb, var(--color-accent), transparent 70%); color: var(--color-ink); font-size: var(--text-sm); font-weight: var(--font-weight-extrabold); text-align: center; transition: transform var(--duration-base) var(--ease-emphasized), box-shadow var(--duration-base) var(--ease-standard), background var(--duration-base) var(--ease-standard); }.measurable-results__callout a:hover { background: var(--color-accent-hover); box-shadow: 0 var(--space-5) var(--space-10) color-mix(in srgb, var(--color-accent), transparent 56%); transform: translate3d(var(--space-0), calc(var(--space-1) * -1), var(--space-0)); }.measurable-results__callout a:focus-visible,.result-kpi-card:focus-within { outline: var(--border-width) solid var(--color-accent); outline-offset: var(--space-1); }.measurable-results__callout svg { width: var(--space-4); }.measurable-results [data-results-reveal],.measurable-results [data-results-card] { opacity: var(--z-raised); }.measurable-results.is-motion-ready [data-results-reveal],.measurable-results.is-motion-ready [data-results-card] { opacity: var(--z-base); transform: translate3d(var(--space-0), var(--space-6), var(--space-0)); }.measurable-results.is-motion-ready [data-results-reveal].is-visible { opacity: var(--z-raised); transform: translate3d(var(--space-0), var(--space-0), var(--space-0)); transition: opacity var(--duration-slow) var(--ease-standard), transform var(--duration-slow) var(--ease-emphasized); }.measurable-results.is-motion-ready [data-results-card].is-visible { animation: results-card-in var(--duration-slow) var(--ease-emphasized) forwards; }
@keyframes results-card-in { from { opacity: var(--z-base); transform: translate3d(var(--space-0), var(--space-8), var(--space-0)) scale(.97); } to { opacity: var(--z-raised); transform: translate3d(var(--space-0), var(--space-0), var(--space-0)) scale(var(--z-raised)); } }
@keyframes results-glow-drift { to { transform: translate3d(var(--space-8), calc(var(--space-6) * -1), var(--space-0)) scale(1.12); } }
@media (max-width: 64rem) { .measurable-results__layout { grid-template-columns: minmax(0, 1fr); }.measurable-results__intro { max-width: var(--container-lg); }.measurable-results__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.measurable-results__footer { grid-column: auto; }.measurable-results__callout { align-items: flex-start; flex-direction: column; }.measurable-results__glow--two { left: -10rem; } }
@media (max-width: 40rem) { .measurable-results { padding-block: var(--space-16); }.measurable-results__intro h2 { font-size: var(--text-4xl); }.measurable-results__intro > p:not(.measurable-results__eyebrow) { font-size: var(--text-base); }.measurable-results__grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-3); }.result-kpi-card { min-height: 11.75rem; }.measurable-results__callout { gap: var(--space-6); padding: var(--space-5); }.measurable-results__callout a { width: 100%; }.measurable-results__glow { width: 20rem; height: 20rem; } }
@media (prefers-reduced-motion: reduce) { .measurable-results__glow,.measurable-results.is-motion-ready [data-results-card].is-visible { animation: none; }.measurable-results [data-results-reveal],.measurable-results [data-results-card] { opacity: var(--z-raised); transform: none; transition: none; } }

/* Interactive order workflow section */
.process-dashboard { position: relative; isolation: isolate; overflow: clip; padding-block: clamp(var(--space-20), 10vw, var(--space-32)); background: var(--color-slate-950); color: var(--color-white); }.process-dashboard__mesh { position: absolute; z-index: calc(var(--z-base) - 1); inset: var(--space-0); background-image: linear-gradient(color-mix(in srgb, var(--color-white), transparent 96%) var(--border-width), transparent var(--border-width)), linear-gradient(90deg, color-mix(in srgb, var(--color-white), transparent 96%) var(--border-width), transparent var(--border-width)); background-size: var(--space-10) var(--space-10); mask-image: linear-gradient(to bottom, transparent, var(--color-black) 18%, var(--color-black) 82%, transparent); pointer-events: none; }.process-dashboard__glow { position: absolute; z-index: var(--z-base); width: 28rem; height: 28rem; border-radius: var(--radius-full); filter: blur(var(--space-16)); pointer-events: none; }.process-dashboard__glow--one { top: -14rem; right: -11rem; background: color-mix(in srgb, var(--color-info), transparent 82%); }.process-dashboard__glow--two { bottom: -16rem; left: 18%; background: color-mix(in srgb, var(--color-accent), transparent 78%); }.process-dashboard__layout { position: relative; z-index: var(--z-raised); display: grid; grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr); align-items: center; gap: clamp(var(--space-10), 7vw, var(--space-24)); }.process-dashboard__copy { max-width: 34rem; }.process-dashboard__eyebrow { display: inline-flex; align-items: center; gap: var(--space-2); color: var(--color-accent); font-size: var(--text-xs); font-weight: var(--font-weight-extrabold); letter-spacing: var(--letter-spacing-wide); text-transform: uppercase; }.process-dashboard__eyebrow span { width: var(--space-5); height: var(--border-width); background: currentColor; }.process-dashboard__copy h2 { max-width: 38rem; margin-top: var(--space-5); color: var(--color-white); font-family: var(--font-display); font-size: clamp(var(--text-4xl), 4.5vw, var(--text-6xl)); font-weight: var(--font-weight-bold); letter-spacing: -.055em; line-height: var(--line-height-tight); }.process-dashboard__copy > p:not(.process-dashboard__eyebrow) { margin-top: var(--space-6); color: color-mix(in srgb, var(--color-white), transparent 34%); font-size: var(--text-lg); line-height: var(--line-height-relaxed); }.process-dashboard__benefits { display: grid; gap: var(--space-4); margin-top: var(--space-8); padding: var(--space-0); list-style: none; }.process-dashboard__benefits li { display: grid; grid-template-columns: var(--space-8) minmax(0, 1fr); align-items: center; gap: var(--space-3); color: color-mix(in srgb, var(--color-white), transparent 18%); font-size: var(--text-sm); font-weight: var(--font-weight-bold); }.process-dashboard__benefits li > span { display: grid; place-items: center; width: var(--space-8); height: var(--space-8); border: var(--border-width) solid color-mix(in srgb, var(--color-accent), transparent 62%); border-radius: var(--radius-sm); background: color-mix(in srgb, var(--color-accent), transparent 88%); color: var(--color-accent); }.process-dashboard__benefits svg { width: var(--space-4); }.process-dashboard__cta { display: inline-flex; align-items: center; gap: var(--space-2); margin-top: var(--space-8); padding: var(--space-4) var(--space-5); border-radius: var(--radius-md); background: var(--color-accent); box-shadow: 0 var(--space-4) var(--space-10) color-mix(in srgb, var(--color-accent), transparent 69%); color: var(--color-ink); font-size: var(--text-sm); font-weight: var(--font-weight-extrabold); transition: transform var(--duration-base) var(--ease-emphasized), box-shadow var(--duration-base) var(--ease-standard); }.process-dashboard__cta:hover { box-shadow: 0 var(--space-6) var(--space-12) color-mix(in srgb, var(--color-accent), transparent 52%); transform: translate3d(var(--space-0), calc(var(--space-1) * -1), var(--space-0)); }.process-dashboard__cta:focus-visible { outline: var(--border-width) solid var(--color-white); outline-offset: var(--space-2); }.process-dashboard__cta svg { width: var(--space-4); }
.process-crm { position: relative; min-width: 0; overflow: hidden; border: var(--border-width) solid color-mix(in srgb, var(--color-white), transparent 82%); border-radius: var(--radius-xl); background: linear-gradient(140deg, color-mix(in srgb, var(--color-slate-900), transparent 8%), color-mix(in srgb, var(--color-black), transparent 12%)); box-shadow: 0 var(--space-12) var(--space-24) color-mix(in srgb, var(--color-black), transparent 35%), inset 0 var(--border-width) var(--border-width) color-mix(in srgb, var(--color-white), transparent 76%); backdrop-filter: blur(var(--space-5)); -webkit-backdrop-filter: blur(var(--space-5)); }.process-crm__header { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); min-height: var(--space-16); padding: var(--space-4) var(--space-5); border-bottom: var(--border-width) solid color-mix(in srgb, var(--color-white), transparent 87%); }.process-crm__brand,.process-crm__meta,.process-crm__health,.process-crm__sync { display: inline-flex; align-items: center; }.process-crm__brand { gap: var(--space-3); }.process-crm__brand > span { display: grid; place-items: center; width: var(--space-8); height: var(--space-8); border-radius: var(--radius-sm); background: var(--color-accent); color: var(--color-ink); font-family: var(--font-display); font-size: var(--text-xs); font-weight: var(--font-weight-extrabold); }.process-crm__brand strong,.process-crm__brand small { display: block; }.process-crm__brand strong { color: var(--color-white); font-size: var(--text-sm); }.process-crm__brand small { margin-top: calc(var(--space-1) / 2); color: color-mix(in srgb, var(--color-white), transparent 52%); font-size: .62rem; }.process-crm__meta { flex-wrap: wrap; justify-content: flex-end; gap: var(--space-3); color: color-mix(in srgb, var(--color-white), transparent 41%); font-size: .62rem; }.process-crm__health { gap: var(--space-1); color: color-mix(in srgb, var(--color-accent), transparent 8%); font-weight: var(--font-weight-bold); }.process-crm__health i { width: .42rem; height: .42rem; border-radius: var(--radius-full); background: var(--color-accent); box-shadow: 0 0 var(--space-3) var(--color-accent); animation: process-health-pulse 2.4s var(--ease-standard) infinite; }.process-crm__meta time { color: color-mix(in srgb, var(--color-white), transparent 18%); font-variant-numeric: tabular-nums; }.process-crm__sync { gap: var(--space-1); }.process-crm__sync svg { width: var(--space-3); }.process-crm__body { display: grid; grid-template-columns: 10.5rem minmax(0, 1fr); min-height: 28rem; }.process-crm__nav { display: grid; align-content: start; gap: var(--space-1); padding: var(--space-3); border-right: var(--border-width) solid color-mix(in srgb, var(--color-white), transparent 88%); background: color-mix(in srgb, var(--color-black), transparent 60%); }.process-crm__nav span { display: grid; grid-template-columns: var(--space-4) minmax(0, 1fr) auto; align-items: center; gap: var(--space-2); min-height: var(--space-8); padding-inline: var(--space-2); border-radius: var(--radius-sm); color: color-mix(in srgb, var(--color-white), transparent 49%); font-size: .64rem; white-space: nowrap; }.process-crm__nav span.is-active { background: color-mix(in srgb, var(--color-info), transparent 83%); color: color-mix(in srgb, var(--color-white), transparent 8%); }.process-crm__nav svg { width: var(--space-3); }.process-crm__nav b { color: color-mix(in srgb, var(--color-white), transparent 56%); font-size: .58rem; }.process-crm__content { position: relative; min-width: 0; padding: var(--space-4); }.process-crm__content-header { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); }.process-crm__content-header p { color: var(--color-white); font-size: var(--text-sm); font-weight: var(--font-weight-bold); }.process-crm__content-header p + span { display: block; margin-top: calc(var(--space-1) / 2); color: color-mix(in srgb, var(--color-white), transparent 56%); font-size: .6rem; }.process-crm__filter { display: inline-flex; align-items: center; gap: var(--space-1); padding: var(--space-2); border: var(--border-width) solid color-mix(in srgb, var(--color-white), transparent 84%); border-radius: var(--radius-sm); color: color-mix(in srgb, var(--color-white), transparent 38%); font-size: .6rem; }.process-crm__filter svg { width: var(--space-3); }.process-crm__kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-2); margin-top: var(--space-4); }.process-crm__kpis > div { min-width: 0; padding: var(--space-3); border: var(--border-width) solid color-mix(in srgb, var(--color-white), transparent 87%); border-radius: var(--radius-sm); background: color-mix(in srgb, var(--color-white), transparent 96%); }.process-crm__kpis span,.process-crm__kpis strong { display: block; }.process-crm__kpis span { color: color-mix(in srgb, var(--color-white), transparent 57%); font-size: .55rem; line-height: var(--line-height-normal); }.process-crm__kpis strong { margin-top: var(--space-2); color: var(--color-white); font-family: var(--font-display); font-size: var(--text-sm); letter-spacing: -.03em; white-space: nowrap; }.process-crm__kpis > div:nth-child(3) strong,.process-crm__kpis > div:nth-child(4) strong { color: var(--color-accent); }.process-crm__toast { position: absolute; z-index: var(--z-raised); top: 7.75rem; right: var(--space-5); display: grid; width: min(15.5rem, calc(100% - var(--space-10))); pointer-events: none; }.process-crm__toast:not(:empty) { padding: var(--space-3); border: var(--border-width) solid color-mix(in srgb, var(--color-accent), transparent 65%); border-radius: var(--radius-sm); background: color-mix(in srgb, var(--color-slate-950), transparent 6%); box-shadow: var(--shadow-lg); color: color-mix(in srgb, var(--color-white), transparent 10%); font-size: .66rem; line-height: var(--line-height-normal); animation: process-toast-in var(--duration-base) var(--ease-emphasized); }.process-crm__table-wrap { margin-top: var(--space-4); overflow: hidden; border: var(--border-width) solid color-mix(in srgb, var(--color-white), transparent 88%); border-radius: var(--radius-sm); }.process-crm__table { width: 100%; border-collapse: collapse; color: color-mix(in srgb, var(--color-white), transparent 25%); font-size: .6rem; text-align: left; white-space: nowrap; }.process-crm__table caption { position: absolute; width: var(--space-px); height: var(--space-px); overflow: hidden; clip: rect(var(--space-0), var(--space-0), var(--space-0), var(--space-0)); }.process-crm__table th,.process-crm__table td { padding: var(--space-2); border-bottom: var(--border-width) solid color-mix(in srgb, var(--color-white), transparent 91%); }.process-crm__table th { color: color-mix(in srgb, var(--color-white), transparent 57%); font-size: .54rem; font-weight: var(--font-weight-bold); }.process-crm__table td strong { color: color-mix(in srgb, var(--color-white), transparent 8%); font-weight: var(--font-weight-bold); }.process-crm__table tr:last-child td { border-bottom: none; }.process-crm__table .is-live-order { background: color-mix(in srgb, var(--color-info), transparent 94%); transition: background var(--duration-slow) var(--ease-standard); }.process-crm__table .is-live-order.is-updating { background: color-mix(in srgb, var(--color-accent), transparent 88%); }.process-crm__table small { display: block; margin-top: calc(var(--space-1) / 2); color: var(--color-accent); font-size: .52rem; }.process-status { display: inline-flex; align-items: center; min-height: var(--space-5); padding-inline: var(--space-2); border-radius: var(--radius-full); font-size: .54rem; font-weight: var(--font-weight-bold); transition: color var(--duration-base) var(--ease-standard), background var(--duration-base) var(--ease-standard); }.process-status--new { background: color-mix(in srgb, var(--color-info), transparent 78%); color: color-mix(in srgb, var(--color-info), var(--color-white) 42%); }.process-status--work { background: color-mix(in srgb, var(--color-warning), transparent 80%); color: var(--color-warning); }.process-status--confirmed { background: color-mix(in srgb, var(--color-accent), transparent 79%); color: var(--color-accent); }.process-status--delivery { background: color-mix(in srgb, var(--color-success), transparent 78%); color: color-mix(in srgb, var(--color-success), var(--color-white) 44%); }.process-crm__order-card { display: none; }.process-crm__timeline { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--space-2); margin-top: var(--space-4); padding: var(--space-0); list-style: none; }.process-crm__timeline li { position: relative; min-width: 0; padding: var(--space-2); border: var(--border-width) solid transparent; border-radius: var(--radius-sm); color: color-mix(in srgb, var(--color-white), transparent 59%); transition: border-color var(--duration-base) var(--ease-standard), background var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-emphasized); }.process-crm__timeline li.is-active { border-color: color-mix(in srgb, var(--color-accent), transparent 57%); background: color-mix(in srgb, var(--color-accent), transparent 90%); color: color-mix(in srgb, var(--color-white), transparent 12%); transform: translateY(calc(var(--space-px) * -1)); }.process-crm__timeline li > span { display: block; color: var(--color-accent); font-size: .52rem; font-weight: var(--font-weight-extrabold); }.process-crm__timeline strong,.process-crm__timeline time,.process-crm__timeline p { display: block; }.process-crm__timeline strong { margin-top: var(--space-1); font-size: .57rem; line-height: 1.25; }.process-crm__timeline time { margin-top: calc(var(--space-1) / 2); color: color-mix(in srgb, var(--color-white), transparent 59%); font-size: .52rem; }.process-crm__timeline p { margin-top: var(--space-2); font-size: .52rem; line-height: 1.35; }.process-crm__timeline b { color: var(--color-accent); }.process-crm figcaption { padding: var(--space-4) var(--space-5); border-top: var(--border-width) solid color-mix(in srgb, var(--color-white), transparent 88%); color: color-mix(in srgb, var(--color-white), transparent 47%); font-size: .66rem; line-height: var(--line-height-relaxed); }
.process-dashboard [data-process-reveal] { opacity: var(--z-raised); }.process-dashboard.is-motion-ready [data-process-reveal] { opacity: var(--z-base); transform: translate3d(var(--space-0), var(--space-6), var(--space-0)); }.process-dashboard.is-motion-ready [data-process-reveal].is-visible { opacity: var(--z-raised); transform: none; transition: opacity var(--duration-slow) var(--ease-standard), transform var(--duration-slow) var(--ease-emphasized); }@keyframes process-health-pulse { 50% { opacity: .62; transform: scale(1.3); } }@keyframes process-toast-in { from { opacity: var(--z-base); transform: translate3d(var(--space-0), calc(var(--space-2) * -1), var(--space-0)); } to { opacity: var(--z-raised); transform: none; } }
@media (max-width: 64rem) { .process-dashboard__layout { grid-template-columns: minmax(0, 1fr); }.process-dashboard__copy { max-width: var(--container-lg); }.process-crm { width: min(100%, 50rem); margin-inline: auto; }.process-crm__nav { grid-auto-columns: max-content; grid-auto-flow: column; overflow-x: auto; border-right: none; border-bottom: var(--border-width) solid color-mix(in srgb, var(--color-white), transparent 88%); }.process-crm__body { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 40rem) { .process-dashboard { padding-block: var(--space-16); }.process-dashboard__copy h2 { font-size: var(--text-4xl); }.process-dashboard__copy > p:not(.process-dashboard__eyebrow) { font-size: var(--text-base); }.process-dashboard__benefits { gap: var(--space-3); }.process-dashboard__cta { width: 100%; justify-content: center; }.process-crm__header { align-items: flex-start; flex-direction: column; }.process-crm__meta { justify-content: flex-start; }.process-crm__nav { padding: var(--space-2); }.process-crm__content { padding: var(--space-3); }.process-crm__kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }.process-crm__table-wrap { display: none; }.process-crm__order-card { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-3); margin-top: var(--space-4); padding: var(--space-4); border: var(--border-width) solid color-mix(in srgb, var(--color-white), transparent 86%); border-radius: var(--radius-sm); background: color-mix(in srgb, var(--color-white), transparent 96%); }.process-crm__order-card > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-2); }.process-crm__order-card > div span,.process-crm__order-card p { color: color-mix(in srgb, var(--color-white), transparent 52%); font-size: .64rem; }.process-crm__order-card > div strong,.process-crm__order-card > strong { color: var(--color-white); font-size: var(--text-sm); }.process-crm__order-card time { color: color-mix(in srgb, var(--color-white), transparent 46%); font-size: .64rem; }.process-crm__order-card p { grid-column: 1 / -1; }.process-crm__order-card .process-status { width: fit-content; }.process-crm__order-card > strong { align-self: center; }.process-crm__timeline { grid-template-columns: minmax(0, 1fr); gap: var(--space-2); }.process-crm__timeline li { display: grid; grid-template-columns: var(--space-6) minmax(0, 1fr); gap: var(--space-2); }.process-crm__timeline li > span { padding-top: calc(var(--space-1) / 2); }.process-crm__timeline li > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: var(--space-2); }.process-crm__timeline p { grid-column: 1 / -1; }.process-crm__toast { top: 9.5rem; right: var(--space-3); width: calc(100% - var(--space-6)); }.process-crm figcaption { padding: var(--space-3); }.process-dashboard__glow { width: 20rem; height: 20rem; } }
@media (prefers-reduced-motion: reduce) { .process-crm__health i,.process-crm__toast:not(:empty) { animation: none; }.process-dashboard [data-process-reveal] { opacity: var(--z-raised); transform: none; transition: none; } }

/* Client cases slider */
.client-cases { position: relative; isolation: isolate; overflow: clip; padding-block: clamp(var(--space-20), 10vw, var(--space-32)); background: var(--gradient-dark); color: var(--color-white); }.client-cases__mesh { position: absolute; z-index: calc(var(--z-base) - 1); inset: var(--space-0); background-image: linear-gradient(color-mix(in srgb, var(--color-white), transparent 96%) var(--border-width), transparent var(--border-width)), linear-gradient(90deg, color-mix(in srgb, var(--color-white), transparent 96%) var(--border-width), transparent var(--border-width)); background-size: var(--space-10) var(--space-10); mask-image: linear-gradient(to bottom, transparent, var(--color-black) 18%, var(--color-black) 82%, transparent); pointer-events: none; }.client-cases__glow { position: absolute; z-index: var(--z-base); top: 8%; right: -12rem; width: 28rem; height: 28rem; border-radius: var(--radius-full); background: color-mix(in srgb, var(--color-accent), transparent 79%); filter: blur(var(--space-16)); pointer-events: none; }.client-cases__header { position: relative; z-index: var(--z-raised); max-width: 42rem; }.client-cases__eyebrow { display: inline-flex; align-items: center; gap: var(--space-2); color: var(--color-accent); font-size: var(--text-xs); font-weight: var(--font-weight-extrabold); letter-spacing: var(--letter-spacing-wide); text-transform: uppercase; }.client-cases__eyebrow span { width: var(--space-5); height: var(--border-width); background: currentColor; }.client-cases__header h2 { margin-top: var(--space-5); color: var(--color-white); font-family: var(--font-display); font-size: clamp(var(--text-4xl), 5vw, var(--text-6xl)); font-weight: var(--font-weight-bold); letter-spacing: -.055em; line-height: var(--line-height-tight); }.client-cases__header > p:not(.client-cases__eyebrow) { margin-top: var(--space-5); color: color-mix(in srgb, var(--color-white), transparent 34%); font-size: var(--text-lg); line-height: var(--line-height-relaxed); }.cases-slider { position: relative; z-index: var(--z-raised); display: grid; grid-template-columns: minmax(0, 1fr) 13rem; gap: var(--space-5); margin-top: clamp(var(--space-10), 6vw, var(--space-16)); }.cases-slider__viewport { min-width: 0; }.case-study { position: relative; display: none; grid-template-columns: minmax(0, 1fr) 12.5rem; gap: var(--space-6); padding: clamp(var(--space-6), 4vw, var(--space-10)); overflow: hidden; border: var(--border-width) solid color-mix(in srgb, var(--color-white), transparent 83%); border-radius: var(--radius-xl); background: linear-gradient(145deg, color-mix(in srgb, var(--color-white), transparent 92%), color-mix(in srgb, var(--color-accent), transparent 96%)); box-shadow: inset 0 var(--border-width) var(--border-width) color-mix(in srgb, var(--color-white), transparent 76%), 0 var(--space-10) var(--space-20) color-mix(in srgb, var(--color-black), transparent 45%); backdrop-filter: blur(var(--space-5)); -webkit-backdrop-filter: blur(var(--space-5)); }.case-study.is-active { display: grid; animation: case-study-in var(--duration-slow) var(--ease-emphasized); }.case-study::before { position: absolute; top: calc(var(--space-20) * -1); right: calc(var(--space-20) * -1); width: calc(var(--space-32) * 1.25); height: calc(var(--space-32) * 1.25); border-radius: var(--radius-full); background: color-mix(in srgb, var(--color-info), transparent 84%); content: ""; filter: blur(var(--space-8)); pointer-events: none; }.case-study__top,.case-study__summary,.case-study__comparison { grid-column: 1 / -1; position: relative; z-index: var(--z-raised); }.case-study__top { display: flex; align-items: center; gap: var(--space-3); }.case-study__icon { display: grid; place-items: center; width: var(--space-12); height: var(--space-12); border: var(--border-width) solid color-mix(in srgb, var(--color-accent), transparent 59%); border-radius: var(--radius-md); background: color-mix(in srgb, var(--color-accent), transparent 86%); color: var(--color-accent); }.case-study__icon svg { width: var(--space-6); }.case-study__top p { color: color-mix(in srgb, var(--color-white), transparent 55%); font-size: var(--text-xs); }.case-study__top h3 { margin-top: calc(var(--space-1) / 2); color: var(--color-white); font-family: var(--font-display); font-size: var(--text-xl); font-weight: var(--font-weight-bold); letter-spacing: -.03em; }.case-study__number { margin-left: auto; color: color-mix(in srgb, var(--color-white), transparent 60%); font-size: var(--text-xs); font-variant-numeric: tabular-nums; }.case-study__summary { max-width: 44rem; color: color-mix(in srgb, var(--color-white), transparent 35%); font-size: var(--text-sm); line-height: var(--line-height-relaxed); }.case-study__comparison { display: grid; grid-template-columns: minmax(0, 1fr) var(--space-12) minmax(0, 1fr); align-items: stretch; gap: var(--space-4); }.case-study__metrics { padding: var(--space-5); border: var(--border-width) solid color-mix(in srgb, var(--color-white), transparent 87%); border-radius: var(--radius-lg); background: color-mix(in srgb, var(--color-black), transparent 48%); }.case-study__metrics--after { border-color: color-mix(in srgb, var(--color-accent), transparent 66%); background: color-mix(in srgb, var(--color-accent), transparent 93%); }.case-study__metrics h4 { color: color-mix(in srgb, var(--color-white), transparent 42%); font-size: var(--text-xs); font-weight: var(--font-weight-extrabold); letter-spacing: var(--letter-spacing-wide); text-transform: uppercase; }.case-study__metrics--after h4 { color: var(--color-accent); }.case-study__metrics dl { display: grid; gap: var(--space-4); margin-top: var(--space-5); }.case-study__metrics dl > div { position: relative; padding-bottom: var(--space-3); border-bottom: var(--border-width) solid color-mix(in srgb, var(--color-white), transparent 90%); }.case-study__metrics dl > div:last-child { padding-bottom: var(--space-0); border-bottom: none; }.case-study__metrics dt { color: color-mix(in srgb, var(--color-white), transparent 52%); font-size: var(--text-xs); }.case-study__metrics dd { margin-top: var(--space-1); color: color-mix(in srgb, var(--color-white), transparent 12%); font-family: var(--font-display); font-size: var(--text-2xl); font-weight: var(--font-weight-bold); letter-spacing: -.04em; }.case-study__metrics--after dd { color: var(--color-accent); }.case-study__metrics--after i { position: absolute; right: var(--space-0); bottom: calc(var(--space-px) * -1); left: var(--space-0); height: var(--border-width); background: linear-gradient(90deg, color-mix(in srgb, var(--color-accent), transparent 35%), transparent); transform: scaleX(var(--z-base)); transform-origin: left; transition: transform var(--duration-slow) var(--ease-emphasized); }.case-study.is-active .case-study__metrics--after i { transform: scaleX(var(--z-raised)); }.case-study__arrow { display: grid; place-items: center; align-self: center; width: var(--space-12); height: var(--space-12); border: var(--border-width) solid color-mix(in srgb, var(--color-white), transparent 84%); border-radius: var(--radius-full); background: color-mix(in srgb, var(--color-white), transparent 94%); color: var(--color-accent); }.case-study__arrow svg { width: var(--space-5); }.case-study__result { position: relative; z-index: var(--z-raised); align-self: end; padding: var(--space-5); border: var(--border-width) solid color-mix(in srgb, var(--color-accent), transparent 57%); border-radius: var(--radius-lg); background: linear-gradient(145deg, color-mix(in srgb, var(--color-accent), transparent 78%), color-mix(in srgb, var(--color-accent), transparent 92%)); box-shadow: 0 0 var(--space-10) color-mix(in srgb, var(--color-accent), transparent 84%); }.case-study__result span,.case-study__result strong,.case-study__result p { display: block; }.case-study__result span { color: color-mix(in srgb, var(--color-white), transparent 43%); font-size: var(--text-xs); font-weight: var(--font-weight-bold); }.case-study__result strong { margin-top: var(--space-3); color: var(--color-white); font-family: var(--font-display); font-size: clamp(var(--text-3xl), 3vw, var(--text-5xl)); font-weight: var(--font-weight-bold); letter-spacing: -.06em; line-height: var(--line-height-none); }.case-study__result p { margin-top: var(--space-2); color: color-mix(in srgb, var(--color-white), transparent 23%); font-size: var(--text-xs); line-height: var(--line-height-relaxed); }.cases-slider__nav { display: grid; align-content: start; gap: var(--space-2); }.cases-slider__nav > button { display: grid; grid-template-columns: var(--space-5) minmax(0, 1fr) auto; align-items: center; gap: var(--space-2); min-height: var(--space-12); padding: var(--space-3); border: var(--border-width) solid transparent; border-radius: var(--radius-md); background: transparent; color: color-mix(in srgb, var(--color-white), transparent 48%); font-family: var(--font-sans); font-size: var(--text-xs); text-align: left; transition: background var(--duration-base) var(--ease-standard), border-color var(--duration-base) var(--ease-standard), color var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-emphasized); }.cases-slider__nav > button:hover,.cases-slider__nav > button.is-active { border-color: color-mix(in srgb, var(--color-white), transparent 84%); background: color-mix(in srgb, var(--color-white), transparent 94%); color: var(--color-white); }.cases-slider__nav > button.is-active { border-color: color-mix(in srgb, var(--color-accent), transparent 58%); background: color-mix(in srgb, var(--color-accent), transparent 89%); }.cases-slider__nav > button svg { width: var(--space-4); color: var(--color-accent); }.cases-slider__nav > button b { color: var(--color-accent); font-size: .65rem; }.cases-slider__nav button:focus-visible,.cases-slider__controls button:focus-visible { outline: var(--border-width) solid var(--color-accent); outline-offset: var(--space-1); }.cases-slider__controls { display: flex; align-items: center; justify-content: space-between; gap: var(--space-2); margin-top: var(--space-3); }.cases-slider__controls button { display: grid; place-items: center; width: var(--space-10); height: var(--space-10); border: var(--border-width) solid color-mix(in srgb, var(--color-white), transparent 82%); border-radius: var(--radius-md); background: color-mix(in srgb, var(--color-white), transparent 94%); color: var(--color-white); transition: background var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-emphasized); }.cases-slider__controls button:hover { background: color-mix(in srgb, var(--color-accent), transparent 75%); transform: translateY(calc(var(--space-px) * -1)); }.cases-slider__controls svg { width: var(--space-4); }.cases-slider__dots { display: inline-flex; align-items: center; gap: var(--space-2); }.cases-slider__dots span { width: var(--space-2); height: var(--space-2); border-radius: var(--radius-full); background: color-mix(in srgb, var(--color-white), transparent 72%); transition: width var(--duration-base) var(--ease-emphasized), background var(--duration-base) var(--ease-standard); }.cases-slider__dots span.is-active { width: var(--space-5); background: var(--color-accent); }.client-cases__disclaimer { position: relative; z-index: var(--z-raised); max-width: 52rem; margin-top: var(--space-6); color: color-mix(in srgb, var(--color-white), transparent 55%); font-size: var(--text-xs); line-height: var(--line-height-relaxed); }.client-cases__cta { position: relative; z-index: var(--z-raised); display: flex; align-items: center; justify-content: space-between; gap: var(--space-8); margin-top: clamp(var(--space-10), 6vw, var(--space-16)); padding: clamp(var(--space-6), 4vw, var(--space-10)); border: var(--border-width) solid color-mix(in srgb, var(--color-white), transparent 84%); border-radius: var(--radius-xl); background: color-mix(in srgb, var(--color-white), transparent 94%); box-shadow: inset 0 var(--border-width) var(--border-width) color-mix(in srgb, var(--color-white), transparent 79%); }.client-cases__cta h3 { max-width: 40rem; color: var(--color-white); font-family: var(--font-display); font-size: clamp(var(--text-xl), 2.5vw, var(--text-3xl)); font-weight: var(--font-weight-bold); letter-spacing: -.04em; line-height: var(--line-height-tight); }.client-cases__cta p { max-width: 41rem; margin-top: var(--space-3); color: color-mix(in srgb, var(--color-white), transparent 41%); font-size: var(--text-sm); line-height: var(--line-height-relaxed); }.client-cases__cta a { display: inline-flex; flex: 0 0 auto; align-items: center; gap: var(--space-2); min-height: var(--space-12); padding-inline: var(--space-5); border-radius: var(--radius-md); background: var(--color-accent); box-shadow: 0 var(--space-4) var(--space-10) color-mix(in srgb, var(--color-accent), transparent 70%); color: var(--color-ink); font-size: var(--text-sm); font-weight: var(--font-weight-extrabold); transition: transform var(--duration-base) var(--ease-emphasized), box-shadow var(--duration-base) var(--ease-standard); }.client-cases__cta a:hover { box-shadow: 0 var(--space-6) var(--space-12) color-mix(in srgb, var(--color-accent), transparent 53%); transform: translateY(calc(var(--space-1) * -1)); }.client-cases__cta a:focus-visible { outline: var(--border-width) solid var(--color-white); outline-offset: var(--space-2); }.client-cases__cta svg { width: var(--space-4); }.client-cases [data-cases-reveal] { opacity: var(--z-raised); }.client-cases.is-motion-ready [data-cases-reveal] { opacity: var(--z-base); transform: translate3d(var(--space-0), var(--space-6), var(--space-0)); }.client-cases.is-motion-ready [data-cases-reveal].is-visible { opacity: var(--z-raised); transform: none; transition: opacity var(--duration-slow) var(--ease-standard), transform var(--duration-slow) var(--ease-emphasized); }@keyframes case-study-in { from { opacity: var(--z-base); transform: translate3d(var(--space-0), var(--space-4), var(--space-0)) scale(.985); } to { opacity: var(--z-raised); transform: none; } }
@media (max-width: 64rem) { .cases-slider { grid-template-columns: minmax(0, 1fr); }.cases-slider__nav { grid-template-columns: repeat(4, minmax(0, 1fr)); }.cases-slider__nav > button { grid-template-columns: var(--space-4) minmax(0, 1fr); }.cases-slider__nav > button b { display: none; }.cases-slider__controls { grid-column: 1 / -1; width: min(100%, 18rem); margin-inline: auto; }.case-study { grid-template-columns: minmax(0, 1fr); }.case-study__result { width: min(100%, 20rem); }.client-cases__cta { align-items: flex-start; flex-direction: column; } }
@media (max-width: 40rem) { .client-cases { padding-block: var(--space-16); }.client-cases__header h2 { font-size: var(--text-4xl); }.client-cases__header > p:not(.client-cases__eyebrow) { font-size: var(--text-base); }.case-study { gap: var(--space-5); padding: var(--space-5); }.case-study__comparison { grid-template-columns: minmax(0, 1fr); gap: var(--space-3); }.case-study__arrow { width: var(--space-8); height: var(--space-8); margin-inline: auto; transform: rotate(90deg); }.case-study__metrics { padding: var(--space-4); }.case-study__metrics dl { gap: var(--space-3); margin-top: var(--space-4); }.case-study__metrics dd { font-size: var(--text-xl); }.case-study__result { width: 100%; }.cases-slider__nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }.cases-slider__nav > button { min-height: var(--space-10); padding: var(--space-2); }.cases-slider__nav > button span { font-size: .65rem; }.client-cases__cta { gap: var(--space-6); padding: var(--space-5); }.client-cases__cta a { width: 100%; justify-content: center; }.client-cases__glow { width: 20rem; height: 20rem; } }
@media (prefers-reduced-motion: reduce) { .case-study.is-active { animation: none; }.case-study__metrics--after i { transition: none; }.client-cases [data-cases-reveal] { opacity: var(--z-raised); transform: none; transition: none; } }

/* Pricing section base and reveal */
.pricing-benefits{position:relative;isolation:isolate;overflow:clip;padding-block:clamp(var(--space-20),10vw,var(--space-32));background:var(--color-slate-950);color:var(--color-white)}
.pricing-benefits__glow{position:absolute;top:12%;left:-12rem;width:28rem;height:28rem;border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-info),transparent 84%);filter:blur(var(--space-16));pointer-events:none}
.pricing-benefits [data-pricing-reveal],.pricing-benefits [data-pricing-card]{opacity:var(--z-raised)}
.pricing-benefits.is-motion-ready [data-pricing-reveal],.pricing-benefits.is-motion-ready [data-pricing-card]{opacity:var(--z-base);transform:translateY(var(--space-5))}
.pricing-benefits.is-motion-ready [data-pricing-reveal].is-visible{opacity:var(--z-raised);transform:none;transition:opacity var(--duration-slow) var(--ease-standard),transform var(--duration-slow) var(--ease-emphasized)}
.pricing-benefits.is-motion-ready [data-pricing-card].is-visible{animation:pricing-card-in var(--duration-slow) var(--ease-emphasized) forwards}
@keyframes pricing-card-in{to{opacity:var(--z-raised);transform:none}}
@media(max-width:40rem){.pricing-benefits{padding-block:var(--space-16)}.pricing-benefits__glow{width:20rem;height:20rem}}
@media(prefers-reduced-motion:reduce){.pricing-benefits.is-motion-ready [data-pricing-card].is-visible{animation:none;transform:none;transition:none}.pricing-benefits [data-pricing-reveal],.pricing-benefits [data-pricing-card]{opacity:var(--z-raised);transform:none}}

/* Premium FAQ */
.faq-premium { position: relative; isolation: isolate; overflow: clip; padding-block: clamp(var(--space-20), 10vw, var(--space-32)); background: var(--gradient-dark); color: var(--color-white); }.faq-premium__glow { position: absolute; right: -13rem; bottom: -13rem; width: 30rem; height: 30rem; border-radius: var(--radius-full); background: color-mix(in srgb, var(--color-accent), transparent 80%); filter: blur(var(--space-16)); pointer-events: none; }.faq-premium__layout { position: relative; z-index: var(--z-raised); display: grid; grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr); align-items: start; gap: clamp(var(--space-10), 8vw, var(--space-24)); }.faq-premium__intro { max-width: 34rem; }.faq-premium__intro > p:first-child { display: inline-flex; align-items: center; gap: var(--space-2); color: var(--color-accent); font-size: var(--text-xs); font-weight: var(--font-weight-extrabold); letter-spacing: var(--letter-spacing-wide); text-transform: uppercase; }.faq-premium__intro > p:first-child span { width: var(--space-5); height: var(--border-width); background: currentColor; }.faq-premium__intro h2 { margin-top: var(--space-5); font-family: var(--font-display); font-size: clamp(var(--text-4xl), 4.7vw, var(--text-6xl)); font-weight: var(--font-weight-bold); letter-spacing: -.055em; line-height: var(--line-height-tight); }.faq-premium__intro > p:not(:first-child) { margin-top: var(--space-6); color: color-mix(in srgb, var(--color-white), transparent 36%); font-size: var(--text-lg); line-height: var(--line-height-relaxed); }.faq-premium__intro > div { margin-top: var(--space-10); padding: var(--space-6); border: var(--border-width) solid color-mix(in srgb, var(--color-white), transparent 84%); border-radius: var(--radius-lg); background: color-mix(in srgb, var(--color-white), transparent 95%); box-shadow: inset 0 var(--border-width) var(--border-width) color-mix(in srgb, var(--color-white), transparent 80%); }.faq-premium__intro > div h3 { font-family: var(--font-display); font-size: var(--text-xl); letter-spacing: -.035em; }.faq-premium__intro > div p { margin-top: var(--space-3); color: color-mix(in srgb, var(--color-white), transparent 42%); font-size: var(--text-sm); line-height: var(--line-height-relaxed); }.faq-premium__intro a { display: inline-flex; align-items: center; gap: var(--space-2); margin-top: var(--space-5); color: var(--color-accent); font-size: var(--text-sm); font-weight: var(--font-weight-extrabold); }.faq-premium__intro a svg { width: var(--space-4); }.faq-premium__list { display: grid; gap: var(--space-3); }.faq-premium__item { overflow: hidden; border: var(--border-width) solid color-mix(in srgb, var(--color-white), transparent 85%); border-radius: var(--radius-lg); background: color-mix(in srgb, var(--color-white), transparent 95%); box-shadow: inset 0 var(--border-width) var(--border-width) color-mix(in srgb, var(--color-white), transparent 81%); transition: border-color var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-emphasized); }.faq-premium__item:hover { border-color: color-mix(in srgb, var(--color-white), transparent 73%); transform: translateY(calc(var(--space-px) * -1)); }.faq-premium__item.is-open { border-color: color-mix(in srgb, var(--color-accent), transparent 56%); box-shadow: 0 0 var(--space-10) color-mix(in srgb, var(--color-accent), transparent 88%), inset 0 var(--border-width) var(--border-width) color-mix(in srgb, var(--color-white), transparent 75%); }.faq-premium__item h3 { margin: var(--space-0); }.faq-premium__item button { display: flex; align-items: center; justify-content: space-between; gap: var(--space-6); width: 100%; min-height: var(--space-16); padding: var(--space-5); border: none; background: transparent; color: var(--color-white); font-family: var(--font-display); font-size: var(--text-lg); font-weight: var(--font-weight-bold); letter-spacing: -.02em; text-align: left; }.faq-premium__item button svg { flex: 0 0 auto; width: var(--space-5); color: var(--color-accent); transition: transform var(--duration-base) var(--ease-emphasized); }.faq-premium__item.is-open button svg { transform: rotate(45deg); }.faq-premium__item button:focus-visible { outline: var(--border-width) solid var(--color-accent); outline-offset: calc(var(--border-width) * -1); }.faq-premium__item > div { display: grid; grid-template-rows: minmax(var(--space-0), 0fr); transition: grid-template-rows var(--duration-base) var(--ease-emphasized); }.faq-premium__item.is-open > div { grid-template-rows: minmax(var(--space-0), 1fr); }.faq-premium__item > div[hidden] { display: none; }.faq-premium__item > div p { min-height: var(--space-0); overflow: hidden; padding: var(--space-0) var(--space-5) var(--space-5); color: color-mix(in srgb, var(--color-white), transparent 40%); font-size: var(--text-sm); line-height: var(--line-height-relaxed); }.faq-premium [data-faq-reveal],.faq-premium [data-faq-item] { opacity: var(--z-raised); }.faq-premium.is-motion-ready [data-faq-reveal],.faq-premium.is-motion-ready [data-faq-item] { opacity: var(--z-base); transform: translateY(var(--space-5)); }.faq-premium.is-motion-ready [data-faq-reveal].is-visible { opacity: var(--z-raised); transform: none; transition: opacity var(--duration-slow) var(--ease-standard), transform var(--duration-slow) var(--ease-emphasized); }.faq-premium.is-motion-ready [data-faq-item].is-visible { animation: faq-item-in var(--duration-slow) var(--ease-emphasized) forwards; }@keyframes faq-item-in { to { opacity: var(--z-raised); transform: none; } }
@media (max-width: 64rem) { .faq-premium__layout { grid-template-columns: minmax(0, 1fr); }.faq-premium__intro { max-width: var(--container-lg); }.faq-premium__intro > div { max-width: 36rem; } }
@media (max-width: 40rem) { .faq-premium { padding-block: var(--space-16); }.faq-premium__intro h2 { font-size: var(--text-4xl); }.faq-premium__intro > p:not(:first-child) { font-size: var(--text-base); }.faq-premium__item button { min-height: var(--space-14); padding: var(--space-4); font-size: var(--text-base); }.faq-premium__item > div p { padding: var(--space-0) var(--space-4) var(--space-4); }.faq-premium__intro > div { margin-top: var(--space-8); padding: var(--space-5); } }
@media (prefers-reduced-motion: reduce) { .faq-premium__item,.faq-premium__item > div,.faq-premium__item button svg,.faq-premium.is-motion-ready [data-faq-item].is-visible { animation: none; transition: none; }.faq-premium [data-faq-reveal],.faq-premium [data-faq-item] { opacity: var(--z-raised); transform: none; } }

/* Final consultation section */
.contact { position: relative; isolation: isolate; overflow: clip; padding-block: clamp(var(--space-20), 10vw, var(--space-32)); background: var(--color-slate-950); color: var(--color-white); }.contact__glow { position: absolute; right: -12rem; bottom: -12rem; width: 30rem; height: 30rem; border-radius: var(--radius-full); background: color-mix(in srgb,var(--color-accent),transparent 78%); filter: blur(var(--space-16)); }.contact-box { position: relative; z-index: var(--z-raised); display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); gap:clamp(var(--space-10),8vw,var(--space-24)); }.contact__eyebrow { display:inline-flex; align-items:center; gap:var(--space-2); color:var(--color-accent); font-size:var(--text-xs); font-weight:var(--font-weight-extrabold); letter-spacing:var(--letter-spacing-wide); text-transform:uppercase; }.contact__eyebrow span { width:var(--space-5); height:var(--border-width); background:currentColor; }.contact__copy h2 { margin-top:var(--space-5); font-family:var(--font-display); font-size:clamp(var(--text-4xl),4.8vw,var(--text-6xl)); letter-spacing:-.055em; line-height:var(--line-height-tight); }.contact__copy>p { margin-top:var(--space-6); color:color-mix(in srgb,var(--color-white),transparent 36%); font-size:var(--text-lg); line-height:var(--line-height-relaxed); }.contact__copy>ul { display:grid; gap:var(--space-3); margin-top:var(--space-8); padding:0; list-style:none; }.contact__copy>ul li { display:grid; grid-template-columns:var(--space-4) minmax(0,1fr); gap:var(--space-2); color:color-mix(in srgb,var(--color-white),transparent 23%); font-size:var(--text-sm); }.contact__copy>ul li::before { color:var(--color-accent); content:"✓"; }.contact__next,.contact__direct { margin-top:var(--space-8); padding:var(--space-5); border:var(--border-width) solid color-mix(in srgb,var(--color-white),transparent 84%); border-radius:var(--radius-lg); background:color-mix(in srgb,var(--color-white),transparent 95%); }.contact__next h3,.contact__direct h3 { font-family:var(--font-display); font-size:var(--text-lg); }.contact__next ol { display:grid; gap:var(--space-2); margin:var(--space-4) 0 0; padding-left:var(--space-5); color:color-mix(in srgb,var(--color-white),transparent 38%); font-size:var(--text-sm); }.contact__direct>a { display:block; margin-top:var(--space-4); color:var(--color-white); font-family:var(--font-display); font-size:var(--text-xl); }.contact__direct div { display:flex; flex-wrap:wrap; gap:var(--space-3); margin-top:var(--space-3); }.contact__direct div a { color:var(--color-accent); font-size:var(--text-xs); }.contact__form-wrap { padding:clamp(var(--space-5),4vw,var(--space-8)); border:var(--border-width) solid color-mix(in srgb,var(--color-white),transparent 80%); border-radius:var(--radius-xl); background:color-mix(in srgb,var(--color-white),transparent 94%); box-shadow:var(--shadow-xl),inset 0 var(--border-width) var(--border-width) color-mix(in srgb,var(--color-white),transparent 78%); }.form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-4); }.form-grid label { display:grid; gap:var(--space-2); color:color-mix(in srgb,var(--color-white),transparent 22%); font-size:var(--text-sm); font-weight:var(--font-weight-bold); }.form-grid input:not([type=checkbox]),.form-grid select,.form-grid textarea { width:100%; min-height:var(--space-12); padding:var(--space-3); border:var(--border-width) solid color-mix(in srgb,var(--color-white),transparent 79%); border-radius:var(--radius-sm); background:color-mix(in srgb,var(--color-black),transparent 43%); color:var(--color-white); font:inherit; }.form-grid textarea { min-height:8rem; resize:vertical; }.form-grid input:focus-visible,.form-grid select:focus-visible,.form-grid textarea:focus-visible { outline:var(--border-width) solid var(--color-accent); border-color:var(--color-accent); }.form-grid small { min-height:var(--space-3); color:var(--color-warning); font-size:var(--text-xs); }.form-grid__full { grid-column:1/-1; }.form-consent { grid-template-columns:var(--space-4) minmax(0,1fr); align-items:start; }.form-consent small { grid-column:1/-1; }.contact__submit,.contact__state button { display:inline-flex; align-items:center; justify-content:center; gap:var(--space-2); width:100%; min-height:var(--space-12); margin-top:var(--space-5); border:none; border-radius:var(--radius-md); background:var(--color-accent); color:var(--color-ink); font:inherit; font-size:var(--text-sm); font-weight:var(--font-weight-extrabold); }.contact__submit:disabled { opacity:.65; cursor:wait; }.contact__privacy,.form-message { margin-top:var(--space-3); color:color-mix(in srgb,var(--color-white),transparent 53%); font-size:var(--text-xs); line-height:var(--line-height-relaxed); }.form-spinner { width:var(--space-4); height:var(--space-4); border:var(--border-width) solid color-mix(in srgb,var(--color-ink),transparent 55%); border-top-color:var(--color-ink); border-radius:var(--radius-full); animation:ui-spin .75s linear infinite; }.contact__state { text-align:center; padding-block:var(--space-12); }.contact__state>svg { width:var(--space-10); height:var(--space-10); color:var(--color-accent); }.contact__state h3 { margin-top:var(--space-5); font-family:var(--font-display); font-size:var(--text-2xl); }.contact__state p { margin-top:var(--space-3); color:color-mix(in srgb,var(--color-white),transparent 40%); line-height:var(--line-height-relaxed); }.contact__state button { width:auto; padding-inline:var(--space-5); }.contact [data-contact-reveal] { opacity:var(--z-raised); }.contact.is-motion-ready [data-contact-reveal] { opacity:0; transform:translateY(var(--space-5)); }.contact.is-motion-ready [data-contact-reveal].is-visible { opacity:1; transform:none; transition:opacity var(--duration-slow) var(--ease-standard),transform var(--duration-slow) var(--ease-emphasized); }
@media(max-width:64rem){.contact-box{grid-template-columns:1fr}.contact__copy{max-width:var(--container-lg)}}@media(max-width:40rem){.contact{padding-block:var(--space-16)}.contact__copy h2{font-size:var(--text-4xl)}.contact__copy>p{font-size:var(--text-base)}.form-grid{grid-template-columns:1fr}.form-grid__full{grid-column:auto}.contact__form-wrap{padding:var(--space-5)}}@media(prefers-reduced-motion:reduce){.contact [data-contact-reveal],.form-spinner{animation:none;transition:none;opacity:1;transform:none}}
/* Premium footer */
.site-footer{padding-block:var(--space-12) var(--space-6);border-top:var(--border-width) solid color-mix(in srgb,var(--color-white),transparent 88%);background:var(--color-black);color:var(--color-white)}.footer-cta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);padding:clamp(var(--space-6),5vw,var(--space-10));border:var(--border-width) solid color-mix(in srgb,var(--color-white),transparent 83%);border-radius:var(--radius-xl);background:linear-gradient(125deg,color-mix(in srgb,var(--color-accent),transparent 88%),color-mix(in srgb,var(--color-white),transparent 96%))}.footer-cta h2{max-width:42rem;font-family:var(--font-display);font-size:clamp(var(--text-2xl),3vw,var(--text-4xl));letter-spacing:-.045em;line-height:var(--line-height-tight)}.footer-cta p{max-width:38rem;margin-top:var(--space-3);color:color-mix(in srgb,var(--color-white),transparent 40%);line-height:var(--line-height-relaxed)}.footer-cta>div:last-child{display:flex;flex-wrap:wrap;gap:var(--space-3)}.footer-cta a{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--space-12);padding-inline:var(--space-5);border:var(--border-width) solid color-mix(in srgb,var(--color-white),transparent 78%);border-radius:var(--radius-md);color:var(--color-white);font-size:var(--text-sm);font-weight:var(--font-weight-extrabold)}.footer-cta a:first-child{border-color:transparent;background:var(--color-accent);color:var(--color-ink)}.footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:var(--space-8);padding-block:var(--space-16)}.footer-grid h3{margin-bottom:var(--space-4);font-family:var(--font-display);font-size:var(--text-sm)}.footer-grid>section>p,.footer-grid>section>address,.footer-grid nav{display:grid;gap:var(--space-2);color:color-mix(in srgb,var(--color-white),transparent 48%);font-size:var(--text-sm);line-height:var(--line-height-relaxed)}.footer-grid>section>p{margin-top:var(--space-5)}.footer-grid a{width:fit-content;color:color-mix(in srgb,var(--color-white),transparent 43%)}.footer-grid a:hover{color:var(--color-accent)}.footer-status{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-5);color:color-mix(in srgb,var(--color-white),transparent 28%);font-size:var(--text-xs)}.footer-status i{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background:var(--color-accent);box-shadow:0 0 var(--space-3) var(--color-accent)}.footer-social{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}.footer-social a{color:var(--color-accent);font-size:var(--text-xs)}.footer-grid address{margin-top:var(--space-5);font-style:normal}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding-top:var(--space-6);border-top:var(--border-width) solid color-mix(in srgb,var(--color-white),transparent 90%);color:color-mix(in srgb,var(--color-white),transparent 57%);font-size:var(--text-xs)}.footer-bottom div{display:flex;flex-wrap:wrap;gap:var(--space-4)}.footer-bottom a{color:inherit}.back-to-top{position:fixed;z-index:var(--z-fixed);right:var(--space-5);bottom:var(--space-5);display:grid;place-items:center;width:var(--space-12);height:var(--space-12);border:var(--border-width) solid color-mix(in srgb,var(--color-white),transparent 74%);border-radius:var(--radius-md);background:var(--color-slate-900);color:var(--color-accent);opacity:0;pointer-events:none;transform:translateY(var(--space-4));transition:opacity var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-emphasized)}.back-to-top.is-visible{opacity:1;pointer-events:auto;transform:none}.back-to-top svg{width:var(--space-5)}.mobile-footer-cta{display:none}@media(max-width:64rem){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-cta{align-items:flex-start;flex-direction:column}}@media(max-width:40rem){.site-footer{padding-bottom:calc(var(--space-20) + env(safe-area-inset-bottom))}.footer-grid{grid-template-columns:1fr;gap:var(--space-6);padding-block:var(--space-12)}.footer-bottom{align-items:flex-start;flex-direction:column}.footer-cta{padding:var(--space-5)}.footer-cta>div:last-child,.footer-cta a{width:100%}.back-to-top{right:var(--space-4);bottom:calc(var(--space-20) + env(safe-area-inset-bottom))}.mobile-footer-cta{position:fixed;z-index:var(--z-fixed);right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom));border-top:var(--border-width) solid color-mix(in srgb,var(--color-white),transparent 83%);background:color-mix(in srgb,var(--color-slate-950),transparent 4%)}.mobile-footer-cta a{display:grid;place-items:center;min-height:var(--space-11);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-white),transparent 92%);color:var(--color-white);font-size:var(--text-xs);font-weight:var(--font-weight-extrabold)}.mobile-footer-cta a:last-child{background:var(--color-accent);color:var(--color-ink)}}
.footer-cta a[data-cta="telegram"]{cursor:pointer}

/* Measurable results KPI value fitting */
.measurable-results__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.result-kpi-card { min-width: var(--space-0); overflow: visible; }
.result-kpi-card strong { max-width: 100%; font-size: clamp(2.25rem, 3vw, 3.25rem); line-height: .95; white-space: nowrap; }
.result-kpi-card:nth-child(2) strong,.result-kpi-card:nth-child(3) strong,.result-kpi-card:nth-child(4) strong { font-size: clamp(1.8rem, 2.15vw, 2.35rem); letter-spacing: -.05em; }
@media (max-width: 68.75rem) {
  .measurable-results__layout { grid-template-columns: minmax(0, 1fr); }
  .measurable-results__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .result-kpi-card:nth-child(2) strong,.result-kpi-card:nth-child(3) strong,.result-kpi-card:nth-child(4) strong { font-size: clamp(2rem, 3.2vw, 2.7rem); }
}
@media (max-width: 47.9375rem) {
  .measurable-results__grid { grid-template-columns: minmax(0, 1fr); }
  .result-kpi-card strong,.result-kpi-card:nth-child(2) strong,.result-kpi-card:nth-child(3) strong,.result-kpi-card:nth-child(4) strong { font-size: clamp(2.25rem, 9vw, 3.1rem); }
}

/* Order workflow CRM containment correction */
@media (min-width: 68.8125rem) {
  .process-dashboard__layout { grid-template-columns: minmax(22.5rem, .8fr) minmax(38.75rem, 1.4fr); gap: clamp(var(--space-12), 6vw, var(--space-24)); align-items: center; }
  .process-dashboard__copy { position: relative; z-index: var(--z-raised); min-width: var(--space-0); max-width: 28.75rem; }
  .process-dashboard__copy h2 { max-width: 100%; }
  .process-crm { position: relative; z-index: var(--z-base); width: 100%; max-width: 47.5rem; min-width: var(--space-0); margin-left: auto; transform: none; }
  .process-crm__body { grid-template-columns: 10.5rem minmax(0, 1fr); }
  .process-crm__nav { position: relative; left: auto; width: 10.5rem; min-width: 10.5rem; transform: none; }
  .process-crm__content { min-width: var(--space-0); overflow: hidden; }
  .process-crm__table { table-layout: fixed; }
  .process-crm__table th,.process-crm__table td { min-width: var(--space-0); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .process-crm__table th:nth-child(3),.process-crm__table td:nth-child(3) { white-space: normal; line-height: 1.3; }
}
@media (max-width: 68.75rem) {
  .process-dashboard__layout { grid-template-columns: minmax(0, 1fr); }
  .process-dashboard__copy { min-width: var(--space-0); max-width: var(--container-lg); }
  .process-crm { width: 100%; max-width: none; min-width: var(--space-0); margin-inline: var(--space-0); transform: none; }
}

/* UG OS hero launch */
.hero-saas__layout { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(var(--space-8), 4vw, var(--space-16)); }
.hero-saas__content { position: relative; z-index: var(--z-sticky); max-width: 39rem; }
.hero-saas__logo-launch { display: inline-flex; align-items: center; gap: var(--space-3); margin-bottom: var(--space-5); color: var(--color-white); font-family: var(--font-display); font-size: var(--text-2xl); font-weight: var(--font-weight-extrabold); letter-spacing: -.05em; opacity: 0; transform: scale(.92) translateY(6px); filter: drop-shadow(0 0 0 transparent); }
.hero-saas__logo-launch img { width: var(--space-12); height: var(--space-12); transition: transform var(--duration-base) var(--ease-emphasized); }
.hero-saas__logo-launch:hover img { transform: translateY(calc(var(--space-1) * -1)); }
.hero-saas__logo-launch small { display: block; color: color-mix(in srgb, var(--color-white), transparent 46%); font-family: var(--font-sans); font-size: .62rem; font-weight: var(--font-weight-bold); letter-spacing: var(--letter-spacing-wide); text-transform: uppercase; }
.hero-saas h1 { font-size: clamp(3.15rem, 5.2vw, 5.65rem); }
.hero-saas__stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-2); margin-top: var(--space-8); }
.hero-saas__stats > div { min-width: 0; padding: var(--space-3); border: var(--border-width) solid color-mix(in srgb, var(--color-white), transparent 88%); border-radius: var(--radius-md); background: color-mix(in srgb, var(--color-white), transparent 96%); }
.hero-saas__stats dt { color: color-mix(in srgb, var(--color-white), transparent 52%); font-size: .65rem; letter-spacing: .04em; text-transform: uppercase; }
.hero-saas__stats dd { margin-top: var(--space-1); color: var(--color-white); font-size: var(--text-sm); font-weight: var(--font-weight-bold); line-height: 1.25; }
.hero-saas__stats dd span { display: inline-flex; align-items: center; gap: var(--space-2); }
.hero-saas__stats dd span::before { width: var(--space-2); height: var(--space-2); flex: 0 0 auto; border-radius: var(--radius-full); background: var(--color-success); box-shadow: 0 0 var(--space-3) color-mix(in srgb, var(--color-success), transparent 38%); content: ""; animation: hero-live-pulse 3.5s var(--ease-standard) infinite; }
.hero-saas__scene { height: 43rem; }
.hero-saas__operator { position: absolute; z-index: var(--z-raised); top: 0; right: -6%; width: 58%; height: 100%; overflow: hidden; border-radius: var(--radius-xl); opacity: 0; transform: translateX(24px) scale(.98); }
.hero-saas__operator::after { position: absolute; inset: 0; background: linear-gradient(90deg, var(--color-slate-950) 0%, transparent 38%), linear-gradient(0deg, var(--color-slate-950) 0%, transparent 28%); content: ""; pointer-events: none; }
.hero-saas__operator img { width: 100%; height: 100%; object-fit: cover; object-position: 68% center; }
.hero-saas__signal { position: absolute; z-index: var(--z-dropdown); top: 10%; left: -13%; width: 34%; height: var(--space-px); overflow: visible; background: linear-gradient(90deg, transparent, var(--color-accent), var(--color-success), var(--color-info)); opacity: 0; transform: scaleX(0); transform-origin: left; }
.hero-saas__signal i { position: absolute; top: 50%; left: 0; width: var(--space-2); height: var(--space-2); border-radius: var(--radius-full); background: var(--color-white); box-shadow: 0 0 var(--space-4) var(--color-accent), 0 0 var(--space-8) var(--color-info); transform: translate(-50%, -50%); }
.hero-saas .crm-board { z-index: var(--z-sticky); top: 11%; right: auto; bottom: 4%; left: 0; width: 82%; opacity: 0; transform: translateX(24px) scale(.98); transform-origin: center; }
.hero-saas .hero-widget { opacity: 0; }
.hero-saas.is-ready .hero-saas__logo-launch { opacity: 1; transform: none; filter: drop-shadow(0 0 var(--space-3) color-mix(in srgb, var(--color-accent), transparent 60%)); transition: opacity .35s var(--ease-standard) .08s, transform .35s var(--ease-emphasized) .08s, filter .45s var(--ease-standard) .35s; }
.hero-saas.is-ready [data-hero-reveal].hero-saas__scene { opacity: 1; transform: none; transition: opacity .35s var(--ease-standard) .45s; }
.hero-saas.is-ready .hero-saas__signal { opacity: .9; transform: scaleX(1); transition: opacity .12s linear .55s, transform .55s var(--ease-emphasized) .55s; }
.hero-saas.is-ready .hero-saas__signal i { animation: ug-signal-travel .55s var(--ease-emphasized) .55s both; }
.hero-saas.is-ready .hero-saas__operator { opacity: .72; transform: none; transition: opacity .65s var(--ease-standard) .72s, transform .65s var(--ease-emphasized) .72s; }
.hero-saas.is-ready .crm-board { opacity: 1; transform: none; transition: opacity .55s var(--ease-standard) .95s, transform .65s var(--ease-emphasized) .95s, border-color .25s var(--ease-standard) 1.45s, box-shadow .25s var(--ease-standard) 1.45s; }
.hero-saas.is-ready .crm-metric,.hero-saas.is-ready .crm-chart-card,.hero-saas.is-ready .crm-donut-card,.hero-saas.is-ready .crm-orders,.hero-saas.is-ready .crm-activity { animation: ug-card-in .42s var(--ease-emphasized) both; }
.hero-saas.is-ready .crm-metric:nth-child(1) { animation-delay: 1.2s; }.hero-saas.is-ready .crm-metric:nth-child(2) { animation-delay: 1.3s; }.hero-saas.is-ready .crm-metric:nth-child(3) { animation-delay: 1.4s; }.hero-saas.is-ready .crm-metric:nth-child(4) { animation-delay: 1.5s; }
.hero-saas.is-ready .crm-chart-card { animation-delay: 1.55s; }.hero-saas.is-ready .crm-donut-card { animation-delay: 1.65s; }.hero-saas.is-ready .crm-orders { animation-delay: 1.75s; }.hero-saas.is-ready .crm-activity { animation-delay: 1.85s; }
.hero-saas.is-ready .hero-widget { opacity: 1; transition: opacity .35s var(--ease-standard); }.hero-saas.is-ready .hero-widget--lead { transition-delay: 1.45s; }.hero-saas.is-ready .hero-widget--upsell { transition-delay: 1.58s; }.hero-saas.is-ready .hero-widget--approved { transition-delay: 1.7s; }.hero-saas.is-ready .hero-widget--operator { transition-delay: 1.82s; }
@keyframes ug-signal-travel { from { left: 0; opacity: 0; } 20% { opacity: 1; } to { left: 100%; opacity: 0; } }
@keyframes ug-card-in { from { opacity: 0; transform: translateY(var(--space-3)); } to { opacity: 1; transform: none; } }
@media (max-width: 70rem) { .hero-saas__scene { height: 38rem; }.hero-saas .crm-board { width: 88%; }.hero-saas__operator { right: -4%; width: 54%; } }
@media (max-width: 54rem) { .hero-saas__layout { grid-template-columns: minmax(0, 1fr); }.hero-saas__scene { width: min(100%, 44rem); height: 37rem; }.hero-saas__signal { top: -7%; left: 12%; width: 1px; height: 10%; background: linear-gradient(180deg, var(--color-accent), var(--color-info)); transform: scaleY(0); transform-origin: top; }.hero-saas.is-ready .hero-saas__signal { transform: scaleY(1); }.hero-saas__operator { right: -2%; width: 55%; }.hero-saas .crm-board { width: 88%; } }
@media (max-width: 40rem) { .hero-saas__content,.hero-saas__scene,.hero-saas__stats,.hero-saas__stats > div { min-width: 0; max-width: 100%; }.hero-saas h1 { max-width: 100%; font-size: clamp(2.3rem, 10.8vw, 3.25rem); overflow-wrap: anywhere; }.hero-saas__stats { grid-template-columns: minmax(0, 1fr); }.hero-saas__stats > div { display: block; }.hero-saas__stats dd { margin-top: var(--space-1); overflow-wrap: anywhere; }.hero-saas__scene { height: 31rem; }.hero-saas__operator { top: auto; right: -7%; bottom: 0; width: 67%; height: 76%; opacity: 0; }.hero-saas.is-ready .hero-saas__operator { opacity: .56; }.hero-saas .crm-board { top: 6%; width: 94%; }.hero-widget--upsell,.hero-widget--operator { display: none; } }
@media (prefers-reduced-motion: reduce) { .hero-saas__logo-launch,.hero-saas__operator,.hero-saas .crm-board,.hero-saas .hero-widget { opacity: 1; transform: none; filter: none; transition: none; animation: none; }.hero-saas__signal { display: none; }.hero-saas__stats dd span::before { animation: none; } }

/* Reference-matched hero composition */
.hero-saas { min-height: clamp(53.125rem, 62vw, 57.5rem); }
.hero-saas__layout { width: min(100% - var(--space-10), 95rem); grid-template-columns: minmax(0, .75fr) minmax(0, 1.08fr); align-items: center; min-height: clamp(53.125rem, 62vw, 57.5rem); padding-block: clamp(var(--space-10), 5vw, var(--space-20)); }
.hero-saas__content { max-width: 40rem; }
.hero-saas__logo-launch { width: clamp(10.625rem, 15vw, 13.75rem); margin-bottom: var(--space-5); }
.hero-saas__logo-launch img { width: 100%; height: auto; }
.hero-saas__logo-launch:focus-visible { border-radius: var(--radius-sm); outline: var(--space-1) solid var(--color-accent); outline-offset: var(--space-2); }
.hero-saas__logo-launch:hover { transform: scale(1.025); }
.hero-saas__eyebrow { width: fit-content; margin-bottom: var(--space-6); padding: .55rem .9rem; border: var(--border-width) solid color-mix(in srgb, var(--color-info), transparent 58%); border-radius: var(--radius-full); background: color-mix(in srgb, var(--color-slate-950), transparent 22%); box-shadow: inset 0 var(--space-px) color-mix(in srgb, var(--color-white), transparent 90%); letter-spacing: .02em; text-transform: none; backdrop-filter: blur(var(--space-3)); }
.hero-saas__eyebrow span:last-child { color: color-mix(in srgb, var(--color-white), transparent 20%); }
.hero-saas h1 { max-width: 40rem; font-size: clamp(3.5rem, 4.8vw, 5.25rem); line-height: 1.01; }
.hero-saas__description { max-width: 37.5rem; font-size: clamp(1.15rem, 1.35vw, 1.35rem); line-height: 1.6; }
.hero-saas__actions { flex-wrap: nowrap; }
.hero-saas__button { min-height: 3.75rem; padding-inline: clamp(var(--space-4), 2vw, var(--space-6)); font-size: var(--text-base); white-space: nowrap; }
.hero-saas__stats { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; overflow: hidden; border: var(--border-width) solid color-mix(in srgb, var(--color-info), transparent 73%); border-radius: var(--radius-lg); background: color-mix(in srgb, var(--color-slate-950), transparent 18%); box-shadow: inset 0 var(--space-px) color-mix(in srgb, var(--color-white), transparent 90%); backdrop-filter: blur(var(--space-4)); }
.hero-saas__stats > div { display: grid; align-content: start; gap: var(--space-2); min-height: 7.25rem; padding: var(--space-4); border: 0; border-right: var(--border-width) solid color-mix(in srgb, var(--color-white), transparent 88%); border-radius: 0; background: transparent; }
.hero-saas__stats > div:last-child { border-right: 0; }
.hero-saas__stats svg { width: var(--space-6); height: var(--space-6); color: var(--color-accent); }
.hero-saas__stats dd { display: grid; gap: var(--space-1); margin: 0; }
.hero-saas__stats dd strong { color: var(--color-white); font-family: var(--font-display); font-size: clamp(var(--text-xl), 1.75vw, var(--text-3xl)); line-height: 1; }
.hero-saas__stats dd span { color: color-mix(in srgb, var(--color-white), transparent 42%); font-size: .72rem; line-height: 1.35; }
.hero-saas__stats dd span::before { display: none; }
.hero-saas__scene { isolation: isolate; width: 112%; height: clamp(44rem, 54vw, 50rem); margin-left: -5%; overflow: visible; border-radius: var(--radius-xl); }
.hero-saas__office { position: absolute; z-index: 0; inset: 3% -11% -2% -10%; width: 121%; height: 99%; border-radius: var(--radius-xl); object-fit: cover; object-position: 69% center; opacity: .48; mask-image: linear-gradient(90deg, transparent 0, rgba(0,0,0,.82) 16%, var(--color-black) 42%), linear-gradient(0deg, transparent 0, var(--color-black) 24%); }
.hero-saas__scene::after { position: absolute; z-index: 1; inset: 0 -12% -4% -12%; background: linear-gradient(90deg, var(--color-slate-950) 0%, transparent 30%, transparent 76%, color-mix(in srgb, var(--color-slate-950), transparent 35%) 100%), linear-gradient(0deg, var(--color-slate-950) 0%, transparent 24%); content: ""; pointer-events: none; }
.hero-saas__beam { position: absolute; z-index: 5; top: 2%; left: -37%; width: 75%; height: 30%; object-fit: fill; opacity: 0; mix-blend-mode: screen; pointer-events: none; transform: scaleX(0); transform-origin: left center; }
.hero-saas .crm-board { z-index: 10; top: 5%; bottom: 15%; left: 3%; width: 78%; border-color: color-mix(in srgb, var(--color-info), transparent 58%); background: color-mix(in srgb, var(--color-slate-950), transparent 11%); box-shadow: 0 var(--space-16) var(--space-32) color-mix(in srgb, var(--color-black), transparent 28%), 0 0 var(--space-12) color-mix(in srgb, var(--color-info), transparent 88%), inset 0 var(--space-px) color-mix(in srgb, var(--color-white), transparent 80%); backdrop-filter: blur(var(--space-4)); }
.hero-saas .crm-board { --color-ink: #f5f9fc; --color-ink-muted: #8fa2b2; --color-border: rgba(142, 190, 208, .16); --color-border-strong: rgba(142, 190, 208, .28); --color-surface: #0d1822; --color-surface-alt: #142431; }
.hero-saas .crm-board__header { border-color: rgba(142, 190, 208, .18); background: rgba(8, 19, 28, .84); }
.hero-saas .crm-board__sidebar { background: rgba(10, 22, 31, .8); }
.hero-saas .crm-metric,.hero-saas .crm-chart-card,.hero-saas .crm-donut-card,.hero-saas .crm-orders,.hero-saas .crm-activity { background: rgba(15, 31, 42, .82); }
.hero-saas .crm-board::after { z-index: 0; background: linear-gradient(115deg, rgba(255,255,255,.07), transparent 28%); }
.hero-saas__operator { z-index: 30; top: auto; right: -2%; bottom: -1%; width: 47%; height: 48%; overflow: visible; border-radius: 0; filter: drop-shadow(calc(var(--space-4) * -1) 0 var(--space-10) color-mix(in srgb, var(--color-accent), transparent 76%)); }
.hero-saas__operator::after { display: none; }
.hero-saas__operator img { object-fit: contain; object-position: right bottom; }
.hero-saas .hero-widget { z-index: 40; right: -4%; left: auto; width: 14.5rem; min-width: 0; padding: var(--space-3); border-color: color-mix(in srgb, var(--color-info), transparent 70%); background: color-mix(in srgb, var(--color-slate-950), transparent 8%); backdrop-filter: blur(var(--space-4)); }
.hero-saas .hero-widget::before { display: none; }
.hero-saas .hero-widget--lead { top: 13%; }
.hero-saas .hero-widget--approved { top: 30%; bottom: auto; }
.hero-saas .hero-widget--upsell { top: 47%; }
.hero-saas .hero-widget--operator { top: 64%; bottom: auto; }
.hero-saas .hero-widget__icon { background: color-mix(in srgb, var(--color-accent), transparent 82%); color: var(--color-accent); }
.hero-saas.is-ready .hero-saas__beam { opacity: .44; transform: scaleX(1); transition: opacity .45s var(--ease-standard) .9s, transform .7s var(--ease-emphasized) .9s; }
.hero-saas.is-ready .crm-board { transition-delay: 1.2s; }
.hero-saas.is-ready .hero-saas__operator { opacity: 1; transition-delay: 1.6s; }
.hero-saas.is-ready .hero-widget--lead { transition-delay: 1.7s; }.hero-saas.is-ready .hero-widget--approved { transition-delay: 1.9s; }.hero-saas.is-ready .hero-widget--upsell { transition-delay: 2.1s; }.hero-saas.is-ready .hero-widget--operator { transition-delay: 2.3s; }
@media (max-width: 70rem) { .hero-saas__layout { width: min(100% - var(--space-8), 95rem); grid-template-columns: minmax(0, .83fr) minmax(0, 1.17fr); }.hero-saas h1 { font-size: clamp(3.15rem, 5vw, 4.2rem); }.hero-saas__scene { width: 108%; margin-left: -3%; }.hero-saas .crm-board { width: 86%; }.hero-saas .hero-widget { right: -5%; width: 12.5rem; }.hero-saas__operator { width: 49%; } }
@media (max-width: 54rem) { .hero-saas,.hero-saas__layout { min-height: auto; }.hero-saas__layout { grid-template-columns: minmax(0, 1fr); padding-block: var(--space-12); }.hero-saas__content { max-width: 42rem; }.hero-saas h1 { max-width: 42rem; }.hero-saas__scene { width: 100%; height: 40rem; margin: var(--space-8) 0 0; }.hero-saas__office { inset-inline: -6%; width: 112%; }.hero-saas__beam { display: none; }.hero-saas .crm-board { left: 0; width: 91%; }.hero-saas .hero-widget { right: 0; }.hero-saas .hero-widget--lead,.hero-saas .hero-widget--upsell { display: none; }.hero-saas__operator { right: -2%; width: 50%; height: 45%; } }
@media (max-width: 40rem) { .hero-saas__layout { width: 100%; }.hero-saas__logo-launch { width: 10.75rem; }.hero-saas__eyebrow { display: grid; grid-template-columns: auto auto; max-width: 100%; font-size: .62rem; line-height: 1.3; }.hero-saas__eyebrow span:last-child { display: block; min-width: 0; }.hero-saas h1 { font-size: clamp(2rem, 9.6vw, 2.75rem); letter-spacing: -.06em; }.hero-saas__actions { display: grid; }.hero-saas__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }.hero-saas__stats > div { min-height: 6.5rem; border-right: var(--border-width) solid color-mix(in srgb, var(--color-white), transparent 88%); border-bottom: var(--border-width) solid color-mix(in srgb, var(--color-white), transparent 88%); }.hero-saas__stats > div:nth-child(2n) { border-right: 0; }.hero-saas__stats > div:nth-last-child(-n+2) { border-bottom: 0; }.hero-saas__scene { height: 34rem; }.hero-saas .crm-board { top: 2%; width: 119%; height: 29.75rem; bottom: auto; transform: scale(.84); transform-origin: top left; }.hero-saas .hero-widget { width: 10.75rem; }.hero-saas .hero-widget--approved { top: 57%; }.hero-saas .hero-widget--operator { top: 70%; }.hero-saas__operator { right: -8%; bottom: 0; width: 76%; height: 42%; }.hero-saas__office { opacity: .35; } }

/* Sales structure additions */
.hero-offer{max-width:35rem;margin-top:var(--space-5);padding:var(--space-4);border:var(--border-width) solid color-mix(in srgb,var(--color-accent),transparent 58%);border-radius:var(--radius-lg);background:rgba(10,18,22,.66);backdrop-filter:blur(10px)}
.hero-offer strong{display:block;font-size:var(--text-base);line-height:1.45;color:var(--color-white)}.hero-offer ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:var(--space-2) var(--space-4);margin-top:var(--space-3);padding:0;list-style:none}.hero-offer li{display:flex;align-items:center;gap:var(--space-2);font-size:.8rem;color:color-mix(in srgb,var(--color-white),transparent 24%)}.hero-offer svg{width:1rem;height:1rem;color:var(--color-accent);stroke-width:3}
.sales-department{position:relative;background:var(--color-bg)}.sales-department__header{max-width:48rem;margin-bottom:var(--space-10)}.sales-department__header h2,.final-offer h2{margin-top:var(--space-3);font-size:clamp(2.25rem,4vw,4rem);line-height:1.02}.sales-department__header>p:last-child{max-width:43rem;margin-top:var(--space-4);color:var(--color-text-muted)}.section-kicker{display:flex;align-items:center;gap:var(--space-2);color:var(--color-accent);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.1em}.section-kicker span{width:1.5rem;height:2px;background:var(--color-accent)}
.sales-department__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.sales-department__card{min-width:0;padding:var(--space-6);border:var(--border-width) solid color-mix(in srgb,var(--color-white),transparent 88%);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-white),transparent 96%);transition:transform var(--duration-base) var(--ease-standard),border-color var(--duration-base)}.sales-department__card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--color-accent),transparent 55%)}.sales-department__card>svg{width:1.5rem;height:1.5rem;color:var(--color-accent)}.sales-department__card h3{margin-top:var(--space-5);font-size:var(--text-xl)}.sales-department__card p{margin-top:var(--space-3);color:var(--color-text-muted);line-height:1.65}
.final-offer{padding-top:var(--space-10)}.final-offer__panel{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(17rem,.7fr);align-items:center;gap:var(--space-10);padding-block:clamp(2rem,5vw,4rem);border:var(--border-width) solid color-mix(in srgb,var(--color-accent),transparent 62%);border-radius:var(--radius-xl);background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent),transparent 93%),color-mix(in srgb,var(--color-cyan),transparent 96%))}.final-offer__panel>div>p:last-child{margin-top:var(--space-4);color:var(--color-text-muted);line-height:1.65}.final-offer__action{display:grid;gap:var(--space-3)}.final-offer__action a{display:flex;justify-content:center;align-items:center;gap:var(--space-2);min-height:3.5rem;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-bg);font-weight:800}.final-offer__action small{text-align:center;color:var(--color-text-muted)}
@media(max-width:64rem){.sales-department__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.final-offer__panel{grid-template-columns:1fr}}
@media(max-width:40rem){.hero-saas h1 span{white-space:normal}.hero-saas__content{min-width:0;overflow:hidden}.hero-offer{max-width:100%}.hero-offer ul{display:grid}.sales-department__grid{grid-template-columns:1fr}.sales-department__card{padding:var(--space-5)}.final-offer__panel{width:calc(100% - 2rem);padding:var(--space-6)}.final-offer__action a{width:100%}}
@media(prefers-reduced-motion:reduce){.sales-department__card{transition:none}.sales-department__card:hover{transform:none}}
@media (prefers-reduced-motion: reduce) { .hero-saas__beam { opacity: .25; transform: none; transition: none; }.hero-saas .hero-widget { animation: none; }.hero-saas .crm-metric,.hero-saas .crm-chart-card,.hero-saas .crm-donut-card,.hero-saas .crm-orders,.hero-saas .crm-activity { opacity: 1; transform: none; animation: none; }.hero-saas .crm-chart__line,.hero-saas .crm-donut__value { animation: none; stroke-dashoffset: 0; } }

/* Seamless office-photo integration */
.hero-saas { --hero-bg: var(--color-slate-950); background: var(--hero-bg); }
.hero-saas::before { background: linear-gradient(120deg, color-mix(in srgb, var(--hero-bg), var(--color-info) 5%), var(--hero-bg) 58%, color-mix(in srgb, var(--hero-bg), var(--color-success) 6%)); }
.hero-saas__scene::after { display: none; }
.hero-media { position: absolute; z-index: 0; inset: 1% -11% -4% -10%; isolation: isolate; overflow: hidden; border: 0; border-radius: 0; outline: 0; background: transparent; box-shadow: none; transform: translateX(-2rem); }
.hero-media::before,.hero-media::after { position: absolute; inset: -2px; pointer-events: none; content: ""; }
.hero-media::before { z-index: 1; background: linear-gradient(90deg, var(--hero-bg) 0%, color-mix(in srgb, var(--hero-bg), transparent 10%) 8%, color-mix(in srgb, var(--hero-bg), transparent 52%) 24%, color-mix(in srgb, var(--hero-bg), transparent 90%) 48%, transparent 72%), linear-gradient(180deg, color-mix(in srgb, var(--hero-bg), transparent 65%) 0%, transparent 18%, transparent 68%, color-mix(in srgb, var(--hero-bg), transparent 55%) 82%, var(--hero-bg) 100%); }
.hero-media::after { z-index: 2; background: radial-gradient(circle at 100% 0%, var(--hero-bg) 0%, color-mix(in srgb, var(--hero-bg), transparent 12%) 12%, color-mix(in srgb, var(--hero-bg), transparent 58%) 27%, transparent 48%), linear-gradient(to left, var(--hero-bg) 0%, color-mix(in srgb, var(--hero-bg), transparent 22%) 6%, color-mix(in srgb, var(--hero-bg), transparent 72%) 16%, transparent 27%), linear-gradient(to bottom, var(--hero-bg) 0%, color-mix(in srgb, var(--hero-bg), transparent 38%) 7%, color-mix(in srgb, var(--hero-bg), transparent 82%) 16%, transparent 26%), radial-gradient(circle at 82% 20%, rgba(108,77,255,.12), transparent 34%), radial-gradient(circle at 70% 72%, rgba(67,190,255,.05), transparent 36%); }
.hero-media .hero-saas__office { position: relative; z-index: 0; inset: auto; display: block; width: 100%; height: 100%; border-radius: 0; object-fit: cover; object-position: center right; opacity: .62; mask-image: none; }
@supports ((-webkit-mask-image: linear-gradient(#000,#000)) or (mask-image: linear-gradient(#000,#000))) {
  .hero-media .hero-saas__office {
    -webkit-mask-image: linear-gradient(to right, transparent 0%, rgba(0,0,0,.35) 7%, #000 19%, #000 82%, rgba(0,0,0,.72) 89%, transparent 100%), linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.48) 7%, #000 15%, #000 78%, rgba(0,0,0,.65) 88%, transparent 100%);
    -webkit-mask-composite: source-in;
    mask-image: linear-gradient(to right, transparent 0%, rgba(0,0,0,.35) 7%, #000 19%, #000 82%, rgba(0,0,0,.72) 89%, transparent 100%), linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.48) 7%, #000 15%, #000 78%, rgba(0,0,0,.65) 88%, transparent 100%);
    mask-composite: intersect;
  }
}

/* Compact Hero CRM floating cards */
.hero-saas .hero-widget { right: 1%; width: 12rem; min-height: 3.25rem; gap: .5625rem; padding: .625rem .75rem; border-radius: .8125rem; }
.hero-saas .hero-widget__icon { width: 2.125rem; height: 2.125rem; flex: 0 0 2.125rem; }
.hero-saas .hero-widget__icon svg { width: 1.125rem; height: 1.125rem; }
.hero-saas .hero-widget small { margin: 0; font-size: .65rem; line-height: 1.3; opacity: .78; }
.hero-saas .hero-widget strong { margin-top: .1875rem; font-size: .8125rem; font-weight: var(--font-weight-bold); line-height: 1.25; }
.hero-saas .hero-widget--lead { top: 14%; }
.hero-saas .hero-widget--approved { top: 31%; }
.hero-saas .hero-widget--upsell { top: 48%; }
.hero-saas .hero-widget--operator { top: 61%; }
@keyframes hero-widget-float { to { transform: translate3d(0, -.1875rem, 0); } }
@media (min-width: 48rem) and (max-width: 74.9375rem) {
  .hero-saas .hero-widget { right: .5%; width: 11rem; min-height: 3rem; gap: .5rem; padding: .5625rem .6875rem; }
  .hero-saas .hero-widget__icon { width: 2rem; height: 2rem; flex-basis: 2rem; }
  .hero-saas .hero-widget__icon svg { width: 1.0625rem; height: 1.0625rem; }
  .hero-saas .hero-widget small { font-size: .61rem; }
  .hero-saas .hero-widget strong { font-size: .75rem; }
  .hero-saas .hero-widget--lead { display: none; }
  .hero-saas .hero-widget--approved { top: 29%; }
  .hero-saas .hero-widget--upsell { top: 46%; }
  .hero-saas .hero-widget--operator { top: 60%; }
}
@media (max-width: 47.9375rem) {
  .hero-saas .hero-widget { right: .5rem; width: 10.25rem; min-height: 2.875rem; gap: .5rem; padding: .5625rem .625rem; border-radius: .75rem; }
  .hero-saas .hero-widget__icon { width: 2rem; height: 2rem; flex-basis: 2rem; }
  .hero-saas .hero-widget__icon svg { width: 1.0625rem; height: 1.0625rem; }
  .hero-saas .hero-widget small { font-size: .58rem; }
  .hero-saas .hero-widget strong { font-size: .72rem; }
  .hero-saas .hero-widget--lead,.hero-saas .hero-widget--upsell { display: none; }
  .hero-saas .hero-widget--approved { top: 55%; }
  .hero-saas .hero-widget--operator { top: 67%; display: flex; }
}
@media (prefers-reduced-motion: reduce) { .hero-saas.is-dashboard-ready .hero-widget { animation: none; } }
@media (max-width: 74.9375rem) { .hero-media { inset-inline: -6%; border-radius: 0; transform: translateX(-1rem); }.hero-media::before { background: linear-gradient(90deg, var(--hero-bg) 0%, color-mix(in srgb, var(--hero-bg), transparent 34%) 20%, transparent 64%), linear-gradient(180deg, color-mix(in srgb, var(--hero-bg), transparent 72%), transparent 20%, transparent 72%, var(--hero-bg) 100%); }.hero-media::after { background: radial-gradient(circle at 100% 0%, var(--hero-bg), color-mix(in srgb, var(--hero-bg), transparent 58%) 23%, transparent 44%), linear-gradient(to left, var(--hero-bg), color-mix(in srgb, var(--hero-bg), transparent 70%) 10%, transparent 20%), linear-gradient(to bottom, var(--hero-bg), color-mix(in srgb, var(--hero-bg), transparent 72%) 12%, transparent 22%); } }
@media (max-width: 47.9375rem) {
  .hero-saas { max-width: 100vw; overflow: hidden; }
  .hero-saas__layout { width: 100%; max-width: 100vw; overflow: hidden; }
  .hero-saas__content { width: 100%; max-width: 100%; overflow: hidden; }
  .hero-saas__content > * { max-width: 100%; }
  .hero-saas__eyebrow { display: flex; flex-wrap: wrap; width: fit-content; }
  .hero-saas h1 { max-width: 100%; font-size: clamp(1.85rem, 8.8vw, 2.4rem); overflow-wrap: anywhere; }
  .hero-saas__stats dd span { font-size: .66rem; overflow-wrap: anywhere; }
  .hero-media { inset: 0; overflow: hidden; border-radius: 0; box-shadow: none; transform: none; }
  .hero-media::before { background: linear-gradient(180deg, var(--hero-bg) 0%, color-mix(in srgb, var(--hero-bg), transparent 76%) 12%, transparent 30%, transparent 70%, color-mix(in srgb, var(--hero-bg), transparent 42%) 86%, var(--hero-bg) 100%), linear-gradient(90deg, color-mix(in srgb, var(--hero-bg), transparent 35%), transparent 25%, transparent 75%, color-mix(in srgb, var(--hero-bg), transparent 48%)); }
  .hero-media::after { background: radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--hero-bg), transparent 22%), transparent 28%), linear-gradient(to left, color-mix(in srgb, var(--hero-bg), transparent 38%), transparent 9%), linear-gradient(to bottom, color-mix(in srgb, var(--hero-bg), transparent 38%), transparent 10%); opacity: .55; }
  .hero-media .hero-saas__office { object-position: 70% center; opacity: .52; }
  @supports ((-webkit-mask-image: linear-gradient(#000,#000)) or (mask-image: linear-gradient(#000,#000))) {
    .hero-media .hero-saas__office { -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 6%, #000 94%, transparent 100%), linear-gradient(to bottom, transparent 0%, #000 9%, #000 84%, transparent 100%); -webkit-mask-composite: source-in; mask-image: linear-gradient(to right, transparent 0%, #000 6%, #000 94%, transparent 100%), linear-gradient(to bottom, transparent 0%, #000 9%, #000 84%, transparent 100%); mask-composite: intersect; }
  }
}

/* Completed case-study data */
.hero-sales{isolation:isolate;overflow:visible}
.hero-sales .hero-media{z-index:0;opacity:.45}.hero-sales .hero-saas__operator{z-index:18;right:-2%;bottom:-2%;width:34%;height:37%;pointer-events:none}.hero-sales .hero-saas__operator img{object-position:right bottom}
.sales-board{position:absolute;z-index:10;top:7%;right:2%;left:0;min-width:0;padding:.8rem;overflow:hidden;border:1px solid rgba(123,190,207,.24);border-radius:var(--radius-xl);background:rgba(7,17,25,.9);box-shadow:0 2rem 5rem rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.06);backdrop-filter:blur(14px)}
.sales-board__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.15rem .2rem .75rem;border-bottom:1px solid rgba(255,255,255,.09)}.sales-board__brand{display:flex;align-items:center;gap:.65rem;min-width:0}.sales-board__brand img{width:2.1rem;height:2.1rem}.sales-board__brand h2{color:#f6fbff;font-family:var(--font-display);font-size:.9rem;line-height:1.2}.sales-board__brand p{display:flex;align-items:center;gap:.35rem;margin-top:.2rem;color:#8fa2b2;font-size:.6rem}.sales-board__brand p i{width:.4rem;height:.4rem;border-radius:50%;background:var(--color-accent);box-shadow:0 0 .5rem rgba(108,77,255,.18)}
.sales-board__kpis{display:flex;gap:.5rem}.sales-board__kpis>div{min-width:5rem;padding:.4rem .55rem;border:1px solid rgba(255,255,255,.08);border-radius:.55rem;background:rgba(255,255,255,.035)}.sales-board__kpis dt{color:#8fa2b2;font-size:.52rem}.sales-board__kpis dd{margin-top:.15rem;color:#f5f9fc;font-family:var(--font-display);font-size:.82rem;font-weight:700}
.sales-board__tabs{display:none}.sales-kanban{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem;padding-top:.7rem}.sales-lane{position:relative;z-index:2;min-width:0;padding:.35rem;border:1px solid rgba(255,255,255,.065);border-radius:.65rem;background:rgba(255,255,255,.025)}.sales-lane h3{display:flex;align-items:center;justify-content:space-between;gap:.2rem;min-height:2rem;color:#c9d5dc;font-size:.54rem;font-weight:700;line-height:1.15}.sales-lane h3 b{display:grid;place-items:center;min-width:1.25rem;height:1.25rem;padding:0 .2rem;border-radius:1rem;background:rgba(255,255,255,.07);color:#91a4af;font-size:.5rem}.order-card{position:relative;min-width:0;margin-top:.4rem;padding:.55rem;border:1px solid rgba(255,255,255,.085);border-radius:.55rem;background:rgba(14,31,42,.92);box-shadow:0 .5rem 1rem rgba(0,0,0,.15);opacity:0;transform:translateY(.4rem)}.order-card header{display:flex;align-items:center;justify-content:space-between;gap:.25rem}.order-card strong{overflow:hidden;color:#f4f8fa;font-size:.68rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.order-card header small,.order-card>small{display:block;overflow:hidden;color:#79909e;font-size:.48rem;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.order-card>b{display:block;margin-top:.35rem;color:#f6fbff;font-size:.72rem}.order-card p{min-height:1.65rem;margin-top:.18rem;overflow:hidden;color:#aab9c1;font-size:.53rem;line-height:1.25}.order-card em{display:block;margin-top:.18rem;color:var(--color-accent);font-size:.68rem;font-style:normal;font-weight:800}.order-status{display:inline-flex;margin-top:.38rem;padding:.18rem .35rem;border-radius:1rem;font-size:.45rem;font-weight:700}.order-status--new{background:rgba(70,196,255,.14);color:#69d1ff}.order-status--work{background:rgba(255,196,70,.14);color:#ffd36b}.order-status--approved{background:rgba(139,92,246,.14);color:var(--color-accent)}.order-status--upsell{background:rgba(167,139,250,.14);color:#a78bfa;box-shadow:0 0 .6rem rgba(108,77,255,.08)}.order-status--delivery{background:rgba(34,211,238,.14);color:#22d3ee}.order-card--approved{border-color:rgba(139,92,246,.22)}.order-card--upsell{border-color:rgba(167,139,250,.22)}
.sales-route{position:absolute;z-index:1;right:0;bottom:5%;left:40%;width:60%;height:20%;overflow:visible;pointer-events:none}.sales-route path{fill:none;stroke:rgba(139,92,246,.46);stroke-width:1.5;stroke-dasharray:.05 .04;filter:drop-shadow(0 0 3px rgba(108,77,255,.18));animation:sales-route 1.6s var(--ease-standard) 1.2s both}
.sales-float{position:absolute;z-index:24;display:flex;align-items:center;gap:.55rem;width:10.5rem;padding:.6rem .7rem;border:1px solid rgba(111,210,211,.25);border-radius:.75rem;background:rgba(7,18,26,.94);box-shadow:0 1rem 2rem rgba(0,0,0,.3);opacity:0;transform:translateY(.4rem)}.sales-float>svg{width:1.75rem;height:1.75rem;padding:.38rem;border-radius:.55rem;background:rgba(139,92,246,.14);color:var(--color-accent)}.sales-float span,.sales-float small,.sales-float strong{display:block}.sales-float small{color:#93a5af;font-size:.57rem}.sales-float strong{margin-top:.1rem;color:#f6fbff;font-size:.72rem}.sales-float--approved{right:-2%;bottom:32%}.sales-float--upsell{right:13%;bottom:20%}.sales-float--delivery{right:-1%;bottom:8%}
.hero-saas.is-ready .sales-board__header{animation:sales-item-in .35s var(--ease-standard) .45s both}.hero-saas.is-ready .sales-lane h3{animation:sales-item-in .35s var(--ease-standard) .65s both}.hero-saas.is-ready .order-card{animation:sales-item-in .35s var(--ease-standard) both}.hero-saas.is-ready .sales-lane:nth-child(1) .order-card{animation-delay:.82s}.hero-saas.is-ready .sales-lane:nth-child(2) .order-card{animation-delay:.94s}.hero-saas.is-ready .sales-lane:nth-child(3) .order-card{animation-delay:1.06s}.hero-saas.is-ready .sales-lane:nth-child(4) .order-card{animation-delay:1.18s}.hero-saas.is-ready .sales-lane:nth-child(5) .order-card{animation-delay:1.3s}.hero-saas.is-ready .sales-float{animation:sales-item-in .3s var(--ease-standard) both}.hero-saas.is-ready .sales-float--approved{animation-delay:1.35s}.hero-saas.is-ready .sales-float--upsell{animation-delay:1.5s}.hero-saas.is-ready .sales-float--delivery{animation-delay:1.65s}
@keyframes sales-item-in{to{opacity:1;transform:none}}@keyframes sales-route{from{stroke-dashoffset:1;opacity:0}to{stroke-dashoffset:0;opacity:1}}
@media(min-width:75rem){.hero-saas__layout{grid-template-columns:minmax(0,.62fr) minmax(0,1fr);width:min(100% - var(--space-8),96rem)}.hero-sales{width:110%;margin-left:-2%;height:clamp(43rem,50vw,48rem)}}
@media(max-width:74.9375rem){.hero-sales{width:100%;margin-left:0}.sales-board{right:0}.sales-float{display:none}.hero-sales .hero-saas__operator{width:31%;opacity:.55}.sales-board__kpis{display:none}}
@media(max-width:54rem){.hero-sales{height:34rem}.sales-board{top:2%;left:0}.sales-kanban{overflow-x:auto;grid-template-columns:repeat(5,minmax(8.5rem,1fr));overscroll-behavior-inline:contain}.hero-sales .hero-saas__operator{width:34%;height:34%}}
@media(max-width:40rem){.hero-sales{height:29rem;margin-top:var(--space-5)}.hero-sales .hero-media{opacity:.26}.hero-sales .hero-saas__operator{display:none}.sales-board{top:0;padding:.65rem}.sales-board__header{align-items:flex-start}.sales-board__brand h2{font-size:.85rem}.sales-board__tabs{display:flex;gap:.3rem;margin-top:.6rem;overflow-x:auto;scrollbar-width:none;overscroll-behavior-inline:contain}.sales-board__tabs button{flex:0 0 auto;min-height:2rem;padding:0 .55rem;border:1px solid rgba(255,255,255,.09);border-radius:1rem;background:rgba(255,255,255,.03);color:#92a5af;font-size:.68rem}.sales-board__tabs button[aria-selected=true]{border-color:rgba(139,92,246,.35);background:rgba(139,92,246,.12);color:var(--color-accent)}.sales-kanban{display:block;overflow:visible}.sales-lane{display:none;min-height:17rem}.sales-lane.is-active{display:block}.sales-lane h3{font-size:.7rem}.order-card{padding:.75rem}.order-card:nth-of-type(n+2){display:none}.order-card strong{font-size:.8rem}.order-card header small,.order-card>small{font-size:.68rem}.order-card>b{font-size:.9rem}.order-card p{font-size:.72rem}.order-status{font-size:.62rem}.sales-route{display:none}.sales-float{display:none}}
@media(prefers-reduced-motion:reduce){.sales-route path,.hero-saas.is-ready .sales-board__header,.hero-saas.is-ready .sales-lane h3,.hero-saas.is-ready .order-card,.hero-saas.is-ready .sales-float{animation:none;opacity:1;transform:none}}
.case-study__metrics dd{font-size:clamp(1.35rem,2vw,1.75rem);white-space:nowrap}
.case-study__metrics--after dd{font-size:clamp(1.5rem,2.3vw,2rem)}
.case-study__result{grid-column:1/-1;width:100%;min-height:7.5rem}
.case-study__result strong{max-width:58rem;font-size:clamp(1.125rem,1.8vw,1.375rem);letter-spacing:-.02em;line-height:1.45}
@media(max-width:64rem){.cases-slider__nav{grid-template-columns:repeat(3,minmax(0,1fr))}.case-study__result{width:100%}}
@media(max-width:40rem){.case-study__metrics dd,.case-study__metrics--after dd{font-size:var(--text-xl)}.case-study__result{min-height:9rem}.case-study__result strong{font-size:clamp(1rem,4.5vw,1.1875rem)}.cases-slider__nav{display:flex;grid-template-columns:none;overflow-x:auto;scrollbar-width:thin;overscroll-behavior-inline:contain}.cases-slider__nav>button{flex:0 0 min(12rem,78vw);min-height:var(--space-11)}.cases-slider__nav>button span{font-size:.72rem}.cases-slider__controls{flex:0 0 100%}}
.hero-sales .order-card{opacity:1;transform:none}.hero-sales .sales-float{opacity:1;transform:none}

/* Enlarged desktop sales board */
@media (min-width:75rem){
  .hero-saas{min-height:56.25rem}
  .hero-saas__layout{width:min(calc(100% - 2rem),105rem);max-width:105rem;grid-template-columns:minmax(0,.52fr) minmax(0,1fr);gap:clamp(.75rem,1.5vw,1.5rem)}
  .hero-sales{width:105%;max-width:65rem;height:47.5rem;margin-left:-1.25rem}
  .sales-board{top:3%;right:auto;left:0;width:min(100%,61.25rem);min-height:40.625rem;padding:1.125rem;border-radius:1.5rem}
  .sales-board__header{min-height:4.5rem;padding:.25rem .35rem 1rem}
  .sales-board__brand{gap:.8rem}.sales-board__brand img{width:2.75rem;height:2.75rem}.sales-board__brand h2{font-size:1.125rem}.sales-board__brand p{font-size:.7rem}
  .sales-board__kpis{gap:.65rem}.sales-board__kpis>div{min-width:6.75rem;padding:.55rem .7rem}.sales-board__kpis dt{font-size:.64rem}.sales-board__kpis dd{font-size:1.2rem}
  .sales-kanban{grid-template-columns:repeat(5,minmax(9rem,1fr));gap:.625rem;padding-top:1rem}
  .sales-lane{min-height:33.25rem;padding:.55rem;border-radius:.875rem}.sales-lane h3{min-height:2.75rem;font-size:.75rem}.sales-lane h3 b{min-width:1.55rem;height:1.55rem;font-size:.68rem}
  .order-card{min-height:7.375rem;margin-top:.625rem;padding:.75rem;border-radius:.875rem}.order-card strong{font-size:.8125rem}.order-card header small,.order-card>small{font-size:.625rem}.order-card>b{margin-top:.5rem;font-size:.9375rem}.order-card p{min-height:2rem;margin-top:.3rem;font-size:.6875rem;line-height:1.35}.order-card em{font-size:.8rem}.order-status{margin-top:.5rem;padding:.25rem .44rem;font-size:.5625rem}
  .sales-float{width:11.75rem;padding:.7rem .8rem}.sales-float>svg{width:2.1rem;height:2.1rem}.sales-float small{font-size:.7rem}.sales-float strong{font-size:.875rem}
  .hero-sales .hero-saas__operator{right:-2%;bottom:-1%;width:clamp(17.5rem,21vw,20.625rem);height:42%}
}
@media (min-width:100rem){
  .hero-saas{min-height:60rem}
  .hero-saas__layout{width:min(calc(100% - 3rem),112rem);max-width:112rem;grid-template-columns:minmax(0,.49fr) minmax(0,1fr)}
  .hero-sales{width:108%;max-width:68.75rem;height:51rem;margin-left:-1.5rem}
  .sales-board{width:min(100%,65rem);min-height:42rem;padding:1.2rem}
  .sales-kanban{grid-template-columns:repeat(5,minmax(9.6875rem,1fr));gap:.7rem}
  .sales-lane{min-height:34rem}.hero-sales .hero-saas__operator{width:clamp(20.625rem,20vw,23.75rem);height:44%}
}
@media (min-width:75rem) and (max-width:99.9375rem){.sales-board{left:-2.5rem;width:min(64vw,61.25rem)}}
@media (min-width:100rem){.sales-board{left:-3rem;width:min(65vw,65rem)}}
@media (min-width:75rem) and (max-width:99.9375rem){
  .sales-board{max-width:61.25rem}.hero-sales .sales-float--approved{right:-1%}.hero-sales .sales-float--upsell{right:10%}.hero-sales .sales-float--delivery{right:-1%}
}
@media (min-width:48rem) and (max-width:74.9375rem){
  .hero-sales{max-width:100%;height:39rem}.sales-board{width:100%;max-width:100%;min-height:34rem;padding:1rem}.sales-kanban{grid-template-columns:repeat(5,minmax(9rem,1fr));gap:.55rem;overflow-x:auto}.order-card{min-height:6.5rem;padding:.65rem}.hero-sales .hero-saas__operator{width:28%;height:31%}
}
@media (max-width:40rem){.hero-saas{min-height:auto}.hero-sales{width:100%;height:29rem}.sales-board{width:100%;min-height:0;padding:.875rem}.sales-lane{min-height:17rem}.order-card{min-height:7rem}}

/* Final Hero alignment and QA layer */
.hero-saas{overflow:clip}
@media (min-width:75rem){
  .hero-saas{min-height:clamp(51.25rem,92vh,61.25rem)}
  .hero-saas__layout{grid-template-columns:minmax(25rem,.54fr) minmax(47.5rem,1fr);align-items:center;gap:clamp(1.5rem,2vw,2.5rem)}
  .hero-saas__content{min-width:0}.hero-saas h1{font-size:clamp(3.05rem,3.6vw,4.15rem)}
  .hero-sales{min-width:0}.sales-board{max-width:calc(100vw - 29rem)}
  .sales-lane{display:flex;flex-direction:column}.sales-lane .order-card{width:100%}
  .hero-sales .hero-saas__operator{z-index:9;right:-5%;bottom:-2%;max-height:22rem;opacity:.78}
  .sales-float{z-index:20}.sales-float--approved{right:0}.sales-float--upsell{right:13%}.sales-float--delivery{right:0}
}
@media (min-width:75rem) and (max-width:85.375rem){
  .hero-saas__layout{grid-template-columns:minmax(24rem,.52fr) minmax(46rem,1fr);gap:1.25rem}
  .hero-saas h1{font-size:clamp(2.9rem,3.7vw,3.35rem)}
  .sales-board{left:-1.25rem;width:min(63vw,54.5rem);max-width:calc(100vw - 25.5rem);padding:1rem}
  .sales-kanban{grid-template-columns:repeat(5,minmax(8.25rem,1fr));gap:.5rem}
  .sales-lane{padding:.45rem}.sales-lane h3{font-size:.69rem}.order-card{padding:.65rem}
  .sales-float--delivery{display:none}.sales-float--approved{right:.25rem}.sales-float--upsell{right:10%}
}
@media (min-width:48rem) and (max-width:74.9375rem){
  .hero-saas{min-height:auto;overflow:clip}.hero-saas__layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:2rem;padding-block:3rem}
  .hero-saas__content{width:min(100%,42rem);max-width:42rem}.hero-sales{width:100%;height:39rem;margin:0;overflow:hidden}
  .sales-board{top:0;right:0;left:0;width:100%;max-width:100%;min-height:35rem}.sales-kanban{padding-bottom:1.8rem;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--color-accent) rgba(255,255,255,.08)}
  .sales-board::after{position:absolute;right:1rem;bottom:.45rem;color:#a9bac3;font-size:.7rem;content:"Прокрутіть дошку →";pointer-events:none}
  .hero-sales .hero-saas__operator{z-index:9;right:-4%;bottom:-3%;width:24%;height:27%;opacity:.42}.sales-float{display:none}
}
@media (max-width:47.9375rem){
  .hero-saas{min-height:auto;overflow:hidden}.hero-saas__layout{grid-template-columns:minmax(0,1fr);gap:1.5rem}.hero-sales{width:100%;max-width:100%;height:29rem;margin:1.25rem 0 0;overflow:hidden}
  .hero-sales .hero-media{opacity:.22}.hero-sales .hero-saas__operator{display:none}.sales-board{top:0;right:0;left:0;width:100%;max-width:100%;min-height:0;padding:.875rem}
  .sales-board__header{align-items:flex-start}.sales-board__kpis{display:none}.sales-board__tabs{display:flex;gap:.3rem;margin-top:.65rem;overflow-x:auto;scrollbar-width:none;overscroll-behavior-inline:contain}.sales-board__tabs::-webkit-scrollbar{display:none}
  .sales-board__tabs button{flex:0 0 auto;min-height:2rem;padding:0 .55rem;border:1px solid rgba(255,255,255,.09);border-radius:1rem;background:rgba(255,255,255,.03);color:#92a5af;font-size:.68rem}.sales-board__tabs button[aria-selected=true]{border-color:rgba(139,92,246,.35);background:rgba(139,92,246,.12);color:var(--color-accent)}
  .sales-kanban{display:block;padding-top:.7rem;overflow:visible}.sales-lane{display:none;min-height:17rem}.sales-lane.is-active{display:block}.sales-lane h3{font-size:.72rem}.order-card{min-height:7rem;padding:.75rem}.order-card:nth-of-type(n+2){display:none}
  .sales-route,.sales-float{display:none}.hero-saas__actions,.hero-saas__actions a{width:100%}
}
@media(prefers-reduced-motion:reduce){.sales-board,.sales-lane,.order-card,.sales-float{scroll-behavior:auto;animation:none!important;transition:none!important}}

/* Unified lower-right sales workspace */
.hero-sales .hero-media::after{background:linear-gradient(90deg,var(--hero-bg) 0%,transparent 28%,transparent 76%,color-mix(in srgb,var(--hero-bg),transparent 18%) 100%),linear-gradient(0deg,var(--hero-bg) 0%,color-mix(in srgb,var(--hero-bg),transparent 34%) 14%,transparent 38%),radial-gradient(circle at 82% 48%,rgba(108,77,255,.1),transparent 32%)}
.sales-route{right:3%;bottom:7%;left:44%;width:53%;height:15%}.sales-route path{stroke:rgba(139,92,246,.34);stroke-width:1.25;filter:drop-shadow(0 0 2px rgba(139,92,246,.18))}
@media(min-width:75rem){
  .hero-sales .sales-board .hero-saas__operator{z-index:24;top:auto;right:-14%;bottom:0;width:clamp(22rem,25vw,28rem);height:58%;max-height:none;opacity:.9;filter:drop-shadow(-.75rem 0 1.5rem rgba(108,77,255,.16));-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 34%,#000 88%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 16%,#000 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0%,#000 34%,#000 88%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 16%,#000 100%);mask-composite:intersect}
  .hero-sales .hero-saas__operator img{object-position:63% bottom}
  .sales-float{z-index:26}.sales-float--approved{top:55%;right:9%;bottom:auto}.sales-float--delivery{top:72%;right:2%;bottom:auto}
  .sales-lane:nth-child(5){position:relative;z-index:23;background:rgba(9,23,32,.94)}
}
@media(min-width:75rem) and (max-width:85.375rem){
  .hero-sales .hero-saas__operator{right:-9%;bottom:8%;width:clamp(20rem,25vw,23rem);height:50%;opacity:.82}
  .sales-float--approved{top:57%;right:8%}.sales-float--delivery{display:flex;top:74%;right:1%;width:10.75rem}
}
@media(min-width:48rem) and (max-width:74.9375rem){
  .hero-sales .hero-saas__operator{z-index:9;right:-5%;bottom:0;width:28%;height:32%;opacity:.38}.sales-float{display:none}
}
@media(max-width:47.9375rem){.hero-sales .hero-saas__operator,.sales-float{display:none}}

/* Final operator and notification alignment */
@media(min-width:75rem){
  .sales-board{overflow:visible}
  .sales-kanban{z-index:2}.sales-route{z-index:3;right:8%;bottom:8%;left:48%;width:43%;height:12%}.sales-route path{stroke:rgba(139,92,246,.32)}
  .hero-sales .sales-board .hero-saas__operator{z-index:4;right:-18%;bottom:-2rem;width:clamp(20.5rem,23.5vw,26rem);height:54%;opacity:.9;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 38%,#000 90%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 20%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 38%,#000 90%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 20%,#000 100%)}
  .sales-lane:nth-child(5){z-index:2}
  .sales-float{z-index:5}.sales-float--approved{top:44%;right:18%;bottom:auto}.sales-float--delivery{top:61%;right:0;bottom:auto;width:10.5rem}
}
@media(min-width:75rem) and (max-width:85.375rem){
  .hero-sales .sales-board .hero-saas__operator{right:-20%;bottom:-1.75rem;width:clamp(19rem,22vw,21.5rem);height:50%}
  .sales-float--approved{top:46%;right:15%;width:10.75rem}.sales-float--delivery{display:none}
}
@media(min-width:85.4375rem) and (max-width:99.9375rem){.sales-float--approved{right:17%}.sales-float--delivery{right:0}}
@media(min-width:75rem){
  .hero-sales .sales-board .hero-saas__operator{right:-15%;bottom:-1.5rem}
  .hero-sales .sales-board .sales-float--approved{top:42%;right:11.5rem;bottom:auto}
  .hero-sales .sales-board .sales-float--delivery{top:65%;right:.75rem;bottom:auto;width:10.25rem}
}
@media(min-width:75rem) and (max-width:85.375rem){
  .hero-sales .sales-board .hero-saas__operator{right:-17%;bottom:-1.5rem}
  .hero-sales .sales-board .sales-float--approved{top:44%;right:9.5rem}
  .hero-sales .sales-board .sales-float--delivery{display:none}
}

/* Simplified sales story: one panel, four steps, one operator */
.hero-sales{height:clamp(36rem,43vw,42rem);overflow:visible}
.hero-sales .hero-media{inset:3% -5% 0 -4%;opacity:.38;filter:saturate(.72) brightness(.72)}
.hero-sales .sales-board{top:8%;right:0;left:0;width:100%;min-height:31rem;padding:1.25rem;overflow:hidden;border-color:rgba(118,221,205,.24);background:linear-gradient(145deg,rgba(8,20,29,.94),rgba(8,17,25,.88));box-shadow:0 2rem 5rem rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.07)}
.hero-sales .sales-board__header{min-height:4rem;padding:0 0 1rem}
.hero-sales .sales-board__kpis>div{min-width:6.4rem}
.hero-sales .sales-kanban{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;width:68%;padding-top:1rem;overflow:visible}
.hero-sales .sales-lane{display:block;min-height:8.7rem;padding:.85rem;border-color:rgba(255,255,255,.085);border-radius:.85rem;background:linear-gradient(145deg,rgba(19,39,51,.9),rgba(11,26,36,.9));box-shadow:inset 0 1px rgba(255,255,255,.045)}
.hero-sales .sales-lane__icon{display:grid;place-items:center;float:right;width:1.8rem;height:1.8rem;border:1px solid rgba(139,92,246,.18);border-radius:.55rem;background:rgba(139,92,246,.08);color:#a78bfa}
.hero-sales .sales-lane__icon svg{width:.9rem;height:.9rem}
.hero-sales .sales-lane h3{display:block;min-height:0;margin-bottom:.65rem;color:#dce8ed;font-size:.72rem}
.hero-sales .sales-lane>strong{display:block;color:#fff;font-size:.8rem}
.hero-sales .sales-lane>p{min-height:0;margin:.18rem 0;color:#9eb0ba;font-size:.68rem;line-height:1.35}
.hero-sales .sales-lane>b{display:block;color:#f5fafc;font-size:.82rem}
.hero-sales .sales-lane .order-status{margin-top:.55rem;font-size:.56rem}
.sales-board__flow{display:flex;align-items:center;gap:.48rem;width:68%;margin-top:1rem;color:#8da1ac;font-size:.64rem;font-weight:700;letter-spacing:.01em}
.sales-board__flow span{white-space:nowrap}.sales-board__flow svg{width:.75rem;height:.75rem;color:var(--color-accent)}
.hero-sales .sales-board .hero-saas__operator{z-index:4;right:-6%;bottom:-1%;width:38%;height:71%;opacity:.96;filter:drop-shadow(-.75rem 0 1.8rem rgba(108,77,255,.14));mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 91%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 12%,#000 100%)}
.hero-sales .sales-board .sales-float--approved{z-index:6;top:auto;right:1rem;bottom:1.2rem;width:11.5rem}
.hero-sales .sales-board::after{display:none}

@media(max-width:74.9375rem){
  .hero-sales{height:35rem}
  .hero-sales .sales-board{top:2%;min-height:31rem}
  .hero-sales .sales-kanban{width:72%}
  .hero-sales .sales-lane:nth-child(4){display:none}
  .sales-board__flow{width:72%}
  .hero-sales .sales-board .hero-saas__operator{display:block;right:-8%;bottom:0;width:38%;height:61%;opacity:.72}
  .hero-sales .sales-board .sales-float--approved{display:none}
}
@media(max-width:47.9375rem){
  .hero-sales{height:31rem;margin-top:var(--space-5)}
  .hero-sales .hero-media{opacity:.22}
  .hero-sales .sales-board{top:0;min-height:0;padding:.875rem}
  .hero-sales .sales-board__header{min-height:0;padding-bottom:.75rem}
  .hero-sales .sales-board__brand img{width:2rem;height:2rem}
  .hero-sales .sales-kanban{grid-template-columns:1fr 1fr;gap:.5rem;width:100%;padding-top:.7rem}
  .hero-sales .sales-lane{min-height:8.2rem;padding:.65rem}
  .hero-sales .sales-lane:nth-child(3){grid-column:1/-1;min-height:7.2rem}
  .hero-sales .sales-lane:nth-child(4){display:none}
  .hero-sales .sales-lane h3{font-size:.65rem}.hero-sales .sales-lane>strong{font-size:.72rem}.hero-sales .sales-lane>p{font-size:.61rem}.hero-sales .sales-lane>b{font-size:.72rem}
  .hero-sales .sales-lane__icon{width:1.55rem;height:1.55rem}
  .sales-board__flow{justify-content:center;width:100%;margin-top:.75rem;font-size:.54rem}.sales-board__flow span:nth-of-type(3),.sales-board__flow span:nth-of-type(4),.sales-board__flow svg:nth-of-type(n+3){display:none}
  .hero-sales .sales-board .hero-saas__operator{display:none}
}

/* Premium violet / blue color theme (color-only overrides) */
.hero-saas::before{background:radial-gradient(circle at 80% 10%,rgba(108,77,255,.12),transparent 35%),radial-gradient(circle at 50% 100%,rgba(56,189,248,.08),transparent 40%),var(--bg-primary)}
.hero-saas h1 span{background:linear-gradient(90deg,#a78bfa 0%,#8b5cf6 45%,#38bdf8 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-saas__logo-launch{display:inline-flex;align-items:center;gap:.8rem;width:auto;padding:.48rem .85rem .48rem .5rem;border:1px solid rgba(139,92,246,.2);border-radius:.8rem;background:linear-gradient(135deg,rgba(21,28,47,.72),rgba(13,17,32,.42));box-shadow:0 .75rem 2rem rgba(0,0,0,.2),0 0 1.75rem rgba(108,77,255,.1);filter:none;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:border-color var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-emphasized)}
.hero-saas__logo-launch:hover{border-color:rgba(139,92,246,.42);box-shadow:0 .85rem 2.2rem rgba(0,0,0,.24),0 0 2rem rgba(108,77,255,.16);transform:translateY(-1px)}
.hero-brand__mark{position:relative;display:grid;place-items:center;flex:0 0 auto;width:3.35rem;height:3.35rem;overflow:hidden;border:1px solid rgba(167,139,250,.2);border-radius:.65rem;background:linear-gradient(145deg,rgba(108,77,255,.2),rgba(56,189,248,.07) 70%),#0d1120;box-shadow:inset 0 1px rgba(255,255,255,.07),0 0 1.35rem rgba(108,77,255,.14)}
.hero-brand__mark::after{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 42%);content:"";pointer-events:none}
.hero-brand__mark img{position:relative;z-index:1;width:2rem;height:2rem;filter:hue-rotate(210deg) saturate(.58) brightness(1.02)}
.hero-brand__wordmark{display:grid;align-content:center;gap:.18rem;min-width:0;line-height:1}
.hero-brand__wordmark strong{color:#f8fafc;font-family:var(--font-display);font-size:1.42rem;font-weight:800;letter-spacing:-.035em}
.hero-brand__wordmark small{color:#94a3b8;font-family:var(--font-sans);font-size:.56rem;font-weight:700;letter-spacing:.24em;white-space:nowrap}
@media(max-width:40rem){.hero-saas__logo-launch{gap:.65rem;padding:.4rem .72rem .4rem .42rem}.hero-brand__mark{width:2.9rem;height:2.9rem}.hero-brand__mark img{width:1.75rem;height:1.75rem}.hero-brand__wordmark strong{font-size:1.2rem}.hero-brand__wordmark small{font-size:.5rem;letter-spacing:.2em}}
.sales-board__brand img{filter:hue-rotate(210deg) saturate(.78)}
.hero-saas__button--primary{background:linear-gradient(135deg,#6c4dff,#8b5cf6);box-shadow:0 12px 35px rgba(108,77,255,.22);color:#fff}
.hero-saas__button--primary:hover{background:linear-gradient(135deg,#7c5cff,#a78bfa)}
.hero-saas__button--secondary{border-color:rgba(139,92,246,.35);background:rgba(17,24,39,.65);color:#e2e8f0}
.hero-saas__button--secondary:hover{border-color:rgba(139,92,246,.65)}
.hero-sales .sales-board{border-color:rgba(139,92,246,.25);background:rgba(8,11,20,.88);box-shadow:0 2rem 5rem rgba(0,0,0,.38),0 0 3rem rgba(108,77,255,.1),inset 0 1px rgba(255,255,255,.06)}
.hero-sales .sales-lane{border-color:rgba(148,163,184,.12);background:#111827}
.hero-sales .sales-lane:hover{border-color:rgba(139,92,246,.5)}
.hero-sales .sales-lane__icon{border-color:rgba(139,92,246,.28);background:rgba(139,92,246,.14);color:#a78bfa}
.order-status--new{background:rgba(56,189,248,.14);color:#38bdf8}.order-status--work{background:rgba(245,158,11,.14);color:#f59e0b}.order-status--approved{background:rgba(139,92,246,.16);color:#a78bfa}.order-status--upsell{background:rgba(167,139,250,.15);color:#a78bfa}.order-status--delivery{background:rgba(34,211,238,.14);color:#22d3ee}
.sales-float{border-color:rgba(139,92,246,.28);background:rgba(13,17,32,.94);box-shadow:0 1rem 2rem rgba(0,0,0,.3),0 0 2rem rgba(108,77,255,.16)}.sales-float>svg{background:rgba(139,92,246,.14);color:#a78bfa}
.form-grid input:not([type=checkbox]),.form-grid select,.form-grid textarea{border-color:rgba(148,163,184,.18);background:#0d1120}.form-grid input:focus-visible,.form-grid select:focus-visible,.form-grid textarea:focus-visible{outline:0;border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.12)}
.contact__submit,.contact__state button,.final-offer__action a{background:linear-gradient(135deg,#6c4dff,#8b5cf6);color:#fff;box-shadow:0 12px 35px rgba(108,77,255,.22)}

/* Services typography and text contrast */
.ug-services__content h2{color:#f8fafc;font-family:"Manrope","Inter",sans-serif;font-weight:800;letter-spacing:-.03em;line-height:.99}
.ug-services__content h2 em{background:linear-gradient(90deg,#8b5cf6 0%,#7c86ff 45%,#44c8ff 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.ug-services__lead{color:rgba(226,232,240,.82);font-family:"Manrope","Inter",sans-serif;font-weight:400;line-height:1.65}
.ug-services__benefits strong{color:#f8fafc;font-family:"Manrope","Inter",sans-serif;font-weight:700}.ug-services__benefits small{color:rgba(203,213,225,.78);font-family:"Manrope","Inter",sans-serif;line-height:1.55}.ug-services__cta{color:#e2e8f0;border-bottom-color:rgba(226,232,240,.55)}
.ug-service-card__top b{color:rgba(248,250,252,.32);font-family:"Manrope","Inter",sans-serif;font-weight:700;letter-spacing:.12em}
.ug-service-card h3{color:#f8fafc;font-family:"Manrope","Inter",sans-serif;font-weight:800;letter-spacing:-.018em;line-height:1.25}
.ug-service-card p{color:rgba(203,213,225,.82);font-family:"Manrope","Inter",sans-serif;font-weight:400;line-height:1.55}
.ug-service-card__metric{font-family:"Manrope","Inter",sans-serif;font-weight:700;text-shadow:0 1px rgba(0,0,0,.18)}
.ug-service-card:nth-child(1) .ug-service-card__metric,.ug-service-card:nth-child(5) .ug-service-card__metric{border-color:rgba(56,189,248,.28);background:rgba(56,189,248,.12);color:#7dd3fc}
.ug-service-card:nth-child(2) .ug-service-card__metric,.ug-service-card:nth-child(6) .ug-service-card__metric{border-color:rgba(249,115,22,.28);background:rgba(249,115,22,.12);color:#fdba74}
.ug-service-card:nth-child(3) .ug-service-card__metric,.ug-service-card:nth-child(8) .ug-service-card__metric{border-color:rgba(245,158,11,.3);background:rgba(245,158,11,.12);color:#fcd34d}
.ug-service-card:nth-child(4) .ug-service-card__metric,.ug-service-card:nth-child(7) .ug-service-card__metric{border-color:rgba(139,92,246,.32);background:rgba(139,92,246,.14);color:#c4b5fd}

/* Animated call demo */
.call-demo{position:relative;isolation:isolate;overflow:clip;background:radial-gradient(circle at 78% 45%,rgba(108,77,255,.13),transparent 30%),radial-gradient(circle at 67% 75%,rgba(56,189,248,.07),transparent 30%),#080b14;color:#f8fafc}
.call-demo__layout{display:grid;grid-template-columns:minmax(0,.82fr) minmax(22rem,1.18fr);align-items:center;gap:clamp(3rem,8vw,8rem)}.call-demo__content{max-width:38rem}.call-demo__eyebrow{display:flex;align-items:center;gap:.6rem;color:#a78bfa;font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.call-demo__eyebrow span{width:1.5rem;height:1px;background:currentColor}.call-demo__content h2{margin-top:1.25rem;font-size:clamp(2.6rem,4.5vw,4.75rem);font-weight:800;letter-spacing:-.04em;line-height:.98}.call-demo__content>p:last-of-type{max-width:35rem;margin-top:1.5rem;color:#cbd5e1;font-size:clamp(1rem,1.25vw,1.15rem);line-height:1.65}.call-demo__route{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:2rem;padding:0;list-style:none;color:#94a3b8;font-size:.75rem;font-weight:700}.call-demo__route li{display:flex;align-items:center;gap:.6rem}.call-demo__route li:not(:last-child)::after{color:#8b5cf6;content:"→"}
.call-demo__visual{position:relative;display:grid;place-items:center;min-width:0;min-height:42rem;opacity:0;transform:translateY(2rem);transition:opacity .55s var(--ease-standard),transform .65s var(--ease-emphasized)}.call-demo.is-visible .call-demo__visual{opacity:1;transform:none}.call-phone{position:relative;z-index:2;width:clamp(17.5rem,24vw,22rem);filter:drop-shadow(0 2.5rem 4rem rgba(0,0,0,.5))}.call-phone__frame{padding:.55rem;border:1px solid rgba(203,213,225,.2);border-radius:3.2rem;background:linear-gradient(145deg,#27314a,#080b14 38%,#1d2840 72%,#080b14);box-shadow:inset 0 1px rgba(255,255,255,.18),inset 0 -1px rgba(255,255,255,.08),0 0 2.5rem rgba(108,77,255,.14)}.call-phone__screen{position:relative;display:flex;flex-direction:column;align-items:center;min-height:41rem;padding:1rem 1.15rem 1.4rem;overflow:hidden;border:1px solid rgba(255,255,255,.06);border-radius:2.7rem;background:radial-gradient(circle at 50% 27%,rgba(139,92,246,.17),transparent 28%),linear-gradient(180deg,#0d1120,#111827);box-shadow:inset 0 0 3rem rgba(56,189,248,.035)}.call-phone__sensor{display:flex;align-items:center;justify-content:center;gap:.45rem;width:5.6rem;height:1.3rem;border-radius:1rem;background:#05070d}.call-phone__sensor i{width:2.35rem;height:.25rem;border-radius:1rem;background:#273148}.call-phone__sensor b{width:.38rem;height:.38rem;border-radius:50%;background:#18223a;box-shadow:inset 0 0 .18rem #38bdf8}.call-phone__header{display:grid;justify-items:center;margin-top:1.1rem}.call-phone__header span{color:#f8fafc;font-size:1.05rem;font-weight:800;opacity:0;transform:translateY(.4rem);transition:.35s ease .4s}.call-demo.is-visible .call-phone__header span{opacity:1;transform:none}.call-phone__header strong{margin-top:.3rem;color:#94a3b8;font-size:.75rem;font-weight:600}.call-phone__header time{height:1.1rem;margin-top:.2rem;color:#a78bfa;font:700 .72rem/1 var(--font-mono);opacity:0}.call-demo.is-connected .call-phone__header time{opacity:1}
.call-phone__avatar{position:relative;display:grid;place-items:center;width:7rem;height:7rem;margin-top:1.3rem;border:1px solid rgba(167,139,250,.3);border-radius:50%;background:linear-gradient(145deg,rgba(139,92,246,.27),rgba(56,189,248,.1));box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 2rem rgba(108,77,255,.15)}.call-phone__avatar>svg{width:2.6rem;height:2.6rem;color:#e2e8f0}.call-phone__ring{position:absolute;inset:-.15rem;border:1px solid rgba(139,92,246,.36);border-radius:50%;opacity:0}.call-demo.is-ringing .call-phone__ring{animation:call-ring 1.8s ease-out infinite}.call-demo.is-ringing .call-phone__ring--two{animation-delay:.65s}.call-phone__wave{display:flex;align-items:center;justify-content:center;gap:.25rem;height:1.8rem;margin-top:.8rem;opacity:0;transition:opacity .3s}.call-demo.is-connected .call-phone__wave{opacity:1}.call-phone__wave i{width:.22rem;height:1rem;border-radius:1rem;background:linear-gradient(#8b5cf6,#38bdf8);animation:call-wave .85s ease-in-out infinite alternate}.call-phone__wave i:nth-child(2),.call-phone__wave i:nth-child(6){height:1.45rem;animation-delay:-.35s}.call-phone__wave i:nth-child(3),.call-phone__wave i:nth-child(5){height:.7rem;animation-delay:-.55s}.call-phone__wave i:nth-child(4){height:1.65rem;animation-delay:-.18s}
.call-phone__controls{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem .55rem;width:100%;margin-top:1rem}.call-phone__controls span{display:grid;justify-items:center;gap:.35rem;color:#cbd5e1}.call-phone__controls svg{width:1rem;height:1rem}.call-phone__controls span>svg{box-sizing:content-box;padding:.65rem;border:1px solid rgba(148,163,184,.15);border-radius:50%;background:rgba(255,255,255,.045)}.call-phone__controls small,.call-phone__actions small{font-size:.53rem}.call-phone__actions{display:flex;justify-content:center;gap:2.3rem;width:100%;margin-top:auto;padding-top:1rem}.call-phone__actions span{display:grid;justify-items:center;gap:.35rem}.call-phone__actions svg{box-sizing:content-box;width:1.15rem;height:1.15rem;padding:.78rem;border-radius:50%;color:#fff}.call-phone__decline svg{background:#d85f68}.call-phone__accept svg{background:linear-gradient(135deg,#6c4dff,#38bdf8);box-shadow:0 0 1.5rem rgba(108,77,255,.3)}.call-demo.is-accepting .call-phone__accept{animation:call-accept .65s ease}.call-demo.is-connected .call-phone__accept{display:none}.call-demo.is-connected .call-phone__decline svg{padding-inline:1.45rem;border-radius:1.2rem}.call-demo.is-connected .call-phone__decline small{font-size:0}.call-demo.is-connected .call-phone__decline small::after{font-size:.53rem;content:"Завершити"}
.call-demo__notice{position:absolute;z-index:3;display:flex;align-items:center;gap:.65rem;width:12.5rem;padding:.75rem;border:1px solid rgba(139,92,246,.27);border-radius:.8rem;background:rgba(13,17,32,.94);box-shadow:0 1.2rem 2.5rem rgba(0,0,0,.3),0 0 1.8rem rgba(108,77,255,.12);opacity:0;transform:translateY(.75rem) scale(.97);transition:opacity .35s ease,transform .4s var(--ease-emphasized);backdrop-filter:blur(12px)}.call-demo__notice>svg{box-sizing:content-box;width:1.15rem;height:1.15rem;padding:.55rem;border-radius:.55rem;background:rgba(139,92,246,.14);color:#a78bfa}.call-demo__notice span,.call-demo__notice strong,.call-demo__notice small{display:block}.call-demo__notice small{color:#94a3b8;font-size:.62rem}.call-demo__notice strong{margin-top:.12rem;color:#f8fafc;font-size:.8rem}.call-demo__notice--confirmed{top:18%;right:0}.call-demo__notice--upsell{top:47%;left:0}.call-demo__notice--delivery{right:1%;bottom:13%}.call-demo.show-confirmed .call-demo__notice--confirmed,.call-demo.show-upsell .call-demo__notice--upsell,.call-demo.show-delivery .call-demo__notice--delivery{opacity:1;transform:none}
@keyframes call-ring{0%{opacity:.55;transform:scale(1)}100%{opacity:0;transform:scale(1.65)}}@keyframes call-wave{to{transform:scaleY(.35)}}@keyframes call-accept{50%{filter:brightness(1.25);transform:scale(1.1)}}
@media(max-width:64rem){.call-demo__layout{grid-template-columns:minmax(0,1fr)}.call-demo__content{max-width:46rem}.call-demo__visual{min-height:39rem}.call-phone{width:clamp(17rem,35vw,20rem)}.call-phone__screen{min-height:37rem}.call-demo__notice--confirmed{right:12%}.call-demo__notice--upsell{left:12%}.call-demo__notice--delivery{right:13%}}
@media(max-width:47.9375rem){.call-demo__content h2{font-size:clamp(2.25rem,10vw,3rem)}.call-demo__route{gap:.45rem;font-size:.67rem}.call-demo__visual{min-height:35rem}.call-phone{width:clamp(14rem,68vw,17rem)}.call-phone__frame{border-radius:2.7rem}.call-phone__screen{min-height:32rem;padding:.8rem .85rem 1rem;border-radius:2.3rem}.call-phone__avatar{width:5.6rem;height:5.6rem;margin-top:1rem}.call-phone__controls{gap:.55rem .35rem}.call-phone__controls span>svg{padding:.52rem}.call-phone__actions{gap:1.7rem}.call-demo__notice{width:10.5rem;padding:.6rem}.call-demo__notice--confirmed{top:17%;right:0}.call-demo__notice--upsell{left:0;top:52%}.call-demo__notice--delivery{right:0;bottom:8%}.call-demo.show-confirmed .call-demo__notice--upsell{opacity:0}.call-demo__notice small{font-size:.55rem}.call-demo__notice strong{font-size:.7rem}}
@media(max-width:30rem){.call-demo__visual{min-height:34rem}.call-demo__notice--confirmed,.call-demo__notice--upsell{display:none}.call-demo__notice--delivery{right:50%;bottom:0;transform:translate(50%,.75rem)}.call-demo.show-delivery .call-demo__notice--delivery{transform:translateX(50%)}}
@media(prefers-reduced-motion:reduce){.call-demo__visual,.call-phone__header span,.call-demo__notice{opacity:1;transform:none;transition:none}.call-phone__ring{display:none}.call-phone__wave i{animation:none}.call-demo__notice--confirmed{display:none}}

/* Hero order conveyor */
.hero-sales{height:37rem}.hero-sales .sales-board.order-conveyor{display:block;min-height:33rem;padding:1rem;overflow:hidden;border-color:rgba(139,92,246,.24);background:linear-gradient(145deg,rgba(13,17,32,.96),rgba(17,24,39,.93));font-family:"Manrope","Inter",sans-serif}.order-conveyor__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:.8rem;border-bottom:1px solid rgba(148,163,184,.12)}.order-conveyor__brand{display:flex;align-items:center;gap:.65rem;min-width:0}.order-conveyor__brand img{flex:0 0 auto;width:2.2rem;height:2.2rem;filter:hue-rotate(210deg) saturate(.65)}.order-conveyor__brand h2{color:#f8fafc;font-size:.88rem;font-weight:800;letter-spacing:-.02em;line-height:1.2}.order-conveyor__brand p{display:flex;align-items:center;gap:.35rem;margin-top:.18rem;color:#94a3b8;font-size:.52rem;font-weight:650}.order-conveyor__brand p i,.order-conveyor__live>i{flex:0 0 auto;width:.36rem;height:.36rem;border-radius:50%;background:#38bdf8;box-shadow:0 0 .65rem rgba(56,189,248,.5);animation:conveyor-pulse 1.8s ease-in-out infinite}.order-conveyor__today{text-align:right}.order-conveyor__today small{display:block;color:#94a3b8;font-size:.48rem;font-weight:650}.order-conveyor__today strong{display:block;margin-top:.12rem;color:#f8fafc;font-size:1rem;font-weight:800;line-height:1}.order-conveyor__today strong span{color:#a78bfa;font-size:.5rem;font-weight:700}
.order-conveyor__process{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:.55rem;min-height:23.5rem;padding:2.25rem 0 1.3rem}.order-conveyor__track{position:absolute;top:50%;right:8%;left:8%;z-index:0;height:1px;background:linear-gradient(90deg,rgba(56,189,248,.26),rgba(139,92,246,.38),rgba(56,189,248,.26))}.order-conveyor__track i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#38bdf8,#8b5cf6,#38bdf8);box-shadow:0 0 .55rem rgba(108,77,255,.3);transform:scaleX(0);transform-origin:left;animation:conveyor-progress 12s ease-in-out infinite}.order-conveyor__dot{position:absolute;top:calc(50% - .22rem);left:10%;z-index:4;width:.44rem;height:.44rem;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#38bdf8);box-shadow:0 0 .7rem rgba(56,189,248,.7);animation:conveyor-dot-desktop 12s ease-in-out infinite}.conveyor-stage{position:relative;z-index:2;align-self:center;min-width:0;min-height:11.5rem;padding:.65rem;border:1px solid rgba(148,163,184,.12);border-radius:.75rem;background:linear-gradient(145deg,rgba(21,28,47,.93),rgba(13,17,32,.94));box-shadow:inset 0 1px rgba(255,255,255,.04),0 .8rem 1.5rem rgba(0,0,0,.18);opacity:.72;transition:border-color .3s ease,opacity .3s ease,transform .3s ease;animation:conveyor-stage 12s ease-in-out infinite}.conveyor-stage--lead{animation-delay:0s}.conveyor-stage--call{min-height:13.5rem;animation-delay:-10.8s}.conveyor-stage--confirmed{animation-delay:-9.3s}.conveyor-stage--upsell{animation-delay:-7.9s}.conveyor-stage--delivery{animation-delay:-6.5s}.conveyor-stage>header{display:flex;align-items:center;justify-content:space-between;gap:.35rem;padding-bottom:.5rem;border-bottom:1px solid rgba(148,163,184,.1)}.conveyor-stage>header>b{color:rgba(203,213,225,.3);font-size:.48rem;font-weight:800;letter-spacing:.08em}.conveyor-stage>header>span{display:flex;align-items:center;gap:.25rem;color:#cbd5e1;font-size:.44rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.conveyor-stage>header svg{width:.67rem;height:.67rem;color:#8b5cf6}.conveyor-stage--lead>header svg,.conveyor-stage--delivery>header svg{color:#38bdf8}.conveyor-stage__body{padding-top:.65rem}.conveyor-stage__body strong,.conveyor-stage__body b,.conveyor-stage__body p{display:block}.conveyor-stage__body strong{color:#f8fafc;font-size:.59rem;font-weight:800;line-height:1.25}.conveyor-stage__body>b{margin-top:.35rem;color:#c4b5fd;font-size:.7rem;font-weight:800;line-height:1.15}.conveyor-stage__body p{margin-top:.28rem;color:#94a3b8;font-size:.47rem;line-height:1.4}.conveyor-stage__body footer{display:flex;align-items:center;justify-content:space-between;gap:.3rem;margin-top:.65rem}.conveyor-stage__body footer span,.conveyor-stage__body footer em{padding:.23rem .35rem;border:1px solid rgba(56,189,248,.17);border-radius:99rem;background:rgba(56,189,248,.06);color:#7dd3fc;font-size:.39rem;font-style:normal;font-weight:750}.conveyor-stage__body footer em{border-color:rgba(139,92,246,.22);background:rgba(139,92,246,.09);color:#c4b5fd}.conveyor-stage--upsell .conveyor-stage__body strong{background:linear-gradient(90deg,#a78bfa,#38bdf8);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-size:1rem}.conveyor-stage__parcel{position:absolute;right:.45rem;bottom:.45rem;width:1.25rem;height:1.25rem;color:rgba(56,189,248,.15)}
.conveyor-call{display:grid;grid-template-columns:2.65rem minmax(0,1fr);align-items:center;gap:.55rem;padding-top:.65rem}.conveyor-call>img{width:2.65rem;height:3.15rem;border:1px solid rgba(139,92,246,.24);border-radius:.6rem;object-fit:cover;object-position:58% 35%;background:#111827}.conveyor-call strong,.conveyor-call small,.conveyor-call p{display:block}.conveyor-call strong{color:#f8fafc;font-size:.6rem;font-weight:800}.conveyor-call small{margin-top:.1rem;color:#94a3b8;font-size:.42rem}.conveyor-call p{display:flex;align-items:center;gap:.25rem;margin-top:.45rem;color:#cbd5e1;font-size:.43rem;font-weight:700;line-height:1.25}.conveyor-call p i{flex:0 0 auto;width:.32rem;height:.32rem;border-radius:50%;background:#38bdf8;box-shadow:0 0 .45rem rgba(56,189,248,.55);animation:conveyor-pulse 1.2s ease-in-out infinite}.conveyor-call__wave{display:flex;align-items:center;gap:.12rem;height:1.1rem;margin-top:.4rem}.conveyor-call__wave>i{width:.1rem;height:.35rem;border-radius:1rem;background:linear-gradient(#8b5cf6,#38bdf8);animation:conveyor-wave .65s ease-in-out infinite alternate}.conveyor-call__wave>i:nth-child(2n){height:.7rem;animation-delay:-.3s}.conveyor-call__wave>i:nth-child(3n){height:.5rem;animation-delay:-.48s}.conveyor-call__wave time{margin-left:auto;color:#a78bfa;font:700 .42rem/1 var(--font-mono)}.order-conveyor__footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.75rem;border-top:1px solid rgba(148,163,184,.11)}.order-conveyor__footer strong{display:block;color:#f8fafc;font-size:.65rem;font-weight:800}.order-conveyor__footer p{margin-top:.18rem;color:#94a3b8;font-size:.47rem;line-height:1.35}.order-conveyor__live{display:flex;align-items:center;gap:.3rem;flex:0 0 auto;padding:.38rem .52rem;border:1px solid rgba(56,189,248,.16);border-radius:99rem;background:rgba(56,189,248,.05);color:#94a3b8;font-size:.4rem;font-weight:650}.order-conveyor__live b{color:#7dd3fc;font-size:.4rem;letter-spacing:.05em}
@keyframes conveyor-pulse{0%,100%{opacity:.5;transform:scale(.86)}50%{opacity:1;transform:scale(1.12)}}@keyframes conveyor-wave{to{transform:scaleY(.35)}}@keyframes conveyor-progress{0%,3%{transform:scaleX(0)}48%,82%{transform:scaleX(1)}94%,100%{opacity:0;transform:scaleX(1)}}@keyframes conveyor-stage{0%,10%,78%,100%{border-color:rgba(148,163,184,.12);box-shadow:inset 0 1px rgba(255,255,255,.04),0 .8rem 1.5rem rgba(0,0,0,.18);opacity:.72;transform:translateY(0)}14%,30%{border-color:rgba(139,92,246,.46);box-shadow:inset 0 1px rgba(255,255,255,.06),0 .8rem 1.5rem rgba(0,0,0,.2),0 0 1rem rgba(108,77,255,.12);opacity:1;transform:translateY(-.2rem)}}@keyframes conveyor-dot-desktop{0%,4%{left:10%;opacity:0}7%{opacity:1}14%{left:10%}25%{left:30%}38%{left:50%}51%{left:70%}64%,82%{left:90%;opacity:1}92%,100%{left:90%;opacity:0}}
@media(max-width:74.9375rem){.hero-sales{height:47rem}.hero-sales .sales-board.order-conveyor{min-height:43rem}.order-conveyor__process{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"lead call confirmed" "upsell delivery .";align-items:stretch;gap:.7rem;min-height:34rem;padding:1rem 0}.conveyor-stage{align-self:stretch;min-height:12rem}.conveyor-stage--lead{grid-area:lead}.conveyor-stage--call{grid-area:call}.conveyor-stage--confirmed{grid-area:confirmed}.conveyor-stage--upsell{grid-area:upsell}.conveyor-stage--delivery{grid-area:delivery}.order-conveyor__track{top:25%;right:10%;bottom:25%;left:10%;height:auto;border-top:1px solid rgba(139,92,246,.32);border-left:1px solid rgba(139,92,246,.24);background:none}.order-conveyor__track::after{position:absolute;right:20%;bottom:0;left:0;height:1px;background:linear-gradient(90deg,rgba(56,189,248,.26),rgba(139,92,246,.35));content:""}.order-conveyor__track i{display:none}.order-conveyor__dot{top:24.5%;animation-name:conveyor-dot-tablet}.order-conveyor__footer p{max-width:26rem}}@keyframes conveyor-dot-tablet{0%,4%{top:24.5%;left:16%;opacity:0}7%{opacity:1}14%{top:24.5%;left:16%}25%{top:24.5%;left:50%}38%{top:24.5%;left:83%}51%{top:74.5%;left:16%}64%,82%{top:74.5%;left:50%;opacity:1}92%,100%{top:74.5%;left:50%;opacity:0}}
@media(max-width:47.9375rem){.hero-sales{height:70rem}.hero-sales .sales-board.order-conveyor{min-height:66rem;padding:.75rem}.order-conveyor__brand h2{font-size:.75rem}.order-conveyor__brand p{font-size:.46rem}.order-conveyor__brand img{width:1.9rem;height:1.9rem}.order-conveyor__today small{font-size:.42rem}.order-conveyor__today strong{font-size:.82rem}.order-conveyor__process{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"lead" "call" "confirmed" "upsell" "delivery";gap:.55rem;min-height:57rem;padding:.8rem 0 .65rem 1.25rem}.conveyor-stage,.conveyor-stage--call{min-height:0;padding:.6rem}.conveyor-stage__body{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.2rem .6rem;padding-top:.5rem}.conveyor-stage__body p{grid-column:1/-1;margin-top:0}.conveyor-stage__body>b{margin-top:0}.conveyor-stage__body footer{grid-column:1/-1;margin-top:.3rem}.conveyor-call{padding-top:.5rem}.order-conveyor__track{top:3%;bottom:3%;left:.45rem;width:1px;height:auto;border:0;background:linear-gradient(rgba(56,189,248,.25),rgba(139,92,246,.38),rgba(56,189,248,.25))}.order-conveyor__track::after{display:none}.order-conveyor__dot{top:7%;left:.24rem;animation-name:conveyor-dot-mobile}.order-conveyor__footer{align-items:flex-start}.order-conveyor__footer p{max-width:18rem}.order-conveyor__live{padding:.35rem}.order-conveyor__live{font-size:0}.order-conveyor__live b{font-size:.4rem}}@keyframes conveyor-dot-mobile{0%,4%{top:7%;left:.24rem;opacity:0}7%{opacity:1}14%{top:7%}25%{top:28%}38%{top:49%}51%{top:69%}64%,82%{top:90%;opacity:1}92%,100%{top:90%;opacity:0}}
@media(max-width:30rem){.hero-sales{height:67rem}.hero-sales .sales-board.order-conveyor{min-height:63rem}.order-conveyor__process{min-height:54rem}.order-conveyor__footer p{font-size:.44rem}.order-conveyor__today strong span{display:none}}
@media(prefers-reduced-motion:reduce){.order-conveyor__track i{transform:scaleX(1);animation:none}.order-conveyor__dot{display:none}.conveyor-stage{border-color:rgba(139,92,246,.24);opacity:1;transform:none;animation:none}.order-conveyor__brand p i,.order-conveyor__live>i,.conveyor-call p i,.conveyor-call__wave>i{animation:none}}

/* Conveyor legibility and compact mobile sizing */
.conveyor-stage>header>b{font-size:.5rem}.conveyor-stage>header>span{font-size:.48rem;letter-spacing:.035em}.conveyor-stage__body strong{font-size:.63rem}.conveyor-stage__body>b{font-size:.73rem}.conveyor-stage__body p{font-size:.5rem}
@media(max-width:47.9375rem){.hero-sales{height:50rem}.hero-sales .sales-board.order-conveyor{min-height:46rem}.order-conveyor__process{grid-auto-rows:auto;align-items:start;min-height:0}.conveyor-stage,.conveyor-stage--call{align-self:start;min-height:0}}
@media(max-width:30rem){.hero-sales{height:52rem}.hero-sales .sales-board.order-conveyor{min-height:48rem}.order-conveyor__process{min-height:0}}

/* Final premium conveyor finish */
.hero-sales .sales-board.order-conveyor{border:1px solid rgba(139,92,246,.24);border-radius:1.65rem;background:radial-gradient(circle at 54% 46%,rgba(108,77,255,.055),transparent 38%),linear-gradient(145deg,rgba(17,24,39,.94),rgba(8,11,20,.96));box-shadow:inset 0 1px rgba(255,255,255,.045),0 1.875rem 5.625rem rgba(0,0,0,.35),0 0 2.5rem rgba(108,77,255,.055)}.order-conveyor__kpis{display:flex;align-items:center;gap:.55rem}.order-conveyor__kpis>div{min-width:4.8rem;padding-left:.55rem;border-left:1px solid rgba(148,163,184,.12);text-align:right}.order-conveyor__kpis small{display:block;color:#94a3b8;font-size:.52rem;font-weight:650;line-height:1.2}.order-conveyor__kpis strong{display:block;margin-top:.16rem;color:#f8fafc;font-size:.9rem;font-weight:800;line-height:1}.order-conveyor__kpis strong span{color:#a78bfa;font-size:.5rem;font-weight:700}.order-conveyor__today{text-align:right}.order-conveyor__dot{top:calc(50% - .1875rem);width:.375rem;height:.375rem;background:linear-gradient(135deg,#a78bfa,#38bdf8);box-shadow:0 0 .875rem rgba(139,92,246,.45)}.conveyor-stage{border-radius:.8rem;transform-origin:center;will-change:opacity,transform}.conveyor-stage>header>b{font-size:.68rem}.conveyor-stage>header>span{font-size:.68rem;letter-spacing:.04em}.conveyor-stage>header svg{width:.78rem;height:.78rem}.conveyor-stage__body strong{font-size:.82rem;line-height:1.28}.conveyor-stage__body>b{font-size:1.05rem}.conveyor-stage__body p{font-size:.68rem;line-height:1.45}.conveyor-stage__body footer span,.conveyor-stage__body footer em{font-size:.57rem}.conveyor-stage--upsell .conveyor-stage__body strong{font-size:1.35rem}.conveyor-stage--upsell .conveyor-stage__body>b{font-size:.76rem}.conveyor-call{grid-template-columns:3.15rem minmax(0,1fr)}.conveyor-call>img{width:3.15rem;height:3.75rem}.conveyor-call strong{font-size:.82rem}.conveyor-call small{font-size:.62rem}.conveyor-call p{font-size:.65rem}.conveyor-call__wave time{font-size:.58rem}.order-conveyor__footer strong{font-size:.72rem}.order-conveyor__footer p{font-size:.56rem}.order-conveyor__live,.order-conveyor__live b{font-size:.48rem}
@keyframes conveyor-stage{0%,10%,78%,100%{border-color:rgba(148,163,184,.12);box-shadow:inset 0 1px rgba(255,255,255,.04),0 .8rem 1.5rem rgba(0,0,0,.18);opacity:.72;transform:translateY(0) scale(1)}14%,30%{border-color:rgba(139,92,246,.44);box-shadow:inset 0 1px rgba(255,255,255,.055),0 .8rem 1.5rem rgba(0,0,0,.2),0 0 .9rem rgba(108,77,255,.1);opacity:1;transform:translateY(-.25rem) scale(1.012)}}
@media(max-width:85.375rem) and (min-width:75rem){.hero-sales .sales-board.order-conveyor{padding:.85rem}.order-conveyor__process{gap:.38rem}.conveyor-stage{padding:.55rem}.conveyor-stage>header>span{font-size:.61rem}.conveyor-stage__body strong{font-size:.75rem}.conveyor-stage__body>b{font-size:.95rem}.conveyor-stage__body p{font-size:.62rem}.conveyor-call{grid-template-columns:2.65rem minmax(0,1fr);gap:.4rem}.conveyor-call>img{width:2.65rem;height:3.25rem}.conveyor-call strong{font-size:.75rem}.conveyor-call p{font-size:.58rem}}
@media(max-width:74.9375rem){.order-conveyor__process{gap:.65rem}.conveyor-stage>header>span{font-size:.64rem}.conveyor-stage__body strong{font-size:.78rem}.conveyor-stage__body p{font-size:.64rem}}
@media(max-width:47.9375rem){.hero-sales .sales-board.order-conveyor{border-radius:1.35rem;background:linear-gradient(145deg,rgba(17,24,39,.96),rgba(8,11,20,.98))}.order-conveyor__kpis{gap:.35rem}.order-conveyor__kpis>div{min-width:auto;padding-left:.4rem}.order-conveyor__kpis small{font-size:.42rem}.order-conveyor__kpis strong{font-size:.72rem}.order-conveyor__kpis strong span{display:none}.conveyor-stage{width:100%}.conveyor-stage>header>span{font-size:.62rem}.conveyor-stage__body strong{font-size:.76rem}.conveyor-stage__body>b{font-size:.9rem}.conveyor-stage__body p{font-size:.62rem}.conveyor-stage--upsell .conveyor-stage__body strong{font-size:1.1rem}.conveyor-call strong{font-size:.76rem}.conveyor-call p{font-size:.6rem}.order-conveyor__footer p{font-size:.5rem}}
@media(prefers-reduced-motion:reduce){.conveyor-stage{will-change:auto}}

/* Light Hero workspace with dark process stages */
.hero-sales .sales-board.order-conveyor{border-color:rgba(15,23,42,.08);background:radial-gradient(circle at 88% 12%,rgba(56,189,248,.09),transparent 25%),radial-gradient(circle at 10% 88%,rgba(139,92,246,.085),transparent 28%),linear-gradient(180deg,#f8fafc 0%,#eef2f7 100%);box-shadow:inset 0 1px rgba(255,255,255,.9),0 1.875rem 5rem rgba(2,6,23,.22)}.order-conveyor__header{border-bottom-color:rgba(15,23,42,.08)}.order-conveyor__brand h2{color:#0f172a}.order-conveyor__brand p{color:#475569}.order-conveyor__brand p i{box-shadow:0 0 .55rem rgba(56,189,248,.35)}.order-conveyor__kpis>div{border-left-color:rgba(15,23,42,.09)}.order-conveyor__kpis small{color:#64748b}.order-conveyor__kpis strong{color:#0f172a}.order-conveyor__today strong{color:#8b5cf6}.order-conveyor__kpis>div:last-child strong{color:#0ea5e9}.order-conveyor__kpis strong span{color:#64748b}.order-conveyor__track{background:rgba(15,23,42,.12)}.order-conveyor__track i{background:linear-gradient(90deg,#8b5cf6 0%,#38bdf8 100%);box-shadow:0 0 .5rem rgba(139,92,246,.24)}.order-conveyor__dot{box-shadow:0 0 .875rem rgba(139,92,246,.38)}.conveyor-stage{border-color:rgba(139,92,246,.2);background:linear-gradient(145deg,#111827,#0f172a);box-shadow:inset 0 1px rgba(255,255,255,.055),0 .75rem 1.875rem rgba(2,6,23,.24)}.conveyor-stage>header{border-bottom-color:rgba(226,232,240,.1)}.conveyor-stage>header>b{color:rgba(226,232,240,.34)}.conveyor-stage>header>span{color:#e2e8f0}.conveyor-stage__body strong,.conveyor-call strong{color:#f8fafc}.conveyor-stage__body p,.conveyor-call small{color:rgba(226,232,240,.72)}.conveyor-stage__body>b,.conveyor-call p{color:#cbd5e1}.order-conveyor__footer{border-top-color:rgba(15,23,42,.09)}.order-conveyor__footer strong{color:#0f172a}.order-conveyor__footer p{color:#475569}.order-conveyor__live{border-color:rgba(139,92,246,.16);background:rgba(139,92,246,.07);color:#475569}.order-conveyor__live b{color:#7c3aed}
@keyframes conveyor-stage{0%,10%,78%,100%{border-color:rgba(139,92,246,.2);box-shadow:inset 0 1px rgba(255,255,255,.055),0 .75rem 1.875rem rgba(2,6,23,.24);opacity:.9;transform:translateY(0) scale(1)}14%,30%{border-color:rgba(139,92,246,.55);box-shadow:inset 0 1px rgba(255,255,255,.07),0 .85rem 2rem rgba(2,6,23,.28),0 0 1rem rgba(108,77,255,.13);opacity:1;transform:translateY(-.25rem) scale(1.012)}}
@media(max-width:74.9375rem){.order-conveyor__track{border-color:rgba(15,23,42,.13);background:none}.order-conveyor__track::after{background:linear-gradient(90deg,rgba(139,92,246,.4),rgba(56,189,248,.4))}}
@media(max-width:47.9375rem){.hero-sales .sales-board.order-conveyor{background:radial-gradient(circle at 90% 8%,rgba(56,189,248,.07),transparent 22%),linear-gradient(180deg,#f8fafc,#eef2f7)}.order-conveyor__track{background:linear-gradient(rgba(56,189,248,.38),rgba(139,92,246,.46),rgba(56,189,248,.38))}.order-conveyor__kpis small{color:#64748b}.order-conveyor__footer p{color:#475569}}
@media(prefers-reduced-motion:reduce){.conveyor-stage{border-color:rgba(139,92,246,.25);box-shadow:inset 0 1px rgba(255,255,255,.055),0 .75rem 1.875rem rgba(2,6,23,.24);opacity:1}}

/* Laptop conveyor typography: 1180–1440px */
@media(min-width:73.75rem) and (max-width:90rem){.hero-sales .sales-board.order-conveyor{padding:.9rem}.order-conveyor__header{padding-bottom:.75rem}.order-conveyor__brand{gap:.72rem}.order-conveyor__brand img{width:2.65rem;height:2.65rem}.order-conveyor__brand h2{font-size:1.25rem;font-weight:750;line-height:1.15}.order-conveyor__brand p{font-size:.75rem;line-height:1.35}.order-conveyor__kpis{gap:.45rem}.order-conveyor__kpis>div{min-width:5.7rem;padding-left:.48rem}.order-conveyor__kpis small{font-size:.7rem;line-height:1.25}.order-conveyor__kpis strong{font-size:1.3rem;line-height:1.05}.order-conveyor__kpis strong span{font-size:.7rem}.order-conveyor__process{gap:.28rem;padding-inline:0}.conveyor-stage{min-height:12.5rem;padding:.58rem}.conveyor-stage--call{min-height:14rem}.conveyor-stage>header{gap:.2rem;padding-bottom:.52rem}.conveyor-stage>header>b{font-size:.7rem;line-height:1.2}.conveyor-stage>header>span{gap:.2rem;font-size:.8rem;font-weight:700;letter-spacing:.025em;line-height:1.2}.conveyor-stage>header svg{width:.8rem;height:.8rem}.conveyor-stage__body{padding-top:.68rem}.conveyor-stage__body strong{font-size:.95rem;font-weight:750;line-height:1.25}.conveyor-stage__body>b{margin-top:.38rem;font-size:1.25rem;font-weight:800;line-height:1.15;white-space:nowrap}.conveyor-stage__body p{font-size:.75rem;line-height:1.45}.conveyor-stage__body footer{gap:.24rem;margin-top:.62rem}.conveyor-stage__body footer span,.conveyor-stage__body footer em{padding:.31rem .48rem;font-size:.68rem;font-weight:700;line-height:1.15}.conveyor-stage--upsell .conveyor-stage__body strong{font-size:1.45rem}.conveyor-stage--upsell .conveyor-stage__body>b{font-size:.92rem}.conveyor-call{grid-template-columns:3.1rem minmax(0,1fr);gap:.48rem;padding-top:.65rem}.conveyor-call>img{width:3.1rem;height:3.75rem}.conveyor-call strong{font-size:1rem;font-weight:750;line-height:1.2}.conveyor-call small{font-size:.75rem;line-height:1.35}.conveyor-call p{gap:.22rem;margin-top:.42rem;font-size:.8rem;line-height:1.35}.conveyor-call__wave{margin-top:.42rem}.conveyor-call__wave time{font-size:.875rem}.order-conveyor__footer strong{font-size:1rem;line-height:1.25}.order-conveyor__footer p{font-size:.75rem;line-height:1.45}.order-conveyor__live,.order-conveyor__live b{font-size:.68rem}}

/* Sales system cards: accessible text contrast on light surfaces */
.ug-services__cards .ug-service-card__top b{color:#64748b;font-weight:700;opacity:1}.ug-services__cards .ug-service-card h3{color:#f8fafc!important;font-weight:800;opacity:1}.ug-services__cards .ug-service-card p{color:#b8c2d1!important;opacity:1}.ug-services__cards .ug-service-card .ug-service-card__metric{color:#38bdf8;font-weight:800;opacity:1;text-shadow:none}
.ug-services__cards .ug-service-card{background:linear-gradient(145deg,#1b2436 0%,#111827 100%)}.ug-services__cards .ug-service-card::before{background:linear-gradient(135deg,rgba(255,255,255,.025),transparent 62%)}.ug-services__cards .ug-service-card:hover{background:linear-gradient(145deg,#222d42 0%,#172033 100%)}

/* Product case cards: before / after */
.product-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:clamp(1rem,1.8vw,1.5rem);margin-top:clamp(2.5rem,5vw,4rem)}.product-case{display:flex;min-width:0;overflow:hidden;border:1px solid rgba(15,23,42,.08);border-radius:1.4rem;background:#f8fafc;box-shadow:0 1.25rem 3.5rem rgba(2,6,23,.22);color:#0f172a;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;flex-direction:column}.product-case__image{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:#111827}.product-case__content{display:flex;flex:1;min-width:0;padding:clamp(1rem,1.6vw,1.35rem);flex-direction:column}.product-case__content>header h3{color:#0f172a;font-family:"Manrope","Inter",sans-serif;font-size:clamp(1.25rem,1.5vw,1.5rem);font-weight:800;letter-spacing:-.025em;line-height:1.2}.product-case__content>header p{margin-top:.35rem;color:#64748b;font-size:.82rem;line-height:1.4}.product-case__content>header p strong{color:#0f172a;font-weight:750}.product-case__table{margin-top:1.15rem;border-top:1px solid rgba(15,23,42,.09);border-bottom:1px solid rgba(15,23,42,.09)}.product-case__row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(3.65rem,.72fr) minmax(4.15rem,.78fr);align-items:center;gap:.35rem;min-width:0;padding:.68rem 0;border-top:1px solid rgba(15,23,42,.07);font-size:.82rem;line-height:1.25}.product-case__row:first-child{border-top:0}.product-case__row span{min-width:0;color:#334155;font-weight:650}.product-case__row b,.product-case__row strong{justify-self:end;white-space:nowrap}.product-case__row b{color:#ea580c;font-weight:750}.product-case__row strong{background:linear-gradient(90deg,#7c3aed,#2563eb);background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:800;-webkit-text-fill-color:transparent}.product-case__row--head{padding-block:.58rem;color:#64748b;font-size:.68rem;font-weight:800;letter-spacing:.055em;text-transform:uppercase}.product-case__row--head span{color:#64748b}.product-case__row--head b{color:#c2410c}.product-case__row--head strong{background:none;color:#6d28d9;-webkit-text-fill-color:currentColor}.product-case__gain{display:inline-flex;align-items:center;align-self:flex-start;gap:.38rem;margin-top:auto;padding-top:1rem;color:#475569;font-size:.76rem;font-weight:700}.product-case__gain svg{width:.9rem;height:.9rem;color:#7c3aed}.product-case__gain strong{padding:.3rem .5rem;border:1px solid rgba(124,58,237,.18);border-radius:99rem;background:rgba(124,58,237,.08);color:#6d28d9;font-weight:800}.client-cases__disclaimer{max-width:58rem;margin:1.5rem auto 0;color:rgba(203,213,225,.78);font-size:.75rem;line-height:1.55;text-align:center}
@media(hover:hover) and (pointer:fine){.product-case:hover{border-color:rgba(124,58,237,.36);box-shadow:0 1.65rem 4rem rgba(2,6,23,.28),0 0 1.25rem rgba(124,58,237,.08);transform:translateY(-.25rem)}}
@media(max-width:64rem){.product-cases{grid-template-columns:repeat(2,minmax(0,1fr))}.product-case:last-child{grid-column:1/-1;width:calc(50% - .5rem);justify-self:center}}
@media(max-width:47.9375rem){.product-cases{grid-template-columns:minmax(0,1fr);gap:1rem;margin-top:2rem}.product-case:last-child{grid-column:auto;width:100%}.product-case__content{padding:1rem}.product-case__content>header h3{font-size:clamp(1.125rem,5.5vw,1.25rem)}.product-case__row{grid-template-columns:minmax(0,1.45fr) minmax(3.4rem,.7fr) minmax(3.9rem,.78fr);gap:.25rem;font-size:.78rem}.product-case__row--head{font-size:.68rem}.product-case__gain{font-size:.75rem}.client-cases__disclaimer{text-align:left}}
@media(max-width:23.4375rem){.product-case__content{padding:.85rem}.product-case__row{grid-template-columns:minmax(0,1.35fr) 3.3rem 3.75rem;font-size:.75rem}.product-case__row--head{font-size:.66rem}}

/* Partner review placeholders */
.partner-reviews{position:relative;overflow:hidden;background:#0d1120}.partner-reviews::before{position:absolute;inset:0;background:radial-gradient(circle at 18% 12%,rgba(124,58,237,.12),transparent 34%),radial-gradient(circle at 86% 80%,rgba(37,99,235,.1),transparent 32%);content:"";pointer-events:none}.partner-reviews .container{position:relative;z-index:1}.partner-reviews__header{max-width:50rem}.partner-reviews__eyebrow{display:inline-flex;align-items:center;gap:.55rem;color:#a78bfa;font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.partner-reviews__eyebrow span{width:1.5rem;height:1px;background:currentColor}.partner-reviews__header h2{margin-top:1.25rem;color:#f8fafc;font-family:"Manrope","Inter",sans-serif;font-size:clamp(2.5rem,5vw,4.75rem);font-weight:800;letter-spacing:-.05em;line-height:.98}.partner-reviews__header>p:last-child{max-width:44rem;margin-top:1.35rem;color:#cbd5e1;font-size:clamp(1rem,1.35vw,1.15rem);line-height:1.65}.partner-reviews__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:clamp(1rem,1.8vw,1.5rem);margin-top:clamp(2.5rem,5vw,4rem)}.partner-review-card{display:flex;min-width:0;padding:clamp(1.625rem,2vw,1.875rem);border:1px solid rgba(15,23,42,.08);border-radius:1.5rem;background:#f8fafc;box-shadow:0 1.125rem 3.125rem rgba(0,0,0,.16);color:#0f172a;flex-direction:column}.partner-review-card__person{display:grid;grid-template-columns:3.5rem minmax(0,1fr);align-items:center;gap:.875rem}.partner-review-card__avatar{display:grid;place-items:center;width:3.5rem;height:3.5rem;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;font-size:1rem;font-weight:800;letter-spacing:.02em}.partner-review-card__person h3{color:#0f172a;font-size:clamp(1.125rem,1.4vw,1.25rem);font-weight:750;line-height:1.25}.partner-review-card__person p{margin-top:.18rem;color:#475569;font-size:.875rem;font-weight:600;line-height:1.4}.partner-review-card__person div>span{display:block;margin-top:.1rem;color:#64748b;font-size:.8125rem;line-height:1.4}.partner-review-card blockquote{margin:1.5rem 0;color:#334155;font-size:clamp(.9375rem,1vw,1rem);font-style:normal;line-height:1.6}.partner-review-card__badge{display:inline-flex;align-items:center;align-self:flex-start;margin-top:auto;padding:.42rem .7rem;border:1px solid rgba(124,58,237,.18);border-radius:99rem;background:rgba(124,58,237,.08);color:#6d28d9;font-size:.72rem;font-weight:800;letter-spacing:.025em}.partner-review-card__badge::before{width:.4rem;height:.4rem;margin-right:.4rem;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#2563eb);content:""}
@media(max-width:64rem){.partner-reviews__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-review-card:last-child{grid-column:1/-1;width:calc(50% - .5rem);justify-self:center}}
@media(max-width:47.9375rem){.partner-reviews__header h2{font-size:clamp(2.25rem,10vw,3rem)}.partner-reviews__grid{grid-template-columns:minmax(0,1fr);gap:1rem;margin-top:2rem}.partner-review-card,.partner-review-card:last-child{grid-column:auto;width:100%;padding:1.375rem}.partner-review-card blockquote{font-size:.9375rem}.partner-reviews__header,.partner-reviews__grid{min-width:0;max-width:100%}}

/* Partner reviews carousel */
.partner-review-card blockquote{margin-bottom:0}
.partner-reviews__controls{display:flex;justify-content:flex-end;gap:.625rem;margin-top:1.5rem}.partner-reviews__controls button{display:grid;place-items:center;width:2.875rem;height:2.875rem;border:1px solid rgba(167,139,250,.28);border-radius:50%;background:rgba(255,255,255,.07);color:#f8fafc;cursor:pointer;transition:background .2s ease,border-color .2s ease,opacity .2s ease,transform .2s ease}.partner-reviews__controls button svg{width:1.125rem;height:1.125rem}.partner-reviews__controls button:disabled{cursor:default;opacity:.35}.partner-reviews__controls button:focus-visible,.partner-reviews__grid:focus-visible{outline:3px solid rgba(56,189,248,.75);outline-offset:3px}.partner-reviews__grid{display:flex;align-items:stretch;gap:1.25rem;margin-top:.75rem;padding:.5rem .25rem 1.5rem;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-padding-inline:.25rem;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.partner-reviews__grid::-webkit-scrollbar{display:none}.partner-review-card{flex:0 0 calc((100% - 2.5rem)/3.15);min-height:25rem;scroll-snap-align:start}.partner-review-card:last-child{width:auto;justify-self:auto}
@media(hover:hover) and (pointer:fine){.partner-reviews__controls button:not(:disabled):hover{border-color:rgba(167,139,250,.58);background:rgba(124,58,237,.2);transform:translateY(-1px)}}
@media(max-width:80rem){.partner-review-card{flex-basis:calc((100% - 2.5rem)/2.65)}}
@media(max-width:64rem){.partner-review-card,.partner-review-card:last-child{flex-basis:calc((100% - 1.25rem)/2.08);width:auto;min-height:24rem}}
@media(max-width:47.9375rem){.partner-reviews__controls{margin-top:1.25rem}.partner-reviews__grid{gap:.75rem;margin-top:.5rem;padding-right:0}.partner-review-card,.partner-review-card:last-child{flex-basis:calc(100% - 2.75rem);width:auto;min-height:0;padding:1.375rem}.partner-review-card blockquote{font-size:.9375rem}}
@media(prefers-reduced-motion:reduce){.partner-reviews__grid{scroll-behavior:auto}.partner-reviews__controls button{transition:none}}

/* Premium testimonial finish and motion */
.review-mini-case{margin-top:auto;padding:1rem;border-top:1px solid rgba(15,23,42,.08);border-radius:1rem;background:rgba(241,245,249,.72)}.review-mini-case h4{color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:.05em;line-height:1.3;text-transform:uppercase}.review-mini-case dl{display:grid;gap:.7rem;margin-top:.75rem}.review-mini-case dl>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem}.review-mini-case dt{min-width:0;color:#64748b;font-size:.75rem;font-weight:600;line-height:1.3}.review-mini-case dd{display:grid;grid-template-columns:auto 1rem auto;align-items:center;gap:.25rem;margin:0;font-size:.8125rem;font-variant-numeric:tabular-nums;line-height:1.2;white-space:nowrap}.review-mini-case dd span{color:#ea580c;font-weight:750}.review-mini-case dd i{color:#94a3b8;font-style:normal;text-align:center}.review-mini-case dd strong{color:#7c3aed;font-weight:800}
.partner-reviews{background:radial-gradient(circle at 20% 20%,rgba(139,92,246,.1),transparent 35%),radial-gradient(circle at 80% 70%,rgba(56,189,248,.08),transparent 35%),linear-gradient(180deg,#080b14 0%,#0d1120 100%)}.partner-reviews::before{display:none}.partner-reviews__eyebrow{font-weight:700;letter-spacing:.08em}.partner-reviews__header h2{font-size:clamp(2rem,3vw,3.25rem);line-height:1.05}.partner-reviews__header>p:last-child{font-size:clamp(1rem,1.2vw,1.125rem);line-height:1.6}.partner-reviews__controls button{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.06)}.partner-review-card{position:relative;padding:1.75rem;border-radius:1.5rem;background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);box-shadow:0 1.125rem 3.125rem rgba(2,6,23,.16);transition:opacity .58s ease,transform .58s ease,border-color .25s ease,box-shadow .25s ease}.partner-review-card::after{position:absolute;top:1.05rem;right:1.35rem;color:rgba(124,58,237,.12);font-family:Georgia,serif;font-size:3.5rem;font-weight:700;line-height:1;content:"“";pointer-events:none}.partner-review-card__person{position:relative;z-index:1}.partner-review-card__avatar{transition:transform .25s ease}.partner-review-card__person h3{font-size:clamp(1.1875rem,1.4vw,1.25rem)}.partner-review-card blockquote{font-size:clamp(.9375rem,1vw,1rem);line-height:1.65}.reviews-enhanced .partner-review-card{opacity:0;transform:translateY(1.125rem)}.reviews-enhanced.is-visible .partner-review-card{opacity:1;transform:translateY(0)}.reviews-enhanced .partner-review-card:nth-child(2){transition-delay:80ms}.reviews-enhanced .partner-review-card:nth-child(3){transition-delay:160ms}.reviews-enhanced .partner-review-card:nth-child(4){transition-delay:220ms}.reviews-enhanced .partner-review-card:nth-child(5){transition-delay:260ms}.reviews-enhanced .partner-review-card:nth-child(n+6){transition-delay:300ms}
@media(hover:hover) and (pointer:fine){.partner-reviews__controls button:not(:disabled):hover{border-color:rgba(139,92,246,.45);background:rgba(139,92,246,.1);transform:translateY(-1px)}.reviews-enhanced.is-visible .partner-review-card:hover{border-color:rgba(139,92,246,.28);box-shadow:0 1.5rem 3.75rem rgba(2,6,23,.22);transform:translateY(-.3125rem)}.partner-review-card:hover .partner-review-card__avatar{transform:scale(1.03)}}
@media(max-width:47.9375rem){.partner-review-card{padding:1.375rem}.partner-review-card__person{grid-template-columns:3.125rem minmax(0,1fr)}.partner-review-card__avatar{width:3.125rem;height:3.125rem}.partner-review-card::after{top:.85rem;right:1rem;font-size:3rem}.review-mini-case{padding:.875rem}.review-mini-case dl>div{grid-template-columns:minmax(0,1fr);gap:.25rem}.review-mini-case dd{justify-self:start;font-size:.8125rem}}
@media(prefers-reduced-motion:reduce){.reviews-enhanced .partner-review-card,.reviews-enhanced.is-visible .partner-review-card{opacity:1;transform:none;transition:none}.reviews-enhanced.is-visible .partner-review-card:hover,.partner-review-card:hover .partner-review-card__avatar{transform:none}.partner-reviews__grid{scroll-behavior:auto}}

/* Compact recruitment CTA */
.recruitment-cta{position:relative;padding:0 0 clamp(3rem,5vw,4.5rem);overflow:hidden;background:#0d1120;scroll-margin-top:5.625rem}.recruitment-cta__panel{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(1.5rem,3vw,3rem);padding:clamp(1.75rem,2.4vw,2.125rem);overflow:hidden;border:1px solid rgba(139,92,246,.22);border-radius:1.5rem;background:linear-gradient(135deg,rgba(124,58,237,.12),rgba(37,99,235,.08));box-shadow:inset 0 1px rgba(255,255,255,.04),0 1rem 2.5rem rgba(2,6,23,.16)}.recruitment-cta__panel::before{position:absolute;top:-5rem;right:8%;width:14rem;height:14rem;border-radius:50%;background:rgba(124,58,237,.1);filter:blur(3rem);content:"";pointer-events:none}.recruitment-cta__copy,.recruitment-cta__panel>a{position:relative;z-index:1}.recruitment-cta__copy>p{color:#a78bfa;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.recruitment-cta__copy h2{margin-top:.55rem;color:#f8fafc;font-family:"Manrope","Inter",sans-serif;font-size:clamp(1.625rem,2.2vw,2rem);font-weight:800;letter-spacing:-.035em;line-height:1.15}.recruitment-cta__copy>span{display:block;max-width:46rem;margin-top:.65rem;color:#cbd5e1;font-size:clamp(.9375rem,1vw,1rem);line-height:1.5}.recruitment-cta__panel>a{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3.25rem;padding:.8rem 1.2rem;border-radius:.9375rem;background:linear-gradient(90deg,#7c3aed,#2563eb);box-shadow:0 .75rem 1.75rem rgba(37,99,235,.18);color:#fff;font-size:clamp(.9375rem,1vw,1rem);font-weight:700;white-space:nowrap;transition:box-shadow .2s ease,transform .2s ease}.recruitment-cta__panel>a svg{width:1.05rem;height:1.05rem}
@media(hover:hover) and (pointer:fine){.recruitment-cta__panel>a:hover{box-shadow:0 1rem 2.2rem rgba(37,99,235,.26),0 0 1.25rem rgba(124,58,237,.12);transform:translateY(-1px)}}
@media(max-width:47.9375rem){.recruitment-cta{padding-bottom:3.5rem}.recruitment-cta__panel{grid-template-columns:minmax(0,1fr);gap:1.25rem;padding:1.375rem;border-radius:1.375rem}.recruitment-cta__copy h2{font-size:clamp(1.25rem,6vw,1.5rem)}.recruitment-cta__panel>a{width:100%;min-height:3.125rem;white-space:normal}}
@media(prefers-reduced-motion:reduce){.recruitment-cta__panel>a{transition:none}.recruitment-cta__panel>a:hover{transform:none}}

/* Commercial pricing section */
.pricing-section__header{position:relative;z-index:1;max-width:58rem}.pricing-section__header>p:first-child{display:inline-flex;align-items:center;gap:.55rem;color:#a78bfa;font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.pricing-section__header>p:first-child span{width:1.5rem;height:1px;background:currentColor}.pricing-section__header h2{max-width:54rem;margin-top:1.25rem;color:#f8fafc;font-family:"Manrope","Inter",sans-serif;font-size:clamp(2.5rem,5vw,4.75rem);font-weight:800;letter-spacing:-.05em;line-height:.98}.pricing-section__header>p:last-child{max-width:44rem;margin-top:1.35rem;color:#cbd5e1;font-size:clamp(1rem,1.35vw,1.15rem);line-height:1.65}.pricing-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:clamp(1rem,1.6vw,1.4rem);margin-top:clamp(2.75rem,5vw,4.5rem)}.pricing-card{position:relative;display:flex;min-width:0;gap:0;padding:clamp(1.25rem,2vw,1.65rem);overflow:hidden;border:1px solid rgba(148,163,184,.16);border-radius:1.4rem;background:linear-gradient(145deg,rgba(17,24,39,.94),rgba(8,11,20,.97));box-shadow:inset 0 1px rgba(255,255,255,.05),0 1.4rem 3.5rem rgba(0,0,0,.28);color:#f8fafc;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;flex-direction:column}.pricing-card::before{position:absolute;inset:0;background:radial-gradient(circle at 90% 3%,rgba(56,189,248,.07),transparent 28%);content:"";pointer-events:none}.pricing-card>*{position:relative;z-index:1}.pricing-card--featured{border-color:rgba(139,92,246,.55);background:radial-gradient(circle at 85% 8%,rgba(56,189,248,.11),transparent 28%),linear-gradient(145deg,rgba(29,24,60,.96),rgba(13,17,32,.98));box-shadow:inset 0 1px rgba(255,255,255,.07),0 1.6rem 4rem rgba(0,0,0,.34),0 0 2rem rgba(108,77,255,.13)}.pricing-card__badge{display:inline-flex;align-items:center;align-self:flex-start;gap:.4rem;margin-bottom:1rem;padding:.38rem .65rem;border:1px solid rgba(167,139,250,.25);border-radius:99rem;background:linear-gradient(90deg,rgba(124,58,237,.24),rgba(37,99,235,.16));color:#ddd6fe;font-size:.7rem;font-weight:800;letter-spacing:.035em;text-transform:uppercase}.pricing-card__badge svg{width:.8rem;height:.8rem}.pricing-card header{min-height:8.2rem}.pricing-card__icon{display:grid;place-items:center;width:2.7rem;height:2.7rem;border:1px solid rgba(139,92,246,.24);border-radius:.75rem;background:rgba(139,92,246,.1);color:#a78bfa}.pricing-card__icon svg{width:1.25rem;height:1.25rem}.pricing-card header h3{margin-top:1rem;color:#f8fafc;font-family:"Manrope","Inter",sans-serif;font-size:clamp(1.6rem,2vw,2rem);font-weight:800;letter-spacing:-.035em;line-height:1.1}.pricing-card header p{margin-top:.55rem;color:#94a3b8;font-size:.85rem;line-height:1.5}.pricing-meta{display:grid;grid-template-columns:1rem minmax(0,1fr) auto;align-items:center;gap:.45rem;margin-top:1.15rem;padding:.72rem .8rem;border:1px solid rgba(148,163,184,.12);border-radius:.75rem;background:rgba(255,255,255,.035);color:#cbd5e1;font-size:.72rem}.pricing-meta>svg{width:1rem;height:1rem;color:#38bdf8}.pricing-meta strong{color:#f8fafc;font-size:.88rem;font-weight:800;white-space:nowrap}.pricing-card ul{display:grid;gap:.72rem;margin:1.4rem 0;padding:0;list-style:none}.pricing-card li{display:grid;grid-template-columns:1rem minmax(0,1fr);gap:.5rem;color:#cbd5e1;font-size:.78rem;line-height:1.45}.pricing-card li::before{display:grid;place-items:center;width:1rem;height:1rem;margin-top:.08rem;border-radius:50%;background:rgba(139,92,246,.13);color:#a78bfa;font-size:.65rem;font-weight:900;content:"✓"}.pricing-price{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(5.2rem,.65fr);gap:.65rem;margin-top:auto;padding-top:1.2rem;border-top:1px solid rgba(148,163,184,.13)}.pricing-price>div{min-width:0;padding:.8rem;border:1px solid rgba(148,163,184,.11);border-radius:.8rem;background:rgba(255,255,255,.035)}.pricing-price strong{color:#f8fafc;font-size:clamp(1.75rem,2.5vw,2.25rem);font-weight:800;letter-spacing:-.04em;line-height:1}.pricing-price span{margin-left:.2rem;color:#a78bfa;font-size:.8rem;font-weight:750}.pricing-price small{display:block;margin-top:.4rem;color:#94a3b8;font-size:.65rem;line-height:1.3}.pricing-card>a{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3.15rem;margin-top:1rem;border:1px solid rgba(139,92,246,.28);border-radius:.75rem;background:rgba(139,92,246,.1);color:#f8fafc;font-size:.85rem;font-weight:800;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.pricing-card>a svg{width:1rem;height:1rem}.pricing-card--featured>a{border-color:transparent;background:linear-gradient(90deg,#7c3aed,#2563eb);box-shadow:0 .8rem 1.8rem rgba(108,77,255,.2)}.pricing-section__note{position:relative;z-index:1;max-width:50rem;margin:1.5rem auto 0;color:#94a3b8;font-size:.72rem;line-height:1.55;text-align:center}
@media(hover:hover) and (pointer:fine){.pricing-card:hover{border-color:rgba(139,92,246,.4);box-shadow:inset 0 1px rgba(255,255,255,.06),0 1.8rem 4rem rgba(0,0,0,.34),0 0 1.25rem rgba(108,77,255,.08);transform:translateY(-.25rem)}.pricing-card>a:hover{border-color:rgba(139,92,246,.55);background:rgba(139,92,246,.2);box-shadow:0 .7rem 1.5rem rgba(108,77,255,.14);transform:translateY(-1px)}.pricing-card--featured>a:hover{background:linear-gradient(90deg,#8b5cf6,#38bdf8)}}
@media(max-width:64rem){.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-card:last-child{grid-column:1/-1;width:calc(50% - .5rem);justify-self:center}.pricing-card header{min-height:7.5rem}}
@media(max-width:47.9375rem){.pricing-section__header h2{font-size:clamp(2.25rem,10vw,3rem)}.pricing-grid{grid-template-columns:minmax(0,1fr);gap:1rem;margin-top:2.5rem}.pricing-card,.pricing-card:last-child{grid-column:auto;width:100%;padding:1.2rem}.pricing-card header{min-height:0}.pricing-card header h3{font-size:1.65rem}.pricing-meta{margin-top:1rem}.pricing-card li{font-size:.82rem}.pricing-price{grid-template-columns:minmax(0,1.3fr) minmax(5rem,.7fr)}.pricing-price strong{font-size:1.8rem}.pricing-section__note{text-align:left}}

/* Simplified consultation form */
.contact__form-wrap {
  align-self: center;
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 1.5rem;
  background: linear-gradient(145deg,rgba(21,28,47,.82),rgba(13,17,32,.72));
  box-shadow: inset 0 1px rgba(255,255,255,.055),0 1.5rem 3.5rem rgba(0,0,0,.26),0 0 2rem rgba(108,77,255,.08);
}
.contact-form__header h2 {
  color: #f8fafc;
  font-family: "Manrope","Inter",sans-serif;
  font-size: clamp(1.75rem,3vw,2.4rem);
  font-weight: 800;
  letter-spacing: -.035em;
  line-height: 1.1;
}
.contact-form__header p {
  max-width: 38rem;
  margin-top: .75rem;
  color: #cbd5e1;
  font-size: .95rem;
  line-height: 1.6;
}
.lead-form { margin-top: 1.5rem; }
.lead-form .form-grid {
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 1rem;
}
.lead-form .form-grid label {
  min-width: 0;
  gap: .5rem;
  color: #e2e8f0;
  font-size: .82rem;
  font-weight: 700;
}
.lead-form .form-grid input:not([type=checkbox]) {
  width: 100%;
  min-height: 3.5rem;
  padding: 0 1.125rem;
  border: 1px solid rgba(148,163,184,.18);
  border-radius: .9rem;
  background: rgba(255,255,255,.05);
  color: #f8fafc;
  font-family: "Manrope","Inter",sans-serif;
  font-size: 1rem;
}
.lead-form .form-grid input::placeholder { color: #94a3b8; opacity: 1; }
.lead-form .form-grid input:focus-visible {
  outline: 0;
  border-color: #8b5cf6;
  box-shadow: 0 0 0 3px rgba(139,92,246,.12);
}
.lead-form .form-grid input[aria-invalid="true"] { border-color: #fb7185; }
.lead-form .form-grid small {
  min-height: 0;
  color: #fda4af;
  font-size: .72rem;
  line-height: 1.4;
}
.lead-form .form-grid small:empty { display: none; }
.lead-form .contact__submit {
  min-height: 3.5rem;
  margin-top: 1.15rem;
  border-radius: .95rem;
  background: linear-gradient(90deg,#7c3aed,#2563eb);
  box-shadow: 0 .65rem 1.6rem rgba(37,99,235,.16);
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  transition: transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
.lead-form .contact__privacy {
  margin-top: .85rem;
  color: #94a3b8;
  font-size: .75rem;
  line-height: 1.55;
}
.contact__state[hidden] { display: none; }
.contact__state h3 { color: #f8fafc; }
.contact__state p { color: #cbd5e1; }
@media(hover:hover) and (pointer:fine) {
  .lead-form .contact__submit:hover {
    filter: brightness(1.06);
    box-shadow: 0 .8rem 1.8rem rgba(37,99,235,.22);
    transform: translateY(-1px);
  }
}
@media(max-width:47.9375rem) {
  .contact__form-wrap { width: 100%; padding: 1.25rem; border-radius: 1.25rem; }
  .contact-form__header h2 { font-size: clamp(1.65rem,8vw,2rem); }
  .contact-form__header p { font-size: .9rem; }
  .lead-form { margin-top: 1.25rem; }
  .lead-form .form-grid { grid-template-columns: minmax(0,1fr); gap: .9rem; }
  .lead-form .form-grid input:not([type=checkbox]),.lead-form .contact__submit { width: 100%; min-height: 3.5rem; font-size: 1rem; }
}

/* Contact section presentation */
.contact {
  padding-block: 4.5rem;
  background:
    radial-gradient(circle at 15% 20%,rgba(124,58,237,.18),transparent 35%),
    radial-gradient(circle at 85% 30%,rgba(59,130,246,.12),transparent 35%),
    linear-gradient(180deg,#08111f 0%,#0b1220 100%);
}
.contact__glow {
  right: -10rem;
  bottom: -11rem;
  background: rgba(59,130,246,.16);
  opacity: .72;
}
.contact-box {
  grid-template-columns: minmax(0,42fr) minmax(0,58fr);
  align-items: center;
  gap: clamp(2rem,3.5vw,3rem);
}
.contact__copy {
  min-width: 0;
  max-width: 35rem;
}
.contact__eyebrow {
  gap: .625rem;
  color: #a78bfa;
  font-size: .8125rem;
  font-weight: 700;
  letter-spacing: .12em;
}
.contact__eyebrow span { background: currentColor; }
.contact__copy h2 {
  max-width: 34rem;
  margin-top: 1.15rem;
  color: #f8fafc;
  font-size: clamp(2.5rem,4vw,4rem);
  font-weight: 800;
  letter-spacing: -.045em;
  line-height: 1.05;
}
.contact__copy > .contact__lead {
  max-width: 35rem;
  margin-top: 1.25rem;
  color: #cbd5e1;
  font-size: 1.125rem;
  line-height: 1.65;
}
.contact__copy > .contact__benefits {
  gap: .65rem;
  margin-top: 1.5rem;
}
.contact__copy > .contact__benefits li {
  grid-template-columns: 1.25rem minmax(0,1fr);
  align-items: start;
  gap: .65rem;
  color: #e2e8f0;
  font-size: 1rem;
  line-height: 1.6;
}
.contact__copy > .contact__benefits li::before {
  display: grid;
  place-items: center;
  width: 1.15rem;
  height: 1.15rem;
  margin-top: .2rem;
  border-radius: 50%;
  background: rgba(139,92,246,.14);
  color: #a78bfa;
  font-size: .72rem;
}
.contact__next {
  margin-top: 1.5rem;
  padding: 1.125rem 1.25rem;
  border-color: rgba(148,163,184,.14);
  border-radius: 1.125rem;
  background: rgba(255,255,255,.04);
  box-shadow: 0 .625rem 1.875rem rgba(0,0,0,.18);
}
.contact__next h3 {
  color: #f8fafc;
  font-size: 1rem;
  font-weight: 750;
}
.contact__next p {
  margin-top: .45rem;
  color: #cbd5e1;
  font-size: .85rem;
  line-height: 1.55;
}
.contact__direct {
  margin-top: 1.25rem;
  padding: 0;
  border: 0;
  background: transparent;
}
.contact__direct h3 {
  color: #94a3b8;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.contact__direct dl {
  display: grid;
  gap: .55rem;
  margin-top: .75rem;
}
.contact__direct dl > div {
  display: grid;
  grid-template-columns: 4.5rem minmax(0,1fr);
  gap: .75rem;
  min-width: 0;
  font-size: .85rem;
  line-height: 1.45;
}
.contact__direct dt { color: #94a3b8; }
.contact__direct dd { min-width: 0; }
.contact__direct dd a {
  color: #f8fafc;
  overflow-wrap: anywhere;
  transition: color .2s ease;
}
.contact__direct dd a:hover { color: #a78bfa; }
.contact__form-wrap {
  width: 100%;
  padding: 2rem;
  border-radius: 1.75rem;
  background: linear-gradient(180deg,rgba(19,27,45,.94),rgba(32,40,60,.92));
  box-shadow: 0 1.125rem 3.75rem rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.055);
}
.contact__state {
  display: grid;
  justify-items: center;
  max-width: 30rem;
  min-height: 0;
  margin-inline: auto;
  padding: 1.75rem 0 .5rem;
}
.contact__state > svg {
  box-sizing: content-box;
  width: 2rem;
  height: 2rem;
  padding: .75rem;
  border-radius: 50%;
  background: rgba(139,92,246,.13);
  color: #a78bfa;
}
.contact__state h3 { margin-top: 1rem; }
.contact__state p {
  max-width: 27rem;
  margin-top: .55rem;
  text-align: center;
}
@media(max-width:90rem) and (min-width:64.0625rem) {
  .contact { padding-block: 3.5rem; }
  .contact-box { grid-template-columns: minmax(0,40fr) minmax(0,60fr); gap: 2rem; }
  .contact__copy h2 { font-size: clamp(2.5rem,3.5vw,3.25rem); }
  .contact__copy > .contact__lead { font-size: 1rem; }
  .contact__form-wrap { padding: 1.75rem; }
}
@media(max-width:64rem) {
  .contact { padding-block: 3.5rem; }
  .contact-box { grid-template-columns: minmax(0,1fr); align-items: start; gap: 2.5rem; }
  .contact__copy { max-width: 42rem; }
  .contact__copy h2 { font-size: clamp(2.35rem,6vw,3.25rem); }
}
@media(max-width:47.9375rem) {
  .contact { padding-block: 2.625rem; }
  .contact-box { gap: 2rem; }
  .contact__copy h2 { font-size: clamp(1.875rem,9vw,2.375rem); line-height: 1.08; }
  .contact__copy > .contact__lead { font-size: 1rem; }
  .contact__copy > .contact__benefits li { font-size: .9375rem; }
  .contact__direct dl > div { grid-template-columns: minmax(0,1fr); gap: .1rem; }
  .contact__form-wrap { padding: 1.375rem 1.125rem; border-radius: 1.375rem; }
  .contact__state { padding-top: 1.25rem; }
}

/* Contact copy contrast on a light surface */
.contact__copy,
.contact__copy h2,
.contact__copy p,
.contact__copy li,
.contact__copy h3,
.contact__copy dt,
.contact__copy dd,
.contact__copy a {
  opacity: 1;
}
.contact__copy h2 {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a;
}
.contact__copy > .contact__lead { color: #475569 !important; }
.contact__copy > .contact__benefits li { color: #334155 !important; }
.contact__copy .contact__next h3 {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a;
}
.contact__copy .contact__next p { color: #475569 !important; }
.contact__copy .contact__direct h3,
.contact__copy .contact__direct dt { color: #64748b !important; }
.contact__copy .contact__direct a[href^="tel:"] {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a;
}
.contact__copy .contact__direct a[href^="mailto:"],
.contact__copy .contact__direct a[href*="t.me"] {
  color: #7c3aed !important;
  -webkit-text-fill-color: currentColor;
}
@media(hover:hover) and (pointer:fine) {
  .contact__copy .contact__direct a:hover {
    color: #2563eb !important;
    -webkit-text-fill-color: #2563eb;
  }
}

/* Unified responsive sizing system */
body {
  font-size: clamp(.9375rem,1vw,1.125rem);
  line-height: 1.6;
}
img,svg { max-width: 100%; }
.container { width: min(calc(100% - 3rem),90rem); }
.section { padding-block: clamp(4rem,6vw,6rem); }
.hero-saas h1 {
  font-size: clamp(2.375rem,4.4vw,4.5rem);
  font-weight: 800;
  line-height: 1.04;
}
.ug-services__content h2,
.why-ug__header h2,
.measurable-results__intro h2,
.process-dashboard__copy h2,
.client-cases__header h2,
.pricing-section__header h2,
.faq-premium__intro h2,
.call-demo__content h2,
.contact__copy h2,
.final-offer__panel h2,
.sales-department__header h2,
.footer-cta h2 {
  font-size: clamp(1.875rem,3.2vw,3.25rem);
  font-weight: 800;
  line-height: 1.1;
}
.ug-service-card h3,
.sales-department__card h3,
.why-ug-card__copy h3,
.product-case__content > header h3,
.pricing-card header h3 {
  font-size: clamp(1.125rem,1.5vw,1.5rem);
  font-weight: 700;
}
.hero-saas__description,
.ug-services__lead,
.why-ug__header > p:not(.why-ug__eyebrow),
.measurable-results__intro > p:not(.measurable-results__eyebrow),
.process-dashboard__copy > p,
.client-cases__header > p:not(.client-cases__eyebrow),
.pricing-section__header > p:last-child,
.faq-premium__intro > p:not(:first-child),
.call-demo__content > p,
.contact__copy > .contact__lead {
  font-size: clamp(.9375rem,1vw,1.125rem);
  line-height: 1.65;
}
.section-kicker,
.hero-saas__eyebrow,
.ug-services__eyebrow,
.why-ug__eyebrow,
.measurable-results__eyebrow,
.process-dashboard__eyebrow,
.client-cases__eyebrow,
.contact__eyebrow {
  font-size: clamp(.75rem,.75vw,.8125rem);
}
.hero-saas__button,
.nav-cta,
.contact__submit,
.contact__state button,
.pricing-card > a,
.final-offer__action a,
.footer-cta a:first-child {
  min-height: 3.5rem;
  padding-inline: clamp(1.625rem,2vw,1.875rem);
  border-radius: clamp(.875rem,1vw,1rem);
  font-size: clamp(1rem,1vw,1.0625rem);
  font-weight: 700;
}
.hero-saas__button--secondary,
.footer-cta a:not(:first-child),
.ug-services__cta {
  min-height: 3.125rem;
  font-size: clamp(.9375rem,1vw,1rem);
}
.lead-form .form-grid input:not([type=checkbox]),
.form-grid input:not([type=checkbox]),
.form-grid select {
  min-height: 3.5rem;
  padding-inline: 1.125rem;
  font-size: 1rem;
}
.ug-service-card,
.sales-department__card,
.why-ug-card,
.pricing-card,
.product-case {
  min-width: 0;
}

@media(max-width:90rem) {
  .container { width: min(calc(100% - 3rem),82.5rem); }
  .section { padding-block: clamp(4rem,5.5vw,5rem); }
  .hero-saas h1 { font-size: clamp(2.375rem,4.1vw,3.75rem); }
  .hero-saas__layout { gap: clamp(1.5rem,2.5vw,2.5rem); }
  .hero-saas__button,.nav-cta,.contact__submit,.pricing-card > a,.final-offer__action a {
    min-height: 3.25rem;
    padding-inline: 1.5rem;
    font-size: clamp(.9375rem,1vw,1rem);
  }
  .ug-services__layout,.measurable-results__layout,
  .process-dashboard__layout,.faq-premium__layout,.contact-box {
    gap: clamp(2rem,4vw,4rem);
  }
}

@media(max-width:80rem) {
  .container { width: min(calc(100% - 2.5rem),75rem); }
  .section { padding-block: 4rem; }
  .hero-saas h1 { font-size: clamp(2.375rem,4.15vw,3.5rem); }
  .hero-saas__description { font-size: 1rem; }
  .ug-service-card,.sales-department__card,.why-ug-card,.pricing-card { padding: 1.25rem; }
}

@media(max-width:64rem) {
  .container { width: min(calc(100% - 2.5rem),60rem); }
  .section { padding-block: 3.5rem; }
  .hero-saas__layout { grid-template-columns: minmax(0,1fr); }
  .hero-saas h1 { max-width: 44rem; font-size: clamp(2.375rem,6vw,3rem); }
  .ug-services__cards,.sales-department__grid,.why-ug__grid,
  .product-cases,.pricing-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .product-case:last-child,.pricing-card:last-child {
    grid-column: 1/-1;
    width: calc(50% - .5rem);
    justify-self: center;
  }
  .hero-saas__button,.nav-cta,.contact__submit,.pricing-card > a,.final-offer__action a {
    min-height: 3.125rem;
    padding-inline: 1.375rem;
    font-size: .9375rem;
  }
  .lead-form .form-grid input:not([type=checkbox]),.form-grid input:not([type=checkbox]),.form-grid select {
    min-height: 3.25rem;
  }
}

@media(max-width:48rem) {
  .container { width: 100%; padding-inline: 1.25rem; }
  .section { padding-block: 3rem; }
  .hero-saas__content { min-width: 0; overflow: visible; }
  .hero-saas h1 {
    max-width: 100%;
    font-size: clamp(2.125rem,8.6vw,2.625rem) !important;
    line-height: 1.05;
    white-space: normal;
    overflow-wrap: break-word;
  }
  .ug-services__content h2,.why-ug__header h2,
  .measurable-results__intro h2,.process-dashboard__copy h2,.client-cases__header h2,
  .pricing-section__header h2,.faq-premium__intro h2,.call-demo__content h2,
  .contact__copy h2,.final-offer__panel h2 {
    font-size: clamp(1.75rem,7.5vw,2.125rem);
    line-height: 1.12;
  }
  .ug-services__cards,.sales-department__grid,.why-ug__grid,
  .product-cases,.pricing-grid { grid-template-columns: minmax(0,1fr); }
  .product-case:last-child,.pricing-card:last-child {
    grid-column: auto;
    width: 100%;
  }
  .hero-saas__actions,.footer-cta > div:last-child { display: grid; grid-template-columns: minmax(0,1fr); gap: .75rem; width: 100%; }
  .hero-saas__button,.contact__submit,.pricing-card > a,.final-offer__action a,
  .footer-cta a,.contact__state button {
    width: 100%;
    min-height: 3.125rem;
    padding-inline: 1.125rem;
    font-size: 1rem;
  }
  .menu-toggle,.back-to-top,.faq-premium__item button { min-width: 2.75rem; min-height: 2.75rem; }
  .main-nav a { min-height: 2.75rem; font-size: .9375rem; }
  .lead-form .form-grid input:not([type=checkbox]),.form-grid input:not([type=checkbox]),.form-grid select {
    min-height: 3.25rem;
    padding-inline: 1rem;
    font-size: 1rem;
  }
  .product-case__row { font-size: clamp(.75rem,3.3vw,.875rem); }
  .pricing-card header h3 { font-size: clamp(1.25rem,6vw,1.625rem); }
  .pricing-price strong { font-size: clamp(1.5rem,7vw,2rem); }
}

@media(max-width:30rem) {
  .container { padding-inline: 1rem; }
  .section { padding-block: 2.75rem; }
  .hero-saas h1 { font-size: clamp(2.125rem,8.6vw,2.5rem) !important; }
  .hero-saas__stats { gap: .5rem; }
  .hero-saas__stats > div { padding: .75rem; }
  .ug-service-card,.sales-department__card,.why-ug-card,
  .pricing-card,.product-case__content { padding: 1rem; }
  .product-case__row { gap: .2rem; font-size: .75rem; }
}

@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior: auto; }
  .hero-saas__ambient,.hero-saas__particles,.hero-saas__stats dd span::before,
  .why-ug__shape,.measurable-results__glow,.call-phone__ring,
  .call-phone__wave i,.order-conveyor__track i,.order-conveyor__dot,
  .conveyor-stage {
    animation: none !important;
  }
  [data-services-parallax],[data-contact-reveal],[data-why-card],[data-results-card] {
    transform: none !important;
    transition-duration: .01ms !important;
  }
}