.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin: 0;
  color: #243147;
  background: #f8fafc;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}

.testimonial-slider {
  scrollbar-width: none;
}

.testimonial-slider::-webkit-scrollbar {
  display: none;
}

/* Shared visual system */
html {
  scroll-behavior: smooth;
}

body::selection {
  color: #fff;
  background: #0086a9;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 40;
  border-color: rgba(226, 232, 240, .85);
  background: rgba(255, 255, 255, .92);
  backdrop-filter: blur(16px);
}

.brand-mark img {
  height: 2.7rem;
  transition: transform .25s ease;
}

.brand-mark:hover img { transform: scale(1.035); }

@media (min-width: 768px) {
  .site-nav { min-height: 4.75rem; }
  .site-nav > div:first-child { min-height: 4.75rem; }
  .nav-link { position: relative; }
  .nav-link::after {
    position: absolute;
    right: 0;
    bottom: -.3rem;
    left: 0;
    height: 2px;
    content: "";
    background: #ff762b;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .2s ease;
  }
  .nav-link:hover::after, .nav-link-active::after { transform: scaleX(1); }
  .nav-contact {
    margin-left: .35rem;
    padding: .65rem 1rem !important;
    border-radius: .55rem;
    color: #fff !important;
    background: #003745;
  }
  .nav-contact::after { display: none; }
  .nav-contact:hover { color: #fff !important; background: #0086a9 !important; }
}

.hero-section::after {
  position: absolute;
  right: 4%;
  bottom: -3.5rem;
  width: min(32vw, 27rem);
  height: min(32vw, 27rem);
  content: "";
  pointer-events: none;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 999px;
}

.hero-section h1, .hero-section h2 { text-wrap: balance; }
.hero-copy > p:first-child { box-shadow: 0 8px 28px rgba(0, 55, 69, .18); }
.hero-proof { border-top: 1px solid rgba(255, 255, 255, .24); padding-top: 1rem; }
.hero-proof span { display: inline-flex; gap: .35rem; align-items: baseline; }

.benefits-section { position: relative; }
.benefits-section::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  content: "";
  background: linear-gradient(90deg, #ff762b 0 16%, #17c1dc 16% 42%, transparent 42%);
}

.benefit-card { position: relative; overflow: hidden; }
.benefit-card::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  content: "";
  background: linear-gradient(90deg, #ff762b, #17c1dc);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .3s ease;
}
.benefit-card:hover::before { transform: scaleX(1); }

.about-section { background: linear-gradient(135deg, #fff 0%, #fff 57%, #f0fbfd 100%); }
.about-section h2, .service-grid-section h2 { text-wrap: balance; }
.about-section figure { border-radius: 1rem 1rem 0 1rem; }

.solutions-section { padding: 1rem; background: #f8fafc; }
.solutions-section > div {
  overflow: hidden;
  border-radius: 1.5rem;
  box-shadow: 0 24px 70px rgba(15, 23, 42, .13);
}

.service-showcase { background: #fff; }
.service-showcase > div > div:last-child > article {
  border-radius: 1.25rem;
  background-image: linear-gradient(150deg, rgba(0, 55, 69, .98), rgba(36, 49, 71, .98));
}
.service-showcase > div > div:last-child > article:nth-child(2) {
  background-image: linear-gradient(150deg, rgba(0, 109, 140, .98), rgba(0, 55, 69, .98));
}

.service-grid-section { background: #f8fafc; }
.service-grid-section article { border-radius: 1rem; }
.service-grid-section article:nth-child(even) .absolute { background: #17c1dc; }

.growth-cta {
  margin-right: auto;
  margin-left: auto;
  max-width: 90rem;
  border-radius: 1.5rem;
  box-shadow: 0 22px 55px rgba(15, 23, 42, .18);
}
.growth-cta a { box-shadow: 0 12px 30px rgba(0, 0, 0, .18); }

.testimonials-section { background: linear-gradient(180deg, #f8fafc, #fff); }
.testimonials-section blockquote::before { content: "“"; color: #ff762b; font-size: 1.3em; font-weight: 700; }

.contact-section { background: linear-gradient(135deg, #f8fafc 0%, #e9f9fc 100%); }
.contact-section > div > div { border: 1px solid rgba(226, 232, 240, .9); }
.contact-section input, .contact-section textarea { box-shadow: inset 0 1px 1px rgba(15, 23, 42, .02); }

.site-footer { position: relative; }
.site-footer > div:first-child { border-top: 4px solid #ff762b; }
.demo-rail {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 9.5rem;
  padding: .8rem .72rem;
  border: 1px solid rgba(184, 240, 251, .28);
  border-left: 0;
  border-radius: 0 .75rem .75rem 0;
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .02em;
  writing-mode: vertical-rl;
  text-orientation: upright;
  color: #fff;
  background: #ff762b;
  box-shadow: 0 12px 28px rgba(255, 118, 43, .32);
  transform: translateY(-50%);
  transition: transform .2s ease, background-color .2s ease;
}
.demo-rail:hover { color: #fff; background: #e95d17; transform: translateY(-50%) translateX(3px); }
.demo-rail:focus-visible { outline: 3px solid #b8f0fb; outline-offset: 3px; }

@media (max-width: 767px) {
  .hero-section::after { right: -5rem; bottom: -5rem; width: 15rem; height: 15rem; }
  .solutions-section { padding: 0; }
  .solutions-section > div, .growth-cta { border-radius: 0; }
  .growth-cta { margin: 0; }
  .demo-rail { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

/* Version two: product-led contact-centre landing page */
.next-grid {
  background-image: linear-gradient(rgba(184, 240, 251, .11) 1px, transparent 1px), linear-gradient(90deg, rgba(184, 240, 251, .11) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(to right, #000, transparent 88%);
}

.next-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .65rem;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #b8f0fb;
}

.next-eyebrow span {
  width: 1.75rem;
  height: 2px;
  background: #ff762b;
}

.next-eyebrow-dark { color: #0086a9; }

.next-primary, .next-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .7rem;
  min-height: 3.25rem;
  padding: .75rem 1.2rem;
  border-radius: .75rem;
  font-size: .88rem;
  font-weight: 750;
  transition: transform .2s ease, background-color .2s ease, border-color .2s ease;
}

.next-primary { color: #062d3a; background: #b8f0fb; box-shadow: 0 12px 24px rgba(0, 0, 0, .16); }
.next-primary:hover { color: #062d3a; background: #fff; transform: translateY(-2px); }
.next-secondary { border: 1px solid rgba(255, 255, 255, .42); color: #fff; }
.next-secondary:hover { color: #fff; border-color: #fff; background: rgba(255, 255, 255, .1); }

.next-console { transform: rotate(2deg); }
.next-console::before {
  position: absolute;
  inset: .8rem;
  z-index: -1;
  content: "";
  border: 1px solid rgba(184, 240, 251, .12);
  border-radius: 1rem;
}

.next-product-card { position: relative; min-height: 25rem; }
.next-product-card:first-child::after {
  position: absolute;
  right: -5rem;
  bottom: -6rem;
  width: 15rem;
  height: 15rem;
  content: "";
  border: 1px solid rgba(184, 240, 251, .2);
  border-radius: 50%;
}

.next-service-item {
  min-height: 15rem;
  padding: 2rem;
  background: #073946;
  transition: background-color .22s ease, transform .22s ease;
}
.next-service-item:hover { z-index: 1; background: #0b5363; transform: translateY(-4px); }
.next-service-item > span { font-size: .75rem; font-weight: 800; letter-spacing: .14em; color: #b8f0fb; }
.next-service-item h3 { margin-top: 2rem; font-size: 1.28rem; font-weight: 700; }
.next-service-item p { margin-top: .8rem; line-height: 1.6; color: #cbd5e1; }

.next-reason-card {
  min-height: 13.5rem;
  padding: 1.6rem;
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0 10px 30px rgba(15, 23, 42, .045);
}
.next-reason-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.55rem;
  height: 2.55rem;
  border-radius: .75rem;
  font-size: .75rem;
  font-weight: 800;
  color: #0086a9;
  background: #e0f9fd;
}
.next-reason-card h3 { margin-top: 1.35rem; font-size: 1.05rem; font-weight: 750; color: #0f172a; }
.next-reason-card p { margin-top: .6rem; font-size: .9rem; line-height: 1.6; color: #64748b; }

.next-text-link {
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  padding-bottom: .25rem;
  border-bottom: 2px solid #ff762b;
  font-weight: 750;
  color: #007696;
}
.next-text-link:hover { color: #df5e1c; }

.next-process ol { position: relative; counter-reset: next-process; }
.next-process li { position: relative; padding-top: .25rem; }
.next-process li > span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  font-size: .8rem;
  font-weight: 800;
  color: #fff;
  background: #073946;
  box-shadow: 0 0 0 8px #f8fafc;
}
.next-process h3 { margin-top: 1.4rem; font-size: 1.15rem; font-weight: 750; color: #0f172a; }
.next-process li p { margin-top: .6rem; max-width: 15rem; line-height: 1.6; color: #64748b; }
@media (min-width: 768px) {
  .next-process ol::before { position: absolute; top: 1.7rem; right: 10%; left: 10%; height: 1px; content: ""; background: #cbd5e1; }
}

.next-label { display: block; font-size: .78rem; font-weight: 750; color: #334155; }
.next-label input, .next-label select, .next-label textarea {
  display: block;
  width: 100%;
  margin-top: .55rem;
  padding: .78rem .9rem;
  border: 1px solid #dbe3ee;
  border-radius: .6rem;
  outline: none;
  color: #0f172a;
  background: #f8fafc;
  transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}
.next-label textarea { resize: vertical; }
.next-label input:focus, .next-label select:focus, .next-label textarea:focus { border-color: #00afd0; background: #fff; box-shadow: 0 0 0 4px rgba(23, 193, 220, .12); }
.next-contact .next-primary { color: #fff; background: #ff762b; }
.next-contact .next-primary:hover { background: #df5e1c; }

.next-capability {
  padding: 1.65rem;
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  background: #fff;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.next-capability:hover { border-color: #b8f0fb; box-shadow: 0 18px 38px rgba(15, 23, 42, .08); transform: translateY(-3px); }
.next-capability-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.85rem;
  height: 2.85rem;
  border-radius: .8rem;
  color: #0086a9;
  background: #e0f9fd;
}
.next-capability-icon svg { width: 1.45rem; height: 1.45rem; }
.next-capability h3 { margin-top: 1.6rem; font-size: 1.05rem; font-weight: 750; color: #0f172a; }
.next-capability p { margin-top: .65rem; font-size: .9rem; line-height: 1.6; color: #64748b; }

.next-industry {
  min-height: 15rem;
  padding: 1.7rem;
  border-radius: 1rem;
  color: #fff;
  background: #073946;
  transition: transform .2s ease, background-color .2s ease;
}
.next-industry:nth-child(even) { background: #0b5262; }
.next-industry:hover { background: #0086a9; transform: translateY(-4px); }
.next-industry > span { font-size: .75rem; font-weight: 800; letter-spacing: .14em; color: #b8f0fb; }
.next-industry h3 { margin-top: 2rem; font-size: 1.1rem; font-weight: 750; }
.next-industry p { margin-top: .7rem; font-size: .9rem; line-height: 1.6; color: #d5e8eb; }

.next-faq-item { border: 1px solid #e2e8f0; border-radius: .85rem; background: #fff; }
.next-faq-item[open] { border-color: #b8f0fb; box-shadow: 0 12px 25px rgba(15, 23, 42, .05); }
.next-faq-item summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 1.25rem 1.4rem;
  cursor: pointer;
  font-weight: 750;
  color: #0f172a;
  list-style: none;
}
.next-faq-item summary::-webkit-details-marker { display: none; }
.next-faq-item summary span { flex: 0 0 auto; font-size: 1.35rem; font-weight: 400; color: #ff762b; }
.next-faq-item[open] summary span { transform: rotate(45deg); }
.next-faq-item p { max-width: 48rem; padding: 0 1.4rem 1.4rem; line-height: 1.7; color: #64748b; }

.home-faq { position: relative; overflow: hidden; background: linear-gradient(135deg, #f4fafb, #fff 58%, #eaf8fa); }
.home-faq::before { position: absolute; top: -15rem; right: -13rem; width: 33rem; height: 33rem; content: ""; border: 1px solid #d1f0f5; border-radius: 50%; box-shadow: 0 0 0 4rem rgba(184, 240, 251, .1); }
.home-faq-shell { position: relative; display: grid; overflow: hidden; border: 1px solid #d9e9ec; border-radius: 1.55rem; background: rgba(255, 255, 255, .84); box-shadow: 0 25px 60px rgba(15, 23, 42, .075); }
.home-faq-intro { position: relative; padding: 2rem; overflow: hidden; color: #fff; background: linear-gradient(145deg, #052d38, #073946 65%, #0a5968); }
.home-faq-intro::after { position: absolute; right: -6rem; bottom: -7rem; width: 19rem; height: 19rem; content: ""; border: 1px solid rgba(184, 240, 251, .17); border-radius: 50%; box-shadow: 0 0 0 3rem rgba(184, 240, 251, .025); }
.home-faq-intro > * { position: relative; z-index: 1; }
.home-faq-intro h2 { max-width: 31rem; margin-top: 1.2rem; font-size: clamp(2rem, 4vw, 3.25rem); font-weight: 800; line-height: 1.07; letter-spacing: -.055em; text-wrap: balance; }
.home-faq-intro > p:not(.next-eyebrow) { max-width: 27rem; margin-top: 1.35rem; font-size: .96rem; line-height: 1.75; color: #cbd5e1; }
.home-faq-intro-note { display: flex; gap: .75rem; margin-top: 2rem; padding-top: 1.15rem; border-top: 1px solid rgba(255, 255, 255, .15); }
.home-faq-intro-note > span { display: inline-flex; align-items: center; justify-content: center; width: 1.9rem; height: 1.9rem; flex: 0 0 auto; border-radius: .6rem; font-size: .9rem; font-weight: 850; color: #073946; background: #b8f0fb; }
.home-faq-intro-note p { font-size: .73rem; line-height: 1.55; color: #cbd5e1; }
.home-faq-intro-note b { display: block; margin-bottom: .15rem; color: #fff; }
.home-faq-link { display: inline-flex; align-items: center; gap: .55rem; margin-top: 1.7rem; padding: .75rem 1rem; border-radius: .7rem; font-size: .8rem; font-weight: 800; color: #073946; background: #b8f0fb; transition: transform .2s ease, background-color .2s ease; }
.home-faq-link:hover { color: #073946; background: #fff; transform: translateY(-2px); }
.home-faq-list { padding: 1.2rem; background: rgba(255, 255, 255, .9); }
.home-faq-list-label { display: flex; align-items: center; justify-content: space-between; margin: .1rem .15rem 1rem; font-size: .68rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; color: #0086a9; }
.home-faq-list-label span { padding: .32rem .5rem; border-radius: 999px; font-size: .58rem; color: #64748b; background: #f0f7f8; }
.home-faq-item { margin-top: .65rem; overflow: hidden; border: 1px solid #dce8eb; border-radius: .85rem; background: #fff; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.home-faq-item:first-of-type { margin-top: 0; }
.home-faq-item:hover { border-color: #aeeaf4; box-shadow: 0 12px 24px rgba(15, 23, 42, .05); transform: translateX(3px); }
.home-faq-item[open] { border-color: #b8f0fb; box-shadow: 0 14px 28px rgba(15, 23, 42, .06); }
.home-faq-item summary { display: grid; align-items: center; grid-template-columns: auto 1fr auto; gap: .75rem; padding: 1.05rem; cursor: pointer; font-size: .87rem; font-weight: 780; line-height: 1.45; color: #1e293b; list-style: none; }
.home-faq-item summary::-webkit-details-marker { display: none; }
.home-faq-question-number { display: inline-flex; align-items: center; justify-content: center; width: 1.85rem; height: 1.85rem; border-radius: .55rem; font-size: .61rem; font-weight: 850; letter-spacing: .05em; color: #0086a9; background: #e0f9fd; }
.home-faq-item summary i { display: inline-flex; align-items: center; justify-content: center; width: 1.75rem; height: 1.75rem; border-radius: 50%; font-size: 1.15rem; font-style: normal; font-weight: 400; color: #0086a9; background: #f0fbfd; transition: transform .2s ease, color .2s ease, background-color .2s ease; }
.home-faq-item[open] summary i { color: #fff; background: #ff762b; transform: rotate(45deg); }
.home-faq-item p { max-width: 48rem; margin: 0 1.05rem 1.05rem 3.65rem; padding-top: .05rem; font-size: .84rem; line-height: 1.65; color: #64748b; }
@media (min-width: 1024px) { .home-faq-shell { grid-template-columns: .8fr 1.2fr; } .home-faq-intro { padding: 3rem; } .home-faq-list { padding: 1.5rem; } }

.next-client-card {
  display: flex;
  min-height: 10.5rem;
  align-items: center;
  gap: 1.25rem;
  padding: 1.5rem;
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0 10px 26px rgba(15, 23, 42, .035);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.next-client-card:hover { border-color: #b8f0fb; box-shadow: 0 18px 35px rgba(15, 23, 42, .08); transform: translateY(-3px); }
.next-client-mark {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 4.3rem;
  height: 4.3rem;
  border-radius: 1rem;
  font-size: 1.1rem;
  font-weight: 900;
  letter-spacing: -.08em;
}
.next-client-mark-vs { color: #233955; background: #eef7ff; }
.next-client-mark-vs span { color: #0086a9; }
.next-client-mark-agri { font-size: .75rem; line-height: .9; letter-spacing: .03em; color: #17734f; background: #e7f8ed; }
.next-client-mark-agri span { font-size: .65rem; letter-spacing: .15em; }
.next-client-card h3 { margin-top: .35rem; font-size: 1.15rem; font-weight: 800; color: #0f172a; }
.next-client-card p:last-child { margin-top: .45rem; font-size: .85rem; line-height: 1.55; color: #64748b; }
.next-client-note {
  display: flex;
  min-height: 10.5rem;
  flex-direction: column;
  justify-content: center;
  padding: 1.6rem;
  border-radius: 1rem;
  color: #fff;
  background: #073946;
}
.next-client-note-icon { display: inline-flex; align-items: center; justify-content: center; width: 2.15rem; height: 2.15rem; border-radius: .65rem; font-size: 1.4rem; color: #073946; background: #b8f0fb; }
.next-client-note p { margin-top: 1rem; max-width: 12rem; font-size: .95rem; font-weight: 700; line-height: 1.5; }
.next-client-note a { display: inline-flex; gap: .45rem; margin-top: 1.1rem; font-size: .8rem; font-weight: 800; color: #b8f0fb; }
.next-client-note a:hover { color: #fff; }

.next-client-logo-grid {
  display: grid;
  overflow: hidden;
  border: 1px solid #dce7eb;
  border-radius: 1.5rem;
  background: #dce7eb;
  gap: 1px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.next-client-logo {
  position: relative;
  display: flex;
  min-height: 9.5rem;
  align-items: center;
  justify-content: center;
  padding: 1.25rem;
  background: linear-gradient(145deg, #fff, #fbfdfe);
  transition: background-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.next-client-logo::before { position: absolute; top: 1rem; left: 1rem; width: 1.5rem; height: 2px; content: ""; background: #b8f0fb; opacity: 0; transition: opacity .2s ease; }
.next-client-logo:hover { z-index: 1; background: #f0fbfd; box-shadow: 0 12px 22px rgba(15, 23, 42, .08); transform: scale(1.02); }
.next-client-logo:hover::before { opacity: 1; }
.next-client-logo img { position: relative; z-index: 1; width: auto; max-width: 90%; height: 5.7rem; max-height: 5.7rem; object-fit: contain; filter: saturate(.95) contrast(1.03); transition: filter .2s ease, transform .2s ease; }
.next-client-logo:hover img { filter: saturate(1.12) contrast(1.05); transform: scale(1.05); }
.next-client-logo:nth-child(1) img, .next-client-logo:nth-child(3) img { height: 6.5rem; max-height: 6.5rem; }
.next-client-logo:nth-child(5) img, .next-client-logo:nth-child(7) img { max-width: 96%; }
.next-client-logo:nth-child(5), .next-client-logo:nth-child(7) { background: #073946; }
.next-client-logo:nth-child(5)::before, .next-client-logo:nth-child(7)::before { background: #b8f0fb; }
.next-client-logo:nth-child(5):hover, .next-client-logo:nth-child(7):hover { background: #0b5262; }
.next-client-logo:nth-child(5) img, .next-client-logo:nth-child(7) img { filter: saturate(1.05) contrast(1.05); }
.next-client-logo:nth-child(5):hover img, .next-client-logo:nth-child(7):hover img { filter: saturate(1.18) contrast(1.08); }
.next-client-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 1.25rem;
  padding: 1.2rem 1.35rem;
  border-radius: .9rem;
  color: #d9f8ff;
  background: #073946;
}
.next-client-footer p { font-size: .9rem; font-weight: 650; }
.next-client-footer a { display: inline-flex; gap: .5rem; font-size: .8rem; font-weight: 800; color: #b8f0fb; }
.next-client-footer a:hover { color: #fff; }

/* Home page: refined product-led section system */
.next-hero { background: #062d3a; }
.next-hero::before { position: absolute; top: 16%; right: 8%; z-index: -5; width: 22rem; height: 22rem; content: ""; border-radius: 50%; background: radial-gradient(circle, rgba(23, 193, 220, .2), transparent 68%); filter: blur(5px); }
.next-hero h1, .next-platform h2, .next-services h2, .next-why h2, .next-process h2, .next-capabilities h2, .next-industries h2, .next-faq h2, .next-clients h2 { text-wrap: balance; }
.next-console { transition: transform .3s ease, box-shadow .3s ease; }
.next-console:hover { box-shadow: 0 32px 70px rgba(0, 0, 0, .38); transform: rotate(0deg) translateY(-5px); }

.next-intro { position: relative; overflow: hidden; background: linear-gradient(110deg, #fff, #f4fbfc); }
.next-intro::after { position: absolute; right: -5rem; bottom: -8rem; width: 20rem; height: 20rem; content: ""; border: 1px solid #c7edf4; border-radius: 50%; box-shadow: 0 0 0 3rem rgba(184, 240, 251, .16); }
.next-intro > div { position: relative; z-index: 1; padding: 1.6rem; border: 1px solid #e0eef1; border-radius: 1.25rem; background: rgba(255, 255, 255, .78); box-shadow: 0 16px 38px rgba(15, 23, 42, .045); }

.next-platform { position: relative; overflow: hidden; background: radial-gradient(circle at 90% 9%, #e4f9fc 0, transparent 23rem), #f8fafc; }
.next-product-card { isolation: isolate; transition: transform .28s ease, box-shadow .28s ease; }
.next-product-card:hover { z-index: 1; box-shadow: 0 28px 55px rgba(15, 23, 42, .14); transform: translateY(-6px); }
.next-product-card:nth-child(2)::after { position: absolute; top: 1.25rem; right: 1.25rem; z-index: -1; width: 5.5rem; height: 5.5rem; content: ""; border: 1px solid #d7f4f9; border-radius: 50%; }

.next-services { position: relative; overflow: hidden; background: linear-gradient(145deg, #052e39, #073946 58%, #074d5a); }
.next-services::after { position: absolute; right: -12rem; bottom: -13rem; width: 34rem; height: 34rem; content: ""; border: 1px solid rgba(184, 240, 251, .16); border-radius: 50%; box-shadow: 0 0 0 4rem rgba(184, 240, 251, .025); }
.next-services > div { position: relative; z-index: 1; }
.next-service-item { position: relative; overflow: hidden; }
.next-service-item::before { position: absolute; top: 0; left: 0; width: 2.5rem; height: 2px; content: ""; background: #ff762b; transition: width .22s ease; }
.next-service-item:hover::before { width: 100%; }

.home-solution-suite { position: relative; overflow: hidden; isolation: isolate; background: linear-gradient(135deg, #052b36, #073946 56%, #0a5867); }
.home-solution-suite::before { position: absolute; inset: 0; z-index: -2; content: ""; opacity: .34; background-image: linear-gradient(rgba(184, 240, 251, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(184, 240, 251, .08) 1px, transparent 1px); background-size: 3.5rem 3.5rem; mask-image: linear-gradient(90deg, #000, transparent 78%); }
.home-solution-suite-orbit { position: absolute; z-index: -1; border: 1px solid rgba(184, 240, 251, .15); border-radius: 50%; pointer-events: none; }
.home-solution-suite-orbit-one { top: -14rem; right: -12rem; width: 36rem; height: 36rem; box-shadow: 0 0 0 4rem rgba(184, 240, 251, .025), 0 0 0 8rem rgba(184, 240, 251, .015); }
.home-solution-suite-orbit-two { bottom: -15rem; left: -11rem; width: 29rem; height: 29rem; }
.home-solution-suite-head { display: grid; gap: 2rem; padding-bottom: 2.5rem; border-bottom: 1px solid rgba(255, 255, 255, .16); }
.home-solution-suite-head h2 { max-width: 46rem; margin-top: 1.2rem; font-size: clamp(2rem, 4.2vw, 3.55rem); font-weight: 800; line-height: 1.06; letter-spacing: -.055em; text-wrap: balance; }
.home-solution-suite-summary { display: grid; align-content: end; gap: 1.4rem; max-width: 33rem; font-size: .98rem; line-height: 1.75; color: #cbd5e1; }
.home-solution-suite-summary span { display: inline-flex; align-items: center; gap: .7rem; font-size: .72rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; color: #b8f0fb; }
.home-solution-suite-summary b { display: inline-flex; align-items: center; justify-content: center; width: 2.15rem; height: 2.15rem; border-radius: .65rem; font-size: .72rem; color: #073946; background: #b8f0fb; }
.home-solution-suite-grid { display: grid; gap: .8rem; margin-top: 2.5rem; }
.home-solution-suite-card { position: relative; min-height: 16rem; padding: 1.55rem; overflow: hidden; border: 1px solid rgba(184, 240, 251, .14); border-radius: 1.15rem; background: rgba(255, 255, 255, .055); backdrop-filter: blur(8px); transition: transform .25s ease, border-color .25s ease, background-color .25s ease, box-shadow .25s ease; }
.home-solution-suite-card::after { position: absolute; right: -3.25rem; bottom: -3.25rem; width: 8rem; height: 8rem; content: ""; border: 1px solid rgba(184, 240, 251, .14); border-radius: 50%; transition: transform .3s ease; }
.home-solution-suite-card:hover { border-color: rgba(184, 240, 251, .5); background: rgba(184, 240, 251, .1); box-shadow: 0 20px 38px rgba(0, 0, 0, .14); transform: translateY(-5px); }
.home-solution-suite-card:hover::after { transform: scale(1.22); }
.home-solution-suite-card-top { display: flex; align-items: center; justify-content: space-between; }
.home-solution-suite-card-top span { font-size: .68rem; font-weight: 850; letter-spacing: .16em; color: #b8f0fb; }
.home-solution-suite-card-top i { display: inline-flex; align-items: center; justify-content: center; width: 2.15rem; height: 2.15rem; border: 1px solid rgba(184, 240, 251, .2); border-radius: 50%; font-size: 1rem; font-style: normal; color: #b8f0fb; transition: background-color .2s ease, color .2s ease, transform .2s ease; }
.home-solution-suite-card:hover .home-solution-suite-card-top i { color: #073946; background: #b8f0fb; transform: rotate(45deg); }
.home-solution-suite-card h3 { position: relative; z-index: 1; margin-top: 2.5rem; font-size: 1.3rem; font-weight: 800; letter-spacing: -.025em; }
.home-solution-suite-card p { position: relative; z-index: 1; margin-top: .8rem; max-width: 23rem; font-size: .9rem; line-height: 1.7; color: #cbd5e1; }
.home-solution-suite-card small { position: absolute; bottom: 1.55rem; left: 1.55rem; z-index: 1; font-size: .66rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #b8f0fb; }
.home-solution-suite-card-featured { border-color: rgba(255, 118, 43, .65); background: linear-gradient(145deg, rgba(255, 118, 43, .22), rgba(255, 255, 255, .07)); }
.home-solution-suite-card-featured::after { border-color: rgba(255, 118, 43, .42); }
@media (min-width: 768px) { .home-solution-suite-head { grid-template-columns: 1.08fr .92fr; align-items: end; } .home-solution-suite-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .home-solution-suite-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767px) { .home-solution-suite-head { padding-bottom: 2rem; } .home-solution-suite-card { min-height: 14rem; } }

.next-why { background: linear-gradient(180deg, #fff, #fbfeff); }
.next-reason-card { position: relative; overflow: hidden; transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease; }
.next-reason-card::after { position: absolute; right: -2.8rem; bottom: -2.8rem; width: 7rem; height: 7rem; content: ""; border: 1px solid #d9f8ff; border-radius: 50%; }
.next-reason-card:hover { border-color: #b8f0fb; box-shadow: 0 20px 42px rgba(15, 23, 42, .09); transform: translateY(-5px); }

.home-why { position: relative; overflow: hidden; background: linear-gradient(135deg, #f4fafb, #fff 58%, #eaf8fa); }
.home-why::before { position: absolute; top: -16rem; left: -14rem; width: 35rem; height: 35rem; content: ""; border: 1px solid #d1f0f5; border-radius: 50%; box-shadow: 0 0 0 4rem rgba(184, 240, 251, .12); }
.home-why-shell { position: relative; display: grid; overflow: hidden; border: 1px solid #dcebed; border-radius: 1.65rem; background: rgba(255, 255, 255, .8); box-shadow: 0 28px 65px rgba(15, 23, 42, .08); }
.home-why-intro { position: relative; padding: 2rem; overflow: hidden; color: #fff; background: linear-gradient(145deg, #052d38, #073946 65%, #0a5a68); }
.home-why-intro::before { position: absolute; right: -6rem; bottom: -7rem; width: 19rem; height: 19rem; content: ""; border: 1px solid rgba(184, 240, 251, .18); border-radius: 50%; box-shadow: 0 0 0 3rem rgba(184, 240, 251, .025); }
.home-why-intro > * { position: relative; z-index: 1; }
.home-why-intro h2 { max-width: 35rem; margin-top: 1.25rem; font-size: clamp(2rem, 4vw, 3.25rem); font-weight: 800; line-height: 1.08; letter-spacing: -.055em; text-wrap: balance; }
.home-why-intro > p:not(.next-eyebrow) { max-width: 34rem; margin-top: 1.5rem; font-size: 1rem; line-height: 1.8; color: #cbd5e1; }
.home-why-proof { display: grid; gap: .55rem; margin-top: 2rem; padding-top: 1.1rem; border-top: 1px solid rgba(255, 255, 255, .16); font-size: .69rem; font-weight: 750; letter-spacing: .055em; color: #cbd5e1; }
.home-why-proof span:first-child { display: inline-flex; align-items: center; gap: .5rem; color: #fff; }
.home-why-proof i { width: .48rem; height: .48rem; border-radius: 50%; background: #8ef0cb; box-shadow: 0 0 0 4px rgba(142, 240, 203, .13); }
.home-why-link { display: inline-flex; align-items: center; gap: .55rem; margin-top: 2rem; padding: .75rem 1rem; border-radius: .7rem; font-size: .81rem; font-weight: 800; color: #073946; background: #b8f0fb; transition: transform .2s ease, background-color .2s ease; }
.home-why-link:hover { color: #073946; background: #fff; transform: translateY(-2px); }
.home-why-values { display: grid; gap: .75rem; padding: 1rem; background: rgba(248, 252, 252, .88); }
.home-why-card { position: relative; min-height: 14rem; padding: 1.3rem; overflow: hidden; border: 1px solid #dce8eb; border-radius: 1rem; background: #fff; transition: transform .23s ease, border-color .23s ease, box-shadow .23s ease; }
.home-why-card::after { position: absolute; right: -2.75rem; bottom: -2.75rem; width: 7rem; height: 7rem; content: ""; border: 1px solid #d6f4f8; border-radius: 50%; transition: transform .3s ease; }
.home-why-card:hover { z-index: 1; border-color: #aeeaf4; box-shadow: 0 18px 35px rgba(15, 23, 42, .09); transform: translateY(-4px); }
.home-why-card:hover::after { transform: scale(1.18); }
.home-why-card-head { display: flex; align-items: center; justify-content: space-between; }
.home-why-card-head span { font-size: .67rem; font-weight: 850; letter-spacing: .15em; color: #0086a9; }
.home-why-card-head i { display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; border-radius: .6rem; font-size: .93rem; font-style: normal; color: #0086a9; background: #e0f9fd; transition: transform .2s ease; }
.home-why-card:hover .home-why-card-head i { transform: rotate(45deg); }
.home-why-card h3 { position: relative; z-index: 1; margin-top: 1.7rem; font-size: 1.05rem; font-weight: 800; letter-spacing: -.02em; color: #0f172a; }
.home-why-card p { position: relative; z-index: 1; margin-top: .65rem; font-size: .84rem; line-height: 1.65; color: #64748b; }
.home-why-card small { position: absolute; bottom: 1.3rem; left: 1.3rem; z-index: 1; font-size: .61rem; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; color: #0086a9; }
.home-why-card-accent { color: #fff; border-color: #073946; background: linear-gradient(145deg, #073946, #0a5968); }
.home-why-card-accent::after { border-color: rgba(184, 240, 251, .22); }
.home-why-card-accent .home-why-card-head span, .home-why-card-accent small { color: #b8f0fb; }
.home-why-card-accent .home-why-card-head i { color: #073946; background: #b8f0fb; }
.home-why-card-accent h3 { color: #fff; }
.home-why-card-accent p { color: #cbd5e1; }
@media (min-width: 640px) { .home-why-proof { grid-template-columns: 1fr 1fr; } .home-why-values { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .home-why-shell { grid-template-columns: .95fr 1.05fr; } .home-why-intro { padding: 3.4rem; } .home-why-values { padding: 1.25rem; } .home-why-card { min-height: 15rem; padding: 1.55rem; } .home-why-card small { bottom: 1.55rem; left: 1.55rem; } }

.next-process { position: relative; overflow: hidden; background: linear-gradient(135deg, #f5fbfc, #fff); }
.next-process ol { gap: 1rem; }
.next-process li { min-height: 15rem; padding: 1.5rem; border: 1px solid #e0eaed; border-radius: 1rem; background: rgba(255, 255, 255, .8); box-shadow: 0 10px 25px rgba(15, 23, 42, .035); transition: transform .22s ease, box-shadow .22s ease; }
.next-process li:hover { box-shadow: 0 18px 38px rgba(15, 23, 42, .08); transform: translateY(-4px); }
.next-process li > span { box-shadow: 0 0 0 6px #f5fbfc; }
@media (min-width: 768px) { .next-process ol::before { z-index: 1; right: 14%; left: 14%; } .next-process li { z-index: 2; } }

.home-process { position: relative; overflow: hidden; background: linear-gradient(145deg, #f5fbfc, #fff 57%, #eaf8fa); }
.home-process::before { position: absolute; top: -18rem; right: -14rem; width: 38rem; height: 38rem; content: ""; border: 1px solid #cceff4; border-radius: 50%; box-shadow: 0 0 0 4rem rgba(184, 240, 251, .12), 0 0 0 8rem rgba(184, 240, 251, .06); }
.home-process::after { position: absolute; bottom: -14rem; left: -12rem; width: 29rem; height: 29rem; content: ""; border: 1px solid #d5f2f6; border-radius: 50%; }
.home-process > div { position: relative; z-index: 1; }
.home-process-head { display: grid; gap: 1.5rem; padding-bottom: 2.25rem; border-bottom: 1px solid #d9e8eb; }
.home-process-head h2 { max-width: 45rem; margin-top: 1.1rem; font-size: clamp(2rem, 4.2vw, 3.45rem); font-weight: 800; line-height: 1.07; letter-spacing: -.055em; text-wrap: balance; color: #0f172a; }
.home-process-head > p { align-self: end; max-width: 32rem; font-size: .98rem; line-height: 1.75; color: #64748b; }
.home-process-flow { position: relative; display: grid; gap: .85rem; margin-top: 2.5rem; }
.home-process-flow li { position: relative; min-height: 15rem; padding: 1.5rem; overflow: hidden; border: 1px solid #dce9ec; border-radius: 1.1rem; background: rgba(255, 255, 255, .86); box-shadow: 0 12px 28px rgba(15, 23, 42, .04); transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease; }
.home-process-flow li::after { position: absolute; right: -3rem; bottom: -3rem; width: 7.5rem; height: 7.5rem; content: ""; border: 1px solid #d5f2f6; border-radius: 50%; transition: transform .3s ease; }
.home-process-flow li:hover { z-index: 2; border-color: #aeeaf4; box-shadow: 0 22px 42px rgba(15, 23, 42, .1); transform: translateY(-5px); }
.home-process-flow li:hover::after { transform: scale(1.2); }
.home-process-step-top { display: flex; align-items: center; justify-content: space-between; }
.home-process-step-top span { display: inline-flex; align-items: center; justify-content: center; width: 2.45rem; height: 2.45rem; border-radius: .72rem; font-size: .7rem; font-weight: 850; letter-spacing: .08em; color: #073946; background: #b8f0fb; }
.home-process-step-top i { display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; border-radius: 50%; font-size: 1rem; font-style: normal; color: #0086a9; background: #edfafd; transition: transform .2s ease, color .2s ease, background-color .2s ease; }
.home-process-flow li:hover .home-process-step-top i { color: #fff; background: #ff762b; transform: translateX(3px); }
.home-process-flow h3 { position: relative; z-index: 1; margin-top: 2.25rem; font-size: 1.17rem; font-weight: 800; letter-spacing: -.025em; color: #0f172a; }
.home-process-flow p { position: relative; z-index: 1; margin-top: .7rem; font-size: .87rem; line-height: 1.65; color: #64748b; }
.home-process-flow small { position: absolute; bottom: 1.5rem; left: 1.5rem; z-index: 1; font-size: .62rem; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; color: #0086a9; }
.home-process-flow li:nth-child(4) { color: #fff; border-color: #073946; background: linear-gradient(145deg, #073946, #0a5968); }
.home-process-flow li:nth-child(4)::after { border-color: rgba(184, 240, 251, .24); }
.home-process-flow li:nth-child(4) .home-process-step-top span { color: #073946; background: #b8f0fb; }
.home-process-flow li:nth-child(4) .home-process-step-top i { color: #073946; background: #fff; }
.home-process-flow li:nth-child(4):hover .home-process-step-top i { color: #073946; background: #b8f0fb; transform: rotate(12deg); }
.home-process-flow li:nth-child(4) h3 { color: #fff; }
.home-process-flow li:nth-child(4) p { color: #cbd5e1; }
.home-process-flow li:nth-child(4) small { color: #b8f0fb; }
@media (min-width: 768px) { .home-process-head { grid-template-columns: 1.05fr .95fr; align-items: end; } .home-process-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .home-process-flow { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 767px) { .home-process-flow li { min-height: 13.5rem; } }

.next-capabilities { background: #fff; }
.next-capability { position: relative; overflow: hidden; }
.next-capability::before { position: absolute; top: 0; left: 1.65rem; width: 2.5rem; height: 3px; content: ""; border-radius: 0 0 1rem 1rem; background: #ff762b; }

.home-capabilities { position: relative; overflow: hidden; background: #fff; }
.home-capabilities::before { position: absolute; top: 0; right: 0; width: 36%; height: 100%; content: ""; background: linear-gradient(135deg, rgba(234, 248, 250, .95), rgba(255, 255, 255, 0)); pointer-events: none; }
.home-capabilities > div { position: relative; z-index: 1; }
.home-capabilities-head { display: grid; gap: 1.5rem; padding-bottom: 2.5rem; border-bottom: 1px solid #dce9ec; }
.home-capabilities-head h2 { max-width: 44rem; margin-top: 1.15rem; font-size: clamp(2rem, 4.15vw, 3.45rem); font-weight: 800; line-height: 1.07; letter-spacing: -.055em; text-wrap: balance; color: #0f172a; }
.home-capabilities-note { display: grid; align-content: end; gap: 1.25rem; max-width: 32rem; font-size: 1rem; line-height: 1.75; color: #64748b; }
.home-capabilities-note span { display: inline-flex; align-items: center; gap: .55rem; font-size: .69rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #0086a9; }
.home-capabilities-note i { width: .5rem; height: .5rem; border-radius: 50%; background: #ff762b; box-shadow: 0 0 0 4px rgba(255, 118, 43, .13); }
.home-capabilities-grid { display: grid; gap: .9rem; margin-top: 2.5rem; }
.home-capability-card { position: relative; min-height: 17rem; padding: 1.5rem; overflow: hidden; border: 1px solid #dce8eb; border-radius: 1.1rem; background: #fff; box-shadow: 0 10px 26px rgba(15, 23, 42, .035); transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease; }
.home-capability-card::after { position: absolute; right: -3rem; bottom: -3rem; width: 8rem; height: 8rem; content: ""; border: 1px solid #d6f4f8; border-radius: 50%; transition: transform .3s ease; }
.home-capability-card:hover { z-index: 1; border-color: #aeeaf4; box-shadow: 0 22px 42px rgba(15, 23, 42, .09); transform: translateY(-5px); }
.home-capability-card:hover::after { transform: scale(1.2); }
.home-capability-icon { display: inline-flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; border-radius: .85rem; color: #0086a9; background: #e0f9fd; }
.home-capability-icon svg { width: 1.45rem; height: 1.45rem; }
.home-capability-number { position: absolute; top: 1.75rem; right: 1.5rem; font-size: .68rem; font-weight: 850; letter-spacing: .16em; color: #94a3b8; }
.home-capability-card h3 { position: relative; z-index: 1; margin-top: 2.35rem; font-size: 1.12rem; font-weight: 800; letter-spacing: -.025em; color: #0f172a; }
.home-capability-card p { position: relative; z-index: 1; margin-top: .72rem; font-size: .87rem; line-height: 1.65; color: #64748b; }
.home-capability-card small { position: absolute; bottom: 1.5rem; left: 1.5rem; z-index: 1; font-size: .62rem; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; color: #0086a9; }
.home-capability-card-dark { color: #fff; border-color: #073946; background: linear-gradient(145deg, #073946, #0a5968); }
.home-capability-card-dark::after { border-color: rgba(184, 240, 251, .23); }
.home-capability-card-dark .home-capability-icon { color: #073946; background: #b8f0fb; }
.home-capability-card-dark .home-capability-number { color: #b8f0fb; }
.home-capability-card-dark h3 { color: #fff; }
.home-capability-card-dark p { color: #cbd5e1; }
.home-capability-card-dark small { color: #b8f0fb; }
@media (min-width: 768px) { .home-capabilities-head { grid-template-columns: 1.05fr .95fr; align-items: end; } .home-capabilities-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1280px) { .home-capabilities-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 767px) { .home-capability-card { min-height: 15rem; } }

.next-industries { position: relative; overflow: hidden; background: linear-gradient(135deg, #eaf9fb, #f8fcfc); }
.next-industries::before { position: absolute; top: -10rem; left: -11rem; width: 25rem; height: 25rem; content: ""; border: 1px solid #caeff5; border-radius: 50%; }
.next-industries > div { position: relative; z-index: 1; }
.next-industry { position: relative; overflow: hidden; border: 1px solid rgba(184, 240, 251, .14); box-shadow: 0 14px 30px rgba(7, 57, 70, .11); }
.next-industry::after { position: absolute; right: -2.6rem; bottom: -2.6rem; width: 7.5rem; height: 7.5rem; content: ""; border: 1px solid rgba(184, 240, 251, .2); border-radius: 50%; }

.next-faq { background: linear-gradient(180deg, #fff, #f8fcfc); }
.next-faq-item { overflow: hidden; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.next-faq-item:hover { border-color: #b8f0fb; transform: translateX(4px); }

.next-cta { background: linear-gradient(115deg, #e95d17, #ff762b 52%, #ff8f45); }
.next-contact { background: radial-gradient(circle at 10% 85%, #e7f8fb, transparent 24rem), #fff; }
.next-contact > div > div { border-color: #d6e8ed; }
.next-clients { background: linear-gradient(180deg, #f8fbfc, #fff); }

.home-clients { position: relative; overflow: hidden; background: linear-gradient(180deg, #f7fbfc, #fff); }
.home-clients::before { position: absolute; right: -14rem; bottom: -15rem; width: 35rem; height: 35rem; content: ""; border: 1px solid #d2f0f4; border-radius: 50%; box-shadow: 0 0 0 4rem rgba(184, 240, 251, .11); }
.home-clients > div { position: relative; z-index: 1; }
.home-clients-head { display: grid; gap: 1.5rem; padding-bottom: 2.4rem; border-bottom: 1px solid #dce9ec; }
.home-clients-head h2 { max-width: 45rem; margin-top: 1.15rem; font-size: clamp(2rem, 4vw, 3.35rem); font-weight: 800; line-height: 1.07; letter-spacing: -.055em; text-wrap: balance; color: #0f172a; }
.home-clients-note { display: grid; align-content: end; gap: 1.25rem; max-width: 31rem; font-size: .98rem; line-height: 1.75; color: #64748b; }
.home-clients-note span { display: inline-flex; align-items: center; gap: .55rem; font-size: .68rem; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; color: #0086a9; }
.home-clients-note i { width: .48rem; height: .48rem; border-radius: 50%; background: #8ef0cb; box-shadow: 0 0 0 4px rgba(142, 240, 203, .18); }
.home-clients-logo-wall { display: grid; margin-top: 2.5rem; overflow: hidden; border: 1px solid #dce8eb; border-radius: 1.4rem; background: #dce8eb; gap: 1px; grid-template-columns: repeat(2, minmax(0, 1fr)); box-shadow: 0 18px 38px rgba(15, 23, 42, .045); }
.home-clients-logo { position: relative; display: flex; min-height: 9.5rem; align-items: center; justify-content: center; padding: 1.25rem; overflow: hidden; background: rgba(255, 255, 255, .93); transition: background-color .22s ease, transform .22s ease, box-shadow .22s ease; }
.home-clients-logo::before { position: absolute; top: 1rem; left: 1rem; width: 1.7rem; height: 2px; content: ""; background: #ff762b; opacity: 0; transform: translateX(-.5rem); transition: opacity .2s ease, transform .2s ease; }
.home-clients-logo:hover { z-index: 1; background: #f0fbfd; box-shadow: 0 12px 24px rgba(15, 23, 42, .08); transform: scale(1.025); }
.home-clients-logo:hover::before { opacity: 1; transform: translateX(0); }
.home-clients-logo img { width: auto; max-width: 88%; height: 5.4rem; max-height: 5.4rem; object-fit: contain; filter: saturate(.93) contrast(1.03); transition: filter .22s ease, transform .22s ease; }
.home-clients-logo:hover img { filter: saturate(1.1) contrast(1.06); transform: scale(1.04); }
.home-clients-logo:nth-child(1) img, .home-clients-logo:nth-child(3) img { height: 6.2rem; max-height: 6.2rem; }
.home-clients-logo:nth-child(5), .home-clients-logo:nth-child(7) { background: #073946; }
.home-clients-logo:nth-child(5)::before, .home-clients-logo:nth-child(7)::before { background: #b8f0fb; }
.home-clients-logo:nth-child(5):hover, .home-clients-logo:nth-child(7):hover { background: #0b5262; }
.home-clients-logo:nth-child(5) img, .home-clients-logo:nth-child(7) img { filter: saturate(1.05) contrast(1.05); }
.home-clients-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.25rem; margin-top: 1rem; padding: 1.35rem; border: 1px solid #dce8eb; border-radius: 1rem; background: rgba(255, 255, 255, .8); box-shadow: 0 10px 26px rgba(15, 23, 42, .035); }
.home-clients-footer span { font-size: .65rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; color: #0086a9; }
.home-clients-footer p { margin-top: .45rem; font-size: .92rem; font-weight: 700; color: #334155; }
.home-clients-button { min-height: 3rem; padding: .7rem 1rem; border: 0; border-radius: .7rem; cursor: pointer; font: inherit; font-size: .78rem; font-weight: 850; color: #fff; background: #073946; box-shadow: 0 10px 20px rgba(7, 57, 70, .16); transition: transform .2s ease, background-color .2s ease; }
.home-clients-button:hover { background: #0086a9; transform: translateY(-2px); }
@media (min-width: 640px) { .home-clients-logo-wall { grid-template-columns: repeat(4, minmax(0, 1fr)); } .home-clients-logo { min-height: 9rem; } }
@media (min-width: 1024px) { .home-clients-head { grid-template-columns: .95fr 1.05fr; align-items: end; } .home-clients-footer { padding: 1.5rem 1.7rem; } }

.home-demo-cta { position: relative; overflow: hidden; background: #f5fafb; }
.home-demo-cta-shell { position: relative; display: grid; gap: 2rem; padding: 2rem; overflow: hidden; border-radius: 1.5rem; background: linear-gradient(125deg, #e95d17, #ff762b 52%, #ff8c40); box-shadow: 0 24px 55px rgba(203, 82, 20, .22); }
.home-demo-cta-shell::before { position: absolute; inset: 0; content: ""; opacity: .25; background-image: linear-gradient(rgba(255, 255, 255, .26) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .26) 1px, transparent 1px); background-size: 3.5rem 3.5rem; mask-image: linear-gradient(90deg, #000, transparent 80%); }
.home-demo-cta-shell > *:not(.home-demo-cta-orbit) { position: relative; z-index: 1; }
.home-demo-cta-orbit { position: absolute; top: -9rem; right: -8rem; width: 25rem; height: 25rem; border: 2rem solid rgba(255, 255, 255, .1); border-radius: 50%; box-shadow: 0 0 0 4rem rgba(255, 255, 255, .045); }
.home-demo-cta-copy > p { font-size: .68rem; font-weight: 850; letter-spacing: .18em; text-transform: uppercase; color: rgba(255, 255, 255, .76); }
.home-demo-cta-copy h2 { max-width: 42rem; margin-top: .8rem; font-size: clamp(2rem, 4vw, 3.3rem); font-weight: 800; line-height: 1.08; letter-spacing: -.055em; text-wrap: balance; }
.home-demo-cta-copy ul { display: flex; flex-wrap: wrap; gap: .6rem 1.2rem; margin-top: 1.5rem; font-size: .72rem; font-weight: 700; color: rgba(255, 255, 255, .88); }
.home-demo-cta-copy li { display: inline-flex; align-items: center; gap: .45rem; }
.home-demo-cta-copy li::before { width: .45rem; height: .45rem; content: ""; border-radius: 50%; background: #b8f0fb; box-shadow: 0 0 0 4px rgba(184, 240, 251, .14); }
.home-demo-cta-action { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: .75rem; }
.home-demo-cta-action > span { font-size: .67rem; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; color: rgba(255, 255, 255, .76); }
.home-demo-cta-button { display: inline-flex; align-items: center; justify-content: center; min-height: 3.45rem; padding: .85rem 1.3rem; border: 0; border-radius: .8rem; cursor: pointer; font: inherit; font-size: .88rem; font-weight: 850; color: #073946; background: #fff; box-shadow: 0 12px 24px rgba(90, 32, 8, .2); transition: transform .2s ease, background-color .2s ease, box-shadow .2s ease; }
.home-demo-cta-button:hover { background: #b8f0fb; box-shadow: 0 16px 30px rgba(90, 32, 8, .25); transform: translateY(-3px); }
.home-demo-cta-action small { font-size: .68rem; line-height: 1.5; color: rgba(255, 255, 255, .82); }
@media (min-width: 768px) { .home-demo-cta-shell { grid-template-columns: 1fr auto; align-items: center; padding: 2.7rem 3rem; } .home-demo-cta-action { align-items: flex-end; } }
@media (max-width: 767px) { .home-demo-cta-shell { border-radius: 1.1rem; } }

@media (max-width: 767px) {
  .next-intro > div { padding: 1.25rem; }
  .next-process li { min-height: auto; }
  .next-reason-card { min-height: auto; }
}

/* About page */
.about-page-hero h1 { text-wrap: balance; }
.about-page-hero::after { display: none; }
.about-hero-content { min-height: 37rem; }
.about-hero-minimal { min-height: 29rem; display: flex; flex-direction: column; justify-content: center; }
.about-hero-minimal-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 43rem; margin-top: 3.5rem; border-top: 1px solid rgba(255, 255, 255, .2); }
.about-hero-minimal-stats div { padding: 1rem 1rem 0 0; }
.about-hero-minimal-stats div + div { padding-left: 1rem; border-left: 1px solid rgba(255, 255, 255, .16); }
.about-hero-minimal-stats dt { font-size: .95rem; font-weight: 800; color: #b8f0fb; }
.about-hero-minimal-stats dd { margin-top: .35rem; font-size: .7rem; line-height: 1.35; color: #cbd5e1; }
.about-hero-cta { display: inline-flex; align-items: center; gap: .65rem; min-height: 3.15rem; padding: .75rem 1.05rem; border-radius: .75rem; font-size: .85rem; font-weight: 800; color: #073946; background: #b8f0fb; box-shadow: 0 10px 22px rgba(0, 0, 0, .16); transition: transform .2s ease, background-color .2s ease; }
.about-hero-cta:hover { color: #073946; background: #fff; transform: translateY(-2px); }
.about-hero-location { display: inline-flex; align-items: center; min-height: 3.15rem; padding: .75rem .9rem; border-left: 1px solid rgba(255, 255, 255, .25); font-size: .8rem; font-weight: 650; color: #cbd5e1; }
.about-hero-visual { padding: 1.5rem 1.2rem 2.6rem 0; }
.about-hero-image { position: relative; overflow: hidden; border-radius: 1.5rem; box-shadow: 0 28px 65px rgba(0, 0, 0, .28); }
.about-hero-image::after { position: absolute; inset: 0; content: ""; background: linear-gradient(145deg, rgba(0, 55, 69, .12), rgba(0, 55, 69, .45)); }
.about-hero-image img { display: block; width: 100%; height: 25rem; object-fit: cover; object-position: 60% center; }
.about-hero-orbit { position: absolute; top: -1rem; right: -1rem; width: 8rem; height: 8rem; border: 1px solid rgba(184, 240, 251, .5); border-radius: 50%; }
.about-hero-note { position: absolute; top: 2.8rem; left: -1.2rem; display: flex; align-items: center; gap: .7rem; max-width: 14rem; padding: .8rem; border: 1px solid rgba(255, 255, 255, .2); border-radius: .85rem; background: rgba(5, 43, 54, .88); box-shadow: 0 12px 28px rgba(0, 0, 0, .16); backdrop-filter: blur(12px); }
.about-hero-note-icon { display: inline-flex; align-items: center; justify-content: center; width: 2.2rem; height: 2.2rem; flex: 0 0 auto; border-radius: .65rem; color: #073946; background: #b8f0fb; }
.about-hero-note-icon svg { width: 1.1rem; height: 1.1rem; }
.about-hero-note b, .about-hero-note small { display: block; }
.about-hero-note b { font-size: .75rem; color: #fff; }
.about-hero-note small { margin-top: .2rem; font-size: .65rem; line-height: 1.35; color: #cbd5e1; }
.about-hero-stats { position: absolute; right: 0; bottom: 0; display: grid; overflow: hidden; grid-template-columns: repeat(3, minmax(0, 1fr)); width: min(90%, 25rem); border: 1px solid rgba(184, 240, 251, .2); border-radius: .95rem; background: #fff; box-shadow: 0 16px 35px rgba(0, 0, 0, .18); }
.about-hero-stats div { padding: .9rem .75rem; }
.about-hero-stats div + div { border-left: 1px solid #dcebed; }
.about-hero-stats dt { font-size: .95rem; font-weight: 850; color: #073946; }
.about-hero-stats dd { margin-top: .2rem; font-size: .61rem; font-weight: 650; line-height: 1.25; color: #64748b; }
.about-hero-panel { padding: 1.25rem; border: 1px solid rgba(184, 240, 251, .22); border-radius: 1.25rem; background: rgba(2, 38, 49, .5); box-shadow: 0 24px 50px rgba(0, 0, 0, .16); backdrop-filter: blur(16px); }
.about-hero-panel > div > div { min-height: 6.8rem; padding: 1rem; background: rgba(255, 255, 255, .06); }
.about-hero-panel b, .about-hero-panel span { display: block; }
.about-hero-panel b { font-size: 1.15rem; color: #fff; }
.about-hero-panel span { margin-top: .35rem; font-size: .72rem; color: #cbd5e1; }
.about-story { position: relative; overflow: hidden; }
.about-story::before { position: absolute; top: 0; right: 9%; width: 1px; height: 100%; content: ""; background: linear-gradient(transparent, #b8f0fb, transparent); }
.about-story-stamp { display: inline-flex; flex-direction: column; min-width: 9rem; padding: .85rem 1rem; border: 1px solid #d7edf1; border-radius: .8rem; background: #f4fcfd; }
.about-story-stamp span { font-size: .65rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: #0086a9; }
.about-story-stamp strong { margin-top: .25rem; font-size: 1.25rem; color: #073946; }
.about-story-stamp i { width: 2rem; height: 2px; margin-top: .65rem; background: #ff762b; }
.about-story-intro { align-self: start; }
.about-story-signal { display: flex; align-items: center; gap: .9rem; max-width: 18rem; padding: 1rem; border: 1px solid #d8ebef; border-radius: .9rem; background: #f2fbfc; }
.about-story-signal-icon { display: inline-flex; align-items: center; justify-content: center; width: 2.45rem; height: 2.45rem; flex: 0 0 auto; border-radius: .7rem; color: #fff; background: #073946; }
.about-story-signal-icon svg { width: 1.2rem; height: 1.2rem; }
.about-story-signal p { font-size: .82rem; font-weight: 800; color: #073946; }
.about-story-signal small { display: block; margin-top: .25rem; font-size: .72rem; line-height: 1.45; color: #617781; }
.about-story-copy { padding: 1.7rem; border: 1px solid #e1eaed; border-radius: 1.25rem; background: linear-gradient(135deg, #fff, #f8fcfd); box-shadow: 0 18px 45px rgba(15, 23, 42, .045); }
.about-story-lead { max-width: 48rem; font-size: 1.35rem; font-weight: 600; line-height: 1.55; letter-spacing: -.02em; color: #173e4d; }
.about-story-columns { display: grid; gap: 1.5rem; margin-top: 1.7rem; padding-top: 1.7rem; border-top: 1px solid #dcebed; }
.about-story-columns p { font-size: .98rem; line-height: 1.75; color: #60727d; }
.about-story-focus { display: flex; flex-direction: column; gap: .6rem; margin-top: 1.7rem; padding: 1rem 1.1rem; border-radius: .8rem; background: #073946; }
.about-story-focus span { font-size: .65rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: #b8f0fb; }
.about-story-focus p { font-size: .9rem; line-height: 1.55; color: #fff; }

@media (min-width: 640px) {
  .about-story-copy { padding: 2.25rem; }
  .about-story-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .about-story-focus { flex-direction: row; align-items: center; justify-content: space-between; gap: 2rem; }
  .about-story-focus p { max-width: 31rem; }
}
.about-page-values { background: linear-gradient(135deg, #f8fafc 0%, #ecfafc 100%); }
.about-value-card { position: relative; min-height: 15rem; padding: 2rem; overflow: hidden; border: 1px solid #dce7eb; border-radius: 1rem; background: rgba(255, 255, 255, .9); transition: transform .2s ease, box-shadow .2s ease; }
.about-value-card::after { position: absolute; right: -1rem; bottom: -2rem; width: 6rem; height: 6rem; content: ""; border: 1px solid #d9f8ff; border-radius: 50%; transition: transform .25s ease; }
.about-value-card:hover { box-shadow: 0 18px 38px rgba(15, 23, 42, .08); transform: translateY(-4px); }
.about-value-card:hover::after { transform: scale(1.2); }
.about-value-card > span { display: inline-flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; border-radius: .7rem; font-size: .75rem; font-weight: 800; color: #0086a9; background: #e0f9fd; }
.about-value-card h3 { margin-top: 2rem; font-size: 1.2rem; font-weight: 800; color: #0f172a; }
.about-value-card p { margin-top: .75rem; line-height: 1.65; color: #64748b; }
.about-page-image { box-shadow: 0 24px 55px rgba(15, 23, 42, .13); }
.about-check { display: flex; align-items: center; gap: .75rem; font-size: .95rem; font-weight: 700; }
.about-check::before { display: inline-flex; align-items: center; justify-content: center; width: 1.35rem; height: 1.35rem; flex: 0 0 auto; content: "✓"; border-radius: 50%; font-size: .75rem; color: #fff; background: #0086a9; }
.about-approach-card { min-height: 12rem; padding: 1.5rem; border: 1px solid rgba(184, 240, 251, .17); border-radius: 1rem; background: rgba(255, 255, 255, .055); transition: background-color .2s ease, transform .2s ease; }
.about-approach-card:hover { background: rgba(255, 255, 255, .1); transform: translateY(-3px); }
.about-approach-card > span { font-size: .72rem; font-weight: 800; letter-spacing: .16em; color: #b8f0fb; }
.about-approach-card h3 { margin-top: 2rem; font-size: 1.15rem; font-weight: 800; }
.about-approach-card p { margin-top: .7rem; line-height: 1.6; color: #cbd5e1; }

@media (max-width: 1023px) {
  .about-hero-content { min-height: auto; }
  .about-story::before { display: none; }
}

@media (max-width: 639px) {
  .about-hero-location { width: 100%; padding-left: 0; border-left: 0; }
  .about-hero-minimal { min-height: 0; }
  .about-hero-minimal-stats { margin-top: 2.5rem; }
  .about-hero-minimal-stats div { padding-right: .5rem; }
  .about-hero-minimal-stats div + div { padding-left: .5rem; }
  .about-hero-visual { padding-right: .4rem; }
  .about-hero-image img { height: 20rem; }
  .about-hero-note { top: 1.2rem; left: -.2rem; }
  .about-hero-stats { width: 94%; }
}

@media (min-width: 640px) {
  .next-client-logo-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .next-client-logo { min-height: 10.75rem; }
}

/* Modern About page */
.about-next-hero { background: linear-gradient(125deg, #052b36, #073946 58%, #095466); }
.about-next-hero-glow { position: absolute; top: -10rem; right: -10rem; width: 32rem; height: 32rem; border-radius: 50%; background: radial-gradient(circle, rgba(23, 193, 220, .24), transparent 67%); filter: blur(8px); }
.about-next-kicker { display: inline-flex; align-items: center; gap: .65rem; font-size: .7rem; font-weight: 850; letter-spacing: .18em; text-transform: uppercase; color: #b8f0fb; }
.about-next-kicker span { width: 2rem; height: 2px; background: #ff762b; }
.about-next-hero h1 { text-wrap: balance; }
.about-next-hero h1 em { font-style: normal; color: #b8f0fb; }
.about-next-primary, .about-next-secondary { display: inline-flex; align-items: center; justify-content: center; min-height: 3.15rem; padding: .75rem 1.1rem; border-radius: .8rem; font-size: .85rem; font-weight: 800; transition: transform .2s ease, background-color .2s ease, color .2s ease; }
.about-next-primary { gap: .55rem; color: #073946; background: #b8f0fb; box-shadow: 0 12px 24px rgba(0, 0, 0, .16); }
.about-next-primary:hover { color: #073946; background: #fff; transform: translateY(-2px); }
.about-next-secondary { border: 1px solid rgba(255, 255, 255, .22); color: #fff; }
.about-next-secondary:hover { color: #fff; background: rgba(255, 255, 255, .1); }
.about-next-meta { display: flex; flex-wrap: wrap; gap: .8rem 1.2rem; margin-top: 2.5rem; padding-top: 1.2rem; border-top: 1px solid rgba(255, 255, 255, .18); font-size: .73rem; font-weight: 650; color: #cbd5e1; }
.about-next-meta span:first-child { display: inline-flex; align-items: center; gap: .45rem; color: #fff; }
.about-next-meta i { width: .48rem; height: .48rem; border-radius: 50%; background: #b8f0fb; box-shadow: 0 0 0 4px rgba(184, 240, 251, .12); }
.about-next-showcase { position: relative; padding: .9rem .4rem 3rem 0; }
.about-next-photo { position: relative; overflow: hidden; min-height: 24rem; border: 1px solid rgba(184, 240, 251, .17); border-radius: 1.5rem; box-shadow: 0 32px 70px rgba(0, 0, 0, .27); }
.about-next-photo img { display: block; width: 100%; height: 100%; min-height: 24rem; object-fit: cover; }
.about-next-photo-shade { position: absolute; inset: 0; background: linear-gradient(155deg, rgba(0, 55, 69, .1), rgba(0, 43, 54, .66)); }
.about-next-console { position: absolute; right: -1rem; bottom: 0; width: min(93%, 25rem); padding: 1rem; border: 1px solid rgba(184, 240, 251, .28); border-radius: 1rem; background: rgba(5, 43, 54, .93); box-shadow: 0 20px 38px rgba(0, 0, 0, .23); backdrop-filter: blur(16px); }
.about-next-console-head { display: flex; align-items: center; gap: .65rem; }
.about-next-console-icon { display: inline-flex; align-items: center; justify-content: center; width: 2.25rem; height: 2.25rem; flex: 0 0 auto; border-radius: .7rem; color: #073946; background: #b8f0fb; }
.about-next-console-icon svg { width: 1.1rem; height: 1.1rem; }
.about-next-console-head p { font-size: .75rem; font-weight: 850; color: #fff; }
.about-next-console-head small { display: block; margin-top: .15rem; font-size: .62rem; color: #cbd5e1; }
.about-next-status { display: inline-flex; align-items: center; gap: .35rem; margin-left: auto; font-size: .61rem; font-weight: 800; color: #b8f0fb; }
.about-next-status i { width: .45rem; height: .45rem; border-radius: 50%; background: #8ef0cb; box-shadow: 0 0 0 3px rgba(142, 240, 203, .13); }
.about-next-console-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; margin-top: 1rem; }
.about-next-console-grid > div { padding: .7rem; border-radius: .65rem; background: rgba(255, 255, 255, .07); }
.about-next-console-grid span, .about-next-console-grid b, .about-next-console-grid small { display: block; }
.about-next-console-grid span { font-size: .55rem; font-weight: 850; color: #b8f0fb; }
.about-next-console-grid b { margin-top: .35rem; font-size: .65rem; line-height: 1.25; color: #fff; }
.about-next-console-grid small { margin-top: .25rem; font-size: .54rem; line-height: 1.3; color: #cbd5e1; }
.about-next-float { position: absolute; top: 2.1rem; left: -1.05rem; display: flex; align-items: center; gap: .65rem; padding: .75rem .85rem; border: 1px solid rgba(255, 255, 255, .22); border-radius: .85rem; background: rgba(255, 255, 255, .94); box-shadow: 0 14px 28px rgba(0, 0, 0, .14); }
.about-next-float b { font-size: 1rem; color: #073946; }
.about-next-float span { font-size: .58rem; font-weight: 700; line-height: 1.35; color: #64748b; }
@media (max-width: 639px) { .about-next-showcase { padding-right: 0; } .about-next-photo, .about-next-photo img { min-height: 20rem; } .about-next-console { right: .25rem; } .about-next-float { top: 1rem; left: -.15rem; } .about-next-console-grid { gap: .35rem; } .about-next-console-grid > div { padding: .55rem; } }
.about-belief { background: linear-gradient(135deg, #fff 0%, #f6fbfc 100%); }
.about-belief-panel { display: flex; min-height: 22rem; flex-direction: column; justify-content: space-between; padding: 2rem; border-radius: 1.35rem; background: #073946; box-shadow: 0 22px 44px rgba(7, 57, 70, .16); }
.about-belief-kicker { display: inline-flex; align-items: center; gap: .65rem; font-size: .68rem; font-weight: 850; letter-spacing: .18em; text-transform: uppercase; color: #b8f0fb; }
.about-belief-kicker span { width: 1.8rem; height: 2px; background: #ff762b; }
.about-belief-panel h2 { max-width: 19rem; margin-top: 2.2rem; font-size: 2rem; font-weight: 800; line-height: 1.12; letter-spacing: -.03em; color: #fff; }
.about-belief-panel-note { display: flex; align-items: flex-start; gap: .75rem; margin-top: 2rem; padding-top: 1rem; border-top: 1px solid rgba(255, 255, 255, .15); }
.about-belief-panel-note > span { display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; flex: 0 0 auto; border-radius: .55rem; font-size: .65rem; font-weight: 850; color: #073946; background: #b8f0fb; }
.about-belief-panel-note p { font-size: .78rem; font-weight: 800; color: #fff; }
.about-belief-panel-note small { display: block; margin-top: .23rem; font-size: .67rem; font-weight: 500; line-height: 1.45; color: #cbd5e1; }
.about-belief-content { padding: 1rem 0; }
.about-belief-lead { max-width: 49rem; font-size: 1.5rem; font-weight: 650; line-height: 1.45; letter-spacing: -.025em; color: #173e4d; }
.about-belief-copy { display: grid; gap: 1.35rem; margin-top: 2rem; }
.about-belief-copy p { font-size: .96rem; line-height: 1.75; color: #60727d; }
.about-belief-pillars { display: grid; gap: 1px; margin-top: 2.25rem; overflow: hidden; border: 1px solid #dcebed; border-radius: .95rem; background: #dcebed; }
.about-belief-pillars > div { padding: 1rem; background: rgba(255, 255, 255, .88); }
.about-belief-pillars span { font-size: .64rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; color: #0086a9; }
.about-belief-pillars p { margin-top: .4rem; font-size: .78rem; font-weight: 650; line-height: 1.45; color: #475569; }
@media (min-width: 640px) { .about-belief-copy { grid-template-columns: repeat(2, minmax(0, 1fr)); } .about-belief-pillars { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.about-approach-next { background: #f5fafb; }
.about-approach-next-head { display: grid; gap: 2rem; padding-bottom: 2.5rem; border-bottom: 1px solid #dce7eb; }
.about-approach-next-kicker { display: inline-flex; align-items: center; gap: .65rem; font-size: .68rem; font-weight: 850; letter-spacing: .18em; text-transform: uppercase; color: #0086a9; }
.about-approach-next-kicker span { width: 1.8rem; height: 2px; background: #ff762b; }
.about-approach-next-head h2 { max-width: 38rem; margin-top: 1.2rem; font-size: clamp(2rem, 4vw, 3.35rem); font-weight: 800; line-height: 1.06; letter-spacing: -.04em; color: #0f172a; }
.about-approach-next-summary { align-self: end; max-width: 31rem; }
.about-approach-next-summary > span { display: inline-flex; padding: .4rem .65rem; border: 1px solid #cbe9ee; border-radius: 999px; font-size: .62rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; color: #0086a9; background: #eafdff; }
.about-approach-next-summary p { margin-top: .85rem; font-size: .96rem; line-height: 1.7; color: #60727d; }
.about-approach-next-grid { display: grid; gap: 1rem; margin-top: 2.5rem; }
.about-approach-next-card { position: relative; min-height: 16rem; padding: 1.5rem; overflow: hidden; border: 1px solid #dce7eb; border-radius: 1.15rem; background: #fff; transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.about-approach-next-card:hover { border-color: #b8e7ef; box-shadow: 0 18px 38px rgba(15, 23, 42, .08); transform: translateY(-4px); }
.about-approach-next-card-top { display: flex; align-items: center; justify-content: space-between; }
.about-approach-next-card-top > span { font-size: .68rem; font-weight: 850; letter-spacing: .14em; color: #0086a9; }
.about-approach-next-card-top i { display: inline-flex; align-items: center; justify-content: center; width: 2.55rem; height: 2.55rem; border-radius: .75rem; color: #073946; background: #e0f9fd; }
.about-approach-next-card-top svg { width: 1.25rem; height: 1.25rem; }
.about-approach-next-card h3 { margin-top: 2.5rem; font-size: 1.2rem; font-weight: 800; color: #0f172a; }
.about-approach-next-card p { max-width: 19rem; margin-top: .7rem; font-size: .9rem; line-height: 1.65; color: #64748b; }
.about-approach-next-line { position: absolute; right: 1.5rem; bottom: 1.5rem; left: 1.5rem; height: 2px; background: linear-gradient(90deg, #ff762b 0 24%, #d9f8ff 24% 100%); }
.about-approach-next-card-accent { color: #fff; border-color: #073946; background: #073946; }
.about-approach-next-card-accent .about-approach-next-card-top > span { color: #b8f0fb; }
.about-approach-next-card-accent .about-approach-next-card-top i { color: #073946; background: #b8f0fb; }
.about-approach-next-card-accent h3 { color: #fff; }
.about-approach-next-card-accent p { color: #cbd5e1; }
.about-approach-next-card-accent .about-approach-next-line { background: linear-gradient(90deg, #ff762b 0 24%, rgba(184, 240, 251, .3) 24% 100%); }
@media (min-width: 768px) { .about-approach-next-head { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); align-items: end; } .about-approach-next-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.about-final-cta { background: #fff; }
.about-final-cta-card { position: relative; overflow: hidden; padding: 2rem; border-radius: 1.5rem; color: #fff; background: linear-gradient(125deg, #062d3a, #073946 56%, #0a5a68); box-shadow: 0 24px 50px rgba(7, 57, 70, .17); }
.about-final-cta-orbit { position: absolute; top: -9rem; right: -6rem; width: 22rem; height: 22rem; border: 2rem solid rgba(184, 240, 251, .08); border-radius: 50%; }
.about-final-cta-kicker { display: inline-flex; align-items: center; gap: .65rem; font-size: .67rem; font-weight: 850; letter-spacing: .18em; text-transform: uppercase; color: #b8f0fb; }
.about-final-cta-kicker span { width: 1.8rem; height: 2px; background: #ff762b; }
.about-final-cta-card h2 { max-width: 41rem; margin-top: 1.1rem; font-size: clamp(2rem, 4vw, 3rem); font-weight: 800; line-height: 1.08; letter-spacing: -.04em; }
.about-final-cta-card h2 + p { max-width: 38rem; margin-top: 1rem; font-size: .98rem; line-height: 1.65; color: #cbd5e1; }
.about-final-cta-action { display: flex; flex-direction: column; gap: 1.1rem; align-items: flex-start; }
.about-final-cta-details { padding-left: .9rem; border-left: 2px solid #ff762b; }
.about-final-cta-details span { font-size: .62rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; color: #b8f0fb; }
.about-final-cta-details p { max-width: 17rem; margin-top: .35rem; font-size: .8rem; line-height: 1.5; color: #e2e8f0; }
.about-final-cta-button { display: inline-flex; align-items: center; justify-content: center; gap: .6rem; min-height: 3.2rem; padding: .8rem 1.15rem; border: 0; border-radius: .8rem; font-size: .85rem; font-weight: 850; color: #073946; background: #b8f0fb; box-shadow: 0 12px 22px rgba(0, 0, 0, .16); cursor: pointer; transition: transform .2s ease, background-color .2s ease; }
.about-final-cta-button:hover { background: #fff; transform: translateY(-2px); }
@media (min-width: 640px) { .about-final-cta-card { padding: 2.75rem; } }
@media (min-width: 1024px) { .about-final-cta-action { align-items: flex-end; } .about-final-cta-details { text-align: right; border-right: 2px solid #ff762b; border-left: 0; padding-right: .9rem; } }
.about-journey-next { position: relative; overflow: hidden; background: linear-gradient(130deg, #052b36, #073946 58%, #0a5968); }
.about-journey-next::after { position: absolute; top: -11rem; right: -8rem; width: 30rem; height: 30rem; content: ""; border: 1px solid rgba(184, 240, 251, .12); border-radius: 50%; box-shadow: 0 0 0 4rem rgba(184, 240, 251, .025), 0 0 0 8rem rgba(184, 240, 251, .018); }
.about-journey-next-head { position: relative; z-index: 1; display: grid; gap: 1.5rem; padding-bottom: 2.5rem; border-bottom: 1px solid rgba(255, 255, 255, .15); }
.about-journey-next-kicker { display: inline-flex; align-items: center; gap: .65rem; font-size: .68rem; font-weight: 850; letter-spacing: .18em; text-transform: uppercase; color: #b8f0fb; }
.about-journey-next-kicker span { width: 1.8rem; height: 2px; background: #ff762b; }
.about-journey-next-head h2 { max-width: 42rem; margin-top: 1.15rem; font-size: clamp(2rem, 4vw, 3.35rem); font-weight: 800; line-height: 1.06; letter-spacing: -.04em; }
.about-journey-next-head > p { align-self: end; max-width: 31rem; font-size: .96rem; line-height: 1.7; color: #cbd5e1; }
.about-journey-next-flow { position: relative; z-index: 1; display: grid; gap: 1rem; margin-top: 2.5rem; }
.about-journey-next-flow li { position: relative; min-height: 13.5rem; padding: 1.45rem; border: 1px solid rgba(184, 240, 251, .18); border-radius: 1rem; background: rgba(2, 38, 49, .45); transition: transform .2s ease, background-color .2s ease; }
.about-journey-next-flow li:hover { background: rgba(255, 255, 255, .09); transform: translateY(-4px); }
.about-journey-next-node { display: flex; align-items: center; justify-content: space-between; }
.about-journey-next-node > span { font-size: .68rem; font-weight: 850; letter-spacing: .14em; color: #b8f0fb; }
.about-journey-next-node i { display: inline-flex; align-items: center; justify-content: center; width: 2.55rem; height: 2.55rem; border-radius: .75rem; color: #073946; background: #b8f0fb; }
.about-journey-next-node svg { width: 1.25rem; height: 1.25rem; }
.about-journey-next-flow h3 { margin-top: 2.5rem; font-size: 1.15rem; font-weight: 800; }
.about-journey-next-flow p { margin-top: .7rem; max-width: 17rem; font-size: .88rem; line-height: 1.65; color: #cbd5e1; }
@media (min-width: 768px) { .about-journey-next-head { grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr); align-items: end; } .about-journey-next-flow { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; padding-top: 1rem; } .about-journey-next-flow::before { position: absolute; top: 0; right: 12.5%; left: 12.5%; height: 1px; content: ""; background: linear-gradient(90deg, rgba(184, 240, 251, .15), #b8f0fb, rgba(184, 240, 251, .15)); } .about-journey-next-flow li { min-height: 14rem; margin: 0 .4rem; } }
.about-modern-hero h1 { text-wrap: balance; }
.about-modern-primary, .about-modern-secondary { display: inline-flex; align-items: center; justify-content: center; min-height: 3.1rem; padding: .75rem 1.05rem; border-radius: .8rem; font-size: .85rem; font-weight: 800; transition: transform .2s ease, background-color .2s ease, color .2s ease; }
.about-modern-primary { gap: .55rem; color: #073946; background: #b8f0fb; box-shadow: 0 10px 22px rgba(0, 0, 0, .16); }
.about-modern-primary:hover { color: #073946; background: #fff; transform: translateY(-2px); }
.about-modern-secondary { border: 1px solid rgba(255, 255, 255, .23); color: #fff; }
.about-modern-secondary:hover { color: #fff; background: rgba(255, 255, 255, .1); }
.about-modern-proof { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 32rem; margin-top: 2.8rem; border-top: 1px solid rgba(255, 255, 255, .2); }
.about-modern-proof div { padding: 1rem .9rem 0 0; }
.about-modern-proof div + div { padding-left: .9rem; border-left: 1px solid rgba(255, 255, 255, .16); }
.about-modern-proof dt { font-size: .92rem; font-weight: 850; color: #b8f0fb; }
.about-modern-proof dd { margin-top: .3rem; font-size: .67rem; line-height: 1.35; color: #cbd5e1; }
.about-modern-visual { position: relative; padding: 1rem .8rem 2.75rem 0; }
.about-modern-image { position: relative; overflow: hidden; min-height: 22rem; border-radius: 1.5rem; box-shadow: 0 30px 65px rgba(0, 0, 0, .25); }
.about-modern-image img { width: 100%; height: 100%; min-height: 22rem; object-fit: cover; }
.about-modern-insight { position: absolute; top: 2.25rem; left: -1rem; display: flex; align-items: center; gap: .7rem; max-width: 15rem; padding: .85rem; border: 1px solid rgba(255, 255, 255, .24); border-radius: .9rem; background: rgba(5, 43, 54, .9); box-shadow: 0 16px 30px rgba(0, 0, 0, .16); backdrop-filter: blur(12px); }
.about-modern-insight-icon { display: inline-flex; align-items: center; justify-content: center; width: 2.35rem; height: 2.35rem; flex: 0 0 auto; border-radius: .7rem; color: #073946; background: #b8f0fb; }
.about-modern-insight-icon svg { width: 1.15rem; height: 1.15rem; }
.about-modern-insight b, .about-modern-insight small { display: block; }
.about-modern-insight b { font-size: .74rem; color: #fff; }
.about-modern-insight small { margin-top: .25rem; font-size: .65rem; line-height: 1.35; color: #cbd5e1; }
.about-modern-marker { position: absolute; right: 0; bottom: 0; width: min(86%, 17rem); padding: 1rem 1.1rem; border: 1px solid rgba(184, 240, 251, .26); border-radius: .9rem; background: #fff; box-shadow: 0 17px 34px rgba(0, 0, 0, .17); }
.about-modern-marker span, .about-modern-marker strong, .about-modern-marker small { display: block; }
.about-modern-marker span { font-size: .6rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: #0086a9; }
.about-modern-marker strong { margin-top: .2rem; font-size: 1.12rem; color: #073946; }
.about-modern-marker i { display: block; width: 2rem; height: 2px; margin: .65rem 0; background: #ff762b; }
.about-modern-marker small { font-size: .67rem; line-height: 1.4; color: #64748b; }
.about-modern-statement { padding: 1.75rem; border: 1px solid #dcebed; border-radius: 1.25rem; background: linear-gradient(135deg, #fff, #f5fbfc); box-shadow: 0 18px 45px rgba(15, 23, 42, .045); }
.about-modern-statement > p { max-width: 46rem; font-size: 1.3rem; font-weight: 650; line-height: 1.5; letter-spacing: -.02em; color: #173e4d; }
.about-modern-statement > div { display: grid; gap: 1.4rem; margin-top: 1.6rem; padding-top: 1.6rem; border-top: 1px solid #dcebed; }
.about-modern-statement > div p { font-size: .96rem; line-height: 1.75; color: #60727d; }
.about-modern-principle { position: relative; display: grid; gap: 1.35rem; min-height: 14rem; padding: 1.65rem; overflow: hidden; border: 1px solid #dce7eb; border-radius: 1rem; background: #fff; transition: transform .2s ease, box-shadow .2s ease; }
.about-modern-principle::after { position: absolute; right: -2.5rem; bottom: -2.5rem; width: 7rem; height: 7rem; content: ""; border: 1px solid #d9f8ff; border-radius: 50%; }
.about-modern-principle:hover { box-shadow: 0 18px 38px rgba(15, 23, 42, .08); transform: translateY(-4px); }
.about-modern-principle > span { display: inline-flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; border-radius: .7rem; font-size: .72rem; font-weight: 850; color: #0086a9; background: #e0f9fd; }
.about-modern-principle h3 { font-size: 1.15rem; font-weight: 800; color: #0f172a; }
.about-modern-principle p { margin-top: .65rem; max-width: 18rem; font-size: .9rem; line-height: 1.65; color: #64748b; }
.about-modern-service-panel { overflow: hidden; border-radius: 1.4rem; background: #073946; box-shadow: 0 25px 50px rgba(15, 23, 42, .15); }
.about-modern-service-top { padding: 2rem; background: linear-gradient(145deg, #073946, #0a5665); }
.about-modern-service-top h2 { margin-top: .8rem; max-width: 27rem; font-size: 1.75rem; font-weight: 800; line-height: 1.15; color: #fff; }
.about-modern-service-list { padding: .4rem 1.35rem 1.35rem; }
.about-modern-service-list > div { display: flex; gap: .9rem; padding: 1.15rem .65rem; border-bottom: 1px solid rgba(255, 255, 255, .1); }
.about-modern-service-list > div:last-child { border-bottom: 0; }
.about-modern-service-list span { display: inline-flex; align-items: center; justify-content: center; width: 1.9rem; height: 1.9rem; flex: 0 0 auto; border-radius: .55rem; font-size: .67rem; font-weight: 850; color: #073946; background: #b8f0fb; }
.about-modern-service-list b, .about-modern-service-list small { display: block; }
.about-modern-service-list b { font-size: .88rem; color: #fff; }
.about-modern-service-list small { margin-top: .25rem; font-size: .76rem; line-height: 1.45; color: #cbd5e1; }
.about-modern-checks { display: grid; gap: .85rem; margin-top: 2rem; color: #334155; }
.about-modern-checks li { display: flex; align-items: flex-start; gap: .7rem; font-size: .92rem; font-weight: 700; }
.about-modern-checks li::before { display: inline-flex; align-items: center; justify-content: center; width: 1.35rem; height: 1.35rem; flex: 0 0 auto; margin-top: .05rem; content: "✓"; border-radius: 50%; font-size: .72rem; color: #fff; background: #0086a9; }
.about-modern-text-link { display: inline-flex; align-items: center; gap: .5rem; margin-top: 2rem; font-size: .85rem; font-weight: 850; color: #007b9d; }
.about-modern-text-link:hover { color: #073946; }
.about-modern-steps { display: grid; gap: 1px; margin-top: 3.5rem; overflow: hidden; border: 1px solid rgba(184, 240, 251, .18); border-radius: 1rem; background: rgba(184, 240, 251, .12); }
.about-modern-steps li { min-height: 12rem; padding: 1.6rem; background: rgba(2, 38, 49, .55); }
.about-modern-steps span { display: inline-flex; align-items: center; justify-content: center; width: 2.35rem; height: 2.35rem; border-radius: .65rem; font-size: .72rem; font-weight: 850; color: #073946; background: #b8f0fb; }
.about-modern-steps h3 { margin-top: 2rem; font-size: 1.1rem; font-weight: 800; }
.about-modern-steps p { margin-top: .65rem; font-size: .88rem; line-height: 1.6; color: #cbd5e1; }
.about-modern-cta-button { display: inline-flex; align-items: center; justify-content: center; gap: .6rem; flex: 0 0 auto; padding: .9rem 1.15rem; border: 0; border-radius: .8rem; font-size: .85rem; font-weight: 850; color: #fff; background: #073946; box-shadow: 0 12px 22px rgba(128, 46, 13, .2); cursor: pointer; transition: transform .2s ease, background-color .2s ease; }
.about-modern-cta-button:hover { background: #052d36; transform: translateY(-2px); }
@media (min-width: 640px) { .about-modern-statement { padding: 2.25rem; } .about-modern-statement > div { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 768px) { .about-modern-principle { grid-template-columns: auto 1fr; } .about-modern-steps { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 639px) { .about-modern-visual { padding-right: .25rem; } .about-modern-insight { top: 1rem; left: -.15rem; } .about-modern-image, .about-modern-image img { min-height: 19rem; } .about-modern-proof div { padding-right: .5rem; } .about-modern-proof div + div { padding-left: .5rem; } }

/* Header refinement for the product-led landing page */
.crm-next-hero { background: #062d3a; }.crm-next-hero h1, .crm-next-section-head h2, .crm-next-cti h2, .crm-next-connectivity h2, .crm-next-cta h2 { text-wrap: balance; }
.crm-next-primary, .crm-next-secondary { display: inline-flex; align-items: center; justify-content: center; min-height: 3.15rem; padding: .75rem 1.05rem; border-radius: .8rem; font-size: .85rem; font-weight: 800; transition: transform .2s ease, background-color .2s ease; }.crm-next-primary { gap: .55rem; border: 0; color: #073946; background: #b8f0fb; box-shadow: 0 10px 22px rgba(0, 0, 0, .16); cursor: pointer; }.crm-next-primary:hover { background: #fff; transform: translateY(-2px); }.crm-next-secondary { border: 1px solid rgba(255, 255, 255, .22); color: #fff; }.crm-next-secondary:hover { color: #fff; background: rgba(255, 255, 255, .1); }
.crm-next-proof { display: flex; flex-wrap: wrap; gap: .75rem 1.25rem; margin-top: 2.5rem; padding-top: 1.2rem; border-top: 1px solid rgba(255, 255, 255, .18); font-size: .73rem; font-weight: 650; color: #cbd5e1; }.crm-next-proof span:first-child { display: inline-flex; align-items: center; gap: .45rem; color: #fff; }.crm-next-proof i { width: .48rem; height: .48rem; border-radius: 50%; background: #b8f0fb; box-shadow: 0 0 0 4px rgba(184, 240, 251, .12); }
.crm-next-console { padding: 1.35rem; border: 1px solid rgba(184, 240, 251, .23); border-radius: 1.35rem; background: rgba(2, 38, 49, .52); box-shadow: 0 28px 60px rgba(0, 0, 0, .24); backdrop-filter: blur(18px); }.crm-next-console-head { display: flex; align-items: center; gap: .7rem; }.crm-next-console-icon { display: inline-flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; flex: 0 0 auto; border-radius: .75rem; color: #073946; background: #b8f0fb; }.crm-next-console-icon svg { width: 1.2rem; height: 1.2rem; }.crm-next-console-head p { font-size: .8rem; font-weight: 850; }.crm-next-console-head small { display: block; margin-top: .2rem; font-size: .65rem; color: #cbd5e1; }.crm-next-live { display: inline-flex; align-items: center; gap: .35rem; margin-left: auto; font-size: .63rem; font-weight: 800; color: #b8f0fb; }.crm-next-live i { width: .45rem; height: .45rem; border-radius: 50%; background: #8ef0cb; box-shadow: 0 0 0 3px rgba(142, 240, 203, .13); }
.crm-next-record { position: relative; margin-top: 1.1rem; padding: 1.1rem; overflow: hidden; border-radius: .85rem; color: #073946; background: #b8f0fb; }.crm-next-record span, .crm-next-record b, .crm-next-record small { display: block; }.crm-next-record span { font-size: .62rem; font-weight: 800; }.crm-next-record b { margin-top: .35rem; font-size: 1.1rem; }.crm-next-record small { max-width: 15rem; margin-top: .35rem; font-size: .67rem; line-height: 1.45; }.crm-next-record-dot { position: absolute; right: 1.25rem; bottom: 1.25rem; width: 2rem; height: 2rem; border: .55rem solid rgba(0, 134, 169, .28); border-radius: 50%; }.crm-next-console-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; margin-top: .65rem; }.crm-next-console-grid > div { padding: .9rem; border-radius: .75rem; background: rgba(255, 255, 255, .07); }.crm-next-console-grid span, .crm-next-console-grid b { display: block; }.crm-next-console-grid span { font-size: .6rem; color: #cbd5e1; }.crm-next-console-grid b { margin-top: .35rem; font-size: .72rem; line-height: 1.35; color: #fff; }
.crm-next-section-head { display: grid; gap: 1.5rem; padding-bottom: 2.5rem; border-bottom: 1px solid #dce7eb; }.crm-next-section-head h2 { max-width: 42rem; margin-top: 1.2rem; font-size: clamp(2rem, 4vw, 3.3rem); font-weight: 800; line-height: 1.07; letter-spacing: -.04em; color: #0f172a; }.crm-next-section-head > p { align-self: end; max-width: 31rem; font-size: .96rem; line-height: 1.7; color: #60727d; }
.crm-next-objective-grid { display: grid; gap: 1rem; margin-top: 2.5rem; }.crm-next-objective-grid article { position: relative; min-height: 14rem; padding: 1.5rem; overflow: hidden; border: 1px solid #dce7eb; border-radius: 1rem; background: #fff; transition: transform .2s ease, box-shadow .2s ease; }.crm-next-objective-grid article:hover { box-shadow: 0 18px 38px rgba(15, 23, 42, .08); transform: translateY(-4px); }.crm-next-objective-grid article::after { position: absolute; right: -2.5rem; bottom: -2.5rem; width: 7rem; height: 7rem; content: ""; border: 1px solid #d9f8ff; border-radius: 50%; }.crm-next-objective-grid article > * { position: relative; z-index: 1; }.crm-next-objective-grid article > span { display: inline-flex; align-items: center; justify-content: center; width: 2.4rem; height: 2.4rem; border-radius: .7rem; font-size: .7rem; font-weight: 850; color: #0086a9; background: #e0f9fd; }.crm-next-objective-grid h3 { margin-top: 2rem; font-size: 1.1rem; font-weight: 800; color: #0f172a; }.crm-next-objective-grid p { margin-top: .7rem; max-width: 18rem; font-size: .87rem; line-height: 1.65; color: #64748b; }.crm-next-objective-grid .crm-next-objective-accent { color: #fff; border-color: #073946; background: linear-gradient(145deg, #073946, #095766); }.crm-next-objective-accent > span { color: #073946 !important; background: #b8f0fb !important; }.crm-next-objective-accent h3 { color: #fff; }.crm-next-objective-accent p { color: #cbd5e1; }.crm-next-objective-accent::after { border-color: rgba(184, 240, 251, .26); }
.crm-next-cti { position: relative; overflow: hidden; background: linear-gradient(135deg, #f4fafb, #eaf7f9); }.crm-next-cti::before { position: absolute; top: 8%; left: -8rem; width: 18rem; height: 18rem; content: ""; border: 1px solid #d9f8ff; border-radius: 50%; }.crm-next-cti .mx-auto { position: relative; z-index: 1; }.crm-next-cti-panel { position: relative; padding: 1.75rem; overflow: hidden; border-radius: 1.3rem; color: #fff; background: linear-gradient(145deg, #073946, #0a5867); box-shadow: 0 24px 48px rgba(7, 57, 70, .16); }.crm-next-cti-panel::after { position: absolute; right: -5rem; bottom: -5rem; width: 15rem; height: 15rem; content: ""; border: 1px solid rgba(184, 240, 251, .2); border-radius: 50%; }.crm-next-cti-panel > * { position: relative; z-index: 1; }.crm-next-cti-panel h2 { margin-top: .8rem; font-size: 1.8rem; font-weight: 800; line-height: 1.15; }.crm-next-cti-list { display: grid; gap: 1rem; margin-top: 2rem; }.crm-next-cti-list > div { display: flex; gap: .75rem; padding-top: 1rem; border-top: 1px solid rgba(255, 255, 255, .14); }.crm-next-cti-list span { display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; flex: 0 0 auto; border-radius: .55rem; font-size: .65rem; font-weight: 850; color: #073946; background: #b8f0fb; }.crm-next-cti-list b, .crm-next-cti-list small { display: block; }.crm-next-cti-list b { font-size: .82rem; }.crm-next-cti-list small { margin-top: .2rem; font-size: .67rem; line-height: 1.45; color: #cbd5e1; }
.crm-next-connectivity-card { display: grid; gap: 2rem; padding: 2rem; overflow: hidden; border-radius: 1.4rem; color: #fff; background: #073946; box-shadow: 0 24px 48px rgba(7, 57, 70, .14); }.crm-next-connectivity-card h2 { max-width: 38rem; margin-top: .8rem; font-size: clamp(1.8rem, 4vw, 2.8rem); font-weight: 800; line-height: 1.1; letter-spacing: -.04em; }.crm-next-connectivity-card h2 + p { max-width: 40rem; margin-top: 1rem; font-size: .92rem; line-height: 1.7; color: #cbd5e1; }.crm-next-platforms { display: flex; flex-wrap: wrap; gap: .55rem; align-content: flex-start; }.crm-next-platforms span { padding: .65rem .75rem; border: 1px solid rgba(184, 240, 251, .18); border-radius: .65rem; font-size: .72rem; font-weight: 750; color: #d9f8ff; background: rgba(255, 255, 255, .06); }
.crm-next-cta { background: #fff; }.crm-next-cta-card { display: flex; flex-direction: column; gap: 2rem; padding: 2rem; overflow: hidden; border-radius: 1.4rem; background: linear-gradient(125deg, #052b36, #073946 58%, #0a5a68); box-shadow: 0 24px 50px rgba(7, 57, 70, .17); }.crm-next-cta-card h2 { max-width: 41rem; margin-top: .8rem; font-size: clamp(1.9rem, 4vw, 3rem); font-weight: 800; line-height: 1.1; letter-spacing: -.04em; }.crm-next-cta-card h2 + p { max-width: 35rem; margin-top: .8rem; font-size: .95rem; line-height: 1.65; color: #cbd5e1; }.crm-next-cta-button { display: inline-flex; align-items: center; justify-content: center; gap: .6rem; width: fit-content; min-height: 3.15rem; padding: .8rem 1.1rem; border: 0; border-radius: .8rem; font-size: .85rem; font-weight: 850; color: #073946; background: #b8f0fb; cursor: pointer; transition: transform .2s ease, background-color .2s ease; }.crm-next-cta-button:hover { background: #fff; transform: translateY(-2px); }
@media (min-width: 640px) { .crm-next-console { padding: 1.65rem; }.crm-next-cti-panel { padding: 2.2rem; }.crm-next-connectivity-card, .crm-next-cta-card { padding: 2.75rem; } }
@media (min-width: 768px) { .crm-next-section-head { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); align-items: end; }.crm-next-objective-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }.crm-next-connectivity-card { grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); align-items: center; } }
@media (min-width: 1024px) { .crm-next-cta-card { flex-direction: row; align-items: end; justify-content: space-between; }.crm-next-cta-button { flex: 0 0 auto; } }

/* Modern CRM ecosystem and call to action */
.crm-ecosystem-next { background: #fff; }.crm-ecosystem-next-shell { display: grid; gap: 1rem; }.crm-ecosystem-next-copy { padding: 2rem; border: 1px solid #dcebed; border-radius: 1.35rem; background: linear-gradient(135deg, #f6fcfd, #fff); }.crm-ecosystem-next-kicker { display: inline-flex; align-items: center; gap: .65rem; font-size: .67rem; font-weight: 850; letter-spacing: .18em; text-transform: uppercase; color: #0086a9; }.crm-ecosystem-next-kicker span { width: 1.8rem; height: 2px; background: #ff762b; }.crm-ecosystem-next-copy h2 { max-width: 32rem; margin-top: 1.1rem; font-size: clamp(1.9rem, 4vw, 2.8rem); font-weight: 800; line-height: 1.1; letter-spacing: -.04em; color: #0f172a; }.crm-ecosystem-next-copy h2 + p { max-width: 37rem; margin-top: 1rem; font-size: .92rem; line-height: 1.7; color: #60727d; }.crm-ecosystem-next-note { display: flex; align-items: flex-start; gap: .75rem; margin-top: 1.7rem; padding-top: 1.15rem; border-top: 1px solid #dcebed; }.crm-ecosystem-next-note span { display: inline-flex; padding: .4rem .55rem; border-radius: .5rem; font-size: .61rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; color: #073946; background: #b8f0fb; }.crm-ecosystem-next-note p { max-width: 20rem; font-size: .76rem; font-weight: 650; line-height: 1.5; color: #475569; }.crm-ecosystem-next-platforms { display: flex; flex-direction: column; justify-content: center; padding: 2rem; border-radius: 1.35rem; color: #fff; background: #073946; box-shadow: 0 20px 42px rgba(7, 57, 70, .15); }.crm-ecosystem-next-platforms > p { font-size: .68rem; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; color: #b8f0fb; }.crm-ecosystem-next-platforms > div { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: 1.4rem; }.crm-ecosystem-next-platforms span { padding: .65rem .7rem; border: 1px solid rgba(184, 240, 251, .18); border-radius: .65rem; font-size: .72rem; font-weight: 750; color: #d9f8ff; background: rgba(255, 255, 255, .06); transition: transform .18s ease, background-color .18s ease; }.crm-ecosystem-next-platforms span:hover { background: rgba(184, 240, 251, .14); transform: translateY(-2px); }
.crm-cta-next { background: #f4fafb; }.crm-cta-next-card { position: relative; overflow: hidden; padding: 2rem; border-radius: 1.5rem; color: #fff; background: linear-gradient(125deg, #052b36, #073946 58%, #0a5a68); box-shadow: 0 24px 50px rgba(7, 57, 70, .17); }.crm-cta-next-orbit { position: absolute; top: -9rem; right: -6rem; width: 22rem; height: 22rem; border: 2rem solid rgba(184, 240, 251, .08); border-radius: 50%; }.crm-cta-next-kicker { display: inline-flex; align-items: center; gap: .65rem; font-size: .67rem; font-weight: 850; letter-spacing: .18em; text-transform: uppercase; color: #b8f0fb; }.crm-cta-next-kicker span { width: 1.8rem; height: 2px; background: #ff762b; }.crm-cta-next-card h2 { max-width: 41rem; margin-top: 1.1rem; font-size: clamp(2rem, 4vw, 3rem); font-weight: 800; line-height: 1.08; letter-spacing: -.04em; }.crm-cta-next-card h2 + p { max-width: 38rem; margin-top: 1rem; font-size: .98rem; line-height: 1.65; color: #cbd5e1; }.crm-cta-next-action { display: flex; flex-direction: column; gap: 1.1rem; align-items: flex-start; }.crm-cta-next-action > div { padding-left: .9rem; border-left: 2px solid #ff762b; }.crm-cta-next-action span { font-size: .62rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; color: #b8f0fb; }.crm-cta-next-action p { max-width: 17rem; margin-top: .35rem; font-size: .8rem; line-height: 1.5; color: #e2e8f0; }.crm-cta-next-button { display: inline-flex; align-items: center; justify-content: center; gap: .6rem; min-height: 3.2rem; padding: .8rem 1.15rem; border: 0; border-radius: .8rem; font-size: .85rem; font-weight: 850; color: #073946; background: #b8f0fb; box-shadow: 0 12px 22px rgba(0, 0, 0, .16); cursor: pointer; transition: transform .2s ease, background-color .2s ease; }.crm-cta-next-button:hover { background: #fff; transform: translateY(-2px); }
@media (min-width: 640px) { .crm-ecosystem-next-copy, .crm-ecosystem-next-platforms, .crm-cta-next-card { padding: 2.75rem; } }
@media (min-width: 1024px) { .crm-ecosystem-next-shell { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); }.crm-cta-next-action { align-items: flex-end; }.crm-cta-next-action > div { padding-right: .9rem; padding-left: 0; text-align: right; border-right: 2px solid #ff762b; border-left: 0; } }

/* Header refinement for the product-led landing page */
.ivr-next-hero { background: #062d3a; }.ivr-next-hero h1, .ivr-next-section-head h2, .ivr-next-outcomes h2, .ivr-next-cta h2 { text-wrap: balance; }
.ivr-next-primary, .ivr-next-secondary { display: inline-flex; align-items: center; justify-content: center; min-height: 3.15rem; padding: .75rem 1.05rem; border-radius: .8rem; font-size: .85rem; font-weight: 800; transition: transform .2s ease, background-color .2s ease; }.ivr-next-primary { gap: .55rem; border: 0; color: #073946; background: #b8f0fb; box-shadow: 0 10px 22px rgba(0, 0, 0, .16); cursor: pointer; }.ivr-next-primary:hover { background: #fff; transform: translateY(-2px); }.ivr-next-secondary { border: 1px solid rgba(255, 255, 255, .22); color: #fff; }.ivr-next-secondary:hover { color: #fff; background: rgba(255, 255, 255, .1); }
.ivr-next-proof { display: flex; flex-wrap: wrap; gap: .75rem 1.25rem; margin-top: 2.5rem; padding-top: 1.2rem; border-top: 1px solid rgba(255, 255, 255, .18); font-size: .73rem; font-weight: 650; color: #cbd5e1; }.ivr-next-proof span:first-child { display: inline-flex; align-items: center; gap: .45rem; color: #fff; }.ivr-next-proof i { width: .48rem; height: .48rem; border-radius: 50%; background: #b8f0fb; box-shadow: 0 0 0 4px rgba(184, 240, 251, .12); }
.ivr-next-flow { padding: 1.35rem; border: 1px solid rgba(184, 240, 251, .23); border-radius: 1.35rem; background: rgba(2, 38, 49, .5); box-shadow: 0 28px 60px rgba(0, 0, 0, .24); backdrop-filter: blur(18px); }.ivr-next-flow-head { display: flex; align-items: center; gap: .7rem; }.ivr-next-flow-icon { display: inline-flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; flex: 0 0 auto; border-radius: .75rem; color: #073946; background: #b8f0fb; }.ivr-next-flow-icon svg { width: 1.2rem; height: 1.2rem; }.ivr-next-flow-head p { font-size: .8rem; font-weight: 850; }.ivr-next-flow-head small { display: block; margin-top: .2rem; font-size: .65rem; color: #cbd5e1; }.ivr-next-flow-live { display: inline-flex; align-items: center; gap: .35rem; margin-left: auto; font-size: .63rem; font-weight: 800; color: #b8f0fb; }.ivr-next-flow-live i { width: .45rem; height: .45rem; border-radius: 50%; background: #8ef0cb; box-shadow: 0 0 0 3px rgba(142, 240, 203, .13); }
.ivr-next-flow ol { display: grid; gap: .55rem; margin-top: 1.1rem; }.ivr-next-flow li { display: flex; align-items: center; gap: .75rem; padding: .85rem; border-radius: .75rem; background: rgba(255, 255, 255, .07); }.ivr-next-flow li > span { display: inline-flex; align-items: center; justify-content: center; width: 1.85rem; height: 1.85rem; flex: 0 0 auto; border-radius: .55rem; font-size: .64rem; font-weight: 850; color: #073946; background: #b8f0fb; }.ivr-next-flow b, .ivr-next-flow small { display: block; }.ivr-next-flow b { font-size: .75rem; color: #fff; }.ivr-next-flow small { margin-top: .15rem; font-size: .61rem; color: #cbd5e1; }.ivr-next-flow-footer { margin-top: .65rem; padding: .9rem; border-radius: .75rem; font-size: .74rem; font-weight: 700; line-height: 1.45; color: #073946; background: #b8f0fb; }
.ivr-next-section-head { display: grid; gap: 1.5rem; padding-bottom: 2.5rem; border-bottom: 1px solid #dce7eb; }.ivr-next-section-head h2 { max-width: 42rem; margin-top: 1.2rem; font-size: clamp(2rem, 4vw, 3.3rem); font-weight: 800; line-height: 1.07; letter-spacing: -.04em; color: #0f172a; }.ivr-next-section-head > p { align-self: end; max-width: 31rem; font-size: .96rem; line-height: 1.7; color: #60727d; }
.ivr-next-capability-grid { display: grid; gap: 1rem; margin-top: 2.5rem; }.ivr-next-capability-card { position: relative; min-height: 14.5rem; padding: 1.5rem; overflow: hidden; border: 1px solid #dce7eb; border-radius: 1rem; background: #fff; transition: transform .2s ease, box-shadow .2s ease; }.ivr-next-capability-card:hover { box-shadow: 0 18px 38px rgba(15, 23, 42, .08); transform: translateY(-4px); }.ivr-next-capability-card > span { display: inline-flex; align-items: center; justify-content: center; width: 2.4rem; height: 2.4rem; border-radius: .7rem; font-size: .7rem; font-weight: 850; color: #0086a9; background: #e0f9fd; }.ivr-next-capability-card h3 { margin-top: 2.1rem; font-size: 1.1rem; font-weight: 800; color: #0f172a; }.ivr-next-capability-card p { margin-top: .7rem; max-width: 18rem; font-size: .87rem; line-height: 1.65; color: #64748b; }.ivr-next-capability-accent { color: #fff; border-color: #073946; background: #073946; }.ivr-next-capability-accent > span { color: #073946; background: #b8f0fb; }.ivr-next-capability-accent h3 { color: #fff; }.ivr-next-capability-accent p { color: #cbd5e1; }
.ivr-next-outcome-panel { padding: 1.75rem; border-radius: 1.3rem; color: #fff; background: linear-gradient(145deg, #073946, #0a5867); box-shadow: 0 24px 48px rgba(7, 57, 70, .16); }.ivr-next-outcome-stat { display: flex; align-items: center; gap: .85rem; margin-top: 1.1rem; padding-top: 1.1rem; border-top: 1px solid rgba(255, 255, 255, .14); }.ivr-next-outcome-stat b { display: inline-flex; align-items: center; justify-content: center; width: 2.15rem; height: 2.15rem; flex: 0 0 auto; border-radius: .65rem; font-size: .68rem; color: #073946; background: #b8f0fb; }.ivr-next-outcome-stat span { font-size: .9rem; font-weight: 750; }.ivr-next-text-link { display: inline-flex; align-items: center; gap: .5rem; margin-top: 2rem; font-size: .85rem; font-weight: 850; color: #007b9d; }.ivr-next-text-link:hover { color: #073946; }
.ivr-next-cta { background: #fff; }.ivr-next-cta-card { display: flex; flex-direction: column; gap: 2rem; padding: 2rem; overflow: hidden; border-radius: 1.4rem; background: linear-gradient(125deg, #052b36, #073946 58%, #0a5a68); box-shadow: 0 24px 50px rgba(7, 57, 70, .17); }.ivr-next-cta-card h2 { max-width: 41rem; margin-top: .8rem; font-size: clamp(1.9rem, 4vw, 3rem); font-weight: 800; line-height: 1.1; letter-spacing: -.04em; }.ivr-next-cta-card h2 + p { max-width: 35rem; margin-top: .8rem; font-size: .95rem; line-height: 1.65; color: #cbd5e1; }.ivr-next-cta-button { display: inline-flex; align-items: center; justify-content: center; gap: .6rem; width: fit-content; min-height: 3.15rem; padding: .8rem 1.1rem; border: 0; border-radius: .8rem; font-size: .85rem; font-weight: 850; color: #073946; background: #b8f0fb; cursor: pointer; transition: transform .2s ease, background-color .2s ease; }.ivr-next-cta-button:hover { background: #fff; transform: translateY(-2px); }
@media (min-width: 640px) { .ivr-next-flow { padding: 1.65rem; }.ivr-next-outcome-panel { padding: 2.2rem; }.ivr-next-cta-card { padding: 2.75rem; } }
@media (min-width: 768px) { .ivr-next-section-head { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); align-items: end; }.ivr-next-capability-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .ivr-next-cta-card { flex-direction: row; align-items: end; justify-content: space-between; }.ivr-next-cta-button { flex: 0 0 auto; } }

/* IVR page visual refinements */
.ivr-next-hero::after { position: absolute; right: -10rem; bottom: -13rem; z-index: -5; width: 30rem; height: 30rem; content: ""; border: 1px solid rgba(184, 240, 251, .14); border-radius: 50%; box-shadow: 0 0 0 4rem rgba(184, 240, 251, .025), 0 0 0 8rem rgba(184, 240, 251, .018); }
.ivr-next-flow { position: relative; overflow: hidden; }.ivr-next-flow::after { position: absolute; top: -4rem; right: -4rem; width: 11rem; height: 11rem; content: ""; border: 1px solid rgba(184, 240, 251, .12); border-radius: 50%; }.ivr-next-flow > * { position: relative; z-index: 1; }
.ivr-next-capability-grid { position: relative; }.ivr-next-capability-card::after { position: absolute; right: -2.6rem; bottom: -2.6rem; width: 7rem; height: 7rem; content: ""; border: 1px solid #d9f8ff; border-radius: 50%; transition: transform .25s ease; }.ivr-next-capability-card:hover::after { transform: scale(1.18); }.ivr-next-capability-card > * { position: relative; z-index: 1; }.ivr-next-capability-card > span { box-shadow: inset 0 0 0 1px rgba(0, 134, 169, .08); }.ivr-next-capability-card h3 { letter-spacing: -.02em; }.ivr-next-capability-accent { background: linear-gradient(145deg, #073946, #095766); }.ivr-next-capability-accent::after { border-color: rgba(184, 240, 251, .26); }
.ivr-next-outcomes { position: relative; overflow: hidden; background: linear-gradient(135deg, #f4fafb, #eaf7f9); }.ivr-next-outcomes::before { position: absolute; top: 8%; left: -8rem; width: 18rem; height: 18rem; content: ""; border: 1px solid #d9f8ff; border-radius: 50%; }.ivr-next-outcomes .mx-auto { position: relative; z-index: 1; }.ivr-next-outcome-panel { position: relative; overflow: hidden; }.ivr-next-outcome-panel::after { position: absolute; right: -5rem; bottom: -5rem; width: 15rem; height: 15rem; content: ""; border: 1px solid rgba(184, 240, 251, .2); border-radius: 50%; box-shadow: 0 0 0 2rem rgba(184, 240, 251, .025); }.ivr-next-outcome-panel > * { position: relative; z-index: 1; }
.ivr-next-cta-card { position: relative; overflow: hidden; }.ivr-next-cta-card::after { position: absolute; top: -7rem; right: -5rem; width: 19rem; height: 19rem; content: ""; border: 2rem solid rgba(184, 240, 251, .06); border-radius: 50%; }.ivr-next-cta-card > * { position: relative; z-index: 1; }
@media (min-width: 1024px) { .ivr-next-capability-grid { grid-template-columns: repeat(12, minmax(0, 1fr)); }.ivr-next-capability-card:nth-child(1), .ivr-next-capability-card:nth-child(2), .ivr-next-capability-card:nth-child(3) { grid-column: span 4; }.ivr-next-capability-card:nth-child(4) { grid-column: span 6; min-height: 17rem; }.ivr-next-capability-card:nth-child(5), .ivr-next-capability-card:nth-child(6) { grid-column: span 3; } }

/* Header refinement for the product-led landing page */
.cc-next-hero { background: #062d3a; }
.cc-next-hero h1, .cc-next-section-head h2, .cc-next-cta h2 { text-wrap: balance; }
.cc-next-primary, .cc-next-secondary { display: inline-flex; align-items: center; justify-content: center; min-height: 3.15rem; padding: .75rem 1.05rem; border-radius: .8rem; font-size: .85rem; font-weight: 800; transition: transform .2s ease, background-color .2s ease, color .2s ease; }
.cc-next-primary { gap: .55rem; border: 0; color: #073946; background: #b8f0fb; box-shadow: 0 10px 22px rgba(0, 0, 0, .16); cursor: pointer; }
.cc-next-primary:hover { background: #fff; transform: translateY(-2px); }
.cc-next-secondary { border: 1px solid rgba(255, 255, 255, .22); color: #fff; }
.cc-next-secondary:hover { color: #fff; background: rgba(255, 255, 255, .1); }
.cc-next-proof { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 40rem; margin-top: 2.75rem; border-top: 1px solid rgba(255, 255, 255, .2); }
.cc-next-proof div { padding: 1rem .9rem 0 0; }
.cc-next-proof div + div { padding-left: .9rem; border-left: 1px solid rgba(255, 255, 255, .16); }
.cc-next-proof dt { font-size: .74rem; font-weight: 850; color: #b8f0fb; }
.cc-next-proof dd { margin-top: .3rem; font-size: .62rem; line-height: 1.35; color: #cbd5e1; }
.cc-next-console { padding: 1.25rem; border: 1px solid rgba(184, 240, 251, .23); border-radius: 1.35rem; background: rgba(2, 38, 49, .5); box-shadow: 0 28px 60px rgba(0, 0, 0, .24); backdrop-filter: blur(18px); }
.cc-next-console-head { display: flex; align-items: center; gap: .7rem; }
.cc-next-console-icon { display: inline-flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; flex: 0 0 auto; border-radius: .75rem; color: #073946; background: #b8f0fb; }
.cc-next-console-icon svg { width: 1.2rem; height: 1.2rem; }
.cc-next-console-head p { font-size: .8rem; font-weight: 850; }
.cc-next-console-head small { display: block; margin-top: .2rem; font-size: .65rem; color: #cbd5e1; }
.cc-next-live { display: inline-flex; align-items: center; gap: .35rem; margin-left: auto; font-size: .63rem; font-weight: 800; color: #b8f0fb; }
.cc-next-live i { width: .45rem; height: .45rem; border-radius: 50%; background: #8ef0cb; box-shadow: 0 0 0 3px rgba(142, 240, 203, .13); }
.cc-next-console-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; margin-top: 1.1rem; }
.cc-next-console-metrics > div { padding: 1rem; border-radius: .85rem; background: rgba(255, 255, 255, .07); }
.cc-next-console-metrics span, .cc-next-console-metrics b, .cc-next-console-metrics small { display: block; }
.cc-next-console-metrics span { font-size: .62rem; color: #cbd5e1; }.cc-next-console-metrics b { margin-top: .35rem; font-size: 1.1rem; color: #fff; }.cc-next-console-metrics small { margin-top: .3rem; font-size: .6rem; color: #b8f0fb; }
.cc-next-console-flow { margin-top: .65rem; padding: 1rem; border-radius: .85rem; color: #073946; background: #b8f0fb; }
.cc-next-console-flow > div { display: flex; align-items: center; justify-content: space-between; gap: .4rem; font-size: .66rem; font-weight: 850; }.cc-next-console-flow i { width: .55rem; height: .55rem; flex: 0 0 auto; border-radius: 50%; background: #0086a9; box-shadow: 0 0 0 3px rgba(0, 134, 169, .14); }.cc-next-console-flow p { margin-top: .8rem; font-size: .74rem; font-weight: 650; line-height: 1.45; }
.cc-next-section-head { display: grid; gap: 1.5rem; padding-bottom: 2.5rem; border-bottom: 1px solid #dce7eb; }.cc-next-section-head h2 { max-width: 42rem; margin-top: 1.2rem; font-size: clamp(2rem, 4vw, 3.3rem); font-weight: 800; line-height: 1.07; letter-spacing: -.04em; color: #0f172a; }.cc-next-section-head > p { align-self: end; max-width: 31rem; font-size: .96rem; line-height: 1.7; color: #60727d; }
.cc-next-core-grid { display: grid; gap: 1rem; margin-top: 2.5rem; }.cc-next-core-card { padding: 1.6rem; border: 1px solid #dce7eb; border-radius: 1.25rem; }.cc-next-inbound { background: #fff; }.cc-next-outbound { color: #fff; border-color: #073946; background: #073946; }.cc-next-core-title { display: flex; align-items: center; gap: .9rem; }.cc-next-core-icon { display: inline-flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; flex: 0 0 auto; border-radius: .85rem; color: #073946; background: #d9f8ff; }.cc-next-core-icon svg { width: 1.45rem; height: 1.45rem; }.cc-next-core-number { font-size: .62rem; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; color: #0086a9; }.cc-next-outbound .cc-next-core-number { color: #b8f0fb; }.cc-next-core-title h3 { margin-top: .25rem; font-size: 1.2rem; font-weight: 800; }.cc-next-core-intro { margin-top: 1.7rem; font-size: .93rem; line-height: 1.65; color: #60727d; }.cc-next-outbound .cc-next-core-intro { color: #cbd5e1; }
.cc-next-feature-list { display: grid; gap: .6rem; margin-top: 1.4rem; padding-top: 1.4rem; border-top: 1px solid #dce7eb; }.cc-next-outbound .cc-next-feature-list { border-color: rgba(255, 255, 255, .15); }.cc-next-feature-list li { display: flex; gap: .55rem; font-size: .82rem; line-height: 1.45; color: #475569; }.cc-next-outbound .cc-next-feature-list li { color: #e2e8f0; }.cc-next-feature-list li::before { width: .45rem; height: .45rem; flex: 0 0 auto; margin-top: .35rem; content: ""; border-radius: 50%; background: #00afd0; box-shadow: 0 0 0 3px rgba(0, 175, 208, .13); }
.cc-next-service-grid { display: grid; gap: 1rem; margin-top: 2.5rem; }.cc-next-service-card { position: relative; min-height: 17rem; padding: 1.5rem; overflow: hidden; border: 1px solid #dce7eb; border-radius: 1.1rem; background: #fff; transition: transform .2s ease, box-shadow .2s ease; }.cc-next-service-card:hover { box-shadow: 0 18px 38px rgba(15, 23, 42, .08); transform: translateY(-4px); }.cc-next-service-featured { color: #fff; border-color: #073946; background: #073946; }.cc-next-service-icon { display: inline-flex; align-items: center; justify-content: center; width: 2.65rem; height: 2.65rem; border-radius: .75rem; color: #073946; background: #e0f9fd; }.cc-next-service-featured .cc-next-service-icon { background: #b8f0fb; }.cc-next-service-icon svg { width: 1.3rem; height: 1.3rem; }.cc-next-service-number { position: absolute; top: 1.7rem; right: 1.5rem; font-size: .66rem; font-weight: 850; letter-spacing: .14em; color: #0086a9; }.cc-next-service-featured .cc-next-service-number { color: #b8f0fb; }.cc-next-service-card h3 { margin-top: 2rem; font-size: 1.15rem; font-weight: 800; color: #0f172a; }.cc-next-service-featured h3 { color: #fff; }.cc-next-service-card > p { margin-top: .7rem; font-size: .87rem; line-height: 1.6; color: #64748b; }.cc-next-service-featured > p { color: #cbd5e1; }.cc-next-service-card ul { display: grid; gap: .38rem; margin-top: 1.1rem; }.cc-next-service-card li { display: flex; gap: .45rem; font-size: .72rem; line-height: 1.4; color: #475569; }.cc-next-service-featured li { color: #e2e8f0; }.cc-next-service-card li::before { content: "✓"; font-weight: 850; color: #00afd0; }
.cc-next-cta { background: #fff; }.cc-next-cta-card { display: flex; flex-direction: column; gap: 2rem; padding: 2rem; overflow: hidden; border-radius: 1.4rem; background: linear-gradient(125deg, #052b36, #073946 58%, #0a5a68); box-shadow: 0 24px 50px rgba(7, 57, 70, .17); }.cc-next-cta-card h2 { max-width: 41rem; margin-top: .8rem; font-size: clamp(1.9rem, 4vw, 3rem); font-weight: 800; line-height: 1.1; letter-spacing: -.04em; }.cc-next-cta-card h2 + p { max-width: 35rem; margin-top: .8rem; font-size: .95rem; line-height: 1.65; color: #cbd5e1; }.cc-next-cta-button { display: inline-flex; align-items: center; justify-content: center; gap: .6rem; min-height: 3.15rem; width: fit-content; padding: .8rem 1.1rem; border: 0; border-radius: .8rem; font-size: .85rem; font-weight: 850; color: #073946; background: #b8f0fb; cursor: pointer; transition: transform .2s ease, background-color .2s ease; }.cc-next-cta-button:hover { background: #fff; transform: translateY(-2px); }
@media (min-width: 640px) { .cc-next-console { padding: 1.6rem; }.cc-next-core-card { padding: 2rem; }.cc-next-cta-card { padding: 2.75rem; } }
@media (min-width: 768px) { .cc-next-section-head { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); align-items: end; }.cc-next-core-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.cc-next-service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.cc-next-service-featured { grid-row: span 2; }.cc-next-service-featured, .cc-next-service-card { min-height: 18rem; } }
@media (min-width: 1024px) { .cc-next-service-grid { grid-template-columns: 1.1fr .9fr .9fr; }.cc-next-cta-card { flex-direction: row; align-items: end; justify-content: space-between; }.cc-next-cta-button { flex: 0 0 auto; } }
@media (max-width: 479px) { .cc-next-proof div { padding-right: .45rem; }.cc-next-proof div + div { padding-left: .45rem; }.cc-next-proof dt { font-size: .64rem; }.cc-next-console-flow > div { font-size: .57rem; } }

/* Header refinement for the product-led landing page */
.site-header {
  border: 0;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .06);
  background: rgba(255, 255, 255, .96);
}
.header-utility { color: #cfe8ed; background: #062d3a; }
.header-utility p, .header-utility a { font-size: .72rem; font-weight: 650; letter-spacing: .025em; }
.header-utility a { transition: color .18s ease; }
.header-utility a:hover { color: #b8f0fb; }
.site-nav { min-height: auto; }
.site-nav > div:first-child { min-height: 4.75rem; }
.brand-mark img { height: 2.9rem; }
.header-phone {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  padding: .55rem .7rem;
  font-size: .8rem;
  font-weight: 700;
  color: #47616b;
  transition: color .18s ease;
}
.header-phone:hover { color: #0086a9; }
.header-phone svg { width: 1rem; height: 1rem; color: #ff762b; }
.header-demo {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  padding: .72rem 1rem;
  border-radius: .65rem;
  font-size: .8rem;
  font-weight: 800;
  color: #fff;
  background: #073946;
  box-shadow: 0 6px 14px rgba(7, 57, 70, .16);
  transition: transform .18s ease, background-color .18s ease;
}
.header-demo:hover { color: #fff; background: #0086a9; transform: translateY(-1px); }
.header-menu { border: 1px solid #dbe5e8; color: #073946; background: #fff; }
.header-menu:hover { background: #f0fbfd; }
.header-links { margin: 0 -1rem; }
.header-links .nav-link {
  display: block;
  padding: .8rem 1.25rem;
  font-size: .85rem;
  font-weight: 700;
  color: #475569;
  transition: color .18s ease, background-color .18s ease;
}
.header-links .nav-link:hover, .header-links .nav-link-active { color: #007b9d; background: #f0fbfd; }
.header-links .nav-link::after { display: none; }

@media (min-width: 768px) {
  .header-links { margin: 0; }
  .header-links .nav-link { position: relative; padding: .15rem 0 .5rem; background: transparent !important; }
  .header-links .nav-link::after {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    content: "";
    background: #ff762b;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .18s ease;
  }
  .header-links .nav-link:hover::after, .header-links .nav-link-active::after { transform: scaleX(1); }
}

/* Header version three: single-row SaaS navigation */
.header-v2 { border-bottom: 1px solid rgba(226, 232, 240, .8); }
.header-v2-row {
  display: flex;
  min-height: 5.1rem;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}
.header-v2-brand { display: inline-flex; align-items: center; gap: .75rem; flex: 0 0 auto; }
.header-v2-brand img { width: auto; height: 2.7rem; transition: transform .2s ease; }
.header-v2-brand:hover img { transform: scale(1.03); }
.header-v2-links > ul { display: flex; align-items: center; gap: 1.75rem; }
.header-v2-links .nav-link {
  position: relative;
  display: block;
  padding: .45rem 0;
  font-size: .8rem;
  font-weight: 750;
  color: #52636b;
  transition: color .18s ease;
}
.header-v2-links .nav-link:hover, .header-v2-links .nav-link-active { color: #073946; }
.header-v2-links .nav-link::after {
  position: absolute;
  right: 0;
  bottom: -.2rem;
  left: 0;
  height: 2px;
  content: "";
  border-radius: 99px;
  background: #ff762b;
  transform: scaleX(0);
  transition: transform .18s ease;
}
.header-v2-links .nav-link:hover::after, .header-v2-links .nav-link-active::after { transform: scaleX(1); }
.solutions-menu { position: relative; }
.solutions-menu-button { display: inline-flex !important; align-items: center; gap: .3rem; border: 0; background: transparent; cursor: pointer; }
.solutions-menu-caret { width: .8rem; height: .8rem; transition: transform .18s ease; }
.solutions-menu.is-open .solutions-menu-caret, .solutions-menu:focus-within .solutions-menu-caret { transform: rotate(180deg); }
.solutions-menu-list {
  position: absolute;
  top: calc(100%);
  left: 50%;
  z-index: 60;
  display: grid;
  width: 14.5rem;
  margin: 0;
  padding: .3rem 0;
  list-style: none;
  border: 1px solid #d8dee5;
  background: #fff;
  box-shadow: 0 12px 24px rgba(15, 23, 42, .18);
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -.4rem);
  transition: opacity .18s ease, transform .18s ease;
}
.solutions-menu:hover .solutions-menu-list, .solutions-menu.is-open .solutions-menu-list, .solutions-menu:focus-within .solutions-menu-list { opacity: 1; pointer-events: auto; transform: translate(-50%, 0); }
.solutions-menu-list li + li { border-top: 1px solid #edf0f2; }
.solutions-menu-list a { display: flex; align-items: center; gap: .5rem; min-height: 2.7rem; padding: .7rem .9rem; font-size: .8rem; font-weight: 750; color: #52636b; transition: color .18s ease, background-color .18s ease; }
.solutions-menu-list a svg { width: .8rem; height: .8rem; color: #6d859d; }
.solutions-menu-list a:hover, .solutions-menu-list a:focus { color: #ff762b; background: #fffaf7; text-decoration: underline; }
.solutions-menu-list a:hover svg, .solutions-menu-list a:focus svg { color: #ff762b; }
.price-list-button { border: 0; background: transparent; cursor: pointer; }
.price-list-dialog, .demo-request-dialog { max-height: calc(100vh - 2rem); max-height: calc(100dvh - 2rem); overflow-x: hidden !important; overflow-y: auto !important; overscroll-behavior: contain; scrollbar-gutter: stable; touch-action: pan-y; -webkit-overflow-scrolling: touch; }
.demo-request-label { display: grid; gap: .5rem; font-size: .78rem; font-weight: 750; color: #334155; }
.demo-request-label-text b { color: #ff762b; }
.demo-request-field { width: 100%; min-height: 3rem; padding: .7rem .85rem; border: 1px solid #d5dee8; border-radius: .65rem; outline: none; font-size: .9rem; font-weight: 500; color: #334155; background: #fff; transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease; }
.demo-request-field::placeholder { color: #94a3b8; }
.demo-request-field:focus { border-color: #00afd0; background: #fbfeff; box-shadow: 0 0 0 3px rgba(0, 175, 208, .14); }
.demo-request-textarea { min-height: 6rem; line-height: 1.5; }
.demo-rail { border: 0; cursor: pointer; font: inherit; }
.price-request-label { display: grid; gap: .5rem; font-size: .78rem; font-weight: 750; color: #334155; }
.price-request-label-text b { color: #ff762b; }
.price-request-field { width: 100%; min-height: 3rem; padding: .7rem .85rem; border: 1px solid #d5dee8; border-radius: .65rem; outline: none; font-size: .9rem; font-weight: 500; color: #334155; background: #fff; transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease; }
.price-request-field::placeholder { color: #94a3b8; }
.price-request-field:focus { border-color: #00afd0; background: #fbfeff; box-shadow: 0 0 0 3px rgba(0, 175, 208, .14); }
.price-request-textarea { min-height: 5.75rem; line-height: 1.5; }
.header-v2-login { font-size: .8rem; font-weight: 750; color: #35505b; transition: color .18s ease; }
.header-v2-login:hover { color: #0086a9; }
.header-v2-demo {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .75rem 1rem;
  border-radius: .8rem;
  font-size: .8rem;
  font-weight: 800;
  color: #fff;
  background: #ff762b;
  box-shadow: 0 9px 18px rgba(255, 118, 43, .2);
  transition: transform .18s ease, background-color .18s ease;
}
.header-v2-demo:hover { color: #fff; background: #df5e1c; transform: translateY(-1px); }
.header-v2-menu { width: 2.7rem; height: 2.7rem; color: #073946; background: #eaf9fb; }
.header-v2-menu:hover { background: #d5f3f7; }

@media (max-width: 767px) {
  .header-v2-shell { position: relative; }
  .header-v2-links {
    position: absolute;
    top: calc(100% - .25rem);
    right: 1rem;
    left: 1rem;
    z-index: 50;
    padding: .55rem;
    border: 1px solid #e2e8f0;
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 18px 40px rgba(15, 23, 42, .14);
  }
  .header-v2-links > ul { display: grid; }
  .header-v2-links .nav-link { display: block; padding: .85rem 1rem; border-radius: .6rem; font-size: .88rem; font-weight: 700; color: #334155; }
  .header-v2-links .nav-link:hover, .header-v2-links .nav-link-active { color: #007b9d; background: #effcff; }
  .header-v2-links .nav-link::after { display: none; }
  .solutions-menu-button { width: 100%; justify-content: space-between; text-align: left; }
  .solutions-menu-list { position: static; display: none; width: auto; margin: 0 .5rem .5rem; padding: 0; border: 0; box-shadow: none; opacity: 1; pointer-events: auto; transform: none; }
  .solutions-menu.is-open .solutions-menu-list, .solutions-menu:focus-within .solutions-menu-list { display: grid; transform: none; }
  .solutions-menu-list a { padding: .75rem 1rem; border-radius: .5rem; font-size: .85rem; }
}

@media (max-width: 767px) {
  .next-console { transform: none; }
  .next-reason-card.sm\:translate-y-8 { transform: none; }
}

/* Premium navigation treatment */
.site-header.header-v2 {
  position: sticky;
  isolation: isolate;
  border-bottom: 1px solid rgba(207, 222, 226, .84);
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 12px 30px rgba(7, 57, 70, .06);
  backdrop-filter: blur(18px);
}
.site-header.header-v2::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 2px;
  content: "";
  background: linear-gradient(90deg, #ff762b 0%, #00afd0 46%, #073946 100%);
}
.header-v2-row {
  display: grid;
  grid-template-columns: minmax(10rem, 1fr) auto minmax(10rem, 1fr);
  min-height: 5.55rem;
  gap: 1.25rem;
}
.header-v2-brand { position: relative; z-index: 1; }
.header-v2-brand img { height: 2.55rem; }
.header-v2-links { justify-self: center; }
.header-v2-links > ul {
  gap: .15rem;
  padding: .3rem;
  border: 1px solid #e0eaec;
  border-radius: .9rem;
  background: rgba(244, 248, 248, .88);
  box-shadow: inset 0 1px rgba(255, 255, 255, .9);
}
.header-v2-links .nav-link {
  padding: .55rem .78rem;
  border-radius: .62rem;
  font-size: .77rem;
  font-weight: 780;
  letter-spacing: .005em;
  color: #52636b;
  transition: color .2s ease, background-color .2s ease, box-shadow .2s ease;
}
.header-v2-links .nav-link::after { display: none; }
.header-v2-links .nav-link:hover,
.header-v2-links .nav-link-active {
  color: #073946;
  background: #fff;
  box-shadow: 0 3px 10px rgba(7, 57, 70, .1);
}
.solutions-menu-button { min-height: 2.3rem; }
.solutions-menu-list {
  top: calc(100% + .2rem);
  width: 16.5rem;
  padding: .45rem;
  border-color: #d7e4e7;
  border-radius: 1rem;
  box-shadow: 0 18px 38px rgba(7, 57, 70, .16);
}
.solutions-menu-list::before {
  position: absolute;
  top: -.38rem;
  left: 50%;
  width: .72rem;
  height: .72rem;
  content: "";
  border-top: 1px solid #d7e4e7;
  border-left: 1px solid #d7e4e7;
  background: #fff;
  transform: translateX(-50%) rotate(45deg);
}
.solutions-menu-list li + li { border-top: 1px solid #edf2f3; }
.solutions-menu-list a { min-height: 3rem; padding: .75rem .8rem; border-radius: .62rem; font-size: .78rem; }
.solutions-menu-list a:hover, .solutions-menu-list a:focus { text-decoration: none; }
.header-v2-actions { justify-self: end; align-items: center; gap: .55rem; }
.header-v2-login {
  display: inline-flex;
  align-items: center;
  gap: .48rem;
  padding: .68rem .72rem;
  border-radius: .65rem;
  font-size: .77rem;
  font-weight: 780;
  color: #35505b;
  transition: color .2s ease, background-color .2s ease;
}
.header-v2-login:hover { color: #073946; background: #edf8fa; }
.header-v2-status { width: .43rem; height: .43rem; border-radius: 50%; background: #12b981; box-shadow: 0 0 0 3px rgba(18, 185, 129, .12); }
.header-v2-demo {
  min-height: 2.72rem;
  padding: .72rem .96rem;
  border: 1px solid rgba(0, 134, 169, .18);
  border-radius: .72rem;
  font-size: .77rem;
  background: linear-gradient(135deg, #073946, #087a91);
  box-shadow: 0 9px 20px rgba(7, 57, 70, .2);
}
.header-v2-demo:hover { background: linear-gradient(135deg, #052d37, #006d8c); transform: translateY(-2px); }
.header-v2-menu { width: 2.85rem; height: 2.85rem; border: 1px solid #d8e7e9; color: #073946; background: #f3fbfc; transition: background-color .2s ease, transform .2s ease; }
.header-v2-menu:hover { background: #e0f6f9; transform: translateY(-1px); }

@media (max-width: 767px) {
  .header-v2-row { display: flex; min-height: 4.7rem; gap: .8rem; }
  .header-v2-brand img { height: 2.25rem; }
  .header-v2-links {
    top: 100%;
    right: auto;
    left: 50%;
    width: 100vw;
    max-width: none;
    padding: .65rem;
    border-color: #d6e5e7;
    border-right: 0;
    border-left: 0;
    border-radius: 0 0 1.1rem 1.1rem;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 22px 46px rgba(7, 57, 70, .18);
    transform: translateX(-50%);
  }
  .header-v2-links > ul { display: grid; gap: .12rem; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
  .header-v2-links .nav-link { padding: .82rem .88rem; border-radius: .7rem; font-size: .86rem; }
  .solutions-menu-button { min-height: 0; }
  .solutions-menu-list { margin: .15rem .3rem .5rem; padding: .25rem; border: 1px solid #e3edef; border-radius: .75rem; background: #f8fbfb; }
  .solutions-menu-list::before { display: none; }
  .solutions-menu-list a { min-height: 2.7rem; padding: .65rem .72rem; }
  .header-v2-mobile-actions { display: grid; gap: .55rem; margin-top: .65rem; padding: .75rem .25rem .2rem; border-top: 1px solid #e7eff0; }
  .header-v2-mobile-contact, .header-v2-mobile-demo { display: flex; align-items: center; justify-content: center; gap: .55rem; min-height: 2.9rem; border-radius: .72rem; font-size: .8rem; font-weight: 800; }
  .header-v2-mobile-contact { color: #073946; background: #effafb; }
  .header-v2-mobile-contact:hover { color: #073946; background: #e0f6f9; }
  .header-v2-mobile-contact-icon { display: inline-flex; width: 1rem; height: 1rem; color: #0086a9; }
  .header-v2-mobile-contact-icon svg { width: 100%; height: 100%; }
  .header-v2-mobile-demo { width: 100%; border: 0; color: #fff; background: linear-gradient(135deg, #073946, #087a91); cursor: pointer; }
}

/* Premium footer */
.footer-premium { color: #fff; background: #061f2d; }
.footer-premium-main { position: relative; overflow: hidden; background: linear-gradient(135deg, #061f2d 0%, #073946 55%, #064d5c 100%); }
.footer-premium-shell { position: relative; z-index: 1; width: min(100% - 3rem, 80rem); margin: 0 auto; padding: 3rem 0 1.45rem; }
.footer-premium-orb { position: absolute; border-radius: 999px; pointer-events: none; filter: blur(2px); }
.footer-premium-orb-one { top: -15rem; right: -10rem; width: 32rem; height: 32rem; border: 1px solid rgba(184, 240, 251, .16); box-shadow: 0 0 0 5rem rgba(184, 240, 251, .025), 0 0 0 10rem rgba(184, 240, 251, .018); }
.footer-premium-orb-two { bottom: -13rem; left: 12%; width: 25rem; height: 25rem; background: rgba(0, 175, 208, .09); filter: blur(65px); }
.footer-premium-grid { display: grid; gap: 2.5rem 2rem; padding: 3.5rem 0; }
.footer-premium-logo { display: inline-flex; align-items: center; }
.footer-premium-logo img { width: auto; height: 2.65rem; filter: brightness(0) invert(1); }
.footer-premium-brand > p { max-width: 20rem; margin-top: 1.35rem; font-size: .87rem; line-height: 1.7; color: #c5d5da; }
.footer-premium-email, .footer-premium-email:visited { display: inline-flex; align-items: center; gap: .42rem; margin-top: 1.2rem; font-size: .77rem; font-weight: 800; color: #f2fdff !important; text-decoration: none; transition: color .2s ease, gap .2s ease; }
.footer-premium-email:hover { gap: .6rem; color: #b8f0fb !important; }
.footer-premium-title { font-size: .72rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; color: #fff; }
.footer-premium-nav ul { display: grid; gap: .72rem; margin-top: 1.2rem; padding: 0; list-style: none; }
.footer-premium-nav a { font-size: .83rem; font-weight: 600; color: #c5d5da; transition: color .2s ease, padding-left .2s ease; }
.footer-premium-nav a:hover { padding-left: .28rem; color: #b8f0fb; }
.footer-premium-contact address { display: grid; gap: .9rem; margin-top: 1.2rem; font-size: .81rem; font-style: normal; line-height: 1.55; color: #c5d5da; }
.footer-premium-contact address > div { display: flex; align-items: flex-start; gap: .68rem; }
.footer-premium-contact-icon { display: inline-flex; align-items: center; justify-content: center; width: 1.85rem; height: 1.85rem; flex: 0 0 auto; border: 1px solid rgba(184, 240, 251, .16); border-radius: .55rem; color: #b8f0fb; background: rgba(184, 240, 251, .07); }
.footer-premium-contact-icon svg { width: .92rem; height: .92rem; }
.footer-premium-contact a, .footer-premium-contact a:visited { color: #f2fdff !important; text-decoration: none; transition: color .2s ease; }
.footer-premium-contact a:hover { color: #b8f0fb !important; }
.footer-premium-bottom { display: flex; flex-direction: column; gap: .8rem; padding-top: 1.35rem; border-top: 1px solid rgba(184, 240, 251, .16); font-size: .71rem; font-weight: 600; color: #9fb5bc; }
.footer-premium-bottom > div { display: flex; flex-wrap: wrap; gap: .9rem 1.25rem; }
.footer-premium-bottom a { color: #b6c9ce; transition: color .2s ease; }
.footer-premium-bottom a:hover { color: #fff; }
@media (min-width: 640px) { .footer-premium-shell { width: min(100% - 4rem, 80rem); padding-top: 3.5rem; }.footer-premium-grid { grid-template-columns: 1.3fr .8fr .9fr; } .footer-premium-contact { grid-column: span 2; } .footer-premium-bottom { flex-direction: row; align-items: center; justify-content: space-between; } }
@media (min-width: 1024px) { .footer-premium-shell { padding-top: 4rem; }.footer-premium-grid { grid-template-columns: 1.3fr .75fr .95fr 1.25fr; gap: 3rem; padding: 4.5rem 0; }.footer-premium-contact { grid-column: auto; } }

/* Premium product platform */
.next-intro-premium { padding: 4.5rem 0; background: #fff; }
.next-intro-premium::after { display: none; }
.next-intro-premium-panel { position: relative; display: grid; gap: 1.7rem; padding: 1.55rem; overflow: hidden; border: 1px solid #dcebed; border-radius: 1.35rem; background: linear-gradient(120deg, #f8fcfc 0%, #fff 65%); box-shadow: 0 18px 40px rgba(15, 23, 42, .05); }
.next-intro-premium-panel::after { position: absolute; top: -4.5rem; right: -2.5rem; width: 13rem; height: 13rem; content: ""; border: 1.6rem solid rgba(184, 240, 251, .38); border-radius: 50%; }
.next-intro-premium-label { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.next-intro-premium-mark { display: flex; align-items: end; gap: .22rem; height: 1.35rem; }
.next-intro-premium-mark i { display: block; width: .25rem; border-radius: 99px; background: #00afd0; }.next-intro-premium-mark i:nth-child(1) { height: .45rem; }.next-intro-premium-mark i:nth-child(2) { height: .82rem; background: #ff762b; }.next-intro-premium-mark i:nth-child(3) { height: 1.25rem; }
.next-intro-premium h2 { position: relative; z-index: 1; max-width: 52rem; font-size: clamp(1.45rem, 3vw, 2.15rem); font-weight: 750; line-height: 1.34; letter-spacing: -.035em; color: #19323f; }
.next-platform-premium { padding: 5.5rem 0; background: radial-gradient(circle at 92% 4%, #dff7fa 0, transparent 25rem), linear-gradient(180deg, #f5fafb, #fff); }
.next-platform-premium::before { position: absolute; top: 19rem; left: -9rem; width: 18rem; height: 18rem; content: ""; border: 1px solid #d8f0f4; border-radius: 50%; }
.next-platform-premium > div { position: relative; z-index: 1; }
.next-platform-premium-head { display: grid; gap: 1.5rem; }
.next-platform-premium-head h2 { max-width: 39rem; margin-top: 1rem; font-size: clamp(2rem, 4.5vw, 3.5rem); font-weight: 800; line-height: 1.07; letter-spacing: -.055em; color: #102b40; }
.next-platform-premium-head > p { max-width: 31rem; padding-left: 1rem; border-left: 2px solid #ff762b; font-size: .98rem; line-height: 1.75; color: #60727d; }
.next-product-grid { display: grid; gap: 1rem; margin-top: 3rem; }
.next-product-card { display: flex; min-height: 31rem; flex-direction: column; padding: 1.6rem; overflow: hidden; border-radius: 1.35rem; }
.next-product-card:hover { transform: translateY(-6px); }
.next-product-card-dark { color: #fff; background: linear-gradient(145deg, #042d38, #073946 55%, #096174); box-shadow: 0 24px 48px rgba(7, 57, 70, .18); }
.next-product-card.next-product-card-dark::after { position: absolute; top: -4rem; right: -3.5rem; bottom: auto; left: auto; z-index: -1; width: 15rem; height: 15rem; content: ""; border: 1px solid rgba(184, 240, 251, .2); border-radius: 50%; background: transparent; box-shadow: 0 0 0 2.5rem rgba(184, 240, 251, .035); }
.next-product-card-light { border: 1px solid #d9e9eb; color: #172c38; background: #fff; box-shadow: 0 20px 44px rgba(15, 23, 42, .08); }
.next-product-card.next-product-card-light::after { position: absolute; top: auto; right: -3rem; bottom: -3rem; left: auto; z-index: -1; width: 13rem; height: 13rem; content: ""; border: 0; border-radius: 50%; background: #e0f8fb; }
.next-product-card-top { display: flex; align-items: center; justify-content: space-between; }
.next-product-card-number { font-size: .66rem; font-weight: 850; letter-spacing: .16em; color: #b8f0fb; }.next-product-card-light .next-product-card-number { color: #0086a9; }
.next-product-card-icon { display: inline-flex; align-items: center; justify-content: center; width: 2.85rem; height: 2.85rem; border-radius: .78rem; color: #073946; background: #b8f0fb; }.next-product-card-light .next-product-card-icon { color: #c9571d; background: #fff0e8; }
.next-product-card-icon svg { width: 1.35rem; height: 1.35rem; }
.next-product-card-label { margin-top: 2rem; font-size: .64rem; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; color: #b8f0fb; }.next-product-card-light .next-product-card-label { color: #df5e1c; }
.next-product-card h3 { margin-top: .45rem; font-size: clamp(1.7rem, 4vw, 2.2rem); font-weight: 800; line-height: 1.1; letter-spacing: -.045em; }
.next-product-card-description { max-width: 29rem; margin-top: 1rem; font-size: .93rem; line-height: 1.7; color: #cbdde1; }.next-product-card-light .next-product-card-description { color: #60727d; }
.next-product-card-list { display: grid; gap: .7rem; margin-top: 1.6rem; padding-top: 1.45rem; border-top: 1px solid rgba(184, 240, 251, .18); font-size: .78rem; line-height: 1.45; color: #e2eff1; }.next-product-card-light .next-product-card-list { border-color: #e2edef; color: #526974; }
.next-product-card-list li { display: flex; align-items: flex-start; gap: .55rem; }.next-product-card-list li::before { width: .42rem; height: .42rem; flex: 0 0 auto; margin-top: .3rem; content: ""; border-radius: 99px; background: #b8f0fb; box-shadow: 0 0 0 3px rgba(184, 240, 251, .1); }.next-product-card-light .next-product-card-list li::before { background: #ff762b; box-shadow: 0 0 0 3px rgba(255, 118, 43, .1); }
.next-product-card-visual { display: flex; align-items: center; gap: .45rem; margin-top: auto; padding-top: 1.7rem; font-size: .61rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; color: #b8f0fb; }.next-product-card-visual i { width: 1.2rem; height: 1px; background: rgba(184, 240, 251, .5); }.next-product-card-light .next-product-card-visual { color: #0086a9; }.next-product-card-light .next-product-card-visual i { background: #9adbe5; }
@media (min-width: 640px) { .next-intro-premium { padding: 5.5rem 0; }.next-intro-premium-panel { padding: 2.4rem; }.next-product-card { padding: 2.25rem; } }
@media (min-width: 1024px) { .next-intro-premium-panel { grid-template-columns: minmax(14rem, .72fr) minmax(0, 1.28fr); align-items: center; gap: 3rem; padding: 2.6rem 3rem; }.next-platform-premium-head { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); align-items: end; gap: 4rem; }.next-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.4rem; margin-top: 3.5rem; }.next-product-card { min-height: 32rem; padding: 2.55rem; } }

/* Modern contact page */
.contact-next-hero { background: linear-gradient(125deg, #052b36, #073946 58%, #095466); }.contact-next-hero-glow { position: absolute; top: -10rem; right: -10rem; z-index: -5; width: 32rem; height: 32rem; border-radius: 50%; background: radial-gradient(circle, rgba(23, 193, 220, .25), transparent 67%); }.contact-next-hero h1 { text-wrap: balance; }.contact-next-hero-note { display: flex; flex-wrap: wrap; gap: .75rem 1.25rem; margin-top: 2.5rem; padding-top: 1.2rem; border-top: 1px solid rgba(255, 255, 255, .18); font-size: .73rem; font-weight: 650; color: #cbd5e1; }.contact-next-hero-note span:first-child { display: inline-flex; align-items: center; gap: .45rem; color: #fff; }.contact-next-hero-note i { width: .48rem; height: .48rem; border-radius: 50%; background: #b8f0fb; box-shadow: 0 0 0 4px rgba(184, 240, 251, .12); }
.contact-next-routes { display: grid; gap: .75rem; }.contact-next-routes a { display: flex; align-items: center; gap: .75rem; padding: 1rem; border: 1px solid rgba(184, 240, 251, .18); border-radius: 1rem; color: #fff; background: rgba(2, 38, 49, .32); backdrop-filter: blur(10px); transition: transform .2s ease, background-color .2s ease; }.contact-next-routes a:hover { color: #fff; background: rgba(255, 255, 255, .1); transform: translateX(4px); }.contact-next-route-icon { display: inline-flex; align-items: center; justify-content: center; width: 2.6rem; height: 2.6rem; flex: 0 0 auto; border-radius: .75rem; color: #073946; background: #b8f0fb; }.contact-next-route-icon svg { width: 1.2rem; height: 1.2rem; }.contact-next-routes small, .contact-next-routes b { display: block; }.contact-next-routes small { font-size: .62rem; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; color: #b8f0fb; }.contact-next-routes b { margin-top: .2rem; font-size: .82rem; }.contact-next-routes > a > i { margin-left: auto; font-size: 1.1rem; font-style: normal; color: #b8f0fb; }
.contact-next-shell { display: grid; overflow: hidden; border: 1px solid #dce7eb; border-radius: 1.5rem; box-shadow: 0 24px 60px rgba(15, 23, 42, .09); }.contact-next-aside { position: relative; padding: 2rem; overflow: hidden; color: #fff; background: linear-gradient(145deg, #073946, #0a5867); }.contact-next-aside::after { position: absolute; right: -5rem; bottom: -5rem; width: 15rem; height: 15rem; content: ""; border: 1px solid rgba(184, 240, 251, .2); border-radius: 50%; }.contact-next-aside > * { position: relative; z-index: 1; }.contact-next-aside h2 { max-width: 22rem; margin-top: .8rem; font-size: 1.9rem; font-weight: 800; line-height: 1.12; letter-spacing: -.035em; }.contact-next-aside h2 + p { max-width: 27rem; margin-top: 1rem; font-size: .9rem; line-height: 1.65; color: #cbd5e1; }.contact-next-aside-points { display: grid; gap: 1rem; margin-top: 2rem; }.contact-next-aside-points > div { display: flex; gap: .7rem; padding-top: 1rem; border-top: 1px solid rgba(255, 255, 255, .14); }.contact-next-aside-points span { display: inline-flex; align-items: center; justify-content: center; width: 1.9rem; height: 1.9rem; flex: 0 0 auto; border-radius: .55rem; font-size: .62rem; font-weight: 850; color: #073946; background: #b8f0fb; }.contact-next-aside-points b, .contact-next-aside-points small { display: block; }.contact-next-aside-points b { font-size: .79rem; }.contact-next-aside-points small { margin-top: .18rem; font-size: .65rem; line-height: 1.45; color: #cbd5e1; }.contact-next-aside address { display: grid; gap: 1.1rem; margin-top: 2rem; padding-top: 1.3rem; border-top: 1px solid rgba(255, 255, 255, .14); font-size: .76rem; font-style: normal; line-height: 1.55; color: #e2e8f0; }.contact-next-aside address span { display: block; margin-bottom: .3rem; font-size: .59rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; color: #b8f0fb; }.contact-next-aside address a { color: #fff; }.contact-next-aside address a:hover { color: #b8f0fb; }
.contact-next-form-wrap { padding: 2rem; background: #fff; }.contact-next-form-kicker { display: inline-flex; align-items: center; gap: .65rem; font-size: .67rem; font-weight: 850; letter-spacing: .18em; text-transform: uppercase; color: #0086a9; }.contact-next-form-kicker span { width: 1.8rem; height: 2px; background: #ff762b; }.contact-next-form-wrap h2 { margin-top: 1.05rem; font-size: 1.8rem; font-weight: 800; letter-spacing: -.035em; color: #0f172a; }.contact-next-form-intro { max-width: 32rem; margin-top: .75rem; font-size: .88rem; line-height: 1.65; color: #64748b; }.contact-next-form { margin-top: 1.8rem; }.contact-next-form label { display: grid; gap: .5rem; font-size: .76rem; font-weight: 750; color: #334155; }.contact-next-form label b { color: #ff762b; }.contact-next-form input, .contact-next-form textarea { width: 100%; min-height: 3rem; padding: .7rem .85rem; border: 1px solid #d5dee8; border-radius: .65rem; outline: none; font: inherit; font-size: .9rem; font-weight: 500; color: #334155; background: #fff; transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease; }.contact-next-form textarea { min-height: 6.5rem; line-height: 1.5; resize: vertical; }.contact-next-form input::placeholder, .contact-next-form textarea::placeholder { color: #94a3b8; }.contact-next-form input:focus, .contact-next-form textarea:focus { border-color: #00afd0; background: #fbfeff; box-shadow: 0 0 0 3px rgba(0, 175, 208, .14); }.contact-next-form-footer { display: flex; flex-direction: column; gap: 1rem; margin-top: 1.8rem; padding-top: 1.3rem; border-top: 1px solid #e8eef1; }.contact-next-form-footer p { max-width: 18rem; font-size: .72rem; line-height: 1.5; color: #64748b; }.contact-next-form-footer button { display: inline-flex; align-items: center; justify-content: center; gap: .55rem; width: fit-content; min-height: 3rem; padding: .75rem 1.05rem; border: 0; border-radius: .75rem; font-size: .82rem; font-weight: 850; color: #fff; background: #ff762b; box-shadow: 0 10px 20px rgba(255, 118, 43, .2); cursor: pointer; transition: transform .2s ease, background-color .2s ease; }.contact-next-form-footer button:hover { background: #df5e1c; transform: translateY(-2px); }
.contact-next-bottom { background: #f4fafb; }.contact-next-bottom > div { display: flex; flex-direction: column; gap: 1.5rem; }.contact-next-bottom-kicker { display: inline-flex; align-items: center; gap: .65rem; font-size: .67rem; font-weight: 850; letter-spacing: .18em; text-transform: uppercase; color: #0086a9; }.contact-next-bottom-kicker span { width: 1.8rem; height: 2px; background: #ff762b; }.contact-next-bottom h2 { max-width: 42rem; margin-top: .9rem; font-size: clamp(1.6rem, 4vw, 2.4rem); font-weight: 800; line-height: 1.12; letter-spacing: -.035em; color: #0f172a; }.contact-next-bottom > div > a { display: inline-flex; align-items: center; justify-content: center; gap: .55rem; width: fit-content; min-height: 3rem; padding: .75rem 1rem; border-radius: .75rem; font-size: .82rem; font-weight: 850; color: #073946; background: #b8f0fb; transition: transform .2s ease, background-color .2s ease; }.contact-next-bottom > div > a:hover { color: #073946; background: #fff; transform: translateY(-2px); }
@media (min-width: 640px) { .contact-next-aside, .contact-next-form-wrap { padding: 2.75rem; }.contact-next-form-footer { flex-direction: row; align-items: center; justify-content: space-between; } }
@media (min-width: 1024px) { .contact-next-shell { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); }.contact-next-bottom > div { flex-direction: row; align-items: center; justify-content: space-between; } }
.contact-pro-hero { background: linear-gradient(125deg, #052b36, #073946 58%, #095466); }.contact-pro-hero-grid { position: absolute; inset: 0; z-index: -5; opacity: .15; background-image: linear-gradient(rgba(184, 240, 251, .25) 1px, transparent 1px), linear-gradient(90deg, rgba(184, 240, 251, .25) 1px, transparent 1px); background-size: 3rem 3rem; mask-image: linear-gradient(90deg, #000, transparent 78%); }.contact-pro-hero-orbit { position: absolute; top: -10rem; right: -9rem; z-index: -4; width: 34rem; height: 34rem; border: 1px solid rgba(184, 240, 251, .16); border-radius: 50%; box-shadow: 0 0 0 4rem rgba(184, 240, 251, .025), 0 0 0 8rem rgba(184, 240, 251, .018); }.contact-pro-hero h1 { text-wrap: balance; }.contact-pro-hero h1 em { font-style: normal; color: #b8f0fb; }.contact-pro-kicker { display: inline-flex; align-items: center; gap: .65rem; font-size: .68rem; font-weight: 850; letter-spacing: .18em; text-transform: uppercase; color: #b8f0fb; }.contact-pro-kicker span { width: 1.8rem; height: 2px; background: #ff762b; }.contact-pro-primary, .contact-pro-secondary { display: inline-flex; align-items: center; justify-content: center; min-height: 3.15rem; padding: .75rem 1.05rem; border-radius: .8rem; font-size: .85rem; font-weight: 800; transition: transform .2s ease, background-color .2s ease; }.contact-pro-primary { gap: .55rem; color: #073946; background: #b8f0fb; box-shadow: 0 10px 22px rgba(0, 0, 0, .16); }.contact-pro-primary:hover { color: #073946; background: #fff; transform: translateY(-2px); }.contact-pro-secondary { border: 1px solid rgba(255, 255, 255, .22); color: #fff; }.contact-pro-secondary:hover { color: #fff; background: rgba(255, 255, 255, .1); }.contact-pro-meta { display: flex; flex-wrap: wrap; gap: .75rem 1.25rem; margin-top: 2.5rem; padding-top: 1.2rem; border-top: 1px solid rgba(255, 255, 255, .18); font-size: .73rem; font-weight: 650; color: #cbd5e1; }.contact-pro-meta span:first-child { display: inline-flex; align-items: center; gap: .45rem; color: #fff; }.contact-pro-meta i { width: .48rem; height: .48rem; border-radius: 50%; background: #b8f0fb; box-shadow: 0 0 0 4px rgba(184, 240, 251, .12); }
.contact-pro-desk { position: relative; z-index: 1; padding: 1.35rem; border: 1px solid rgba(184, 240, 251, .24); border-radius: 1.35rem; background: rgba(2, 38, 49, .48); box-shadow: 0 28px 60px rgba(0, 0, 0, .24); backdrop-filter: blur(18px); }.contact-pro-desk-head { display: flex; align-items: center; gap: .7rem; }.contact-pro-desk-icon { display: inline-flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; flex: 0 0 auto; border-radius: .75rem; color: #073946; background: #b8f0fb; }.contact-pro-desk-icon svg { width: 1.2rem; height: 1.2rem; }.contact-pro-desk-head p { font-size: .8rem; font-weight: 850; }.contact-pro-desk-head small { display: block; margin-top: .2rem; font-size: .65rem; color: #cbd5e1; }.contact-pro-status { display: inline-flex; align-items: center; gap: .35rem; margin-left: auto; font-size: .63rem; font-weight: 800; color: #b8f0fb; }.contact-pro-status i { width: .45rem; height: .45rem; border-radius: 50%; background: #8ef0cb; box-shadow: 0 0 0 3px rgba(142, 240, 203, .13); }.contact-pro-desk-links { display: grid; gap: .55rem; margin-top: 1.1rem; }.contact-pro-desk-links a { display: grid; grid-template-columns: 1fr auto; gap: .25rem; padding: .9rem; border-radius: .75rem; color: #fff; background: rgba(255, 255, 255, .07); transition: background-color .18s ease, transform .18s ease; }.contact-pro-desk-links a:hover { color: #fff; background: rgba(255, 255, 255, .12); transform: translateX(3px); }.contact-pro-desk-links span { font-size: .6rem; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; color: #b8f0fb; }.contact-pro-desk-links b { grid-column: 1; font-size: .78rem; }.contact-pro-desk-links i { grid-column: 2; grid-row: 1 / span 2; align-self: center; font-size: 1rem; font-style: normal; color: #b8f0fb; }.contact-pro-desk-location { margin-top: .65rem; padding: .9rem; border-radius: .75rem; color: #073946; background: #b8f0fb; }.contact-pro-desk-location span { font-size: .6rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }.contact-pro-desk-location p { margin-top: .35rem; font-size: .74rem; font-weight: 650; line-height: 1.45; }
@media (min-width: 640px) { .contact-pro-desk { padding: 1.65rem; } }