.expertise-list,
.values-list {
  list-style: none;
  display: grid;
  gap: var(--space-3);
}

.expertise-list li,
.values-list li {
  padding: 1.1rem;
  border: 1px solid var(--color-line);
}

.split {
  display: grid;
  grid-template-columns: 1fr 0.85fr;
  gap: var(--space-6);
  align-items: center;
}

.sector-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.industries-section .section__header {
  max-width: 1080px;
}

.industries-section__highlight {
  color: #fff;
}

.industries-section__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
  align-items: stretch;
}

.sector-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 0;
}

.industries-section__card {
  --ind-transition: 350ms cubic-bezier(0.25, 1, 0.5, 1);
  position: relative;
  padding: 2.2rem 2rem;
  min-height: 290px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 24px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.005) 50%, rgba(255, 255, 255, 0)),
    linear-gradient(180deg, rgba(12, 14, 24, 0.94), rgba(4, 5, 10, 0.98));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 18px 42px rgba(0, 0, 0, 0.28);
  overflow: hidden;
  isolation: isolate;
  transition: transform var(--ind-transition), border-color var(--ind-transition), box-shadow var(--ind-transition);
}

/* Individual Industry Colors */
.industries-section__card--healthcare {
  --ind-glow: rgba(13, 148, 136, 0.24);
  --ind-border: rgba(13, 148, 136, 0.45);
}

.industries-section__card--education {
  --ind-glow: rgba(79, 70, 229, 0.24);
  --ind-border: rgba(99, 102, 241, 0.45);
}

.industries-section__card--finance {
  --ind-glow: rgba(202, 138, 4, 0.22);
  --ind-border: rgba(234, 179, 8, 0.45);
}

.industries-section__card--manufacturing {
  --ind-glow: rgba(234, 88, 12, 0.22);
  --ind-border: rgba(249, 115, 22, 0.45);
}

.industries-section__card--services {
  --ind-glow: rgba(124, 58, 237, 0.24);
  --ind-border: rgba(139, 92, 246, 0.45);
}

.industries-section__card--tech {
  --ind-glow: rgba(37, 99, 235, 0.24);
  --ind-border: rgba(59, 130, 246, 0.45);
}

.industries-section__card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 14% 14%, var(--ind-glow), transparent 45%);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--ind-transition);
  z-index: 0;
}

.industries-section__card>* {
  position: relative;
  z-index: 1;
}

.industries-section__icon {
  width: 52px;
  height: 52px;
  display: inline-grid;
  place-items: center;
  margin-bottom: 1.35rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.02);
  transition: transform var(--ind-transition), border-color var(--ind-transition), background var(--ind-transition);
}

.industries-section__icon svg {
  width: 24px;
  height: 24px;
}

.industries-section__card h3 {
  color: #fff;
  font-size: clamp(1.15rem, 2vw, 1.4rem);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.02em;
}

.industries-section__card p {
  margin-top: 0.65rem;
  color: rgba(255, 255, 255, 0.68);
  font-size: 0.88rem;
  line-height: 1.55;
  transition: color var(--ind-transition);
}

.industries-section__capability {
  margin-top: auto;
  color: rgba(255, 255, 255, 0.85);
  font-size: 0.72rem;
  font-weight: var(--weight-bold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  padding-top: 1rem;
  width: 100%;
}

/* Hover States */
.industries-section__card:hover,
.industries-section__card:focus-within {
  transform: translateY(-6px);
  border-color: var(--ind-border);
  box-shadow:
    0 24px 54px rgba(0, 0, 0, 0.36);
}

.industries-section__card:hover::before,
.industries-section__card:focus-within::before {
  opacity: 1;
}

.industries-section__card:hover .industries-section__icon,
.industries-section__card:focus-within .industries-section__icon {
  transform: translateY(-2px) scale(1.04);
  border-color: var(--ind-border);
  background: rgba(255, 255, 255, 0.04);
}

body[data-page="home"] .home-hero {
  position: relative;
  min-height: auto;
  padding: clamp(3.5rem, 6vw, 5rem) 0 clamp(4rem, 7vw, 5.5rem);
  background: #050505;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  isolation: isolate;
}

body[data-page="home"] .home-hero::before,
body[data-page="home"] .home-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

body[data-page="home"] .home-hero::before {
  background:
    linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.72), transparent 95%);
  opacity: 0.22;
}

body[data-page="home"] .home-hero::after {
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.18) 48%, transparent 100%);
  width: min(46vw, 38rem);
  height: 1px;
  top: auto;
  bottom: 4.5rem;
  left: clamp(1.5rem, 4vw, 3rem);
  filter: blur(0.2px);
}

body[data-page="home"] .home-hero__grid {
  display: grid;
  /* grid-template-columns: 1.15fr 0.85fr; */
  gap: clamp(2rem, 5vw, 5rem);
  align-items: center;
}

body[data-page="home"] .home-hero__content {
  position: relative;
  z-index: 2;
  max-width: 100%;
  width: 100%;
  padding-top: clamp(3rem, 5vw, 4.5rem);
}

body[data-page="home"] .home-hero h1 {
  max-width: 100%;
  font-size: clamp(2.2rem, 3.5vw, 3.4rem);
  line-height: 1.15;
  text-wrap: balance;
  font-weight: 500;
  margin-bottom: 1.5rem;
}

body[data-page="home"] h2 {
  font-weight: 500;
}

.home-hero__headline-line-1 {
  display: block;
  color: #ffffff;
  margin-bottom: 0.25rem;
}

.home-hero__headline-line-2 {
  display: block;
  font-weight: 800;
  background: linear-gradient(90deg, #3b82f6 0%, #6366f1 35%, #a855f7 70%, #ec4899 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-bottom: 0.18em;
  margin-bottom: -0.18em;
}

body[data-page="home"] .home-hero__lead {
  max-width: 68ch;
  margin-top: 1.5rem;
  font-size: clamp(1.08rem, 1.3vw, 1.2rem);
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.85);
}

/* Unique Visual Canvas Container [COMMENTED OUT]
.home-hero__visual {
  position: relative;
  width: 100%;
  height: 560px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.hero-visual__canvas {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero-visual__glow-bg {
  position: absolute;
  width: 320px;
  height: 320px;
  background: radial-gradient(circle, rgba(99, 102, 241, 0.18) 0%, transparent 70%);
  filter: blur(40px);
  z-index: 0;
  animation: visual-pulse 10s ease-in-out infinite alternate;
}

.hero-visual__orb {
  position: absolute;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.6) 0%, rgba(139, 92, 246, 0.6) 50%, rgba(236, 72, 153, 0.6) 100%);
  filter: blur(2px);
  box-shadow:
    0 0 40px rgba(99, 102, 241, 0.4),
    inset 0 0 30px rgba(255, 255, 255, 0.4);
  animation: orb-spin 12s linear infinite;
  z-index: 1;
}

.hero-visual__ring {
  position: absolute;
  border: 1px dashed rgba(255, 255, 255, 0.15);
  border-radius: 8px;
  z-index: 2;
}

.hero-visual__ring--1 {
  width: 340px;
  height: 340px;
  animation: ring-rotate-cw 24s linear infinite;
}

.hero-visual__ring--2 {
  width: 440px;
  height: 440px;
  animation: ring-rotate-ccw 32s linear infinite;
}

.hero-visual__node {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.85rem 1.15rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  background: rgba(15, 23, 42, 0.6);
  backdrop-filter: blur(16px);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
  z-index: 3;
  transition: transform 300ms ease, border-color 300ms ease;
}

.hero-visual__node:hover {
  transform: scale(1.04) !important;
  border-color: rgba(255, 255, 255, 0.24);
}

.hero-visual__node--ai {
  top: 15%;
  left: 5%;
  animation: float-ai 7s ease-in-out infinite;
}

.hero-visual__node--automation {
  bottom: 20%;
  left: 10%;
  animation: float-automation 8s ease-in-out infinite;
}

.hero-visual__node--analytics {
  top: 45%;
  right: 5%;
  animation: float-analytics 9s ease-in-out infinite;
}

.node__icon {
  font-size: 1.1rem;
  display: inline-flex;
}

.hero-visual__node--ai .node__icon {
  color: #a855f7;
}

.hero-visual__node--automation .node__icon {
  color: #3b82f6;
}

.hero-visual__node--analytics .node__icon {
  color: #10b981;
}

.node__text {
  font-size: 0.86rem;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: 0.02em;
}
*/

/* Hero Animations */
@keyframes visual-pulse {
  0% {
    transform: scale(1);
    opacity: 0.7;
  }

  100% {
    transform: scale(1.15);
    opacity: 0.95;
  }
}

@keyframes orb-spin {
  0% {
    transform: rotate(0deg) scale(1);
  }

  50% {
    transform: rotate(180deg) scale(1.05);
  }

  100% {
    transform: rotate(360deg) scale(1);
  }
}

@keyframes ring-rotate-cw {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes ring-rotate-ccw {
  0% {
    transform: rotate(360deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

@keyframes float-ai {

  0%,
  100% {
    transform: translateY(0) rotate(0deg);
  }

  50% {
    transform: translateY(-12px) rotate(1deg);
  }
}

@keyframes float-automation {

  0%,
  100% {
    transform: translateY(0) rotate(0deg);
  }

  50% {
    transform: translateY(12px) rotate(-1.5deg);
  }
}

@keyframes float-analytics {

  0%,
  100% {
    transform: translateY(0) rotate(0deg);
  }

  50% {
    transform: translateY(-10px) rotate(2deg);
  }
}

body[data-page="home"] .home-hero__actions {
  margin-top: 2rem;
}

body[data-page="home"] .home-hero__actions .button {
  min-height: 48px;
  padding-inline: 1.4rem;
}

body[data-page="home"] .home-hero__actions .button:first-child {
  color: #050505;
  border-color: rgba(255, 255, 255, 0.9);
  background: #f5f5f5;
  box-shadow: none;
}

body[data-page="home"] .home-hero__actions .button:first-child:hover,
body[data-page="home"] .home-hero__actions .button:first-child:focus-visible {
  color: #050505;
  border-color: #ffffff;
  background: #ffffff;
}

body[data-page="home"] .home-hero__actions .button--ghost {
  border-color: rgba(255, 255, 255, 0.18);
  background: transparent;
  box-shadow: none;
}

body[data-page="home"] .home-hero__actions .button--ghost:hover,
body[data-page="home"] .home-hero__actions .button--ghost:focus-visible {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.04);
  box-shadow: none;
  transform: translateY(-1px);
}

body[data-page="home"] .home-hero__trust {
  max-width: none;
  margin-top: 1.15rem;
  color: rgba(255, 255, 255, 0.68);
  font-size: 0.94rem;
  line-height: 1.6;
}

body[data-page="home"] .home-hero__signals {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  margin-top: 1.5rem;
  padding: 0;
}

body[data-page="home"] .home-hero__signals li {
  display: inline-flex;
  align-items: center;
  padding: 0.5rem 0.82rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.82);
  font-size: 0.83rem;
  letter-spacing: 0.02em;
  box-shadow: none;
}

body[data-page="home"] .home-hero__signal-accent {
  margin-right: 0.22rem;
  color: inherit;
  font-weight: var(--weight-bold);
}

body[data-page="home"] .core-expertise-card {
  backdrop-filter: blur(18px);
}

body[data-page="home"] .service-card__tags li {
  text-transform: none;
}

body[data-page="home"] .home-products {
  position: relative;
  padding-top: clamp(4rem, 6vw, 6rem);
  padding-bottom: clamp(4.5rem, 6vw, 6.5rem);
  background:
    radial-gradient(circle at 10% 20%, rgba(37, 99, 235, 0.04), transparent 30rem),
    radial-gradient(circle at 90% 80%, rgba(16, 185, 129, 0.03), transparent 30rem);
}

body[data-page="home"] .home-products__section-header {
  margin-bottom: 3rem;
}

body[data-page="home"] .home-products__console {
  position: relative;
  width: 100%;
  padding: clamp(2rem, 4vw, 3.5rem);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 32px;
  background:
    radial-gradient(circle at 5% 5%, rgba(37, 99, 235, 0.05), transparent 30rem),
    radial-gradient(circle at 95% 95%, rgba(16, 185, 129, 0.04), transparent 30rem),
    linear-gradient(180deg, rgba(12, 14, 24, 0.94), rgba(4, 5, 10, 0.98));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 24px 54px rgba(0, 0, 0, 0.4);
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 3.5vw, 3rem);
}

.home-products__console-upper {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.home-products__console-brand {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}

.product-logo-wrapper {
  display: inline-flex;
  align-items: center;
  background: #ffffff;
  padding: 0.5rem 1.2rem;
  border-radius: 12px;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.16);
}

.product-logo {
  height: 34px;
  width: auto;
  object-fit: contain;
}

.home-products__pill {
  font-size: 0.68rem;
  font-weight: var(--weight-bold);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #2563eb;
  background: transparent !important;
  padding: 0 !important;
  border: none !important;
}

.home-products__console-headline {
  font-size: clamp(1.4rem, 2.5vw, 1.9rem);
  line-height: 1.25;
  font-weight: 500;
  color: #ffffff;
  margin: 0;
  letter-spacing: -0.02em;
  background: linear-gradient(135deg, #ffffff, #93c5fd);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.home-products__console-copy {
  margin: 0;
  font-size: 0.96rem;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.72);
  max-width: 82ch;
}

/* Middle Grid: 4 columns side by side */
.home-products__console-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
}

.home-products__console-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  padding: 2rem 1.8rem;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.015);
  transition: all 300ms cubic-bezier(0.25, 1, 0.5, 1);
}

.home-products__console-card:hover {
  transform: translateY(-4px);
  border-color: rgba(37, 99, 235, 0.28);
  background: rgba(255, 255, 255, 0.03);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
}

.console-card__number {
  font-size: 0.78rem;
  font-weight: 800;
  color: #2563eb;
  background: rgba(37, 99, 235, 0.12);
  padding: 0.35rem 0.55rem;
  border-radius: 6px;
  line-height: 1;
  width: fit-content;
}

.home-products__console-card h4 {
  font-size: 1.08rem;
  font-weight: 500;
  color: #ffffff;
  margin: 0;
}

.home-products__console-card p {
  font-size: 0.86rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.65);
  margin: 0;
}

/* Lower metrics & actions */
.home-products__console-lower {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  padding-top: clamp(1.8rem, 3vw, 2.4rem);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  flex-wrap: wrap;
}

.home-products__console-metrics {
  display: flex;
  align-items: center;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

.home-products__console-metric {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.home-products__console-metric small {
  color: rgba(255, 255, 255, 0.45);
  font-size: 0.65rem;
  font-weight: var(--weight-bold);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.home-products__console-metric span {
  color: #ffffff;
  font-size: 0.95rem;
  font-weight: 500;
}

.home-products__console-metric-divider {
  width: 1px;
  height: 24px;
  background: rgba(255, 255, 255, 0.12);
}

.home-products__console-actions {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}

.home-products__console-actions .button {
  padding: 0.92rem 1.6rem;
  font-size: 0.86rem;
}

.home-products__console-actions .button--ghost {
  color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: transparent;
  transition: all 220ms ease;
}

.home-products__console-actions .button--ghost:hover {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.04);
}

@media (max-width: 1024px) {
  body[data-page="home"] .home-hero__grid {
    grid-template-columns: 1fr !important;
    gap: 3.5rem !important;
  }

  .home-hero__visual {
    height: 380px !important;
  }

  .hero-visual__orb {
    width: 140px !important;
    height: 140px !important;
  }

  .hero-visual__ring--1 {
    width: 220px !important;
    height: 220px !important;
  }

  .hero-visual__ring--2 {
    width: 300px !important;
    height: 300px !important;
  }
}

/* Home Page Industries section styles are fully defined at the top of pages.css */

@media (max-width: 1100px) {
  body[data-page="home"] .home-hero__content {
    max-width: 100%;
  }

  .home-products__console-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 650px) {
  .home-products__console-grid {
    grid-template-columns: 1fr !important;
  }

  .home-products__console-metrics {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem !important;
  }

  .home-products__console-metric-divider {
    display: none !important;
  }

  .home-products__console-lower {
    flex-direction: column;
    align-items: stretch;
    gap: 1.5rem !important;
  }

  .home-products__console-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .home-products__console-actions .button {
    text-align: center;
  }
}

@media (max-width: 900px) {
  body[data-page="home"] .industries-section__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  body[data-page="home"] {
    overflow-x: hidden;
  }

  body[data-page="home"] .site-main,
  body[data-page="home"] .home-hero,
  body[data-page="home"] .core-expertise {
    max-width: 100vw;
    overflow-x: hidden;
  }

  body[data-page="home"] .container,
  body[data-page="home"] .section__header,
  body[data-page="home"] .home-hero__content,
  body[data-page="home"] .home-hero__lead,
  body[data-page="home"] .core-expertise-card {
    min-width: 0;
    max-width: 100%;
  }

  body[data-page="home"] .container {
    width: 100%;
    padding-inline: 16px;
  }

  body[data-page="home"] .home-hero__lead,
  body[data-page="home"] .core-expertise-card p {
    overflow-wrap: anywhere;
  }

  body[data-page="home"] .home-hero {
    min-height: auto;
    padding-bottom: 3.25rem;
  }

  body[data-page="home"] .home-hero::after {
    width: calc(100% - 3rem);
    left: 1.5rem;
    bottom: 3.5rem;
  }

  body[data-page="home"] .home-hero__content {
    padding-top: 4.25rem;
  }

  body[data-page="home"] .home-hero h1 {
    max-width: 100%;
    font-size: clamp(1.9rem, 9vw, 2.55rem);
    overflow-wrap: anywhere;
  }

  body[data-page="home"] .home-hero__actions {
    flex-direction: column;
    align-items: stretch;
  }

  body[data-page="home"] .home-hero__actions .button {
    width: 100%;
    max-width: 100%;
    padding-inline: 1rem;
    white-space: normal;
    text-align: center;
  }

  body[data-page="home"] .core-expertise .section__header h2,
  body[data-page="home"] .core-expertise .section__header p {
    overflow-wrap: anywhere;
  }

  body[data-page="home"] .core-expertise .section__header h2 {
    font-size: clamp(1.7rem, 8vw, 2.1rem);
  }

  body[data-page="home"] .home-hero__signals {
    flex-direction: column;
    align-items: stretch;
  }

  body[data-page="home"] .home-products__actions {
    flex-direction: column;
    align-items: stretch;
  }

  body[data-page="home"] .home-products__actions .button {
    width: 100%;
  }

  body[data-page="home"] .home-products__metric-grid,
  body[data-page="home"] .industries-section__grid {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-page="home"] .industries-section__card {
    transition: none;
  }

  body[data-page="home"] .industries-section__card:hover,
  body[data-page="home"] .industries-section__card:focus-within {
    transform: none;
  }
}

.service-detail {
  display: grid;
  gap: var(--space-4);
  padding: var(--space-5) 0;
  border-bottom: 1px solid var(--color-line);
}

.service-detail-page {
  --pillar-accent: #8f7cff;
  --pillar-accent-2: #32b7ff;
  --pillar-accent-3: #ffffff;
  color: #fff;
  background:
    radial-gradient(circle at 16% 8%, color-mix(in srgb, var(--pillar-accent) 24%, transparent), transparent 28rem),
    radial-gradient(circle at 82% 12%, color-mix(in srgb, var(--pillar-accent-2) 18%, transparent), transparent 26rem),
    #05070c;
}

.service-detail-page .section {
  padding: clamp(3.25rem, 6vw, 4.5rem) 0;
}

.service-detail-page .section__header {
  margin-bottom: clamp(1.6rem, 3vw, 2rem);
}

.service-detail-page.pillar-theme-migration {
  --pillar-accent: #2aa8ff;
  --pillar-accent-2: #2dd88f;
  --pillar-accent-3: #83f4dc;
}

.service-detail-page.pillar-theme-powerbi {
  --pillar-accent: #34a2ff;
  --pillar-accent-2: #f6b933;
  --pillar-accent-3: #77d3ff;
}

.service-detail-page__hero {
  position: relative;
  padding: clamp(4rem, 7vw, 5.75rem) 0 clamp(3.2rem, 6vw, 4.5rem);
  overflow: hidden;
}

.service-detail-page__hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(color-mix(in srgb, var(--pillar-accent) 12%, transparent) 1px, transparent 1px),
    linear-gradient(90deg, color-mix(in srgb, var(--pillar-accent-2) 10%, transparent) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: radial-gradient(circle at 72% 28%, #000, transparent 62%);
  pointer-events: none;
}

.service-detail-page__hero-grid,
.service-detail-page__split,
.service-detail-page__unique {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.82fr);
  gap: clamp(1.6rem, 4vw, 3.5rem);
  align-items: center;
}

.service-detail-page__hero-copy,
.service-detail-page__hero-grid>* {
  position: relative;
  z-index: 1;
}

.service-detail-page__lead {
  margin-top: 1rem;
  max-width: 58rem;
  color: rgba(255, 255, 255, 0.78);
  font-size: clamp(1.05rem, 1.8vw, 1.28rem);
  line-height: 1.7;
}

.service-detail-page__visual {
  min-height: 23rem;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--pillar-accent) 16%, transparent), transparent),
    rgba(255, 255, 255, 0.035);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 24px 60px rgba(0, 0, 0, 0.28);
  overflow: hidden;
}

.service-detail-page__motif {
  position: absolute;
  width: 18rem;
  height: 18rem;
  border: 1px solid color-mix(in srgb, var(--pillar-accent) 42%, transparent);
  border-radius: 999px;
}

.service-detail-page__motif span {
  position: absolute;
  width: 0.85rem;
  height: 0.85rem;
  border-radius: 999px;
  background: var(--pillar-accent-2);
  box-shadow: 0 0 24px color-mix(in srgb, var(--pillar-accent-2) 72%, transparent);
}

.service-detail-page__motif span:nth-child(1) {
  inset: 10% auto auto 18%;
}

.service-detail-page__motif span:nth-child(2) {
  inset: 24% 8% auto auto;
}

.service-detail-page__motif span:nth-child(3) {
  inset: auto 18% 12% auto;
}

.service-detail-page__motif span:nth-child(4) {
  inset: auto auto 24% 8%;
}

.service-detail-page__visual article {
  position: relative;
  z-index: 1;
  width: min(78%, 20rem);
  padding: 1.35rem;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(4, 8, 16, 0.78);
  backdrop-filter: blur(18px);
}

.service-detail-page__visual small,
.service-detail-page__visual strong {
  display: block;
}

.service-detail-page__visual small {
  color: var(--pillar-accent-3);
  font-weight: var(--weight-bold);
  text-transform: uppercase;
}

.service-detail-page__visual strong {
  margin-top: 0.7rem;
  font-size: 1.45rem;
  line-height: 1.25;
}

.service-detail-page__proof-grid,
.service-detail-page__card-grid,
.service-detail-page__related-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.85rem;
}

.service-detail-page__proof article,
.service-detail-page__card,
.service-detail-page__panel,
.service-detail-page__related-card,
.service-detail-page__cta,
.service-detail-page__faq details {
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.045);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.service-detail-page__proof article,
.service-detail-page__card,
.service-detail-page__related-card {
  padding: 1.05rem;
}

.service-detail-page__proof strong,
.service-detail-page__card strong,
.service-detail-page__related-card span {
  display: block;
  color: #fff;
}

.service-detail-page__proof p,
.service-detail-page__card p,
.service-detail-page__related-card p {
  margin-top: 0.55rem;
  color: rgba(255, 255, 255, 0.68);
  font-size: 0.86rem;
  line-height: 1.55;
}

.service-detail-page__card span {
  display: inline-grid;
  width: 2.25rem;
  height: 2.25rem;
  place-items: center;
  margin-bottom: 0.8rem;
  color: #06101a;
  font-weight: var(--weight-bold);
  background: linear-gradient(135deg, var(--pillar-accent), var(--pillar-accent-2));
}

.service-detail-page__panel {
  padding: clamp(1.15rem, 2.5vw, 1.65rem);
}

.service-detail-page__panel ul,
.service-detail-page__panel ol {
  display: grid;
  gap: 0.75rem;
  margin-top: 1rem;
  padding-left: 0;
  list-style: none;
  color: rgba(255, 255, 255, 0.76);
}

.service-detail-page__panel li {
  display: grid;
  gap: 0.25rem;
  padding-left: 0.9rem;
  border-left: 2px solid color-mix(in srgb, var(--pillar-accent) 48%, transparent);
}

.service-detail-page__panel li strong {
  color: #fff;
  font-size: 0.95rem;
}

.service-detail-page__panel li span {
  color: rgba(255, 255, 255, 0.66);
  font-size: 0.85rem;
  line-height: 1.5;
}

.service-detail-page__micro-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.8rem;
  margin-top: 1.3rem;
}

.service-detail-page__micro-grid article {
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.04);
}

.service-detail-page__micro-grid strong,
.service-detail-page__micro-grid span {
  display: block;
}

.service-detail-page__micro-grid strong {
  color: #fff;
}

.service-detail-page__micro-grid span {
  margin-top: 0.45rem;
  color: rgba(255, 255, 255, 0.66);
  font-size: 0.86rem;
  line-height: 1.55;
}

.service-detail-page__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  margin-top: 1.2rem;
}

.service-detail-page__chips span {
  padding: 0.55rem 0.78rem;
  border: 1px solid color-mix(in srgb, var(--pillar-accent) 36%, transparent);
  color: rgba(255, 255, 255, 0.84);
  background: color-mix(in srgb, var(--pillar-accent) 10%, transparent);
}

.service-detail-page__related-card {
  display: grid;
  gap: 0.75rem;
  color: inherit;
  text-decoration: none;
  transition: transform 180ms ease, border-color 180ms ease;
}

.service-detail-page__related-card:hover,
.service-detail-page__related-card:focus-visible {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--pillar-accent) 62%, transparent);
}

.service-detail-page__related-card strong {
  color: var(--pillar-accent-3);
  font-size: 0.78rem;
  text-transform: uppercase;
}

.service-detail-page__cta {
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
  align-items: center;
  padding: clamp(1.35rem, 3vw, 2rem);
  background:
    radial-gradient(circle at 88% 28%, color-mix(in srgb, var(--pillar-accent-2) 24%, transparent), transparent 18rem),
    rgba(255, 255, 255, 0.05);
}

.service-detail-page__cta p {
  max-width: 58rem;
  margin-top: 0.8rem;
  color: rgba(255, 255, 255, 0.76);
}

.service-detail-page__faq {
  max-width: 860px;
}

.service-detail-page__faq details {
  padding: 0.95rem 1.1rem;
}

.service-detail-page__faq details+details {
  margin-top: 0.8rem;
}

.service-detail-page__faq summary {
  cursor: pointer;
  color: #fff;
  font-weight: var(--weight-bold);
}

.service-detail-page__faq p {
  margin-top: 0.75rem;
  color: rgba(255, 255, 255, 0.74);
}

.service-detail-page__unique {
  grid-template-columns: minmax(0, 0.78fr) minmax(22rem, 1.22fr);
}

.service-visual-premium {
  position: relative;
  min-height: 25rem;
  display: grid;
  grid-template-columns: minmax(12rem, 0.82fr) minmax(0, 1fr);
  gap: 1.1rem;
  align-items: center;
  padding: clamp(1.1rem, 2.4vw, 1.65rem);
  border: 1px solid rgba(255, 255, 255, 0.13);
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--pillar-accent) 13%, transparent), rgba(255, 255, 255, 0.03)),
    rgba(255, 255, 255, 0.035);
  box-shadow:
    0 26px 70px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  overflow: hidden;
  perspective: 1100px;
}

.service-visual-glow {
  position: absolute;
  inset: auto -12% -28% auto;
  width: 20rem;
  height: 20rem;
  background: radial-gradient(circle, color-mix(in srgb, var(--pillar-accent-2) 38%, transparent), transparent 68%);
  filter: blur(8px);
  opacity: 0.86;
  pointer-events: none;
}

.service-visual-grid {
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(circle, color-mix(in srgb, var(--pillar-accent-3) 38%, transparent) 1px, transparent 1px),
    linear-gradient(90deg, color-mix(in srgb, var(--pillar-accent) 10%, transparent) 1px, transparent 1px);
  background-size: 18px 18px, 4.5rem 4.5rem;
  mask-image: linear-gradient(115deg, #000 0%, transparent 78%);
  opacity: 0.42;
  pointer-events: none;
}

.service-visual-stack,
.service-visual-card-grid {
  position: relative;
  z-index: 1;
}

.service-visual-stack {
  transform: rotateY(8deg) rotateX(2deg);
}

.service-visual-card {
  position: relative;
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.13);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.035)),
    rgba(6, 10, 18, 0.78);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(18px);
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.service-visual-card:hover,
.service-visual-card:focus-within {
  transform: translateY(-3px);
  border-color: color-mix(in srgb, var(--pillar-accent) 52%, transparent);
  box-shadow: 0 24px 58px rgba(0, 0, 0, 0.34), 0 0 30px color-mix(in srgb, var(--pillar-accent) 15%, transparent);
}

.service-visual-card--hero {
  min-height: 13rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background:
    radial-gradient(circle at 20% 12%, color-mix(in srgb, var(--pillar-accent) 38%, transparent), transparent 9rem),
    linear-gradient(145deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.035)),
    rgba(7, 12, 20, 0.82);
}

.service-visual-card small,
.service-visual-card span,
.service-visual-node {
  color: var(--pillar-accent-3);
  font-size: 0.72rem;
  font-weight: var(--weight-bold);
  text-transform: uppercase;
}

.service-visual-card strong {
  display: block;
  margin-top: 0.4rem;
  color: #fff;
  font-size: 1rem;
  line-height: 1.25;
}

.service-visual-card--hero strong {
  font-size: clamp(1.15rem, 2vw, 1.45rem);
}

.service-visual-card p {
  margin-top: 0.55rem;
  color: rgba(255, 255, 255, 0.68);
  font-size: 0.8rem;
  line-height: 1.48;
}

.service-visual-node-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 0.85rem;
}

.service-visual-node {
  padding: 0.48rem 0.62rem;
  border: 1px solid color-mix(in srgb, var(--pillar-accent) 45%, transparent);
  background: color-mix(in srgb, var(--pillar-accent) 14%, rgba(255, 255, 255, 0.035));
}

.service-visual-connector {
  position: absolute;
  z-index: 0;
  inset: 22% 34% 22% auto;
  width: 30%;
  border-top: 1px solid color-mix(in srgb, var(--pillar-accent-2) 56%, transparent);
  transform: rotate(16deg);
  box-shadow: 0 0 24px color-mix(in srgb, var(--pillar-accent-2) 32%, transparent);
}

.service-visual-card-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  transform: rotateY(-5deg);
}

.service-visual-card-grid .service-visual-card:nth-child(odd) {
  transform: translateY(-0.35rem);
}

.service-visual-card-grid .service-visual-card:nth-child(even) {
  transform: translateY(0.45rem);
}

.pillar-ai-visual .service-visual-card-grid .service-visual-card::before,
.pillar-migration-visual .service-visual-card-grid .service-visual-card::before,
.pillar-powerbi-visual .service-visual-card-grid .service-visual-card::before {
  content: "";
  position: absolute;
  inset: 0.5rem 0.5rem auto auto;
  width: 0.62rem;
  height: 0.62rem;
  border-radius: 999px;
  background: var(--pillar-accent-2);
  box-shadow: 0 0 18px color-mix(in srgb, var(--pillar-accent-2) 74%, transparent);
}

.pillar-migration-visual .service-visual-card-grid {
  grid-template-columns: 1fr;
}

.pillar-migration-visual .service-visual-card-grid .service-visual-card {
  display: grid;
  grid-template-columns: 2rem 1fr;
  column-gap: 0.75rem;
  transform: none;
}

.pillar-migration-visual .service-visual-card-grid .service-visual-card p {
  grid-column: 2;
}

.pillar-powerbi-visual .service-visual-card-grid .service-visual-card {
  min-height: 7.3rem;
}

.pillar-powerbi-visual .service-visual-card-grid .service-visual-card::after {
  content: "";
  display: block;
  width: min(100%, 9rem);
  height: 0.45rem;
  margin-top: 0.75rem;
  background: linear-gradient(90deg, var(--pillar-accent), var(--pillar-accent-2) 68%, transparent);
}

@media (max-width: 980px) {

  .service-detail-page__hero-grid,
  .service-detail-page__split,
  .service-detail-page__unique {
    grid-template-columns: 1fr;
  }

  .service-visual-premium {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .service-detail-page__proof-grid,
  .service-detail-page__card-grid,
  .service-detail-page__related-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {

  .service-detail-page__proof-grid,
  .service-detail-page__card-grid,
  .service-detail-page__related-grid {
    grid-template-columns: 1fr;
  }

  .service-detail-page__visual {
    min-height: 18rem;
  }

  .service-detail-page .section {
    padding: 3rem 0;
  }

  .service-detail-page__cta {
    align-items: stretch;
    flex-direction: column;
  }

  .service-detail-page__micro-grid,
  .service-visual-card-grid {
    grid-template-columns: 1fr;
  }

  .service-visual-stack,
  .service-visual-card-grid,
  .service-visual-card-grid .service-visual-card:nth-child(odd),
  .service-visual-card-grid .service-visual-card:nth-child(even) {
    transform: none;
  }
}

.services-overview-page {
  color: #fff;
  background:
    radial-gradient(circle at top left, rgba(255, 255, 255, 0.06), transparent 26rem),
    radial-gradient(circle at 86% 12%, rgba(255, 255, 255, 0.04), transparent 24rem),
    #050505;
}

.services-overview-page .hero--page {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0)),
    radial-gradient(circle at 78% 0%, rgba(255, 255, 255, 0.06), transparent 22rem);
}

.services-overview-page .section {
  padding: 5rem 0;
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

.services-overview-page .section__header {
  max-width: 860px;
  /* margin: 0 auto 2.75rem; */
}

.services-overview-page .section__eyebrow {
  color: rgba(255, 255, 255, 0.68);
}

.services-overview-page p,
.services-overview-page .muted {
  color: rgba(255, 255, 255, 0.72);
}

.services-overview-page h2,
.services-overview-page h3 {
  color: #fff;
}

.services-overview-page__group {
  position: relative;
}

.services-overview-page__anchor {
  display: block;
  position: relative;
  top: -6rem;
  visibility: hidden;
}

.services-overview-page__grid,
.services-overview-page__mini-grid,
.services-overview-page__split,
.services-overview-page__form-grid,
.services-overview-page__contact-shell {
  display: grid;
  gap: 1.5rem;
}

.services-overview-page__grid--4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.services-overview-page__grid--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.services-overview-page__card,
.services-overview-page__feature-card,
.services-overview-page__panel,
.services-overview-page__contact-shell {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.015)),
    rgba(10, 10, 10, 0.92);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.34);
}

.services-overview-page__card,
.services-overview-page__feature-card,
.services-overview-page__mini-card {
  min-height: 100%;
}

.services-overview-page__card,
.services-overview-page__feature-card,
.services-overview-page__mini-card,
.services-overview-page__panel,
.services-overview-page__contact-shell {
  border-radius: 1.6rem;
}

.services-overview-page__card,
.services-overview-page__feature-card,
.services-overview-page__mini-card,
.services-overview-page__panel {
  padding: 1.65rem;
  transition: transform 200ms ease, border-color 200ms ease, background-color 200ms ease;
}

.services-overview-page__card:hover,
.services-overview-page__card:focus-within,
.services-overview-page__feature-card:hover,
.services-overview-page__feature-card:focus-within,
.services-overview-page__mini-card:hover,
.services-overview-page__mini-card:focus-within,
.services-overview-page__panel:hover,
.services-overview-page__panel:focus-within {
  transform: translateY(-3px);
  border-color: rgba(255, 255, 255, 0.18);
}

.services-overview-page__card h3,
.services-overview-page__feature-card h3,
.services-overview-page__mini-card h3 {
  margin-bottom: 0.75rem;
  font-size: 1.35rem;
}

.services-overview-page__card p,
.services-overview-page__feature-card p,
.services-overview-page__mini-card p {
  margin-bottom: 1.2rem;
  font-size: 0.98rem;
  line-height: 1.72;
}

.services-overview-page__feature-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 320px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(0, 0, 0, 0.35)),
    radial-gradient(circle at top right, rgba(255, 255, 255, 0.06), transparent 14rem),
    rgba(10, 10, 10, 0.92);
}

.services-overview-page__split {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.services-overview-page__panel {
  padding: 1.85rem;
}

.services-overview-page__panel .section__header {
  margin: 0 0 1.75rem;
  max-width: none;
}

.services-overview-page__mini-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.services-overview-page__mini-card {
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.025);
}

.services-overview-page__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  margin-bottom: 1.15rem;
  border-radius: 1.1rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background:
    radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.14), transparent 70%),
    rgba(255, 255, 255, 0.03);
}

.services-overview-page__icon img {
  width: 1.7rem;
  height: 1.7rem;
  object-fit: contain;
}

.services-overview-page__link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: auto;
  color: #fff;
  font-size: 0.92rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.services-overview-page__link:hover,
.services-overview-page__link:focus-visible {
  color: rgba(255, 255, 255, 0.76);
}

.services-overview-page__contact {
  border-bottom: 0;
}

.services-overview-page__contact-shell {
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  padding: 1.9rem;
  align-items: stretch;
}

.services-overview-page__contact-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.2rem;
  border-radius: 1.3rem;
  background:
    radial-gradient(circle at left top, rgba(255, 255, 255, 0.07), transparent 15rem),
    rgba(255, 255, 255, 0.02);
}

.services-overview-page__contact-copy h2 {
  font-size: clamp(2rem, 3vw, 3rem);
  line-height: 1.02;
}

.services-overview-page__contact-copy .button {
  align-self: flex-start;
  margin-top: 1.5rem;
}

.services-overview-page__form {
  padding: 0.4rem;
}

.services-overview-page__form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.services-overview-page__form .form__field {
  display: grid;
  gap: 0.55rem;
}

.services-overview-page__form label {
  color: rgba(255, 255, 255, 0.88);
  font-size: 0.86rem;
  font-weight: 600;
}

.services-overview-page__form input,
.services-overview-page__form textarea {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.04);
  color: #fff;
}

.services-overview-page__form input::placeholder,
.services-overview-page__form textarea::placeholder {
  color: rgba(255, 255, 255, 0.46);
}

.services-overview-page__form input:focus,
.services-overview-page__form textarea:focus {
  border-color: rgba(255, 255, 255, 0.28);
  background: rgba(255, 255, 255, 0.06);
}

.services-overview-page__form-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 1.25rem;
}

.services-overview-page__form-actions .form__status {
  margin: 0;
}

.sharepoint-page {
  color: #fff;
  background:
    radial-gradient(circle at top left, rgba(255, 255, 255, 0.08), transparent 24rem),
    radial-gradient(circle at 88% 8%, rgba(255, 255, 255, 0.05), transparent 20rem),
    #020202;
}

.sharepoint-page .section {
  position: relative;
  padding: 5.5rem 0;
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

.sharepoint-page .muted,
.sharepoint-page p {
  color: rgba(255, 255, 255, 0.72);
  font-size: 1rem;
  line-height: 1.75;
}

.sharepoint-page .section__eyebrow {
  color: rgba(255, 255, 255, 0.82);
  margin-bottom: 0.85rem;
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.sharepoint-page .section__header {
  max-width: 920px;
  margin-bottom: 3rem;
}

.sharepoint-page__accent {
  color: #fff;
  text-decoration: underline;
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.13em;
}

.sharepoint-page__hero {
  min-height: 820px;
  padding: 4.8rem 0 6rem;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0)),
    radial-gradient(circle at 14% 16%, rgba(255, 255, 255, 0.08), transparent 22rem),
    #020202;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.sharepoint-page__hero .hero__content {
  max-width: 780px;
  padding-top: 2.8rem;
}

.sharepoint-page__hero h1,
.sharepoint-page__challenges h2,
.sharepoint-page__ai h2,
.sharepoint-page__services h2,
.sharepoint-page__value h2,
.sharepoint-page__ecosystem h2,
.sharepoint-page__journey h2,
.sharepoint-page__stories h2,
.sharepoint-page__cta h2 {
  color: #fff;
  text-wrap: balance;
}

.sharepoint-page__hero h1 {
  font-size: clamp(3.5rem, 6vw, 5.9rem);
  line-height: 0.97;
  letter-spacing: -0.06em;
}

.sharepoint-page__challenges h2,
.sharepoint-page__ai h2,
.sharepoint-page__services h2,
.sharepoint-page__value h2,
.sharepoint-page__ecosystem h2,
.sharepoint-page__journey h2,
.sharepoint-page__stories h2,
.sharepoint-page__cta h2 {
  font-size: clamp(2.4rem, 4vw, 3.3rem);
  line-height: 1.04;
  letter-spacing: -0.045em;
}

.sharepoint-page__hero-lead {
  margin-top: var(--space-4);
  color: rgba(255, 255, 255, 0.9);
  max-width: 38rem;
  font-size: clamp(1.2rem, 2vw, 1.42rem);
  font-weight: var(--weight-medium);
  line-height: 1.7;
}

.sharepoint-page__hero-layout,
.sharepoint-page__ai-layout {
  align-items: start;
  gap: 3rem;
}

.sharepoint-page__hero-copy>.muted {
  max-width: 39rem;
}

.sharepoint-page .hero__actions,
.sharepoint-page .cta__actions {
  gap: 1rem;
  margin-top: 2rem;
}

.sharepoint-page .button {
  min-height: 52px;
  padding: 0.9rem 1.45rem;
  border-radius: 999px;
  font-size: 0.94rem;
  letter-spacing: 0.02em;
  color: #050505;
  border-color: #fff;
  background: #fff;
}

.sharepoint-page .button:hover {
  color: #050505;
  background: rgba(255, 255, 255, 0.88);
}

.sharepoint-page .button--ghost {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  background: transparent;
}

.sharepoint-page .button--ghost:hover {
  color: #050505;
  background: #fff;
}

.sharepoint-page .core-expertise-card {
  --service-accent-1: #ffffff;
  --service-accent-2: #d6d6d6;
  --service-accent-3: #8f8f8f;
  --service-border: rgba(255, 255, 255, 0.16);
  --service-glow-weak: rgba(255, 255, 255, 0.06);
  --service-glow-strong: rgba(255, 255, 255, 0.03);
  --service-glow-ring: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.12);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
    rgba(8, 8, 8, 0.92);
}

.sharepoint-page .service-card__icon,
.sharepoint-page__tech-icon {
  border-color: rgba(255, 255, 255, 0.12);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.015)),
    rgba(255, 255, 255, 0.02);
}

.sharepoint-page .service-card__icon img,
.sharepoint-page__tech-icon img {
  filter: grayscale(1) brightness(1.35);
}

.sharepoint-page__proof-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 2.4rem;
  padding-top: 1.6rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.sharepoint-page__proof-item {
  display: grid;
  gap: 0.35rem;
}

.sharepoint-page__proof-item strong {
  color: #fff;
  font-size: 1rem;
  line-height: 1.25;
}

.sharepoint-page__proof-item span {
  color: rgba(255, 255, 255, 0.62);
  font-size: 0.88rem;
  line-height: 1.45;
}

.sharepoint-page__cta-points {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem;
  margin-top: 1.35rem;
}

.sharepoint-page__cta-points span {
  display: inline-flex;
  align-items: center;
  min-height: 2.55rem;
  padding: 0.5rem 0.95rem;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  color: #fff;
  background: rgba(255, 255, 255, 0.04);
  font-size: 0.88rem;
  font-weight: var(--weight-medium);
}

.sharepoint-page__hero-visual {
  position: relative;
  min-height: 640px;
  display: grid;
  place-items: center;
  padding: 2rem 0;
}

.sharepoint-page__hero-surface {
  position: absolute;
  inset: 3rem 1rem auto auto;
  width: 18rem;
  height: 18rem;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0) 68%);
  filter: blur(6px);
}

.sharepoint-page__dashboard {
  position: relative;
  width: min(100%, 640px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(22, 22, 22, 0.98), rgba(8, 8, 8, 0.98));
  box-shadow: 0 36px 90px rgba(0, 0, 0, 0.55);
  overflow: hidden;
}

.sharepoint-page__dashboard-top {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.62);
  font-size: 0.8rem;
  letter-spacing: 0.04em;
  background: rgba(255, 255, 255, 0.03);
}

.sharepoint-page__dashboard-top span:nth-child(2) {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  padding: 0 0.8rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  color: rgba(255, 255, 255, 0.45);
  background: rgba(255, 255, 255, 0.02);
}

.sharepoint-page__dashboard-body {
  display: grid;
  grid-template-columns: 108px 1fr;
  min-height: 395px;
}

.sharepoint-page__dashboard-sidebar {
  display: grid;
  gap: 0.85rem;
  align-content: start;
  padding: 1.25rem 1rem;
  background: linear-gradient(180deg, rgba(28, 28, 28, 0.96), rgba(10, 10, 10, 0.96));
}

.sharepoint-page__dashboard-sidebar span {
  display: inline-flex;
  align-items: center;
  min-height: 2.5rem;
  padding: 0.65rem 0.8rem;
  border-radius: 14px;
  color: rgba(255, 255, 255, 0.86);
  background: rgba(255, 255, 255, 0.08);
  font-size: 0.88rem;
}

.sharepoint-page__dashboard-main {
  padding: 1.4rem;
  background: radial-gradient(circle at top right, rgba(255, 255, 255, 0.1), transparent 32%);
}

.sharepoint-page__dashboard-hero {
  min-height: 8.6rem;
  padding: 1.5rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 22px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.03)),
    linear-gradient(135deg, rgba(46, 46, 46, 0.95), rgba(16, 16, 16, 0.98));
}

.sharepoint-page__dashboard-hero strong,
.sharepoint-page__hero-float strong,
.sharepoint-page__challenge-card h3,
.sharepoint-page__ai-card strong,
.sharepoint-page__service-card h3,
.sharepoint-page__story-card strong,
.sharepoint-page__journey-step h3,
.sharepoint-page__value-step strong,
.sharepoint-page__tech-tile strong {
  color: #fff;
}

.sharepoint-page__dashboard-hero strong,
.sharepoint-page__service-card h3,
.sharepoint-page__challenge-card h3 {
  font-size: clamp(1.34rem, 2vw, 1.68rem);
  line-height: 1.12;
}

.sharepoint-page__dashboard-hero p {
  margin-top: 0.6rem;
  max-width: 19rem;
  font-size: 0.92rem;
}

.sharepoint-page__dashboard-grid {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 1rem;
  margin-top: 1rem;
}

.sharepoint-page__dashboard-card {
  min-height: 10rem;
  padding: 1.1rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.03);
}

.sharepoint-page__dashboard-card strong {
  display: block;
  color: #fff;
  font-size: 1rem;
}

.sharepoint-page__dashboard-card>span {
  display: block;
  margin-top: 4rem;
  color: rgba(255, 255, 255, 0.62);
  font-size: 0.86rem;
}

.sharepoint-page__dashboard-card--feature {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)),
    rgba(255, 255, 255, 0.03);
}

.sharepoint-page__dashboard-links {
  display: grid;
  gap: 0.65rem;
  margin-top: 0.95rem;
  list-style: none;
}

.sharepoint-page__dashboard-links li {
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.86rem;
}

.sharepoint-page__dashboard-mini-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.8rem;
  margin-top: 1rem;
}

.sharepoint-page__dashboard-mini-grid span {
  display: inline-flex;
  justify-content: center;
  min-height: 3rem;
  padding: 0.7rem;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.82);
  background: rgba(255, 255, 255, 0.03);
  font-size: 0.84rem;
  font-weight: var(--weight-medium);
}

.sharepoint-page__hero-float {
  position: absolute;
  width: 92px;
  height: 92px;
  display: grid;
  place-items: center;
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02));
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.3);
  text-align: center;
}

.sharepoint-page__hero-float strong {
  font-size: 1.6rem;
  line-height: 1;
}

.sharepoint-page__hero-float span {
  display: block;
  margin-top: 0.4rem;
  color: rgba(255, 255, 255, 0.58);
  font-size: 0.72rem;
  line-height: 1.35;
}

.sharepoint-page__hero-float--upper {
  top: 3rem;
  right: -1rem;
}

.sharepoint-page__hero-float--lower {
  top: 13rem;
  right: -3rem;
}

.sharepoint-page__hero-float--edge {
  bottom: 2rem;
  right: -1rem;
}

.sharepoint-page__challenge-grid,
.sharepoint-page__service-grid,
.sharepoint-page__story-grid {
  gap: 1.25rem;
}

.sharepoint-page__challenge-card,
.sharepoint-page__ai-card,
.sharepoint-page__story-card,
.sharepoint-page__panel-card,
.sharepoint-page__journey-step,
.sharepoint-page__value-step,
.sharepoint-page__cta {
  padding: 1.75rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
    rgba(8, 8, 8, 0.9);
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.2);
}

.sharepoint-page__challenge-icon {
  width: 3rem;
  height: 3rem;
  display: grid;
  place-items: center;
  margin-bottom: 1rem;
  border-radius: 999px;
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
  font-size: 0.84rem;
  font-weight: 700;
}

.sharepoint-page__challenge-card h3 {
  margin-bottom: 0.7rem;
}

.sharepoint-page__ai-layout {
  grid-template-columns: 0.9fr 1.1fr;
}

.sharepoint-page__ai-copy {
  max-width: 26rem;
}

.sharepoint-page__ai-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.sharepoint-page__ai-card strong {
  display: block;
  font-size: 1.08rem;
  line-height: 1.3;
}

.sharepoint-page__ai-card p,
.sharepoint-page__story-card p,
.sharepoint-page__value-step p {
  margin-top: 0.7rem;
}

.sharepoint-page__services {
  background:
    linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px),
    #020202;
  background-size: 72px 72px, 72px 72px, auto;
}

.sharepoint-page__service-card {
  height: 100%;
  padding: 2rem;
}

.sharepoint-page .core-expertise-card p {
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.98rem;
  line-height: 1.72;
}

.sharepoint-page .service-card__cta {
  font-size: 0.84rem;
}

.sharepoint-page__value-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1rem;
}

.sharepoint-page__value-step {
  text-align: center;
}

.sharepoint-page__value-step span {
  width: 3rem;
  height: 3rem;
  display: inline-grid;
  place-items: center;
  margin-bottom: 1rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.05);
  color: #fff;
  font-weight: 700;
}

.sharepoint-page__dual-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.3rem;
}

.sharepoint-page__panel-card .section__header {
  margin-bottom: 2rem;
}

.sharepoint-page__pill-grid,
.sharepoint-page__tech-grid {
  display: grid;
  gap: 1rem;
}

.sharepoint-page__pill-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sharepoint-page__pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3.4rem;
  padding: 0.85rem 1rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  color: #fff;
  background: rgba(255, 255, 255, 0.04);
  font-size: 0.98rem;
  font-weight: var(--weight-medium);
}

.sharepoint-page__tech-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.sharepoint-page__tech-tile {
  height: 100%;
  display: grid;
  gap: 0.95rem;
  justify-items: center;
  align-content: center;
  text-align: center;
  padding: 1.4rem;
}

.sharepoint-page__tech-mark {
  display: inline-grid;
  place-items: center;
  min-width: 1.7rem;
  min-height: 1.7rem;
  color: #fff;
  font-size: 1.45rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.06em;
}

.sharepoint-page__tech-icon {
  margin-bottom: 0;
}

.sharepoint-page__tech-icon img {
  width: 42px;
  height: 42px;
}

.sharepoint-page__tech-tile strong {
  font-size: 1rem;
  line-height: 1.35;
}

.sharepoint-page__journey-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}

.sharepoint-page__journey-grid--wide {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.sharepoint-page__journey-step h3 {
  font-size: 1.06rem;
  margin-top: 0.15rem;
}

.sharepoint-page__journey-step p {
  margin-top: 0.7rem;
  font-size: 0.92rem;
}

.sharepoint-page__journey-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 3rem;
  min-height: 3rem;
  margin-bottom: 1rem;
  border-radius: 16px;
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: 0.08em;
}

.sharepoint-page__stories-header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1.5rem;
  margin-bottom: 2rem;
}

.sharepoint-page__stories-header .section__header {
  margin-bottom: 0;
}

.sharepoint-page__story-card strong {
  display: block;
  font-size: 1.12rem;
  line-height: 1.3;
}

.sharepoint-page__cta {
  color: #fff;
  background:
    linear-gradient(135deg, rgba(30, 30, 30, 0.94), rgba(6, 6, 6, 0.98));
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 28px;
  padding: 3rem;
  box-shadow: 0 28px 60px rgba(0, 0, 0, 0.24);
}

.sharepoint-page__cta h2,
.sharepoint-page__cta p,
.sharepoint-page__cta .section__eyebrow {
  color: #fff;
}

.sharepoint-page__cta p {
  max-width: 52rem;
  font-size: 1.04rem;
}

.m365-page {
  color: #fff;
  background: #000;
}

.m365-page .section {
  position: relative;
  padding: 5.2rem 0;
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

.m365-page .muted,
.m365-page p {
  color: rgba(255, 255, 255, 0.74);
  font-size: 1rem;
  line-height: 1.75;
}

.m365-page .section__eyebrow {
  color: rgba(204, 210, 255, 0.9);
  margin-bottom: 0.9rem;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.m365-page .section__header {
  max-width: 900px;
  margin-bottom: 3rem;
}

.m365-page__hero {
  min-height: 860px;
  padding: 4.8rem 0 6rem;
  background: #000;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.m365-page__hero-layout {
  align-items: start;
  gap: 3rem;
}

.m365-page__hero .hero__content {
  max-width: 780px;
  padding-top: 2.5rem;
}

.m365-page__hero h1,
.m365-page__why h2,
.m365-page__services h2,
.m365-page__apps h2,
.m365-page__impact h2,
.m365-page__trust h2,
.m365-page__cta h2 {
  color: #fff;
  text-wrap: balance;
}

.m365-page__hero h1 {
  font-size: clamp(2.4rem, 6vw, var(--text-3xl));
  line-height: 0.97;
  letter-spacing: -0.06em;
}

.m365-page__why h2,
.m365-page__services h2,
.m365-page__apps h2,
.m365-page__impact h2,
.m365-page__trust h2,
.m365-page__cta h2 {
  font-size: clamp(2.35rem, 4vw, 3.3rem);
  line-height: 1.04;
  letter-spacing: -0.045em;
}

.m365-page__accent,
.m365-page__accent-inline {
  background: linear-gradient(135deg, #5ea3ff, #8b5cf6 62%, #ba8cff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.m365-page__hero-lead {
  margin-top: var(--space-4);
  color: rgba(255, 255, 255, 0.9);
  max-width: 40rem;
  font-size: clamp(1.2rem, 2vw, 1.42rem);
  font-weight: var(--weight-medium);
  line-height: 1.7;
}

.m365-page .hero__actions {
  gap: 1rem;
  margin-top: 2rem;
}

.m365-page .button {
  min-height: 52px;
  padding: 0.9rem 1.45rem;
  border-radius: 999px;
  font-size: 0.94rem;
  letter-spacing: 0.02em;
  color: #fff;
  border-color: rgba(132, 112, 255, 0.88);
  background: linear-gradient(135deg, #5d5bff, #8f56ff);
  box-shadow: 0 18px 42px rgba(93, 91, 255, 0.24);
}

.m365-page .button:hover {
  color: #fff;
  background: linear-gradient(135deg, #6d6bff, #9c67ff);
}

.m365-page .button--ghost {
  border-color: rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.02);
  box-shadow: none;
}

.m365-page .button--ghost:hover {
  background: rgba(255, 255, 255, 0.09);
}

.m365-page__proof-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 2.4rem;
  padding-top: 1.6rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.m365-page__proof-item {
  display: grid;
  gap: 0.36rem;
}

.m365-page__proof-item strong {
  color: #fff;
  font-size: 1rem;
  line-height: 1.3;
}

.m365-page__proof-item span {
  color: rgba(255, 255, 255, 0.62);
  font-size: 0.88rem;
  line-height: 1.5;
}

.m365-page__hero-visual {
  position: relative;
  min-height: 640px;
  display: grid;
  place-items: center;
  padding: 2rem 0;
}

.m365-page__hero-orbit {
  position: absolute;
  inset: auto 0 -3rem auto;
  width: 32rem;
  height: 18rem;
  border-radius: 999px;
  background:
    radial-gradient(circle at center, rgba(107, 123, 255, 0.16), transparent 62%),
    repeating-radial-gradient(circle at center, rgba(78, 98, 255, 0.16) 0 2px, transparent 2px 18px);
  filter: blur(1px);
  opacity: 0.7;
}

.m365-page__workspace {
  position: relative;
  width: min(100%, 670px);
  border: 1px solid rgba(143, 118, 255, 0.46);
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(17, 18, 24, 0.98), rgba(5, 6, 10, 0.98));
  box-shadow:
    0 0 0 1px rgba(92, 109, 255, 0.12),
    0 38px 90px rgba(0, 0, 0, 0.52);
  overflow: hidden;
}

.m365-page__workspace-top {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.68);
  font-size: 0.82rem;
  background: rgba(255, 255, 255, 0.03);
}

.m365-page__workspace-top span:nth-child(2) {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  padding: 0 0.9rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  color: rgba(255, 255, 255, 0.42);
  background: rgba(255, 255, 255, 0.02);
}

.m365-page__workspace-body {
  display: grid;
  grid-template-columns: 88px 1fr;
  min-height: 420px;
}

.m365-page__workspace-nav {
  display: grid;
  gap: 0.9rem;
  align-content: start;
  padding: 1.25rem 0.85rem;
  background: linear-gradient(180deg, rgba(26, 28, 38, 0.98), rgba(9, 10, 16, 0.98));
}

.m365-page__workspace-nav span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.8rem;
  padding: 0.75rem;
  border-radius: 16px;
  color: rgba(255, 255, 255, 0.82);
  background: rgba(255, 255, 255, 0.05);
  font-size: 0.83rem;
}

.m365-page__workspace-main {
  padding: 1.4rem;
  background:
    radial-gradient(circle at top right, rgba(114, 86, 255, 0.14), transparent 28%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0));
}

.m365-page__workspace-welcome {
  padding: 1.55rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(27, 28, 36, 0.98), rgba(9, 10, 16, 0.98));
}

.m365-page__workspace-welcome strong,
.m365-page__workspace-reco-card strong,
.m365-page__why-card h3,
.m365-page__service-card h3,
.m365-page__impact-card strong,
.m365-page__choose-card strong {
  color: #fff;
}

.m365-page__workspace-welcome strong {
  font-size: clamp(1.34rem, 2vw, 1.68rem);
  line-height: 1.12;
}

.m365-page__workspace-welcome p {
  margin-top: 0.65rem;
  max-width: 23rem;
  font-size: 0.94rem;
}

.m365-page__workspace-reco {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1rem;
}

.m365-page__workspace-reco-card,
.m365-page__workspace-access,
.m365-page__why-card,
.m365-page__impact-card,
.m365-page__trust-panel,
.m365-page__choose-card,
.m365-page__cta {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
    rgba(8, 10, 16, 0.92);
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.22);
}

.m365-page__workspace-reco-card {
  min-height: 8.4rem;
  padding: 1rem;
}

.m365-page__workspace-reco-card strong {
  display: block;
  font-size: 1rem;
  line-height: 1.35;
}

.m365-page__workspace-reco-card span {
  display: block;
  margin-top: 2.3rem;
  color: rgba(255, 255, 255, 0.58);
  font-size: 0.82rem;
}

.m365-page__workspace-access {
  margin-top: 1rem;
  padding: 1rem 1.1rem;
}

.m365-page__workspace-access-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
}

.m365-page__workspace-access-head strong {
  color: #fff;
  font-size: 1rem;
}

.m365-page__workspace-access-head span {
  color: rgba(255, 255, 255, 0.54);
  font-size: 0.82rem;
}

.m365-page__workspace-access-list {
  display: grid;
  gap: 0.85rem;
  margin-top: 1rem;
  list-style: none;
}

.m365-page__workspace-access-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.8rem 0.95rem;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.74);
  font-size: 0.88rem;
}

.m365-page__workspace-access-list li span:last-child {
  color: rgba(160, 179, 255, 0.95);
}

.m365-page__app-rail {
  position: absolute;
  top: 2rem;
  right: -0.6rem;
  display: grid;
  gap: 1rem;
}

.m365-page__app-tile {
  width: 88px;
  height: 88px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(145, 119, 255, 0.3);
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.03)),
    rgba(9, 10, 16, 0.96);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.32);
}

.m365-page__app-tile img {
  width: 44px;
  height: 44px;
  object-fit: contain;
}

.m365-page__why-grid,
.m365-page__service-grid,
.m365-page__impact-grid {
  gap: 1.2rem;
}

.m365-page__why-card {
  height: 100%;
  padding: 1.8rem;
}

.m365-page__why-icon {
  width: 3.25rem;
  height: 3.25rem;
  display: inline-grid;
  place-items: center;
  margin-bottom: 1.1rem;
  border-radius: 16px;
  color: #c7d3ff;
  background: linear-gradient(135deg, rgba(91, 109, 255, 0.2), rgba(139, 92, 246, 0.16));
  font-size: 0.88rem;
  font-weight: 800;
  letter-spacing: 0.08em;
}

.m365-page__why-card h3 {
  font-size: clamp(1.24rem, 2vw, 1.52rem);
  line-height: 1.14;
}

.m365-page__why-card p {
  margin-top: 0.8rem;
}

.m365-page__services {
  background: #000;
}

.m365-page .core-expertise-card {
  border-color: rgba(255, 255, 255, 0.12);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
    rgba(8, 10, 16, 0.94);
}

.m365-page .service-card__icon {
  border-color: rgba(255, 255, 255, 0.14);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.015)),
    rgba(255, 255, 255, 0.03);
}

.m365-page .service-card__icon img {
  filter: none;
}

.m365-page__service-card {
  height: 100%;
  padding: 2rem;
}

.m365-page .core-expertise-card p {
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.98rem;
  line-height: 1.72;
}

.m365-page__apps-row {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 1rem;
}

.m365-page__app-chip {
  min-height: 8rem;
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 0.8rem;
  padding: 1.3rem 0.9rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
    rgba(8, 10, 16, 0.92);
  text-align: center;
}

.m365-page__app-chip img {
  width: 42px;
  height: 42px;
  object-fit: contain;
}

.m365-page__app-chip span {
  color: #fff;
  font-size: 0.94rem;
  font-weight: var(--weight-medium);
}

.m365-page__impact-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.m365-page__impact-card {
  height: 100%;
  padding: 1.8rem;
}

.m365-page__impact-card strong {
  display: block;
  font-size: clamp(2rem, 3vw, 2.8rem);
  line-height: 1;
}

.m365-page__impact-card span {
  display: block;
  margin-top: 0.7rem;
  color: rgba(170, 184, 255, 0.94);
  font-size: 1rem;
  font-weight: var(--weight-semibold);
}

.m365-page__impact-card p {
  margin-top: 0.85rem;
  font-size: 0.94rem;
}

.m365-page__trust-grid {
  display: grid;
  gap: 1.25rem;
}

.m365-page__trust-panel {
  padding: 2rem;
}

.m365-page__trust-panel .section__header {
  margin-bottom: 2rem;
}

.m365-page__logo-cloud {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.m365-page__logo-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 5rem;
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  color: rgba(255, 255, 255, 0.92);
  background: rgba(255, 255, 255, 0.03);
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.m365-page__choose-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 1rem;
}

.m365-page__choose-card {
  display: grid;
  grid-template-columns: 3.25rem 1fr;
  align-items: start;
  gap: 1rem;
  padding: 1.3rem 1.4rem;
}

.m365-page__choose-icon {
  width: 3.25rem;
  height: 3.25rem;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.015)),
    rgba(255, 255, 255, 0.03);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.m365-page__choose-icon img {
  width: 1.6rem;
  height: 1.6rem;
  object-fit: contain;
}

.m365-page__choose-card strong {
  display: block;
  font-size: 1.08rem;
}

.m365-page__choose-copy p {
  margin-top: 0.55rem;
  font-size: 0.94rem;
}

.m365-page__cta {
  display: grid;
  grid-template-columns: 0.8fr 1.1fr auto;
  align-items: center;
  gap: 2rem;
  padding: 2.4rem;
  border-color: rgba(143, 118, 255, 0.36);
}

.m365-page__cta-art {
  position: relative;
  min-height: 180px;
  overflow: hidden;
}

.m365-page__cta-orb {
  position: absolute;
  inset: 1rem auto auto 1rem;
  width: 9rem;
  height: 9rem;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(129, 118, 255, 0.58), rgba(129, 118, 255, 0) 68%);
  filter: blur(4px);
}

.m365-page__cta-art img {
  position: absolute;
  width: 42px;
  height: 42px;
  object-fit: contain;
  padding: 0.7rem;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.07);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.22);
}

.m365-page__cta-art img:nth-of-type(1) {
  top: 2.1rem;
  left: 4.2rem;
}

.m365-page__cta-art img:nth-of-type(2) {
  top: 0.8rem;
  left: 10rem;
}

.m365-page__cta-art img:nth-of-type(3) {
  top: 5.8rem;
  left: 8.3rem;
}

.m365-page__cta-art img:nth-of-type(4) {
  top: 5rem;
  left: 13rem;
}

.m365-page__cta-copy p {
  margin-top: 0.8rem;
  max-width: 40rem;
}

.m365-page__cta-actions {
  display: grid;
  gap: 0.9rem;
  justify-items: stretch;
}

.sharepoint-service-page {
  --sharepoint-accent-1: #37c6d0;
  --sharepoint-accent-2: #1a9ba1;
  --sharepoint-accent-3: #038186;
  --sharepoint-accent-4: rgba(55, 198, 208, 0.2);
  --sharepoint-accent-5: rgba(3, 129, 134, 0.18);
  --sharepoint-border: rgba(55, 198, 208, 0.34);
  --sharepoint-shadow: rgba(3, 129, 134, 0.26);
  background: #000;
}

.sharepoint-service-page .section,
.sharepoint-service-page .m365-page__hero,
.sharepoint-service-page .m365-page__services {
  background: #000;
}

.sharepoint-service-page .m365-page__hero {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

.sharepoint-service-page .m365-page__workspace-main {
  background: #070707;
}

.sharepoint-service-page .m365-page__accent,
.sharepoint-service-page .m365-page__accent-inline {
  background: linear-gradient(135deg, var(--sharepoint-accent-1), var(--sharepoint-accent-2) 58%, var(--sharepoint-accent-3));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.sharepoint-service-page .button {
  border-color: var(--sharepoint-border);
  background: linear-gradient(135deg, #37c6d0, #1a9ba1 58%, #038186);
  box-shadow: 0 18px 42px var(--sharepoint-shadow);
}

.sharepoint-service-page .button:hover {
  background: linear-gradient(135deg, #37c6d0, #1a9ba1 52%, #038186);
}

.sharepoint-service-page .button--ghost {
  border-color: rgba(55, 198, 208, 0.36);
  background: rgba(26, 155, 161, 0.08);
  box-shadow: none;
}

.sharepoint-service-page .button--ghost:hover {
  background: rgba(55, 198, 208, 0.12);
}

.sharepoint-service-page .m365-page__hero-orbit {
  background:
    radial-gradient(circle at center, rgba(55, 198, 208, 0.18), transparent 62%),
    repeating-radial-gradient(circle at center, rgba(26, 155, 161, 0.14) 0 2px, transparent 2px 18px);
}

.sharepoint-service-page .m365-page__workspace {
  border-color: rgba(55, 198, 208, 0.42);
  box-shadow:
    0 0 0 1px rgba(3, 129, 134, 0.12),
    0 38px 90px rgba(0, 0, 0, 0.52);
}

.sharepoint-service-page .m365-page__workspace-access-list li span:last-child,
.sharepoint-service-page .m365-page__impact-card span {
  color: rgba(55, 198, 208, 0.94);
}

.sharepoint-service-page .m365-page__app-tile,
.sharepoint-service-page .m365-page__choose-icon {
  border-color: var(--sharepoint-border);
}

.sharepoint-service-page .m365-page__why-icon {
  color: #d9fbfd;
  background: linear-gradient(135deg, var(--sharepoint-accent-4), var(--sharepoint-accent-5));
}

.sharepoint-service-page .m365-page__impact-card strong {
  color: var(--sharepoint-accent-1);
}

.sharepoint-service-page .m365-page__cta {
  border-color: var(--sharepoint-border);
}

.sharepoint-service-page .m365-page__cta-orb {
  background: radial-gradient(circle, rgba(26, 155, 161, 0.52), rgba(26, 155, 161, 0) 68%);
}

.copilot-service-page {
  --copilot-accent-1: #199fd7;
  --copilot-accent-2: #8a50d8;
  --copilot-accent-3: #ee5091;
  --copilot-accent-4: #fc7942;
  --copilot-accent-5: #99bd3c;
  --copilot-border: rgba(138, 80, 216, 0.34);
  --copilot-border-strong: rgba(25, 159, 215, 0.44);
  --copilot-shadow: rgba(138, 80, 216, 0.24);
  background: #000;
}

.copilot-service-page .section,
.copilot-service-page .m365-page__hero,
.copilot-service-page .m365-page__services {
  background: #000;
}

.copilot-service-page .m365-page__accent,
.copilot-service-page .m365-page__accent-inline {
  background: linear-gradient(135deg, var(--copilot-accent-1), var(--copilot-accent-2) 52%, var(--copilot-accent-3));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.copilot-service-page .button {
  border-color: var(--copilot-border-strong);
  background: linear-gradient(135deg, var(--copilot-accent-1), var(--copilot-accent-2) 54%, var(--copilot-accent-3));
  box-shadow: 0 18px 42px var(--copilot-shadow);
}

.copilot-service-page .button:hover {
  background: linear-gradient(135deg, var(--copilot-accent-1), var(--copilot-accent-3) 48%, var(--copilot-accent-4));
}

.copilot-service-page .button--ghost {
  border-color: rgba(25, 159, 215, 0.28);
  background: rgba(25, 159, 215, 0.08);
  box-shadow: none;
}

.copilot-service-page .button--ghost:hover {
  background: rgba(138, 80, 216, 0.12);
}

.copilot-service-page .m365-page__proof-row {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.copilot-service-page .m365-page__hero-orbit {
  width: 36rem;
  height: 24rem;
  inset: auto 1rem -4rem auto;
  background:
    radial-gradient(circle at center, rgba(25, 159, 215, 0.22), transparent 58%),
    repeating-radial-gradient(circle at center, rgba(138, 80, 216, 0.14) 0 2px, transparent 2px 16px);
}

.copilot-service-page__hero-visual {
  min-height: 680px;
}

.copilot-service-page__hero-stage {
  position: relative;
  width: min(100%, 700px);
  min-height: 580px;
  border: 1px solid var(--copilot-border);
  border-radius: 30px;
  background:
    radial-gradient(circle at 50% 52%, rgba(138, 80, 216, 0.16), transparent 18rem),
    linear-gradient(180deg, rgba(17, 18, 24, 0.98), rgba(6, 6, 12, 0.98));
  box-shadow:
    0 0 0 1px rgba(25, 159, 215, 0.12),
    0 38px 90px rgba(0, 0, 0, 0.52);
  overflow: hidden;
}

.copilot-service-page__hero-stage::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, transparent 0 14%, rgba(25, 159, 215, 0.08) 14% 14.4%, transparent 14.4% 85.6%, rgba(238, 80, 145, 0.08) 85.6% 86%, transparent 86%),
    linear-gradient(180deg, transparent 0 20%, rgba(25, 159, 215, 0.08) 20% 20.4%, transparent 20.4% 79.6%, rgba(238, 80, 145, 0.08) 79.6% 80%, transparent 80%);
  opacity: 0.7;
  pointer-events: none;
}

.copilot-service-page__hero-glow {
  position: absolute;
  left: 50%;
  bottom: 5.5rem;
  width: 16rem;
  height: 16rem;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(25, 159, 215, 0.34), rgba(138, 80, 216, 0.16) 46%, rgba(238, 80, 145, 0.1) 60%, rgba(25, 159, 215, 0) 72%);
  transform: translateX(-50%);
  filter: blur(6px);
}

.copilot-service-page__hero-ring {
  position: absolute;
  left: 50%;
  bottom: 4rem;
  border-radius: 50%;
  transform: translateX(-50%);
  border: 1px solid rgba(25, 159, 215, 0.34);
  box-shadow:
    0 0 28px rgba(25, 159, 215, 0.16),
    inset 0 0 18px rgba(138, 80, 216, 0.14);
}

.copilot-service-page__hero-ring--outer {
  width: 20rem;
  height: 5rem;
}

.copilot-service-page__hero-ring--inner {
  bottom: 4.7rem;
  width: 13rem;
  height: 3.2rem;
  border-color: rgba(238, 80, 145, 0.34);
}

.copilot-service-page__hero-core {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10.5rem;
  height: 10.5rem;
  display: grid;
  place-items: center;
  border-radius: 2.25rem;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.02)),
    rgba(10, 10, 18, 0.92);
  box-shadow:
    0 26px 60px rgba(0, 0, 0, 0.3),
    0 0 42px rgba(138, 80, 216, 0.24);
  transform: translate(-50%, -42%);
}

.copilot-service-page__hero-core img {
  width: 5.8rem;
  height: 5.8rem;
  object-fit: contain;
}

.copilot-service-page__callout,
.copilot-service-page__use-case,
.copilot-service-page__panel,
.copilot-service-page__trust-card,
.copilot-service-page__cta {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 22px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
    rgba(8, 10, 16, 0.92);
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.22);
}

.copilot-service-page__callout {
  position: absolute;
  display: grid;
  grid-template-columns: 2.7rem 1fr;
  align-items: center;
  gap: 0.85rem;
  width: 14.4rem;
  padding: 0.95rem 1rem;
  border-color: rgba(138, 80, 216, 0.3);
  backdrop-filter: blur(8px);
}

.copilot-service-page__callout img {
  width: 2.4rem;
  height: 2.4rem;
  object-fit: contain;
}

.copilot-service-page__callout strong,
.copilot-service-page__use-case strong,
.copilot-service-page__process-step strong,
.copilot-service-page__trust-card strong {
  color: #fff;
}

.copilot-service-page__callout strong {
  display: block;
  font-size: 0.95rem;
  line-height: 1.2;
}

.copilot-service-page__callout span {
  display: block;
  margin-top: 0.28rem;
  color: rgba(255, 255, 255, 0.68);
  font-size: 0.8rem;
  line-height: 1.45;
}

.copilot-service-page__callout--write {
  top: 2rem;
  left: 1.5rem;
}

.copilot-service-page__callout--analyze {
  top: 1.8rem;
  right: 1.8rem;
}

.copilot-service-page__callout--summarize {
  left: 1.1rem;
  top: 10.5rem;
}

.copilot-service-page__callout--collaborate {
  left: 1.6rem;
  bottom: 9rem;
}

.copilot-service-page__callout--create {
  right: 1.2rem;
  top: 10.8rem;
}

.copilot-service-page__callout--automate {
  right: 1.5rem;
  bottom: 9rem;
}

.copilot-service-page .m365-page__workspace-access-list li span:last-child,
.copilot-service-page .m365-page__impact-card span {
  color: rgba(153, 189, 60, 0.94);
}

.copilot-service-page .m365-page__app-tile,
.copilot-service-page .m365-page__choose-icon {
  border-color: var(--copilot-border);
}

.copilot-service-page .m365-page__why-icon {
  color: #f6f0ff;
  background: linear-gradient(135deg, rgba(25, 159, 215, 0.2), rgba(138, 80, 216, 0.16));
}

.copilot-service-page .m365-page__impact-card strong {
  color: var(--copilot-accent-1);
}

.copilot-service-page .m365-page__cta {
  border-color: var(--copilot-border);
}

.copilot-service-page__use-case-grid,
.copilot-service-page__trust-grid {
  gap: 1.2rem;
}

.copilot-service-page__use-case-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.copilot-service-page__use-case {
  padding: 1.4rem 1rem;
  text-align: center;
}

.copilot-service-page__use-icon {
  width: 3rem;
  height: 3rem;
  display: inline-grid;
  place-items: center;
  margin-bottom: 0.95rem;
  border-radius: 999px;
  border: 1px solid rgba(238, 80, 145, 0.28);
  color: #ffe1ee;
  background: rgba(138, 80, 216, 0.12);
  font-size: 0.84rem;
  font-weight: 800;
  letter-spacing: 0.08em;
}

.copilot-service-page__use-case strong {
  display: block;
  font-size: 1rem;
  line-height: 1.32;
}

.copilot-service-page__use-case p {
  margin-top: 0.65rem;
  font-size: 0.9rem;
}

.copilot-service-page__enablement-grid {
  display: grid;
  grid-template-columns: 0.82fr 1.18fr;
  gap: 1.25rem;
}

.copilot-service-page__panel {
  padding: 2rem;
}

.copilot-service-page__panel .section__header {
  margin-bottom: 1.8rem;
}

.copilot-service-page__integration-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.copilot-service-page__integration-chip {
  min-height: 7.6rem;
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 0.75rem;
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.03);
  text-align: center;
}

.copilot-service-page__integration-chip img,
.copilot-service-page__trust-icon img {
  width: 2rem;
  height: 2rem;
  object-fit: contain;
}

.copilot-service-page__integration-chip span {
  color: #fff;
  font-size: 0.9rem;
}

.copilot-service-page__panel-note {
  margin-top: 1rem;
  text-align: center;
  color: rgba(255, 255, 255, 0.58);
  font-size: 0.9rem;
}

.copilot-service-page__process-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.copilot-service-page__process-step {
  padding: 1.2rem 1rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.03);
  text-align: center;
}

.copilot-service-page__process-step span {
  width: 3rem;
  height: 3rem;
  display: inline-grid;
  place-items: center;
  margin-bottom: 0.9rem;
  border-radius: 999px;
  border: 1px solid rgba(252, 121, 66, 0.28);
  color: #ffe5d8;
  background: rgba(252, 121, 66, 0.12);
  font-size: 0.86rem;
  font-weight: 800;
}

.copilot-service-page__process-step strong {
  display: block;
  font-size: 1rem;
}

.copilot-service-page__process-step p {
  margin-top: 0.6rem;
  font-size: 0.88rem;
}

.copilot-service-page__trust-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.copilot-service-page__trust-card {
  display: grid;
  justify-items: center;
  align-content: start;
  gap: 0.9rem;
  padding: 1.4rem 1rem;
  text-align: center;
}

.copilot-service-page__trust-icon {
  width: 3.15rem;
  height: 3.15rem;
  display: inline-grid;
  place-items: center;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(25, 159, 215, 0.18), rgba(238, 80, 145, 0.12));
}

.copilot-service-page__trust-card strong {
  font-size: 1rem;
  line-height: 1.32;
}

.copilot-service-page__trust-card p {
  font-size: 0.9rem;
}

.copilot-service-page__cta {
  display: grid;
  grid-template-columns: 0.82fr 1.1fr auto;
  align-items: center;
  gap: 2rem;
  padding: 2.4rem;
  border-color: var(--copilot-border);
}

.copilot-service-page__cta-art {
  position: relative;
  min-height: 180px;
  overflow: hidden;
}

.copilot-service-page__cta-orb {
  position: absolute;
  inset: 1rem auto auto 1rem;
  width: 9rem;
  height: 9rem;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(25, 159, 215, 0.54), rgba(138, 80, 216, 0.12) 52%, rgba(238, 80, 145, 0.08) 66%, rgba(25, 159, 215, 0) 74%);
  filter: blur(4px);
}

.copilot-service-page__cta-art img {
  position: absolute;
  width: 42px;
  height: 42px;
  object-fit: contain;
  padding: 0.7rem;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.07);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.22);
}

.copilot-service-page__cta-art img:nth-of-type(1) {
  top: 2.2rem;
  left: 4.2rem;
}

.copilot-service-page__cta-art img:nth-of-type(2) {
  top: 1rem;
  left: 10rem;
}

.copilot-service-page__cta-art img:nth-of-type(3) {
  top: 5.8rem;
  left: 8rem;
}

.copilot-service-page__cta-art img:nth-of-type(4) {
  top: 5rem;
  left: 13rem;
}

.copilot-service-page__cta-copy p {
  margin-top: 0.8rem;
  max-width: 40rem;
}

.copilot-service-page__cta-actions {
  display: grid;
  gap: 0.9rem;
}

.copilot-studio-page {
  --copilot-studio-accent-1: #199fd7;
  --copilot-studio-accent-2: #8a50d8;
  --copilot-studio-accent-3: #ee5091;
  --copilot-studio-accent-4: #fc7942;
  --copilot-studio-accent-5: #99bd3c;
  --copilot-studio-border: rgba(138, 80, 216, 0.36);
  --copilot-studio-shadow: rgba(138, 80, 216, 0.24);
}

.copilot-studio-page .m365-page__accent,
.copilot-studio-page .m365-page__accent-inline {
  background: linear-gradient(135deg, var(--copilot-studio-accent-1), var(--copilot-studio-accent-2) 58%, var(--copilot-studio-accent-3));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.copilot-studio-page .button {
  border-color: rgba(25, 159, 215, 0.42);
  background: linear-gradient(135deg, var(--copilot-studio-accent-1), var(--copilot-studio-accent-2) 54%, var(--copilot-studio-accent-3));
  box-shadow: 0 18px 42px var(--copilot-studio-shadow);
}

.copilot-studio-page .button:hover {
  background: linear-gradient(135deg, var(--copilot-studio-accent-1), var(--copilot-studio-accent-3) 48%, var(--copilot-studio-accent-4));
}

.copilot-studio-page .button--ghost {
  border-color: rgba(25, 159, 215, 0.32);
  background: rgba(25, 159, 215, 0.08);
  box-shadow: none;
}

.copilot-studio-page .button--ghost:hover {
  background: rgba(138, 80, 216, 0.14);
}

.copilot-studio-page .m365-page__hero-orbit {
  width: 38rem;
  height: 24rem;
  inset: auto 0 -3.5rem auto;
  background:
    radial-gradient(circle at center, rgba(138, 80, 216, 0.22), transparent 58%),
    repeating-radial-gradient(circle at center, rgba(25, 159, 215, 0.12) 0 2px, transparent 2px 16px);
}

.copilot-studio-page .m365-page__proof-row {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.copilot-studio-page__hero-visual {
  min-height: 680px;
}

.azure-openai-page {
  --azure-openai-accent-1: #199fd7;
  --azure-openai-accent-2: #4f75ff;
  --azure-openai-accent-3: #8a50d8;
  --azure-openai-border: rgba(79, 117, 255, 0.34);
  --azure-openai-border-strong: rgba(25, 159, 215, 0.4);
  --azure-openai-shadow: rgba(79, 117, 255, 0.2);
  background: #000;
}

.azure-openai-page .section,
.azure-openai-page .m365-page__hero,
.azure-openai-page .m365-page__services {
  background: #000;
}

.azure-openai-page .m365-page__accent,
.azure-openai-page .m365-page__accent-inline {
  background: linear-gradient(135deg, var(--azure-openai-accent-1), var(--azure-openai-accent-2) 48%, var(--azure-openai-accent-3));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.azure-openai-page .button {
  border-color: var(--azure-openai-border-strong);
  background: linear-gradient(135deg, var(--azure-openai-accent-1), var(--azure-openai-accent-2) 52%, var(--azure-openai-accent-3));
  box-shadow: 0 18px 42px var(--azure-openai-shadow);
}

.azure-openai-page .button:hover {
  background: linear-gradient(135deg, var(--azure-openai-accent-1), var(--azure-openai-accent-3) 48%, var(--azure-openai-accent-2));
}

.azure-openai-page .button--ghost {
  border-color: rgba(25, 159, 215, 0.28);
  background: rgba(25, 159, 215, 0.08);
  box-shadow: none;
}

.azure-openai-page .button--ghost:hover {
  background: rgba(79, 117, 255, 0.12);
}

.azure-openai-page .m365-page__proof-row {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.azure-openai-page .m365-page__hero-orbit {
  width: 40rem;
  height: 25rem;
  inset: auto 0 -4rem auto;
  background:
    radial-gradient(circle at center, rgba(25, 159, 215, 0.24), transparent 55%),
    repeating-radial-gradient(circle at center, rgba(79, 117, 255, 0.12) 0 2px, transparent 2px 15px);
}

.azure-openai-page__hero-visual {
  min-height: 700px;
}

.azure-openai-page__hero-stage {
  position: relative;
  width: min(100%, 760px);
  min-height: 600px;
  border: 1px solid var(--azure-openai-border);
  background:
    radial-gradient(circle at 50% 58%, rgba(79, 117, 255, 0.18), transparent 16rem),
    linear-gradient(180deg, rgba(15, 17, 28, 0.98), rgba(5, 6, 14, 0.99));
  box-shadow:
    0 0 0 1px rgba(25, 159, 215, 0.1),
    0 38px 90px rgba(0, 0, 0, 0.54);
  overflow: hidden;
}

.azure-openai-page__hero-grid {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, transparent 0 12%, rgba(25, 159, 215, 0.08) 12% 12.25%, transparent 12.25% 87.75%, rgba(138, 80, 216, 0.08) 87.75% 88%, transparent 88%),
    linear-gradient(180deg, transparent 0 18%, rgba(25, 159, 215, 0.08) 18% 18.25%, transparent 18.25% 81.75%, rgba(79, 117, 255, 0.08) 81.75% 82%, transparent 82%);
  opacity: 0.72;
  pointer-events: none;
}

.azure-openai-page__cloud {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 19rem;
  height: 19rem;
  display: grid;
  place-items: center;
  transform: translate(-50%, -34%);
}

.azure-openai-page__cloud::before {
  content: "";
  position: absolute;
  inset: 1.8rem;
  background:
    radial-gradient(circle at 50% 45%, rgba(25, 159, 215, 0.42), rgba(79, 117, 255, 0.22) 45%, rgba(138, 80, 216, 0.12) 64%, rgba(25, 159, 215, 0) 78%);
  filter: blur(12px);
}

.azure-openai-page__cloud::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 1.8rem;
  width: 18rem;
  height: 4.6rem;
  border: 1px solid rgba(25, 159, 215, 0.28);
  transform: translateX(-50%);
  box-shadow:
    0 0 24px rgba(25, 159, 215, 0.18),
    inset 0 0 22px rgba(79, 117, 255, 0.12);
}

.azure-openai-page__cloud-core {
  position: relative;
  z-index: 1;
  width: 13.5rem;
  min-height: 10rem;
  display: grid;
  justify-items: center;
  gap: 0.8rem;
  padding: 2.2rem 1.2rem 1.8rem;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02)),
    rgba(7, 9, 18, 0.96);
  clip-path: path("M39 96C18 96 0 79 0 58C0 40 13 25 31 21C37 8 51 0 67 0C82 0 95 7 102 19C106 18 110 17 114 17C132 17 147 32 147 50C147 53 147 56 146 58C159 63 168 75 168 89C168 108 153 123 134 123H41C18 123 0 110 0 96H39Z");
  box-shadow:
    0 28px 62px rgba(0, 0, 0, 0.34),
    0 0 38px rgba(79, 117, 255, 0.22);
}

.azure-openai-page__cloud-core img {
  width: 4rem;
  height: 4rem;
  object-fit: contain;
  margin-left: -2.4rem;
}

.azure-openai-page__cloud-core strong {
  color: #fff;
  font-size: 1.22rem;
  line-height: 1.28;
  text-align: center;
}

.azure-openai-page__callout {
  position: absolute;
  width: 12.8rem;
  padding: 0.95rem 1rem;
  border: 1px solid rgba(79, 117, 255, 0.26);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
    rgba(8, 10, 18, 0.95);
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(8px);
}

.azure-openai-page__callout strong {
  display: block;
  color: #fff;
  font-size: 0.95rem;
  line-height: 1.2;
}

.azure-openai-page__callout span {
  display: block;
  margin-top: 0.32rem;
  color: rgba(255, 255, 255, 0.68);
  font-size: 0.8rem;
  line-height: 1.45;
}

.azure-openai-page__callout--chatgpt {
  top: 1.7rem;
  left: 1.4rem;
}

.azure-openai-page__callout--gpt4o {
  top: 1.8rem;
  right: 1.6rem;
}

.azure-openai-page__callout--dalle {
  top: 10rem;
  left: 0.8rem;
}

.azure-openai-page__callout--embed {
  top: 10rem;
  right: 0.8rem;
}

.azure-openai-page__callout--whisper {
  left: 1.2rem;
  bottom: 10.5rem;
}

.azure-openai-page__callout--tuning {
  right: 1.2rem;
  bottom: 10.5rem;
}

.azure-openai-page__callout--security {
  left: 50%;
  bottom: 2rem;
  width: 15rem;
  transform: translateX(-50%);
  border-color: rgba(25, 159, 215, 0.3);
}

.azure-openai-page .m365-page__why-icon {
  color: #e8f8ff;
  background: linear-gradient(135deg, rgba(25, 159, 215, 0.2), rgba(79, 117, 255, 0.14));
}

.azure-openai-page .copilot-service-page__use-icon {
  border-color: rgba(25, 159, 215, 0.28);
  color: #def6ff;
  background: rgba(25, 159, 215, 0.12);
}

.azure-openai-page .copilot-service-page__panel,
.azure-openai-page .copilot-service-page__use-case,
.azure-openai-page .copilot-service-page__trust-card,
.azure-openai-page .copilot-service-page__cta {
  border-color: rgba(79, 117, 255, 0.18);
}

.azure-openai-page .copilot-service-page__integration-chip,
.azure-openai-page .copilot-service-page__process-step {
  border-color: rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
}

.azure-openai-page .copilot-service-page__process-step span {
  border-color: rgba(79, 117, 255, 0.28);
  color: #e2e9ff;
  background: rgba(79, 117, 255, 0.12);
}

.azure-openai-page .copilot-service-page__trust-icon {
  background: linear-gradient(135deg, rgba(25, 159, 215, 0.18), rgba(79, 117, 255, 0.14));
}

.azure-openai-page .copilot-service-page__cta {
  border-color: rgba(79, 117, 255, 0.22);
}

.azure-openai-page .copilot-service-page__cta-orb {
  background: radial-gradient(circle, rgba(25, 159, 215, 0.56), rgba(79, 117, 255, 0.16) 52%, rgba(138, 80, 216, 0.08) 66%, rgba(25, 159, 215, 0) 74%);
}

.azure-services-page {
  --azure-services-accent-1: #0b64ff;
  --azure-services-accent-2: #2d8cff;
  --azure-services-accent-3: #6fb8ff;
  --azure-services-border: rgba(45, 140, 255, 0.24);
  --azure-services-border-strong: rgba(45, 140, 255, 0.4);
  --azure-services-shadow: rgba(45, 140, 255, 0.18);
}

.azure-services-page .section,
.azure-services-page .m365-page__hero,
.azure-services-page .m365-page__services {
  background:
    radial-gradient(circle at top, rgba(11, 100, 255, 0.08), transparent 34%),
    linear-gradient(180deg, #05070d, #03050a 70%);
}

.azure-services-page .m365-page__accent,
.azure-services-page .m365-page__accent-inline {
  background: linear-gradient(135deg, var(--azure-services-accent-3), var(--azure-services-accent-2) 44%, var(--azure-services-accent-1));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.azure-services-page .button {
  border-color: var(--azure-services-border-strong);
  background: linear-gradient(135deg, var(--azure-services-accent-1), var(--azure-services-accent-2) 58%, var(--azure-services-accent-3));
  box-shadow: 0 18px 40px var(--azure-services-shadow);
}

.azure-services-page .button:hover {
  background: linear-gradient(135deg, var(--azure-services-accent-2), var(--azure-services-accent-1) 46%, var(--azure-services-accent-3));
}

.azure-services-page .button--ghost {
  border-color: rgba(111, 184, 255, 0.24);
  background: rgba(10, 18, 35, 0.5);
  box-shadow: none;
}

.azure-services-page .button--ghost:hover {
  background: rgba(10, 18, 35, 0.82);
}

.azure-services-page .m365-page__proof-row {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.azure-services-page .m365-page__hero-orbit {
  width: 40rem;
  height: 23rem;
  inset: auto -3rem -5rem auto;
  background:
    radial-gradient(circle at center, rgba(45, 140, 255, 0.16), transparent 54%),
    repeating-radial-gradient(circle at center, rgba(45, 140, 255, 0.08) 0 2px, transparent 2px 14px);
}

.azure-services-page__hero-visual {
  min-height: 760px;
}

.azure-services-page__console {
  position: relative;
  width: min(100%, 880px);
  overflow: hidden;
  border: 1px solid var(--azure-services-border-strong);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.008)),
    rgba(7, 10, 18, 0.96);
  box-shadow:
    0 0 0 1px rgba(45, 140, 255, 0.08),
    0 40px 90px rgba(0, 0, 0, 0.54);
  z-index: 1;
}

.azure-services-page__console-topbar {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 1rem;
  align-items: center;
  min-height: 4rem;
  padding: 0 1.2rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.02);
}

.azure-services-page__product {
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  color: #fff;
  font-weight: 700;
}

.azure-services-page__product img {
  width: 1.7rem;
  height: 1.7rem;
}

.azure-services-page__search {
  min-height: 2.2rem;
  display: flex;
  align-items: center;
  padding: 0 1rem;
  color: rgba(255, 255, 255, 0.48);
  font-size: 0.86rem;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.025);
}

.azure-services-page__top-actions {
  display: inline-flex;
  gap: 0.45rem;
}

.azure-services-page__top-actions span {
  width: 0.75rem;
  height: 0.75rem;
  background: rgba(255, 255, 255, 0.16);
}

.azure-services-page__console-body {
  display: grid;
  grid-template-columns: 10.5rem 1fr;
}

.azure-services-page__sidebar {
  display: grid;
  gap: 0.45rem;
  align-content: start;
  padding: 1rem 0.85rem;
  border-right: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.02);
}

.azure-services-page__sidebar span {
  padding: 0.65rem 0.7rem;
  color: rgba(255, 255, 255, 0.64);
  font-size: 0.82rem;
  line-height: 1.3;
}

.azure-services-page__sidebar .is-active {
  color: #fff;
  background: rgba(45, 140, 255, 0.14);
}

.azure-services-page__workspace {
  display: grid;
  gap: 1rem;
  padding: 1.1rem;
}

.azure-services-page__workspace-head strong,
.azure-services-page__summary-title strong,
.azure-services-page__service-grid strong,
.azure-services-page__summary-card strong,
.azure-services-page__core-card strong,
.azure-services-page__process-step strong,
.azure-services-page__logo-grid span {
  color: #fff;
}

.azure-services-page__workspace-head span,
.azure-services-page__summary-title span,
.azure-services-page__summary-card span,
.azure-services-page__summary-card small,
.azure-services-page__process-step p {
  color: rgba(255, 255, 255, 0.68);
}

.azure-services-page__service-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0.75rem;
}

.azure-services-page__service-grid article,
.azure-services-page__summary-card,
.azure-services-page__core-card,
.azure-services-page__process-step {
  border: 1px solid rgba(255, 255, 255, 0.08);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.032), rgba(255, 255, 255, 0.012)),
    rgba(255, 255, 255, 0.015);
}

.azure-services-page__service-grid article {
  display: grid;
  gap: 0.65rem;
  justify-items: start;
  padding: 0.85rem 0.7rem;
}

.azure-services-page__service-grid span,
.azure-services-page__core-card span,
.azure-services-page__process-step span,
.azure-services-page__service-mark {
  width: 2.7rem;
  height: 2.7rem;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(92, 174, 255, 0.28);
  background: rgba(45, 140, 255, 0.12);
  color: #b8dcff;
  font-size: 0.82rem;
  font-weight: 800;
}

.azure-services-page__service-grid strong {
  font-size: 0.8rem;
  line-height: 1.35;
}

.azure-services-page__summary-grid {
  display: grid;
  grid-template-columns: 1fr 0.9fr;
  gap: 1rem;
}

.azure-services-page__summary-card {
  padding: 1rem;
}

.azure-services-page__summary-title {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}

.azure-services-page__summary-list {
  display: grid;
  gap: 0.75rem;
  list-style: none;
}

.azure-services-page__summary-list li {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.55rem 0;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.72);
}

.azure-services-page__summary-list li:first-child {
  border-top: 0;
  padding-top: 0;
}

.azure-services-page__cost-shell {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  align-items: center;
}

.azure-services-page__cost-donut {
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  background:
    radial-gradient(circle at center, rgba(7, 10, 18, 0.98) 0 42%, transparent 43%),
    conic-gradient(#55d4ff 0 32%, #47c7a2 32% 68%, #2f7dff 68% 100%);
  box-shadow: 0 0 28px rgba(45, 140, 255, 0.18);
}

.azure-services-page__summary-card--cost strong {
  display: block;
  font-size: 1.5rem;
  line-height: 1;
}

.azure-services-page__summary-card--cost span,
.azure-services-page__summary-card--cost small {
  display: block;
  margin-top: 0.45rem;
}

.azure-services-page__summary-card--cost small {
  color: #7fe0b2;
}

.azure-services-page__wave {
  position: absolute;
  right: -2rem;
  bottom: 2rem;
  width: 24rem;
  height: 12rem;
  background:
    radial-gradient(circle at 35% 65%, rgba(45, 140, 255, 0.14), transparent 48%),
    repeating-radial-gradient(circle at 40% 70%, rgba(45, 140, 255, 0.08) 0 2px, transparent 2px 12px);
  opacity: 0.8;
}

.azure-services-page .m365-page__why-icon,
.azure-services-page .copilot-service-page__trust-icon {
  border-color: rgba(45, 140, 255, 0.24);
  background: rgba(45, 140, 255, 0.12);
  color: #d9ecff;
}

.azure-services-page__core-grid {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 1rem;
}

.azure-services-page__core-card {
  display: grid;
  justify-items: center;
  gap: 0.8rem;
  padding: 1.1rem 0.8rem;
  text-align: center;
}

.azure-services-page__core-card strong {
  font-size: 0.88rem;
  line-height: 1.35;
}

.azure-services-page__process-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 1rem;
}

.azure-services-page__process-step {
  position: relative;
  padding: 1.25rem 1rem;
  text-align: center;
}

.azure-services-page__process-step::after {
  content: "";
  position: absolute;
  top: 2rem;
  right: -0.55rem;
  width: 1.1rem;
  border-top: 1px dashed rgba(45, 140, 255, 0.38);
}

.azure-services-page__process-step:last-child::after {
  display: none;
}

.azure-services-page__process-step p {
  margin-top: 0.65rem;
  font-size: 0.88rem;
}

.azure-services-page__trust-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
  gap: 1.25rem;
}

.azure-services-page__trust-panel {
  height: 100%;
}

.azure-services-page__logo-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
}

.azure-services-page__logo-grid span {
  min-height: 4.3rem;
  display: grid;
  place-items: center;
  padding: 0.8rem;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.02);
  font-size: 1rem;
  font-weight: 700;
}

.azure-services-page__trust-cards {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.azure-services-page__cta {
  border-color: var(--azure-services-border);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.01)),
    rgba(8, 11, 18, 0.96);
}

.azure-services-page__cta-art img:nth-of-type(1) {
  right: 3rem;
  bottom: 2rem;
  width: 5.2rem;
  height: 5.2rem;
}

.azure-services-page__cta-art img:nth-of-type(2) {
  right: 8.2rem;
  bottom: 1rem;
  width: 2.8rem;
  height: 2.8rem;
}

.azure-services-page__cta-art img:nth-of-type(3) {
  right: 1rem;
  bottom: 0.8rem;
  width: 2.9rem;
  height: 2.9rem;
}

@media (max-width: 1200px) {

  .azure-services-page .m365-page__proof-row,
  .azure-services-page__service-grid,
  .azure-services-page__core-grid,
  .azure-services-page__process-grid,
  .azure-services-page__logo-grid,
  .azure-services-page__trust-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .azure-services-page__summary-grid,
  .azure-services-page__trust-grid,
  .azure-services-page__console-body {
    grid-template-columns: 1fr;
  }

  .azure-services-page__sidebar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  }
}

@media (max-width: 900px) {
  .azure-services-page__console-topbar {
    grid-template-columns: 1fr;
  }

  .azure-services-page__search,
  .azure-services-page__top-actions {
    justify-self: start;
    width: 100%;
  }

  .azure-services-page .m365-page__proof-row,
  .azure-services-page__service-grid,
  .azure-services-page__core-grid,
  .azure-services-page__process-grid,
  .azure-services-page__logo-grid,
  .azure-services-page__trust-cards,
  .azure-services-page__sidebar {
    grid-template-columns: 1fr;
  }
}

.ai-agents-page {
  --ai-agents-accent-1: #4f75ff;
  --ai-agents-accent-2: #8a50d8;
  --ai-agents-accent-3: #ab5cff;
  --ai-agents-border: rgba(138, 80, 216, 0.32);
  --ai-agents-border-strong: rgba(79, 117, 255, 0.4);
  --ai-agents-shadow: rgba(90, 92, 255, 0.22);
  background: #000;
}

.ai-agents-page .section,
.ai-agents-page .m365-page__hero,
.ai-agents-page .m365-page__services {
  background: #000;
}

.ai-agents-page .m365-page__accent,
.ai-agents-page .m365-page__accent-inline {
  background: linear-gradient(135deg, var(--ai-agents-accent-1), var(--ai-agents-accent-2) 52%, var(--ai-agents-accent-3));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.ai-agents-page .button {
  border-color: var(--ai-agents-border-strong);
  background: linear-gradient(135deg, var(--ai-agents-accent-1), var(--ai-agents-accent-2) 52%, var(--ai-agents-accent-3));
  box-shadow: 0 18px 42px var(--ai-agents-shadow);
}

.ai-agents-page .button:hover {
  background: linear-gradient(135deg, var(--ai-agents-accent-1), var(--ai-agents-accent-3) 46%, var(--ai-agents-accent-2));
}

.ai-agents-page .button--ghost {
  border-color: rgba(79, 117, 255, 0.3);
  background: rgba(79, 117, 255, 0.08);
  box-shadow: none;
}

.ai-agents-page .button--ghost:hover {
  background: rgba(138, 80, 216, 0.12);
}

.ai-agents-page .m365-page__proof-row {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.ai-agents-page .m365-page__hero-orbit {
  width: 40rem;
  height: 25rem;
  inset: auto 0 -4rem auto;
  background:
    radial-gradient(circle at center, rgba(79, 117, 255, 0.22), transparent 56%),
    repeating-radial-gradient(circle at center, rgba(138, 80, 216, 0.12) 0 2px, transparent 2px 15px);
}

.ai-agents-page__hero-visual {
  min-height: 710px;
}

.ai-agents-page__hero-stage {
  position: relative;
  display: grid;
  grid-template-columns: 1fr minmax(260px, 320px) 1fr;
  align-items: center;
  gap: 1.25rem;
  width: min(100%, 780px);
  min-height: 620px;
  padding: 2rem 1.6rem;
  border: 1px solid var(--ai-agents-border);
  background:
    radial-gradient(circle at 50% 52%, rgba(138, 80, 216, 0.16), transparent 18rem),
    linear-gradient(180deg, rgba(17, 18, 24, 0.98), rgba(5, 6, 12, 0.99));
  box-shadow:
    0 0 0 1px rgba(79, 117, 255, 0.1),
    0 38px 90px rgba(0, 0, 0, 0.52);
  overflow: hidden;
}

.ai-agents-page__hero-grid {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, transparent 0 14%, rgba(79, 117, 255, 0.08) 14% 14.2%, transparent 14.2% 85.8%, rgba(171, 92, 255, 0.08) 85.8% 86%, transparent 86%),
    linear-gradient(180deg, transparent 0 18%, rgba(79, 117, 255, 0.08) 18% 18.2%, transparent 18.2% 81.8%, rgba(138, 80, 216, 0.08) 81.8% 82%, transparent 82%);
  pointer-events: none;
}

.ai-agents-page__callout-column {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 1rem;
}

.ai-agents-page__callout {
  position: relative;
  min-height: 5.5rem;
  padding: 1rem 1rem 0.95rem;
  border: 1px solid rgba(138, 80, 216, 0.26);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
    rgba(8, 10, 18, 0.95);
  box-shadow: 0 20px 44px rgba(0, 0, 0, 0.22);
}

.ai-agents-page__callout strong {
  display: block;
  color: #fff;
  font-size: 0.95rem;
  line-height: 1.2;
}

.ai-agents-page__callout span {
  display: block;
  margin-top: 0.35rem;
  color: rgba(255, 255, 255, 0.68);
  font-size: 0.8rem;
  line-height: 1.45;
}

.ai-agents-page__callout-column--left .ai-agents-page__callout::after,
.ai-agents-page__callout-column--right .ai-agents-page__callout::before {
  content: "";
  position: absolute;
  top: 50%;
  width: 2.2rem;
  border-top: 1px dashed rgba(79, 117, 255, 0.42);
}

.ai-agents-page__callout-column--left .ai-agents-page__callout::after {
  right: -2.2rem;
}

.ai-agents-page__callout-column--right .ai-agents-page__callout::before {
  left: -2.2rem;
}

.ai-agents-page__agent-core {
  position: relative;
  z-index: 1;
  min-height: 28rem;
  display: grid;
  place-items: center;
}

.ai-agents-page__agent-glow {
  position: absolute;
  left: 50%;
  bottom: 5rem;
  width: 16rem;
  height: 16rem;
  transform: translateX(-50%);
  background: radial-gradient(circle, rgba(79, 117, 255, 0.3), rgba(138, 80, 216, 0.16) 50%, rgba(79, 117, 255, 0) 72%);
  filter: blur(10px);
}

.ai-agents-page__agent-ring {
  position: absolute;
  left: 50%;
  bottom: 3.8rem;
  border: 1px solid rgba(79, 117, 255, 0.32);
  transform: translateX(-50%);
  box-shadow:
    0 0 24px rgba(79, 117, 255, 0.14),
    inset 0 0 18px rgba(138, 80, 216, 0.14);
}

.ai-agents-page__agent-ring--outer {
  width: 17.5rem;
  height: 4.8rem;
}

.ai-agents-page__agent-ring--inner {
  bottom: 4.5rem;
  width: 11rem;
  height: 3rem;
  border-color: rgba(171, 92, 255, 0.3);
}

.ai-agents-page__agent-body {
  position: relative;
  display: grid;
  justify-items: center;
  gap: 1rem;
}

.ai-agents-page__agent-head {
  position: relative;
  width: 9rem;
  height: 9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.2rem;
  border: 1px solid rgba(138, 80, 216, 0.3);
  background:
    radial-gradient(circle at 50% 35%, rgba(255, 255, 255, 0.14), rgba(79, 117, 255, 0.18) 42%, rgba(138, 80, 216, 0.16) 64%, rgba(9, 10, 20, 0.98) 86%),
    rgba(9, 10, 20, 0.96);
  box-shadow:
    0 30px 64px rgba(0, 0, 0, 0.32),
    0 0 40px rgba(90, 92, 255, 0.2);
}

.ai-agents-page__agent-head::before,
.ai-agents-page__agent-head::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 1.1rem;
  height: 2.1rem;
  border: 1px solid rgba(138, 80, 216, 0.28);
  background: rgba(10, 11, 22, 0.96);
  transform: translateY(-50%);
}

.ai-agents-page__agent-head::before {
  left: -0.8rem;
}

.ai-agents-page__agent-head::after {
  right: -0.8rem;
}

.ai-agents-page__agent-head span {
  width: 1rem;
  height: 1.8rem;
  background: linear-gradient(180deg, #8cf2ff, #5cd2ff);
  box-shadow: 0 0 18px rgba(92, 210, 255, 0.54);
}

.ai-agents-page__agent-body strong {
  color: #fff;
  font-size: 2rem;
  letter-spacing: 0.04em;
}

.ai-agents-page .m365-page__why-icon {
  color: #eef0ff;
  background: linear-gradient(135deg, rgba(79, 117, 255, 0.2), rgba(138, 80, 216, 0.14));
}

.ai-agents-page .copilot-service-page__use-icon {
  border-color: rgba(138, 80, 216, 0.28);
  color: #efe7ff;
  background: rgba(138, 80, 216, 0.12);
}

.ai-agents-page .copilot-service-page__panel,
.ai-agents-page .copilot-service-page__use-case,
.ai-agents-page .copilot-service-page__trust-card,
.ai-agents-page .copilot-service-page__cta {
  border-color: rgba(138, 80, 216, 0.18);
}

.ai-agents-page .copilot-service-page__process-step span {
  border-color: rgba(79, 117, 255, 0.28);
  color: #e4ebff;
  background: rgba(79, 117, 255, 0.12);
}

.ai-agents-page .copilot-service-page__trust-icon {
  background: linear-gradient(135deg, rgba(79, 117, 255, 0.18), rgba(138, 80, 216, 0.14));
}

.ai-agents-page .copilot-service-page__cta-orb {
  background: radial-gradient(circle, rgba(79, 117, 255, 0.52), rgba(138, 80, 216, 0.14) 54%, rgba(79, 117, 255, 0) 72%);
}

.ai-foundry-page {
  --ai-foundry-accent-1: #4d72ff;
  --ai-foundry-accent-2: #7b5cff;
  --ai-foundry-accent-3: #ab63ff;
  --ai-foundry-border: rgba(123, 92, 255, 0.24);
  --ai-foundry-border-strong: rgba(87, 129, 255, 0.42);
  --ai-foundry-shadow: rgba(67, 105, 255, 0.22);
}

.ai-foundry-page .section,
.ai-foundry-page .m365-page__hero,
.ai-foundry-page .m365-page__services {
  background:
    radial-gradient(circle at top, rgba(77, 114, 255, 0.09), transparent 36%),
    linear-gradient(180deg, #060913, #05070d 72%);
}

.ai-foundry-page .m365-page__accent,
.ai-foundry-page .m365-page__accent-inline {
  background: linear-gradient(135deg, var(--ai-foundry-accent-1), var(--ai-foundry-accent-2) 55%, var(--ai-foundry-accent-3));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.ai-foundry-page .button {
  border-color: var(--ai-foundry-border-strong);
  background: linear-gradient(135deg, var(--ai-foundry-accent-1), var(--ai-foundry-accent-2) 55%, var(--ai-foundry-accent-3));
  box-shadow: 0 18px 42px var(--ai-foundry-shadow);
}

.ai-foundry-page .button:hover {
  background: linear-gradient(135deg, var(--ai-foundry-accent-1), var(--ai-foundry-accent-3) 46%, var(--ai-foundry-accent-2));
}

.ai-foundry-page .button--ghost {
  border-color: rgba(171, 99, 255, 0.34);
  background: rgba(7, 10, 18, 0.58);
  box-shadow: none;
}

.ai-foundry-page .button--ghost:hover {
  background: rgba(10, 15, 29, 0.86);
}

.ai-foundry-page .m365-page__proof-row {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ai-foundry-page .m365-page__hero-orbit {
  background:
    radial-gradient(circle, rgba(95, 122, 255, 0.18) 0, rgba(95, 122, 255, 0) 68%),
    repeating-radial-gradient(circle, rgba(98, 126, 255, 0.14) 0 2px, transparent 2px 18px);
  inset: auto 8% -16% auto;
  width: 72%;
  height: 72%;
}

.ai-foundry-page__hero-visual {
  position: relative;
}

.ai-foundry-page__hero-stage {
  position: relative;
  min-height: 38rem;
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(13rem, 1.1fr) minmax(0, 0.9fr);
  gap: 1rem;
  align-items: center;
  padding: 2rem;
  border: 1px solid var(--ai-foundry-border);
  background:
    linear-gradient(180deg, rgba(11, 15, 28, 0.95), rgba(6, 9, 18, 0.98)),
    radial-gradient(circle at center, rgba(123, 92, 255, 0.1), transparent 45%);
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.38);
  overflow: hidden;
}

.ai-foundry-page__hero-stage::before {
  content: "";
  position: absolute;
  inset: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.04);
  pointer-events: none;
}

.ai-foundry-page__callout-column {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 0.95rem;
}

.ai-foundry-page__callout {
  position: relative;
  padding: 1rem 1rem 1rem 1.05rem;
  border: 1px solid rgba(113, 134, 255, 0.24);
  background: linear-gradient(180deg, rgba(20, 24, 39, 0.9), rgba(11, 14, 24, 0.96));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.ai-foundry-page__callout strong {
  display: block;
  color: #fff;
  font-size: 0.98rem;
}

.ai-foundry-page__callout span {
  display: block;
  margin-top: 0.4rem;
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.88rem;
  line-height: 1.6;
}

.ai-foundry-page__callout-column--left .ai-foundry-page__callout::after,
.ai-foundry-page__callout-column--right .ai-foundry-page__callout::before {
  content: "";
  position: absolute;
  top: 50%;
  width: 1.5rem;
  border-top: 1px dashed rgba(108, 137, 255, 0.4);
}

.ai-foundry-page__callout-column--left .ai-foundry-page__callout::after {
  right: -1.5rem;
}

.ai-foundry-page__callout-column--right .ai-foundry-page__callout::before {
  left: -1.5rem;
}

.ai-foundry-page__core-shell {
  position: relative;
  min-height: 28rem;
  display: grid;
  place-items: center;
}

.ai-foundry-page__core-glow {
  position: absolute;
  width: 18rem;
  height: 18rem;
  background: radial-gradient(circle, rgba(123, 92, 255, 0.34), rgba(77, 114, 255, 0.18) 48%, transparent 74%);
  filter: blur(8px);
}

.ai-foundry-page__core-ring {
  position: absolute;
  border: 1px solid rgba(93, 126, 255, 0.36);
  border-radius: 50%;
}

.ai-foundry-page__core-ring--outer {
  width: 16.5rem;
  height: 5.8rem;
  bottom: 6rem;
}

.ai-foundry-page__core-ring--inner {
  width: 12.8rem;
  height: 4.2rem;
  bottom: 6.8rem;
}

.ai-foundry-page__core-mark {
  position: relative;
  z-index: 1;
  width: 14.5rem;
  min-height: 18rem;
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 1rem;
  padding: 2rem 1.2rem 3.3rem;
  border: 1px solid rgba(122, 108, 255, 0.3);
  background:
    radial-gradient(circle at 50% 20%, rgba(167, 114, 255, 0.28), transparent 42%),
    linear-gradient(180deg, rgba(19, 24, 48, 0.96), rgba(9, 11, 20, 0.98));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 22px 50px rgba(16, 25, 72, 0.38);
}

.ai-foundry-page__core-mark img {
  width: 6.5rem;
  height: 6.5rem;
}

.ai-foundry-page__core-mark strong {
  color: #fff;
  font-size: 1.55rem;
  text-align: center;
  line-height: 1.15;
}

.ai-foundry-page__logo-band {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.ai-foundry-page__logos {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 1rem;
  align-items: center;
  text-align: center;
}

.ai-foundry-page__logos span {
  color: rgba(255, 255, 255, 0.82);
  font-size: clamp(1rem, 1.6vw, 1.5rem);
  font-weight: 700;
  letter-spacing: -0.03em;
}

.ai-foundry-page__why-grid {
  grid-template-columns: 1.2fr repeat(5, minmax(0, 1fr));
}

.ai-foundry-page__why-intro {
  padding-right: 1rem;
}

.ai-foundry-page .m365-page__why-icon,
.ai-foundry-page .copilot-service-page__process-step span,
.ai-foundry-page .copilot-service-page__trust-icon {
  background: linear-gradient(180deg, rgba(95, 104, 255, 0.18), rgba(128, 85, 255, 0.08));
  border-color: rgba(104, 125, 255, 0.28);
}

.ai-foundry-page .copilot-service-page__panel,
.ai-foundry-page .copilot-service-page__cta,
.ai-foundry-page .copilot-service-page__trust-card {
  border-color: var(--ai-foundry-border);
  background: linear-gradient(180deg, rgba(15, 18, 31, 0.94), rgba(8, 10, 18, 0.98));
}

.ai-foundry-page__benefit-list {
  display: grid;
  gap: 0.95rem;
  list-style: none;
}

.ai-foundry-page__benefit-list li {
  position: relative;
  padding-left: 1.55rem;
  color: rgba(255, 255, 255, 0.82);
}

.ai-foundry-page__benefit-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.45rem;
  width: 0.65rem;
  height: 0.65rem;
  background: linear-gradient(135deg, var(--ai-foundry-accent-1), var(--ai-foundry-accent-3));
}

.ai-foundry-page__industry-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.2fr);
  gap: 1.5rem;
}

.ai-foundry-page__industry-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}

.ai-foundry-page__industry-list span {
  padding: 1rem 0.8rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
  color: #fff;
  text-align: center;
  font-size: 0.86rem;
}

.ai-foundry-page__cta {
  align-items: center;
}

.ai-foundry-page__cta-art img:nth-of-type(1) {
  right: 2.1rem;
  bottom: 2rem;
  width: 5.8rem;
  height: 5.8rem;
}

.ai-foundry-page__cta-art img:nth-of-type(2) {
  right: 8rem;
  top: 0.8rem;
  width: 3rem;
  height: 3rem;
}

.ai-foundry-page__cta-art img:nth-of-type(3) {
  right: 1rem;
  top: 1.8rem;
  width: 2.8rem;
  height: 2.8rem;
}

.ai-foundry-page__trust-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 1200px) {

  .ai-foundry-page__hero-stage,
  .ai-foundry-page__why-grid,
  .ai-foundry-page__industry-grid {
    grid-template-columns: 1fr;
  }

  .ai-foundry-page__logos,
  .ai-foundry-page__trust-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ai-foundry-page__callout-column--left .ai-foundry-page__callout::after,
  .ai-foundry-page__callout-column--right .ai-foundry-page__callout::before {
    display: none;
  }
}

@media (max-width: 980px) {

  .ai-foundry-page .m365-page__proof-row,
  .ai-foundry-page__industry-list,
  .ai-foundry-page__trust-grid {
    grid-template-columns: 1fr;
  }

  .ai-foundry-page__hero-stage {
    min-height: auto;
  }
}

@media (max-width: 640px) {

  .ai-foundry-page__hero-stage,
  .ai-foundry-page__callout,
  .ai-foundry-page .copilot-service-page__panel,
  .ai-foundry-page .copilot-service-page__trust-card,
  .ai-foundry-page .copilot-service-page__cta {
    padding: 1.25rem;
  }

  .ai-foundry-page__core-mark {
    width: 100%;
    min-height: 15.5rem;
  }

  .ai-foundry-page__core-mark strong {
    font-size: 1.3rem;
  }

  .ai-foundry-page__logos {
    grid-template-columns: 1fr;
  }
}

.fabric-ai-page {
  --fabric-accent-1: #00d98b;
  --fabric-accent-2: #17d6ff;
  --fabric-accent-3: #6b5cff;
  --fabric-border: rgba(23, 214, 255, 0.26);
  --fabric-border-strong: rgba(0, 217, 139, 0.36);
  --fabric-shadow: rgba(23, 214, 255, 0.18);
  background: #000;
}

.fabric-ai-page .section,
.fabric-ai-page .m365-page__hero,
.fabric-ai-page .m365-page__services {
  background: #000;
}

.fabric-ai-page .m365-page__accent,
.fabric-ai-page .m365-page__accent-inline {
  background: linear-gradient(135deg, var(--fabric-accent-2), var(--fabric-accent-1) 48%, var(--fabric-accent-3));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.fabric-ai-page .button {
  border-color: var(--fabric-border-strong);
  background: linear-gradient(135deg, var(--fabric-accent-1), var(--fabric-accent-2) 52%, #13b9ff);
  box-shadow: 0 18px 42px var(--fabric-shadow);
}

.fabric-ai-page .button:hover {
  background: linear-gradient(135deg, var(--fabric-accent-2), var(--fabric-accent-1) 48%, var(--fabric-accent-3));
}

.fabric-ai-page .button--ghost {
  border-color: rgba(0, 217, 139, 0.28);
  background: rgba(0, 217, 139, 0.08);
  box-shadow: none;
}

.fabric-ai-page .button--ghost:hover {
  background: rgba(23, 214, 255, 0.12);
}

.fabric-ai-page .m365-page__proof-row {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.fabric-ai-page .m365-page__hero-orbit {
  width: 42rem;
  height: 25rem;
  inset: auto -1rem -4rem auto;
  background:
    radial-gradient(circle at center, rgba(23, 214, 255, 0.2), transparent 56%),
    repeating-radial-gradient(circle at center, rgba(107, 92, 255, 0.1) 0 2px, transparent 2px 15px);
}

.fabric-ai-page__hero-visual {
  min-height: 720px;
}

.fabric-ai-page__hero-stage {
  position: relative;
  width: min(100%, 780px);
  min-height: 620px;
  border: 1px solid var(--fabric-border);
  background:
    radial-gradient(circle at 50% 58%, rgba(23, 214, 255, 0.14), transparent 18rem),
    linear-gradient(180deg, rgba(13, 15, 26, 0.98), rgba(5, 6, 12, 0.99));
  box-shadow:
    0 0 0 1px rgba(0, 217, 139, 0.08),
    0 38px 90px rgba(0, 0, 0, 0.52);
  overflow: hidden;
}

.fabric-ai-page__hero-grid {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, transparent 0 12%, rgba(23, 214, 255, 0.08) 12% 12.2%, transparent 12.2% 87.8%, rgba(107, 92, 255, 0.08) 87.8% 88%, transparent 88%),
    linear-gradient(180deg, transparent 0 18%, rgba(23, 214, 255, 0.08) 18% 18.2%, transparent 18.2% 81.8%, rgba(0, 217, 139, 0.08) 81.8% 82%, transparent 82%);
  pointer-events: none;
}

.fabric-ai-page__core {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 22rem;
  min-height: 24rem;
  display: grid;
  place-items: center;
  transform: translate(-50%, -38%);
}

.fabric-ai-page__core-glow {
  position: absolute;
  left: 50%;
  bottom: 4.8rem;
  width: 18rem;
  height: 18rem;
  transform: translateX(-50%);
  background: radial-gradient(circle, rgba(23, 214, 255, 0.28), rgba(0, 217, 139, 0.16) 46%, rgba(107, 92, 255, 0.1) 62%, rgba(23, 214, 255, 0) 74%);
  filter: blur(10px);
}

.fabric-ai-page__core-ring {
  position: absolute;
  left: 50%;
  bottom: 3rem;
  border: 1px solid rgba(23, 214, 255, 0.3);
  transform: translateX(-50%);
  box-shadow:
    0 0 26px rgba(23, 214, 255, 0.16),
    inset 0 0 20px rgba(107, 92, 255, 0.12);
}

.fabric-ai-page__core-ring--outer {
  width: 20rem;
  height: 5rem;
}

.fabric-ai-page__core-ring--inner {
  bottom: 3.8rem;
  width: 13rem;
  height: 3.1rem;
  border-color: rgba(0, 217, 139, 0.3);
}

.fabric-ai-page__core-card {
  position: relative;
  z-index: 1;
  width: 12.5rem;
  min-height: 15rem;
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 1rem;
  padding: 1.6rem 1rem 1.4rem;
  border: 1px solid rgba(23, 214, 255, 0.22);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02)),
    rgba(11, 14, 26, 0.96);
  box-shadow:
    0 30px 64px rgba(0, 0, 0, 0.32),
    0 0 36px rgba(23, 214, 255, 0.16);
}

.fabric-ai-page__core-card img {
  width: 5.8rem;
  height: 5.8rem;
  object-fit: contain;
}

.fabric-ai-page__core-card strong {
  color: #fff;
  font-size: 1.95rem;
  line-height: 1.12;
  text-align: center;
}

.fabric-ai-page__callout {
  position: absolute;
  display: grid;
  grid-template-columns: 2.5rem 1fr;
  align-items: center;
  gap: 0.8rem;
  width: 13.5rem;
  padding: 0.95rem 1rem;
  border: 1px solid rgba(107, 92, 255, 0.24);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
    rgba(8, 10, 18, 0.95);
  box-shadow: 0 20px 44px rgba(0, 0, 0, 0.22);
}

.fabric-ai-page__callout img {
  width: 2rem;
  height: 2rem;
  object-fit: contain;
}

.fabric-ai-page__callout strong {
  display: block;
  color: #fff;
  font-size: 0.95rem;
  line-height: 1.2;
}

.fabric-ai-page__callout span {
  display: block;
  margin-top: 0.28rem;
  color: rgba(255, 255, 255, 0.68);
  font-size: 0.8rem;
  line-height: 1.45;
}

.fabric-ai-page__callout--one {
  top: 1.2rem;
  left: 50%;
  transform: translateX(-50%);
}

.fabric-ai-page__callout--two {
  top: 3rem;
  left: 1.2rem;
}

.fabric-ai-page__callout--three {
  top: 10.5rem;
  left: 1rem;
}

.fabric-ai-page__callout--four {
  left: 1.6rem;
  bottom: 10rem;
}

.fabric-ai-page__callout--five {
  top: 3rem;
  right: 1.2rem;
}

.fabric-ai-page__callout--six {
  top: 10.5rem;
  right: 1rem;
}

.fabric-ai-page__callout--seven {
  right: 1.6rem;
  bottom: 10rem;
}

.fabric-ai-page .m365-page__why-icon {
  color: #e8fff9;
  background: linear-gradient(135deg, rgba(0, 217, 139, 0.18), rgba(23, 214, 255, 0.14));
}

.fabric-ai-page .copilot-service-page__use-icon {
  border-color: rgba(0, 217, 139, 0.28);
  color: #e6fff6;
  background: rgba(0, 217, 139, 0.12);
}

.fabric-ai-page .copilot-service-page__panel,
.fabric-ai-page .copilot-service-page__use-case,
.fabric-ai-page .copilot-service-page__trust-card,
.fabric-ai-page .copilot-service-page__cta {
  border-color: rgba(23, 214, 255, 0.16);
}

.fabric-ai-page .copilot-service-page__process-step span {
  border-color: rgba(23, 214, 255, 0.28);
  color: #ddfbff;
  background: rgba(23, 214, 255, 0.12);
}

.fabric-ai-page .copilot-service-page__trust-icon {
  background: linear-gradient(135deg, rgba(0, 217, 139, 0.18), rgba(23, 214, 255, 0.12));
}

.fabric-ai-page .copilot-service-page__cta-orb {
  background: radial-gradient(circle, rgba(0, 217, 139, 0.5), rgba(23, 214, 255, 0.16) 52%, rgba(0, 217, 139, 0) 74%);
}

.generative-ai-page {
  --genai-accent-1: #4f75ff;
  --genai-accent-2: #8a50d8;
  --genai-accent-3: #ee5091;
  --genai-accent-4: #17d6ff;
  --genai-border: rgba(138, 80, 216, 0.28);
  --genai-border-strong: rgba(79, 117, 255, 0.38);
  --genai-shadow: rgba(138, 80, 216, 0.18);
  background: #000;
}

.generative-ai-page .section,
.generative-ai-page .m365-page__hero,
.generative-ai-page .m365-page__services {
  background: #000;
}

.generative-ai-page .m365-page__accent,
.generative-ai-page .m365-page__accent-inline {
  background: linear-gradient(135deg, var(--genai-accent-4), var(--genai-accent-2) 42%, var(--genai-accent-3));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.generative-ai-page .button {
  border-color: var(--genai-border-strong);
  background: linear-gradient(135deg, var(--genai-accent-1), var(--genai-accent-2) 52%, var(--genai-accent-3));
  box-shadow: 0 18px 42px var(--genai-shadow);
}

.generative-ai-page .button:hover {
  background: linear-gradient(135deg, var(--genai-accent-1), var(--genai-accent-3) 48%, var(--genai-accent-2));
}

.generative-ai-page .button--ghost {
  border-color: rgba(79, 117, 255, 0.28);
  background: rgba(79, 117, 255, 0.08);
  box-shadow: none;
}

.generative-ai-page .button--ghost:hover {
  background: rgba(138, 80, 216, 0.12);
}

.generative-ai-page__badge-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, max-content));
  gap: 1rem;
  margin-top: 2rem;
}

.generative-ai-page__badge {
  display: inline-grid;
  grid-template-columns: 2.2rem 1fr;
  align-items: center;
  gap: 0.8rem;
  padding: 0.9rem 1rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.03);
}

.generative-ai-page__badge img {
  width: 2rem;
  height: 2rem;
  object-fit: contain;
}

.generative-ai-page__badge span {
  color: #fff;
  font-size: 0.92rem;
  line-height: 1.35;
}

.generative-ai-page__hero-visual {
  min-height: 700px;
}

.generative-ai-page .m365-page__hero-orbit {
  width: 41rem;
  height: 25rem;
  inset: auto -0.5rem -4rem auto;
  background:
    radial-gradient(circle at center, rgba(79, 117, 255, 0.18), transparent 56%),
    repeating-radial-gradient(circle at center, rgba(138, 80, 216, 0.1) 0 2px, transparent 2px 15px);
}

.generative-ai-page__hero-stage {
  position: relative;
  width: min(100%, 780px);
  min-height: 610px;
  border: 1px solid var(--genai-border);
  background:
    radial-gradient(circle at 50% 58%, rgba(79, 117, 255, 0.14), transparent 18rem),
    linear-gradient(180deg, rgba(12, 14, 26, 0.98), rgba(5, 6, 12, 0.99));
  box-shadow:
    0 0 0 1px rgba(79, 117, 255, 0.08),
    0 38px 90px rgba(0, 0, 0, 0.52);
  overflow: hidden;
}

.generative-ai-page__callout {
  position: absolute;
  width: 14rem;
  padding: 0.95rem 1rem;
  border: 1px solid rgba(138, 80, 216, 0.24);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
    rgba(8, 10, 18, 0.95);
  box-shadow: 0 20px 44px rgba(0, 0, 0, 0.22);
}

.generative-ai-page__callout strong {
  display: block;
  color: #fff;
  font-size: 0.95rem;
  line-height: 1.2;
}

.generative-ai-page__callout span {
  display: block;
  margin-top: 0.3rem;
  color: rgba(255, 255, 255, 0.68);
  font-size: 0.8rem;
  line-height: 1.45;
}

.generative-ai-page__callout--content {
  top: 3rem;
  left: 1rem;
}

.generative-ai-page__callout--insights {
  top: 3rem;
  right: 1rem;
}

.generative-ai-page__callout--automation {
  top: 12rem;
  left: 1.4rem;
}

.generative-ai-page__callout--personalization {
  top: 12rem;
  right: 1.4rem;
}

.generative-ai-page__callout--assistants {
  bottom: 11rem;
  left: 1rem;
}

.generative-ai-page__callout--innovation {
  bottom: 11rem;
  right: 1rem;
}

.generative-ai-page__brain-core {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 22rem;
  min-height: 24rem;
  display: grid;
  place-items: center;
  transform: translate(-50%, -34%);
}

.generative-ai-page__brain-glow {
  position: absolute;
  left: 50%;
  bottom: 4rem;
  width: 18rem;
  height: 18rem;
  transform: translateX(-50%);
  background: radial-gradient(circle, rgba(23, 214, 255, 0.22), rgba(138, 80, 216, 0.18) 46%, rgba(238, 80, 145, 0.1) 64%, rgba(23, 214, 255, 0) 74%);
  filter: blur(10px);
}

.generative-ai-page__brain-ring {
  position: absolute;
  left: 50%;
  bottom: 2.8rem;
  border: 1px solid rgba(79, 117, 255, 0.3);
  transform: translateX(-50%);
  box-shadow:
    0 0 24px rgba(79, 117, 255, 0.14),
    inset 0 0 18px rgba(138, 80, 216, 0.12);
}

.generative-ai-page__brain-ring--outer {
  width: 19rem;
  height: 5rem;
}

.generative-ai-page__brain-ring--inner {
  bottom: 3.6rem;
  width: 12rem;
  height: 3rem;
  border-color: rgba(238, 80, 145, 0.28);
}

.generative-ai-page__brain-visual {
  position: relative;
  z-index: 1;
  width: 12rem;
  height: 12rem;
  display: grid;
  place-items: center;
}

.generative-ai-page__brain-shape {
  width: 100%;
  height: 100%;
  background:
    radial-gradient(circle at 32% 34%, rgba(79, 117, 255, 0.85), rgba(79, 117, 255, 0) 34%),
    radial-gradient(circle at 68% 34%, rgba(23, 214, 255, 0.75), rgba(23, 214, 255, 0) 34%),
    radial-gradient(circle at 28% 64%, rgba(138, 80, 216, 0.76), rgba(138, 80, 216, 0) 30%),
    radial-gradient(circle at 72% 64%, rgba(238, 80, 145, 0.76), rgba(238, 80, 145, 0) 30%),
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0) 70%);
  border: 1px solid rgba(138, 80, 216, 0.2);
  clip-path: path("M106 61C106 42 92 27 73 27C66 27 59 29 53 33C48 23 38 16 26 16C9 16 -4 30 -4 47C-4 57 0 65 7 72C2 77 0 84 0 91C0 108 14 122 31 122H78C100 122 118 104 118 82C118 74 114 67 106 61Z");
  filter: drop-shadow(0 0 22px rgba(79, 117, 255, 0.28));
}

.generative-ai-page__brain-badge {
  position: absolute;
  display: grid;
  place-items: center;
  width: 5rem;
  height: 5rem;
  color: #fff;
  font-size: 2rem;
  font-weight: 800;
  background:
    linear-gradient(135deg, rgba(79, 117, 255, 0.86), rgba(138, 80, 216, 0.92) 52%, rgba(238, 80, 145, 0.88));
  box-shadow:
    0 0 28px rgba(138, 80, 216, 0.24),
    0 24px 56px rgba(0, 0, 0, 0.28);
}

.generative-ai-page__use-grid,
.generative-ai-page__stats-grid {
  display: grid;
  gap: 1rem;
}

.generative-ai-page__use-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.generative-ai-page__use-case,
.generative-ai-page__stat-card,
.generative-ai-page__panel,
.generative-ai-page__faq-panel,
.generative-ai-page__cta-panel {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
    rgba(8, 10, 16, 0.92);
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.22);
}

.generative-ai-page__use-case {
  padding: 1.3rem 1rem;
  text-align: center;
}

.generative-ai-page__use-icon {
  width: 3rem;
  height: 3rem;
  display: inline-grid;
  place-items: center;
  margin-bottom: 0.9rem;
  border: 1px solid rgba(138, 80, 216, 0.28);
  color: #f0e7ff;
  background: rgba(138, 80, 216, 0.12);
  font-size: 0.84rem;
  font-weight: 800;
  letter-spacing: 0.06em;
}

.generative-ai-page__use-case strong {
  color: #fff;
  font-size: 1rem;
  line-height: 1.35;
}

.generative-ai-page__panel {
  padding: 2rem;
}

.generative-ai-page__integration-grid {
  display: grid;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  gap: 0.9rem;
}

.generative-ai-page__integration-chip {
  min-height: 8rem;
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 0.75rem;
  padding: 1rem 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
  text-align: center;
}

.generative-ai-page__integration-chip img {
  width: 2.2rem;
  height: 2.2rem;
  object-fit: contain;
}

.generative-ai-page__integration-chip span {
  color: #fff;
  font-size: 0.86rem;
  line-height: 1.35;
}

.generative-ai-page .copilot-service-page__process-step span {
  border-color: rgba(138, 80, 216, 0.28);
  color: #f0e7ff;
  background: rgba(138, 80, 216, 0.12);
}

.generative-ai-page .copilot-service-page__trust-icon {
  background: linear-gradient(135deg, rgba(79, 117, 255, 0.18), rgba(238, 80, 145, 0.12));
}

.generative-ai-page .m365-page__why-icon {
  color: #f0e7ff;
  background: linear-gradient(135deg, rgba(79, 117, 255, 0.18), rgba(138, 80, 216, 0.16));
}

.generative-ai-page__stats-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.generative-ai-page__stat-card {
  display: grid;
  gap: 0.9rem;
  padding: 1.5rem;
}

.generative-ai-page__stat-icon {
  color: #fff;
  font-size: 2rem;
  font-weight: 800;
}

.generative-ai-page__stat-card strong {
  color: rgba(255, 255, 255, 0.88);
  font-size: 1rem;
  line-height: 1.4;
}

.generative-ai-page__faq-shell {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  gap: 1.25rem;
}

.generative-ai-page__faq-panel,
.generative-ai-page__cta-panel {
  padding: 2rem;
}

.generative-ai-page__faq-list {
  display: grid;
  gap: 0.8rem;
}

.generative-ai-page__faq-item {
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.02);
}

.generative-ai-page__faq-item summary {
  position: relative;
  padding: 1rem 3rem 1rem 1rem;
  color: #fff;
  cursor: pointer;
  list-style: none;
  font-size: 0.95rem;
  font-weight: 600;
}

.generative-ai-page__faq-item summary::-webkit-details-marker {
  display: none;
}

.generative-ai-page__faq-item summary::after {
  content: "+";
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(255, 255, 255, 0.72);
  font-size: 1.15rem;
}

.generative-ai-page__faq-item[open] summary::after {
  content: "-";
}

.generative-ai-page__faq-item p {
  padding: 0 1rem 1rem;
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.92rem;
  line-height: 1.65;
}

.generative-ai-page__cta-panel .copilot-service-page__cta {
  grid-template-columns: 1fr;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.generative-ai-page__cta-art {
  position: relative;
  min-height: 200px;
  overflow: hidden;
}

.generative-ai-page__cta-glow {
  position: absolute;
  inset: auto auto 1rem 1rem;
  width: 12rem;
  height: 12rem;
  background: radial-gradient(circle, rgba(79, 117, 255, 0.28), rgba(138, 80, 216, 0.12) 52%, rgba(79, 117, 255, 0) 72%);
  filter: blur(6px);
}

.generative-ai-page__cta-art img {
  position: absolute;
  width: 52px;
  height: 52px;
  object-fit: contain;
  padding: 0.8rem;
  background: rgba(255, 255, 255, 0.06);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.22);
}

.generative-ai-page__cta-art img:nth-of-type(1) {
  left: 2rem;
  bottom: 3rem;
}

.generative-ai-page__cta-art img:nth-of-type(2) {
  left: 7rem;
  bottom: 5rem;
}

.generative-ai-page__cta-art img:nth-of-type(3) {
  left: 12rem;
  bottom: 2.5rem;
}

.power-apps-page {
  --powerapps-accent-1: #8a50d8;
  --powerapps-accent-2: #c05cff;
  --powerapps-accent-3: #ee5091;
  --powerapps-accent-4: #4f75ff;
  --powerapps-border: rgba(192, 92, 255, 0.26);
  --powerapps-border-strong: rgba(138, 80, 216, 0.38);
  --powerapps-shadow: rgba(138, 80, 216, 0.18);
  background: #000;
}

.power-apps-page .section,
.power-apps-page .m365-page__hero,
.power-apps-page .m365-page__services {
  background: #000;
}

.power-apps-page .m365-page__accent,
.power-apps-page .m365-page__accent-inline {
  background: linear-gradient(135deg, var(--powerapps-accent-2), var(--powerapps-accent-1) 44%, var(--powerapps-accent-3));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.power-apps-page .button {
  border-color: var(--powerapps-border-strong);
  background: linear-gradient(135deg, var(--powerapps-accent-1), var(--powerapps-accent-2) 54%, var(--powerapps-accent-3));
  box-shadow: 0 18px 42px var(--powerapps-shadow);
}

.power-apps-page .button:hover {
  background: linear-gradient(135deg, var(--powerapps-accent-2), var(--powerapps-accent-3) 48%, var(--powerapps-accent-1));
}

.power-apps-page .button--ghost {
  border-color: rgba(192, 92, 255, 0.28);
  background: rgba(138, 80, 216, 0.08);
  box-shadow: none;
}

.power-apps-page .button--ghost:hover {
  background: rgba(192, 92, 255, 0.12);
}

.power-apps-page__badge-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, max-content));
  gap: 1rem;
  margin-top: 2rem;
}

.power-apps-page__badge {
  display: inline-grid;
  grid-template-columns: 2rem 1fr;
  align-items: center;
  gap: 0.8rem;
  padding: 0.9rem 1rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.03);
}

.power-apps-page__badge img {
  width: 1.9rem;
  height: 1.9rem;
  object-fit: contain;
}

.power-apps-page__badge span {
  color: #fff;
  font-size: 0.92rem;
}

.power-apps-page__hero-visual {
  min-height: 710px;
}

.power-apps-page .m365-page__hero-orbit {
  width: 40rem;
  height: 24rem;
  inset: auto 0 -4rem auto;
  background:
    radial-gradient(circle at center, rgba(138, 80, 216, 0.2), transparent 56%),
    repeating-radial-gradient(circle at center, rgba(192, 92, 255, 0.1) 0 2px, transparent 2px 15px);
}

.power-apps-page__workspace {
  position: relative;
  width: min(100%, 780px);
}

.power-apps-page__workspace-shell {
  position: relative;
  border: 1px solid var(--powerapps-border);
  background:
    radial-gradient(circle at 72% 24%, rgba(192, 92, 255, 0.08), transparent 18rem),
    linear-gradient(180deg, rgba(16, 15, 24, 0.98), rgba(6, 6, 12, 0.99));
  box-shadow:
    0 0 0 1px rgba(138, 80, 216, 0.08),
    0 38px 90px rgba(0, 0, 0, 0.52);
  overflow: hidden;
}

.power-apps-page__workspace-top {
  display: grid;
  grid-template-columns: 120px 1fr 180px;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.15rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
}

.power-apps-page__workspace-top span {
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.82rem;
}

.power-apps-page__workspace-top span:first-child {
  color: #fff;
  font-weight: 700;
}

.power-apps-page__workspace-body {
  display: grid;
  grid-template-columns: 88px 1.2fr 0.88fr;
  min-height: 520px;
}

.power-apps-page__workspace-nav {
  display: grid;
  gap: 0.75rem;
  align-content: start;
  padding: 1rem 0.85rem;
  border-right: 1px solid rgba(255, 255, 255, 0.06);
  background: linear-gradient(180deg, rgba(17, 16, 24, 0.98), rgba(10, 9, 15, 0.98));
}

.power-apps-page__workspace-nav span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.6rem;
  padding: 0.65rem 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.68);
  background: rgba(255, 255, 255, 0.03);
  font-size: 0.76rem;
  text-align: center;
}

.power-apps-page__workspace-nav .is-active {
  color: #fff;
  border-color: rgba(192, 92, 255, 0.3);
  background: rgba(192, 92, 255, 0.14);
}

.power-apps-page__workspace-main {
  display: grid;
  grid-template-columns: 1fr 0.9fr;
  gap: 1rem;
  padding: 1.2rem;
  border-right: 1px solid rgba(255, 255, 255, 0.06);
}

.power-apps-page__app-list {
  display: grid;
  gap: 0.85rem;
}

.power-apps-page__app-item,
.power-apps-page__workspace-panel,
.power-apps-page__mobile-card {
  border: 1px solid rgba(255, 255, 255, 0.08);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
    rgba(10, 10, 18, 0.92);
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.18);
}

.power-apps-page__app-item {
  padding: 1rem;
}

.power-apps-page__app-item strong,
.power-apps-page__workspace-panel strong,
.power-apps-page__mobile-card strong {
  display: block;
  color: #fff;
  font-size: 0.95rem;
}

.power-apps-page__app-item span {
  display: block;
  margin-top: 0.3rem;
  color: rgba(255, 255, 255, 0.62);
  font-size: 0.78rem;
}

.power-apps-page__app-item.is-active {
  border-color: rgba(192, 92, 255, 0.28);
}

.power-apps-page__workspace-panel {
  padding: 1rem;
}

.power-apps-page__metrics,
.power-apps-page__mobile-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.8rem;
  margin-top: 1rem;
}

.power-apps-page__metrics article,
.power-apps-page__mobile-metrics article {
  padding: 0.9rem 0.8rem;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.03);
  text-align: center;
}

.power-apps-page__metrics span,
.power-apps-page__mobile-metrics span {
  display: block;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 800;
}

.power-apps-page__metrics small,
.power-apps-page__mobile-metrics small {
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.76rem;
}

.power-apps-page__status-list {
  display: grid;
  gap: 0.7rem;
  margin-top: 1rem;
}

.power-apps-page__status-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.8rem;
}

.power-apps-page__status-list strong {
  color: rgba(255, 255, 255, 0.88);
  font-size: 0.78rem;
}

.power-apps-page__workspace-mobile {
  padding: 1.1rem 1rem;
}

.power-apps-page__mobile-card {
  padding: 1rem;
}

.power-apps-page__mobile-preview {
  height: 8rem;
  margin-top: 0.9rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.015)),
    rgba(255, 255, 255, 0.03);
}

.power-apps-page__floating-tile {
  position: absolute;
  top: 2rem;
  right: -1.6rem;
  width: 5rem;
  height: 5rem;
  display: grid;
  place-items: center;
  border: 1px solid rgba(192, 92, 255, 0.28);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.015)),
    rgba(14, 12, 22, 0.96);
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.24);
}

.power-apps-page__floating-tile img {
  width: 2.6rem;
  height: 2.6rem;
  object-fit: contain;
}

.power-apps-page__use-grid,
.power-apps-page__stats-grid {
  display: grid;
  gap: 1rem;
}

.power-apps-page__use-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.power-apps-page__use-case,
.power-apps-page__stat-card,
.power-apps-page__panel,
.power-apps-page__faq-panel,
.power-apps-page__cta-panel {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
    rgba(8, 10, 16, 0.92);
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.22);
}

.power-apps-page__use-case {
  padding: 1.3rem 1rem;
  text-align: center;
}

.power-apps-page__use-icon {
  width: 3rem;
  height: 3rem;
  display: inline-grid;
  place-items: center;
  margin-bottom: 0.9rem;
  border: 1px solid rgba(192, 92, 255, 0.28);
  color: #f5e8ff;
  background: rgba(192, 92, 255, 0.12);
  font-size: 0.84rem;
  font-weight: 800;
  letter-spacing: 0.06em;
}

.power-apps-page__use-case strong {
  color: #fff;
  font-size: 1rem;
  line-height: 1.35;
}

.power-apps-page__panel {
  padding: 2rem;
}

.power-apps-page__integration-grid {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 0.9rem;
}

.power-apps-page__integration-chip {
  min-height: 8rem;
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 0.75rem;
  padding: 1rem 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
  text-align: center;
}

.power-apps-page__integration-chip img {
  width: 2.2rem;
  height: 2.2rem;
  object-fit: contain;
}

.power-apps-page__integration-chip span {
  color: #fff;
  font-size: 0.86rem;
  line-height: 1.35;
}

.power-apps-page .m365-page__why-icon {
  color: #f5e8ff;
  background: linear-gradient(135deg, rgba(138, 80, 216, 0.18), rgba(192, 92, 255, 0.14));
}

.power-apps-page .copilot-service-page__process-step span {
  border-color: rgba(192, 92, 255, 0.28);
  color: #f5e8ff;
  background: rgba(192, 92, 255, 0.12);
}

.power-apps-page .copilot-service-page__trust-icon {
  background: linear-gradient(135deg, rgba(138, 80, 216, 0.18), rgba(238, 80, 145, 0.12));
}

.power-apps-page__stats-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.power-apps-page__stat-card {
  display: grid;
  gap: 0.9rem;
  padding: 1.5rem;
}

.power-apps-page__stat-icon {
  color: #fff;
  font-size: 2rem;
  font-weight: 800;
}

.power-apps-page__stat-card strong {
  color: rgba(255, 255, 255, 0.88);
  font-size: 1rem;
  line-height: 1.4;
}

.power-apps-page__faq-shell {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  gap: 1.25rem;
}

.power-apps-page__faq-panel,
.power-apps-page__cta-panel {
  padding: 2rem;
}

.power-apps-page__faq-list {
  display: grid;
  gap: 0.8rem;
}

.power-apps-page__faq-item {
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.02);
}

.power-apps-page__faq-item summary {
  position: relative;
  padding: 1rem 3rem 1rem 1rem;
  color: #fff;
  cursor: pointer;
  list-style: none;
  font-size: 0.95rem;
  font-weight: 600;
}

.power-apps-page__faq-item summary::-webkit-details-marker {
  display: none;
}

.power-apps-page__faq-item summary::after {
  content: "+";
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(255, 255, 255, 0.72);
  font-size: 1.15rem;
}

.power-apps-page__faq-item[open] summary::after {
  content: "-";
}

.power-apps-page__faq-item p {
  padding: 0 1rem 1rem;
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.92rem;
  line-height: 1.65;
}

.power-apps-page__cta-panel .copilot-service-page__cta {
  grid-template-columns: 1fr;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.power-apps-page__cta-art {
  position: relative;
  min-height: 200px;
  overflow: hidden;
}

.power-apps-page__cta-glow {
  position: absolute;
  inset: auto auto 1rem 1rem;
  width: 12rem;
  height: 12rem;
  background: radial-gradient(circle, rgba(192, 92, 255, 0.28), rgba(138, 80, 216, 0.12) 52%, rgba(192, 92, 255, 0) 72%);
  filter: blur(6px);
}

.power-apps-page__cta-art img {
  position: absolute;
  width: 52px;
  height: 52px;
  object-fit: contain;
  padding: 0.8rem;
  background: rgba(255, 255, 255, 0.06);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.22);
}

.power-apps-page__cta-art img:nth-of-type(1) {
  left: 2rem;
  bottom: 3rem;
}

.power-apps-page__cta-art img:nth-of-type(2) {
  left: 7rem;
  bottom: 5rem;
}

.power-apps-page__cta-art img:nth-of-type(3) {
  left: 12rem;
  bottom: 2.5rem;
}

.power-automate-page {
  --powerauto-accent-1: #2f6dff;
  --powerauto-accent-2: #5f67ff;
  --powerauto-accent-3: #8a50d8;
  --powerauto-accent-4: #17d6ff;
  --powerauto-border: rgba(47, 109, 255, 0.24);
  --powerauto-border-strong: rgba(95, 103, 255, 0.34);
  --powerauto-shadow: rgba(47, 109, 255, 0.18);
  background: #000;
}

.power-automate-page .section,
.power-automate-page .m365-page__hero,
.power-automate-page .m365-page__services {
  background: #000;
}

.power-automate-page .m365-page__accent,
.power-automate-page .m365-page__accent-inline {
  background: linear-gradient(135deg, var(--powerauto-accent-1), var(--powerauto-accent-2) 48%, var(--powerauto-accent-3));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.power-automate-page .button {
  border-color: var(--powerauto-border-strong);
  background: linear-gradient(135deg, var(--powerauto-accent-1), var(--powerauto-accent-2) 52%, var(--powerauto-accent-3));
  box-shadow: 0 18px 42px var(--powerauto-shadow);
}

.power-automate-page .button:hover {
  background: linear-gradient(135deg, var(--powerauto-accent-1), var(--powerauto-accent-3) 48%, var(--powerauto-accent-2));
}

.power-automate-page .button--ghost {
  border-color: rgba(95, 103, 255, 0.26);
  background: rgba(47, 109, 255, 0.08);
  box-shadow: none;
}

.power-automate-page .button--ghost:hover {
  background: rgba(95, 103, 255, 0.12);
}

.power-automate-page .m365-page__proof-row {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.power-automate-page .m365-page__hero-orbit {
  width: 40rem;
  height: 24rem;
  inset: auto 0 -4rem auto;
  background:
    radial-gradient(circle at center, rgba(47, 109, 255, 0.2), transparent 56%),
    repeating-radial-gradient(circle at center, rgba(95, 103, 255, 0.1) 0 2px, transparent 2px 15px);
}

.power-automate-page__hero-visual {
  min-height: 700px;
}

.power-automate-page__workspace {
  position: relative;
  width: min(100%, 780px);
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1rem;
  align-items: start;
}

.power-automate-page__workspace-shell {
  border: 1px solid var(--powerauto-border);
  background:
    radial-gradient(circle at 78% 24%, rgba(47, 109, 255, 0.08), transparent 18rem),
    linear-gradient(180deg, rgba(13, 15, 24, 0.98), rgba(5, 6, 12, 0.99));
  box-shadow:
    0 0 0 1px rgba(47, 109, 255, 0.08),
    0 38px 90px rgba(0, 0, 0, 0.52);
  overflow: hidden;
}

.power-automate-page__workspace-top {
  display: flex;
  align-items: center;
  min-height: 3.6rem;
  padding: 0 1.2rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
}

.power-automate-page__workspace-top span {
  color: #fff;
  font-size: 0.9rem;
  font-weight: 700;
}

.power-automate-page__flow-canvas {
  display: grid;
  justify-items: center;
  gap: 0.7rem;
  padding: 1.4rem 1.2rem 1.6rem;
}

.power-automate-page__flow-step,
.power-automate-page__app-tile,
.power-automate-page__approach-step,
.power-automate-page__panel,
.power-automate-page__cta {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
    rgba(8, 10, 16, 0.92);
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.22);
}

.power-automate-page__flow-step {
  width: min(100%, 14rem);
  display: grid;
  grid-template-columns: 2.35rem 1fr;
  align-items: center;
  gap: 0.8rem;
  padding: 0.9rem 1rem;
}

.power-automate-page__flow-step--wide {
  width: min(100%, 19rem);
}

.power-automate-page__flow-step img,
.power-automate-page__app-tile img,
.power-automate-page__integration-chip img,
.power-automate-page__trust-grid .copilot-service-page__trust-icon img {
  width: 2rem;
  height: 2rem;
  object-fit: contain;
}

.power-automate-page__flow-step strong {
  display: block;
  color: #fff;
  font-size: 0.92rem;
}

.power-automate-page__flow-step span {
  display: block;
  margin-top: 0.28rem;
  color: rgba(255, 255, 255, 0.62);
  font-size: 0.77rem;
}

.power-automate-page__flow-line {
  width: 1px;
  height: 1.2rem;
  background: linear-gradient(180deg, rgba(47, 109, 255, 0.4), rgba(95, 103, 255, 0.1));
}

.power-automate-page__flow-branch {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  width: 100%;
  max-width: 32rem;
  margin-top: 0.45rem;
  padding-top: 1rem;
}

.power-automate-page__flow-branch::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 58%;
  border-top: 1px solid rgba(95, 103, 255, 0.28);
  transform: translateX(-50%);
}

.power-automate-page__app-rail {
  display: grid;
  gap: 0.85rem;
}

.power-automate-page__app-tile {
  width: 5rem;
  height: 5rem;
  display: grid;
  place-items: center;
}

.power-automate-page .m365-page__why-icon {
  color: #e8eeff;
  background: linear-gradient(135deg, rgba(47, 109, 255, 0.18), rgba(95, 103, 255, 0.14));
}

.power-automate-page__approach-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1rem;
}

.power-automate-page__approach-step {
  position: relative;
  padding: 1.4rem 1rem;
  text-align: center;
}

.power-automate-page__approach-step::after {
  content: "";
  position: absolute;
  top: 2rem;
  right: -0.55rem;
  width: 1.1rem;
  border-top: 1px dashed rgba(95, 103, 255, 0.4);
}

.power-automate-page__approach-step:last-child::after {
  display: none;
}

.power-automate-page__approach-step span {
  width: 3rem;
  height: 3rem;
  display: inline-grid;
  place-items: center;
  margin-bottom: 0.9rem;
  border: 1px solid rgba(95, 103, 255, 0.28);
  color: #ecf0ff;
  background: rgba(95, 103, 255, 0.12);
  font-size: 0.9rem;
  font-weight: 800;
}

.power-automate-page__approach-step strong {
  display: block;
  color: #fff;
  font-size: 1rem;
}

.power-automate-page__approach-step p {
  margin-top: 0.6rem;
  font-size: 0.9rem;
}

.power-automate-page__enablement-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
}

.power-automate-page__panel {
  padding: 2rem;
}

.power-automate-page__integration-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}

.power-automate-page__integration-chip {
  min-height: 8rem;
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 0.75rem;
  padding: 1rem 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
  text-align: center;
}

.power-automate-page__integration-chip span {
  color: #fff;
  font-size: 0.86rem;
  line-height: 1.35;
}

.power-automate-page__checklist {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem 1.25rem;
}

.power-automate-page__checklist li {
  position: relative;
  padding-left: 1.5rem;
  color: rgba(255, 255, 255, 0.82);
  font-size: 0.95rem;
  line-height: 1.5;
}

.power-automate-page__checklist li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.48rem;
  width: 0.55rem;
  height: 0.55rem;
  border: 1px solid rgba(95, 103, 255, 0.54);
  background: rgba(47, 109, 255, 0.18);
}

.power-automate-page .copilot-service-page__trust-icon {
  background: linear-gradient(135deg, rgba(47, 109, 255, 0.18), rgba(95, 103, 255, 0.12));
}

.power-automate-page__trust-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.power-automate-page__cta {
  display: grid;
  grid-template-columns: 0.9fr 1fr auto;
  align-items: center;
  gap: 2rem;
  padding: 2rem;
}

.power-automate-page__cta-art {
  position: relative;
  min-height: 180px;
  overflow: hidden;
}

.power-automate-page__cta-glow {
  position: absolute;
  inset: auto auto 1rem 1rem;
  width: 12rem;
  height: 12rem;
  background: radial-gradient(circle, rgba(47, 109, 255, 0.28), rgba(95, 103, 255, 0.12) 52%, rgba(47, 109, 255, 0) 72%);
  filter: blur(6px);
}

.power-automate-page__cta-art img {
  position: absolute;
  width: 52px;
  height: 52px;
  object-fit: contain;
  padding: 0.8rem;
  background: rgba(255, 255, 255, 0.06);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.22);
}

.power-automate-page__cta-art img:nth-of-type(1) {
  left: 2rem;
  bottom: 3rem;
}

.power-automate-page__cta-art img:nth-of-type(2) {
  left: 7rem;
  bottom: 5rem;
}

.power-automate-page__cta-art img:nth-of-type(3) {
  left: 12rem;
  bottom: 2.5rem;
}

.power-automate-page__cta-copy h2 {
  color: #fff;
  font-size: clamp(2rem, 3vw, 3rem);
  line-height: 1.05;
}

.power-automate-page__cta-copy p {
  margin-top: 0.85rem;
  color: rgba(255, 255, 255, 0.72);
}

.power-automate-page__cta-actions {
  display: grid;
  gap: 0.9rem;
}

.power-bi-page {
  --powerbi-accent-1: #f3c400;
  --powerbi-accent-2: #ffde59;
  --powerbi-accent-3: #d89b00;
  --powerbi-accent-4: #4ca9ff;
  --powerbi-border: rgba(243, 196, 0, 0.24);
  --powerbi-border-strong: rgba(255, 222, 89, 0.36);
  --powerbi-shadow: rgba(243, 196, 0, 0.16);
  background: #000;
}

.power-bi-page .section,
.power-bi-page .m365-page__hero,
.power-bi-page .m365-page__services {
  background: #000;
}

.power-bi-page .m365-page__accent,
.power-bi-page .m365-page__accent-inline {
  background: linear-gradient(135deg, var(--powerbi-accent-2), var(--powerbi-accent-1) 52%, var(--powerbi-accent-3));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.power-bi-page .button {
  color: #050505;
  border-color: var(--powerbi-border-strong);
  background: linear-gradient(135deg, var(--powerbi-accent-1), var(--powerbi-accent-2) 52%, var(--powerbi-accent-3));
  box-shadow: 0 18px 42px var(--powerbi-shadow);
}

.power-bi-page .button:hover {
  background: linear-gradient(135deg, var(--powerbi-accent-2), var(--powerbi-accent-1) 50%, var(--powerbi-accent-3));
}

.power-bi-page .button--ghost {
  color: #fff;
  border-color: rgba(255, 222, 89, 0.26);
  background: rgba(243, 196, 0, 0.08);
  box-shadow: none;
}

.power-bi-page .button--ghost:hover {
  background: rgba(243, 196, 0, 0.12);
}

.power-bi-page .m365-page__proof-row {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.power-bi-page .m365-page__hero-orbit {
  width: 38rem;
  height: 24rem;
  inset: auto -3rem -4rem auto;
  background:
    radial-gradient(circle at center, rgba(243, 196, 0, 0.18), transparent 56%),
    repeating-radial-gradient(circle at center, rgba(243, 196, 0, 0.08) 0 2px, transparent 2px 14px);
}

.power-bi-page__hero-visual {
  min-height: 720px;
}

.power-bi-page__board,
.power-bi-page__metric-card,
.power-bi-page__chart-card,
.power-bi-page__process-step,
.power-bi-page__use-card,
.power-bi-page__panel,
.power-bi-page__integration-chip,
.power-bi-page__cta {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
    rgba(8, 10, 16, 0.92);
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.22);
}

.power-bi-page__board {
  width: min(100%, 790px);
  overflow: hidden;
  border-color: var(--powerbi-border);
  box-shadow:
    0 0 0 1px rgba(243, 196, 0, 0.08),
    0 40px 90px rgba(0, 0, 0, 0.52);
}

.power-bi-page__board-top {
  min-height: 3.8rem;
  display: flex;
  align-items: center;
  padding: 0 1.25rem;
  color: #fff;
  font-size: 0.95rem;
  font-weight: 700;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
}

.power-bi-page__board-shell {
  display: grid;
  grid-template-columns: 3.5rem 1fr;
}

.power-bi-page__sidebar {
  display: grid;
  justify-items: center;
  align-content: start;
  gap: 1rem;
  padding: 1.25rem 0;
  border-right: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.02);
}

.power-bi-page__sidebar span {
  width: 0.85rem;
  height: 0.85rem;
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.05);
}

.power-bi-page__sidebar span:first-child {
  background: rgba(243, 196, 0, 0.18);
  border-color: rgba(243, 196, 0, 0.5);
}

.power-bi-page__board-main {
  display: grid;
  gap: 1rem;
  padding: 1rem;
}

.power-bi-page__metric-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.85rem;
}

.power-bi-page__metric-card {
  padding: 1rem 0.95rem;
}

.power-bi-page__metric-card small {
  display: block;
  color: rgba(255, 255, 255, 0.52);
  font-size: 0.72rem;
}

.power-bi-page__metric-card strong {
  display: block;
  margin-top: 0.45rem;
  color: #fff;
  font-size: 1.55rem;
  line-height: 1;
}

.power-bi-page__metric-card span {
  display: block;
  margin-top: 0.45rem;
  color: #7be495;
  font-size: 0.78rem;
  font-weight: 700;
}

.power-bi-page__chart-grid {
  display: grid;
  grid-template-columns: 1.35fr 0.9fr;
  gap: 0.95rem;
}

.power-bi-page__chart-card {
  min-height: 12rem;
  padding: 1rem;
}

.power-bi-page__chart-card strong {
  display: block;
  color: #fff;
  font-size: 0.92rem;
}

.power-bi-page__chart-card--line,
.power-bi-page__chart-card--bars {
  min-height: 13rem;
}

.power-bi-page__line-chart {
  position: relative;
  min-height: 9.6rem;
  margin-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.04);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent),
    repeating-linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0 1px, transparent 1px 2.3rem),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 3rem);
}

.power-bi-page__line-chart span {
  position: absolute;
  inset: 1.4rem 1rem 1rem;
  background: linear-gradient(180deg, rgba(243, 196, 0, 0.2), rgba(243, 196, 0, 0));
  clip-path: polygon(0% 78%, 10% 62%, 18% 68%, 28% 42%, 38% 55%, 48% 33%, 58% 48%, 68% 24%, 79% 38%, 90% 16%, 100% 25%, 100% 100%, 0% 100%);
}

.power-bi-page__line-chart::after {
  content: "";
  position: absolute;
  inset: 1.4rem 1rem 1rem;
  border-bottom: 3px solid var(--powerbi-accent-1);
  clip-path: polygon(0% 78%, 10% 62%, 18% 68%, 28% 42%, 38% 55%, 48% 33%, 58% 48%, 68% 24%, 79% 38%, 90% 16%, 100% 25%);
}

.power-bi-page__donut-wrap {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  align-items: center;
  margin-top: 1rem;
}

.power-bi-page__donut {
  width: 8.2rem;
  height: 8.2rem;
  background:
    radial-gradient(circle at center, rgba(8, 10, 16, 1) 0 39%, transparent 40% 100%),
    conic-gradient(#4ca9ff 0 27%, #ef5546 27% 53%, #12c58c 53% 74%, #f3c400 74% 100%);
}

.power-bi-page__legend {
  display: grid;
  gap: 0.55rem;
}

.power-bi-page__legend li {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  color: rgba(255, 255, 255, 0.74);
  font-size: 0.84rem;
}

.power-bi-page__legend span {
  width: 0.7rem;
  height: 0.7rem;
}

.power-bi-page__legend li:nth-child(1) span {
  background: #4ca9ff;
}

.power-bi-page__legend li:nth-child(2) span {
  background: #ef5546;
}

.power-bi-page__legend li:nth-child(3) span {
  background: #12c58c;
}

.power-bi-page__legend li:nth-child(4) span {
  background: #f3c400;
}

.power-bi-page__bars {
  display: grid;
  gap: 0.9rem;
  margin-top: 1rem;
}

.power-bi-page__bars span {
  position: relative;
  display: block;
  height: 1rem;
  background: rgba(255, 255, 255, 0.06);
}

.power-bi-page__bars span::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--bar-width);
  background: linear-gradient(90deg, var(--powerbi-accent-3), var(--powerbi-accent-1));
}

.power-bi-page__treemap {
  display: grid;
  grid-template-columns: 1.35fr 1fr;
  grid-template-rows: repeat(2, minmax(0, 4.25rem));
  gap: 0.55rem;
  margin-top: 1rem;
}

.power-bi-page__treemap span {
  display: grid;
  align-items: end;
  padding: 0.7rem;
  color: rgba(255, 255, 255, 0.88);
  font-size: 0.8rem;
  font-weight: 600;
}

.power-bi-page__treemap .is-large {
  grid-row: 1 / span 2;
  background: rgba(70, 130, 180, 0.8);
}

.power-bi-page__treemap span:nth-child(2) {
  background: rgba(243, 196, 0, 0.8);
  color: #111;
}

.power-bi-page__treemap span:nth-child(3) {
  background: rgba(214, 154, 0, 0.72);
}

.power-bi-page__treemap span:nth-child(4) {
  background: rgba(46, 160, 100, 0.72);
}

.power-bi-page .m365-page__why-icon {
  color: #fff7d1;
  background: linear-gradient(135deg, rgba(243, 196, 0, 0.18), rgba(216, 155, 0, 0.14));
}

.power-bi-page__process-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 1rem;
}

.power-bi-page__process-step {
  position: relative;
  padding: 1.35rem 1rem;
  text-align: center;
}

.power-bi-page__process-step::after {
  content: "";
  position: absolute;
  top: 1.95rem;
  right: -0.55rem;
  width: 1.1rem;
  border-top: 1px dashed rgba(243, 196, 0, 0.42);
}

.power-bi-page__process-step:last-child::after {
  display: none;
}

.power-bi-page__process-step span {
  width: 3rem;
  height: 3rem;
  display: inline-grid;
  place-items: center;
  margin-bottom: 0.85rem;
  border: 1px solid rgba(243, 196, 0, 0.34);
  color: #fff6c7;
  background: rgba(243, 196, 0, 0.12);
  font-size: 0.9rem;
  font-weight: 800;
}

.power-bi-page__process-step strong {
  display: block;
  color: #fff;
  font-size: 1rem;
}

.power-bi-page__process-step p {
  margin-top: 0.55rem;
  font-size: 0.89rem;
}

.power-bi-page__use-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 1rem;
}

.power-bi-page__use-card {
  padding: 1.4rem 1rem;
  text-align: center;
}

.power-bi-page__use-card span {
  width: 3rem;
  height: 3rem;
  display: inline-grid;
  place-items: center;
  margin-bottom: 0.85rem;
  color: #fff6c7;
  border: 1px solid rgba(243, 196, 0, 0.28);
  background: rgba(243, 196, 0, 0.09);
  font-size: 0.9rem;
  font-weight: 800;
}

.power-bi-page__use-card strong {
  display: block;
  color: #fff;
  font-size: 0.98rem;
}

.power-bi-page__use-card p {
  margin-top: 0.55rem;
  font-size: 0.88rem;
}

.power-bi-page__panel {
  padding: 2rem;
}

.power-bi-page__integration-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.85rem;
}

.power-bi-page__integration-chip {
  min-height: 7.6rem;
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 0.7rem;
  padding: 1rem 0.7rem;
  background: rgba(255, 255, 255, 0.03);
  text-align: center;
}

.power-bi-page__integration-chip img,
.power-bi-page__trust-grid .copilot-service-page__trust-icon img {
  width: 2rem;
  height: 2rem;
  object-fit: contain;
}

.power-bi-page__integration-chip span {
  color: #fff;
  font-size: 0.84rem;
  line-height: 1.35;
}

.power-bi-page .copilot-service-page__trust-icon {
  background: linear-gradient(135deg, rgba(243, 196, 0, 0.16), rgba(216, 155, 0, 0.1));
}

.power-bi-page__trust-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.power-bi-page__cta {
  display: grid;
  grid-template-columns: 0.8fr 1fr auto;
  align-items: center;
  gap: 2rem;
  padding: 2rem;
}

.power-bi-page__cta-art {
  position: relative;
  min-height: 160px;
  overflow: hidden;
}

.power-bi-page__cta-wave {
  position: absolute;
  inset: 1rem auto auto 0;
  width: 16rem;
  height: 10rem;
  background:
    radial-gradient(circle at 20% 70%, rgba(243, 196, 0, 0.28), transparent 44%),
    repeating-radial-gradient(circle at 0 100%, rgba(243, 196, 0, 0.18) 0 2px, transparent 2px 12px);
  filter: blur(2px);
}

.power-bi-page__cta-art img {
  position: absolute;
  left: 2.5rem;
  bottom: 1rem;
  width: 6rem;
  height: 6rem;
  object-fit: contain;
}

.power-bi-page__cta-copy h2 {
  color: #fff;
  font-size: clamp(2rem, 3vw, 3rem);
  line-height: 1.05;
}

.power-bi-page__cta-copy p {
  margin-top: 0.75rem;
  color: rgba(255, 255, 255, 0.72);
}

.power-bi-page__cta-actions {
  display: grid;
  gap: 0.9rem;
}

.dataverse-page {
  --dataverse-accent-1: #22d07e;
  --dataverse-accent-2: #18b76c;
  --dataverse-accent-3: #20d8c6;
  --dataverse-accent-4: #6ef2b7;
  --dataverse-border: rgba(34, 208, 126, 0.24);
  --dataverse-border-strong: rgba(110, 242, 183, 0.32);
  --dataverse-shadow: rgba(34, 208, 126, 0.16);
  background: #000;
}

.dataverse-page .section,
.dataverse-page .m365-page__hero,
.dataverse-page .m365-page__services {
  background: #000;
}

.dataverse-page .m365-page__accent,
.dataverse-page .m365-page__accent-inline {
  background: linear-gradient(135deg, var(--dataverse-accent-4), var(--dataverse-accent-1) 48%, var(--dataverse-accent-3));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.dataverse-page .button {
  border-color: var(--dataverse-border-strong);
  background: linear-gradient(135deg, var(--dataverse-accent-2), var(--dataverse-accent-1) 52%, var(--dataverse-accent-3));
  box-shadow: 0 18px 42px var(--dataverse-shadow);
}

.dataverse-page .button:hover {
  background: linear-gradient(135deg, var(--dataverse-accent-1), var(--dataverse-accent-3) 52%, var(--dataverse-accent-2));
}

.dataverse-page .button--ghost {
  border-color: rgba(110, 242, 183, 0.24);
  background: rgba(34, 208, 126, 0.08);
  box-shadow: none;
}

.dataverse-page .button--ghost:hover {
  background: rgba(34, 208, 126, 0.12);
}

.dataverse-page .m365-page__hero-orbit {
  width: 40rem;
  height: 24rem;
  inset: auto -2rem -4rem auto;
  background:
    radial-gradient(circle at center, rgba(34, 208, 126, 0.16), transparent 56%),
    repeating-radial-gradient(circle at center, rgba(32, 216, 198, 0.08) 0 2px, transparent 2px 14px);
}

.dataverse-page__badge-row {
  display: grid;
  grid-template-columns: repeat(2, max-content);
  gap: 1rem;
  margin-top: 2rem;
}

.dataverse-page__badge {
  display: inline-grid;
  grid-template-columns: 2rem 1fr;
  align-items: center;
  gap: 0.8rem;
  padding: 0.9rem 1rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
}

.dataverse-page__badge img {
  width: 2rem;
  height: 2rem;
  object-fit: contain;
}

.dataverse-page__badge span {
  color: #fff;
  font-size: 0.9rem;
}

.dataverse-page__hero-visual {
  min-height: 760px;
}

.dataverse-page__platform,
.dataverse-page__platform-shell,
.dataverse-page__app-tile,
.dataverse-page__use-card,
.dataverse-page__integration-item,
.dataverse-page__process-step,
.dataverse-page__stat-card,
.dataverse-page__faq-panel,
.dataverse-page__cta,
.dataverse-page__badge {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
    rgba(8, 10, 16, 0.92);
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.22);
}

.dataverse-page__platform {
  position: relative;
  width: min(100%, 820px);
  min-height: 540px;
  padding: 2rem;
  border-color: var(--dataverse-border);
  box-shadow:
    0 0 0 1px rgba(34, 208, 126, 0.08),
    0 42px 92px rgba(0, 0, 0, 0.52);
}

.dataverse-page__platform-shell {
  position: relative;
  width: min(100%, 430px);
  margin: 0 auto;
  min-height: 370px;
  padding: 1.5rem;
  border-color: rgba(110, 242, 183, 0.18);
  background:
    radial-gradient(circle at center, rgba(34, 208, 126, 0.12), transparent 55%),
    linear-gradient(180deg, rgba(13, 18, 24, 0.98), rgba(7, 10, 14, 0.98));
}

.dataverse-page__platform-title {
  display: inline-grid;
  grid-template-columns: 2rem 1fr;
  align-items: center;
  gap: 0.8rem;
  padding: 0.9rem 1rem;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
}

.dataverse-page__platform-title img,
.dataverse-page__app-tile img,
.dataverse-page__security-tile img,
.dataverse-page__integration-item img,
.dataverse-page__stat-icon img,
.dataverse-page__trust-grid .copilot-service-page__trust-icon img {
  width: 2rem;
  height: 2rem;
  object-fit: contain;
}

.dataverse-page__core {
  display: grid;
  place-items: center;
  min-height: 250px;
}

.dataverse-page__core-stack {
  position: relative;
  width: 10rem;
  height: 12rem;
}

.dataverse-page__core-stack span {
  position: absolute;
  left: 50%;
  width: 100%;
  height: 3.4rem;
  transform: translateX(-50%);
  border: 1px solid rgba(110, 242, 183, 0.4);
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 40%, rgba(110, 242, 183, 0.22), rgba(34, 208, 126, 0.06) 65%, transparent 100%),
    linear-gradient(180deg, rgba(34, 208, 126, 0.1), rgba(32, 216, 198, 0.04));
  box-shadow:
    0 0 0 1px rgba(34, 208, 126, 0.08),
    0 0 30px rgba(34, 208, 126, 0.14);
}

.dataverse-page__core-stack span:nth-child(1) {
  top: 1rem;
}

.dataverse-page__core-stack span:nth-child(2) {
  top: 4rem;
}

.dataverse-page__core-stack span:nth-child(3) {
  top: 7rem;
}

.dataverse-page__core-stack::before,
.dataverse-page__core-stack::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 8rem;
  height: 8rem;
  border: 1px solid rgba(34, 208, 126, 0.18);
  border-radius: 50%;
}

.dataverse-page__core-stack::before {
  bottom: -1rem;
}

.dataverse-page__core-stack::after {
  bottom: -2rem;
  width: 10rem;
  height: 10rem;
  border-color: rgba(32, 216, 198, 0.14);
}

.dataverse-page__security-tile {
  position: absolute;
  left: 50%;
  bottom: 1rem;
  display: inline-grid;
  grid-template-columns: 2rem 1fr;
  align-items: center;
  gap: 0.8rem;
  transform: translateX(-50%);
  padding: 0.85rem 1rem;
  border: 1px solid rgba(110, 242, 183, 0.2);
  background: rgba(255, 255, 255, 0.04);
}

.dataverse-page__security-tile span {
  color: #fff;
  font-size: 0.92rem;
  font-weight: 600;
}

.dataverse-page__app-grid {
  position: absolute;
  top: 50%;
  display: grid;
  gap: 1rem;
  transform: translateY(-50%);
}

.dataverse-page__app-grid--left {
  left: 0;
}

.dataverse-page__app-grid--right {
  right: 0;
}

.dataverse-page__app-tile {
  width: 9.2rem;
  display: grid;
  justify-items: center;
  gap: 0.7rem;
  padding: 1rem 0.8rem;
  text-align: center;
}

.dataverse-page__app-tile span {
  color: #fff;
  font-size: 0.82rem;
  line-height: 1.35;
}

.dataverse-page .m365-page__why-icon {
  color: #e5fff1;
  background: linear-gradient(135deg, rgba(34, 208, 126, 0.18), rgba(32, 216, 198, 0.12));
}

.dataverse-page__use-grid,
.dataverse-page__stats-grid {
  display: grid;
  gap: 1rem;
}

.dataverse-page__use-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.dataverse-page__use-card {
  padding: 1.45rem 1rem;
  text-align: center;
}

.dataverse-page__use-card span {
  width: 3rem;
  height: 3rem;
  display: inline-grid;
  place-items: center;
  margin-bottom: 0.85rem;
  color: #e5fff1;
  border: 1px solid rgba(110, 242, 183, 0.26);
  background: rgba(34, 208, 126, 0.1);
  font-size: 0.9rem;
  font-weight: 800;
}

.dataverse-page__use-card strong {
  display: block;
  color: #fff;
  font-size: 0.98rem;
}

.dataverse-page__use-card p {
  margin-top: 0.55rem;
  font-size: 0.87rem;
}

.dataverse-page__integration-row {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 1rem;
}

.dataverse-page__integration-item {
  display: grid;
  justify-items: center;
  gap: 0.75rem;
  padding: 1rem 0.75rem;
  text-align: center;
  background: rgba(255, 255, 255, 0.03);
}

.dataverse-page__integration-item span {
  color: #fff;
  font-size: 0.84rem;
  line-height: 1.35;
}

.dataverse-page__process-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 1rem;
}

.dataverse-page__process-step {
  position: relative;
  padding: 1.4rem 1rem;
  text-align: center;
}

.dataverse-page__process-step::after {
  content: "";
  position: absolute;
  top: 2rem;
  right: -0.55rem;
  width: 1.1rem;
  border-top: 1px dashed rgba(32, 216, 198, 0.4);
}

.dataverse-page__process-step:last-child::after {
  display: none;
}

.dataverse-page__process-step span {
  width: 3rem;
  height: 3rem;
  display: inline-grid;
  place-items: center;
  margin-bottom: 0.85rem;
  border: 1px solid rgba(110, 242, 183, 0.28);
  color: #e5fff1;
  background: rgba(34, 208, 126, 0.12);
  font-size: 0.9rem;
  font-weight: 800;
}

.dataverse-page__process-step strong {
  display: block;
  color: #fff;
  font-size: 1rem;
}

.dataverse-page__process-step p {
  margin-top: 0.6rem;
  font-size: 0.88rem;
}

.dataverse-page .copilot-service-page__trust-icon {
  background: linear-gradient(135deg, rgba(34, 208, 126, 0.16), rgba(32, 216, 198, 0.1));
}

.dataverse-page__trust-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.dataverse-page__stats-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.dataverse-page__stat-card {
  display: grid;
  grid-template-columns: 3.5rem 1fr;
  align-items: center;
  gap: 1rem;
  padding: 1.35rem 1.2rem;
}

.dataverse-page__stat-icon {
  width: 3.5rem;
  height: 3.5rem;
  display: grid;
  place-items: center;
  border: 1px solid rgba(110, 242, 183, 0.22);
  background: rgba(34, 208, 126, 0.08);
}

.dataverse-page__stat-card strong {
  display: block;
  color: #fff;
  font-size: 2rem;
  line-height: 1;
}

.dataverse-page__stat-card p {
  margin-top: 0.45rem;
  color: rgba(255, 255, 255, 0.78);
  font-size: 0.9rem;
}

.dataverse-page__faq-shell {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 1.25rem;
}

.dataverse-page__faq-panel,
.dataverse-page__cta-panel {
  min-width: 0;
}

.dataverse-page__faq-list {
  display: grid;
  gap: 0.75rem;
}

.dataverse-page__faq-item {
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
}

.dataverse-page__faq-item summary {
  position: relative;
  padding: 1rem 3rem 1rem 1rem;
  color: #fff;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  list-style: none;
}

.dataverse-page__faq-item summary::-webkit-details-marker {
  display: none;
}

.dataverse-page__faq-item summary::after {
  content: "+";
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(255, 255, 255, 0.72);
  font-size: 1.2rem;
}

.dataverse-page__faq-item[open] summary::after {
  content: "−";
}

.dataverse-page__faq-item p {
  padding: 0 1rem 1rem;
  color: rgba(255, 255, 255, 0.72);
}

.dataverse-page__cta {
  display: grid;
  grid-template-columns: 1fr 0.85fr;
  align-items: center;
  gap: 1.5rem;
  min-height: 100%;
  padding: 2rem;
}

.dataverse-page__cta-copy h2 {
  color: #fff;
  font-size: clamp(2rem, 3vw, 3rem);
  line-height: 1.08;
}

.dataverse-page__cta-copy p {
  margin-top: 0.8rem;
  color: rgba(255, 255, 255, 0.74);
}

.dataverse-page__cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.9rem;
  margin-top: 1.25rem;
}

.dataverse-page__cta-art {
  position: relative;
  min-height: 260px;
  overflow: hidden;
}

.dataverse-page__cta-screen {
  position: absolute;
  right: 0;
  top: 1rem;
  width: 14rem;
  height: 10rem;
  border: 1px solid rgba(110, 242, 183, 0.18);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.015)),
    rgba(8, 10, 16, 0.92);
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.22);
}

.dataverse-page__cta-screen::before,
.dataverse-page__cta-screen::after {
  content: "";
  position: absolute;
  left: 1rem;
  right: 1rem;
  height: 0.55rem;
  background: rgba(34, 208, 126, 0.12);
}

.dataverse-page__cta-screen::before {
  top: 2.2rem;
}

.dataverse-page__cta-screen::after {
  top: 4rem;
}

.dataverse-page__cta-core {
  position: absolute;
  left: 1.25rem;
  bottom: 1rem;
  width: 9rem;
  height: 10rem;
}

.dataverse-page__cta-core span {
  position: absolute;
  left: 50%;
  width: 100%;
  height: 2.8rem;
  transform: translateX(-50%);
  border: 1px solid rgba(110, 242, 183, 0.35);
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 40%, rgba(110, 242, 183, 0.22), rgba(34, 208, 126, 0.06) 65%, transparent 100%),
    linear-gradient(180deg, rgba(34, 208, 126, 0.12), rgba(32, 216, 198, 0.04));
  box-shadow: 0 0 26px rgba(34, 208, 126, 0.12);
}

.dataverse-page__cta-core span:nth-child(1) {
  top: 0.5rem;
}

.dataverse-page__cta-core span:nth-child(2) {
  top: 3rem;
}

.dataverse-page__cta-core span:nth-child(3) {
  top: 5.5rem;
}

@media (max-width: 1200px) {
  .azure-openai-page .m365-page__proof-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .azure-openai-page__hero-stage {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    min-height: auto;
    padding: 1.4rem;
  }

  .azure-openai-page__hero-grid {
    display: none;
  }

  .azure-openai-page__cloud {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    min-height: 18rem;
    grid-column: 1 / -1;
    order: -1;
    transform: none;
  }

  .azure-openai-page__callout {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
    transform: none;
  }

  .ai-agents-page .m365-page__proof-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ai-agents-page__hero-stage {
    grid-template-columns: 1fr;
    gap: 1rem;
    min-height: auto;
  }

  .ai-agents-page__agent-core {
    order: -1;
    min-height: 24rem;
  }

  .ai-agents-page__callout-column--left .ai-agents-page__callout::after,
  .ai-agents-page__callout-column--right .ai-agents-page__callout::before {
    display: none;
  }

  .fabric-ai-page .m365-page__proof-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .fabric-ai-page__hero-stage {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    min-height: auto;
    padding: 1.4rem;
  }

  .fabric-ai-page__hero-grid {
    display: none;
  }

  .fabric-ai-page__core {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    min-height: 22rem;
    grid-column: 1 / -1;
    order: -1;
    transform: none;
  }

  .fabric-ai-page__callout {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
    transform: none;
  }

  .generative-ai-page__badge-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .generative-ai-page__hero-stage {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    min-height: auto;
    padding: 1.4rem;
  }

  .generative-ai-page__brain-core {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    min-height: 22rem;
    grid-column: 1 / -1;
    order: -1;
    transform: none;
  }

  .generative-ai-page__callout {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
  }

  .generative-ai-page__use-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .generative-ai-page__integration-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .generative-ai-page__stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .generative-ai-page__faq-shell {
    grid-template-columns: 1fr;
  }

  .power-apps-page__badge-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .power-apps-page__workspace-body {
    grid-template-columns: 88px 1fr;
  }

  .power-apps-page__workspace-mobile {
    grid-column: 1 / -1;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
  }

  .power-apps-page__floating-tile {
    top: 1.5rem;
    right: 1rem;
  }

  .power-apps-page__use-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .power-apps-page__integration-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .power-apps-page__stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .power-apps-page__faq-shell {
    grid-template-columns: 1fr;
  }

  .power-automate-page__workspace {
    grid-template-columns: 1fr;
  }

  .power-automate-page__app-rail {
    grid-template-columns: repeat(4, minmax(0, max-content));
    justify-content: center;
  }

  .power-automate-page__approach-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .power-automate-page__enablement-grid,
  .power-automate-page__cta {
    grid-template-columns: 1fr;
  }

  .power-automate-page__integration-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .power-automate-page__trust-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .power-bi-page .m365-page__proof-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .power-bi-page__metric-grid,
  .power-bi-page__integration-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .power-bi-page__chart-grid,
  .power-bi-page__cta {
    grid-template-columns: 1fr;
  }

  .power-bi-page__use-grid,
  .power-bi-page__process-grid,
  .power-bi-page__trust-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .dataverse-page__platform {
    padding-inline: 8rem;
  }

  .dataverse-page__use-grid,
  .dataverse-page__process-grid,
  .dataverse-page__trust-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .dataverse-page__integration-row {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .dataverse-page__stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dataverse-page__faq-shell,
  .dataverse-page__cta {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .azure-openai-page .m365-page__proof-row {
    grid-template-columns: 1fr;
  }

  .azure-openai-page__hero-stage {
    grid-template-columns: 1fr;
  }

  .azure-openai-page__cloud-core {
    width: min(100%, 12.4rem);
  }

  .ai-agents-page .m365-page__proof-row {
    grid-template-columns: 1fr;
  }

  .ai-agents-page__hero-stage {
    padding: 1.4rem 1rem;
  }

  .ai-agents-page__agent-head {
    width: 7.8rem;
    height: 7.8rem;
  }

  .ai-agents-page__agent-body strong {
    font-size: 1.65rem;
  }

  .fabric-ai-page .m365-page__proof-row {
    grid-template-columns: 1fr;
  }

  .fabric-ai-page__hero-stage {
    grid-template-columns: 1fr;
  }

  .fabric-ai-page__core-card {
    width: min(100%, 11.6rem);
    min-height: 13.8rem;
  }

  .fabric-ai-page__core-card strong {
    font-size: 1.55rem;
  }

  .generative-ai-page__badge-row,
  .generative-ai-page__use-grid,
  .generative-ai-page__stats-grid,
  .generative-ai-page__integration-grid {
    grid-template-columns: 1fr;
  }

  .generative-ai-page__hero-stage {
    grid-template-columns: 1fr;
  }

  .generative-ai-page__brain-visual {
    width: 10rem;
    height: 10rem;
  }

  .generative-ai-page__brain-badge {
    width: 4rem;
    height: 4rem;
    font-size: 1.65rem;
  }

  .power-apps-page__badge-row,
  .power-apps-page__use-grid,
  .power-apps-page__stats-grid,
  .power-apps-page__integration-grid {
    grid-template-columns: 1fr;
  }

  .power-apps-page__workspace-body,
  .power-apps-page__workspace-main {
    grid-template-columns: 1fr;
  }

  .power-apps-page__workspace-top {
    grid-template-columns: 1fr;
  }

  .power-apps-page__workspace-nav {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .power-apps-page__floating-tile {
    display: none;
  }

  .power-automate-page .m365-page__proof-row,
  .power-automate-page__approach-grid,
  .power-automate-page__integration-grid,
  .power-automate-page__trust-grid,
  .power-automate-page__checklist {
    grid-template-columns: 1fr;
  }

  .power-automate-page__flow-branch {
    grid-template-columns: 1fr;
  }

  .power-automate-page__flow-branch::before,
  .power-automate-page__approach-step::after {
    display: none;
  }

  .power-bi-page .m365-page__proof-row,
  .power-bi-page__metric-grid,
  .power-bi-page__use-grid,
  .power-bi-page__integration-grid,
  .power-bi-page__process-grid,
  .power-bi-page__trust-grid {
    grid-template-columns: 1fr;
  }

  .power-bi-page__board-shell,
  .power-bi-page__donut-wrap {
    grid-template-columns: 1fr;
  }

  .power-bi-page__sidebar {
    grid-auto-flow: column;
    justify-content: start;
    padding: 0.85rem 1rem;
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  }

  .power-bi-page__process-step::after {
    display: none;
  }

  .dataverse-page__badge-row,
  .dataverse-page__use-grid,
  .dataverse-page__integration-row,
  .dataverse-page__process-grid,
  .dataverse-page__trust-grid,
  .dataverse-page__stats-grid {
    grid-template-columns: 1fr;
  }

  .dataverse-page__platform {
    min-height: auto;
    padding: 1.25rem;
  }

  .dataverse-page__platform-shell {
    width: 100%;
  }

  .dataverse-page__app-grid {
    position: static;
    transform: none;
    margin-top: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .dataverse-page__app-tile {
    width: 100%;
  }

  .dataverse-page__process-step::after {
    display: none;
  }

  .dataverse-page__stat-card {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
}

.copilot-studio-page__workspace {
  position: relative;
  width: min(100%, 760px);
  border: 1px solid var(--copilot-studio-border);
  background:
    radial-gradient(circle at 78% 24%, rgba(238, 80, 145, 0.08), transparent 20rem),
    linear-gradient(180deg, rgba(17, 18, 24, 0.98), rgba(5, 6, 12, 0.98));
  box-shadow:
    0 0 0 1px rgba(25, 159, 215, 0.12),
    0 38px 90px rgba(0, 0, 0, 0.52);
  overflow: hidden;
}

.copilot-studio-page__workspace-top {
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.15rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
}

.copilot-studio-page__workspace-top span {
  color: rgba(255, 255, 255, 0.74);
  font-size: 0.82rem;
}

.copilot-studio-page__workspace-top span:first-child {
  color: #fff;
  font-weight: 700;
}

.copilot-studio-page__workspace-top span:nth-child(2) {
  padding: 0.42rem 0.9rem;
  border: 1px solid rgba(153, 189, 60, 0.34);
  background: rgba(153, 189, 60, 0.12);
}

.copilot-studio-page__workspace-top span:nth-child(3) {
  padding: 0.42rem 0.9rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.04);
}

.copilot-studio-page__workspace-body {
  display: grid;
  grid-template-columns: 92px 1.35fr 0.95fr;
  min-height: 500px;
}

.copilot-studio-page__workspace-sidebar {
  display: grid;
  gap: 0.8rem;
  align-content: start;
  padding: 1.15rem 0.85rem;
  border-right: 1px solid rgba(255, 255, 255, 0.06);
  background: linear-gradient(180deg, rgba(18, 19, 28, 0.98), rgba(9, 10, 16, 0.98));
}

.copilot-studio-page__workspace-sidebar span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.7rem;
  padding: 0.7rem 0.55rem;
  border: 1px solid rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.72);
  background: rgba(255, 255, 255, 0.03);
  font-size: 0.77rem;
  text-align: center;
}

.copilot-studio-page__workspace-sidebar .is-active {
  border-color: rgba(25, 159, 215, 0.34);
  color: #fff;
  background: rgba(25, 159, 215, 0.14);
}

.copilot-studio-page__workspace-canvas {
  padding: 1.25rem 1.2rem 1.35rem;
  border-right: 1px solid rgba(255, 255, 255, 0.06);
}

.copilot-studio-page__canvas-header strong,
.copilot-studio-page__flow-card strong,
.copilot-studio-page__chat-head strong,
.copilot-studio-page__message strong {
  color: #fff;
}

.copilot-studio-page__canvas-header strong {
  display: block;
  font-size: 1.04rem;
}

.copilot-studio-page__canvas-header span {
  display: block;
  margin-top: 0.35rem;
  color: rgba(255, 255, 255, 0.58);
  font-size: 0.82rem;
}

.copilot-studio-page__flow {
  display: grid;
  justify-items: center;
  gap: 1rem;
  margin-top: 1.2rem;
}

.copilot-studio-page__flow-row,
.copilot-studio-page__flow-branch {
  width: 100%;
  display: grid;
  justify-items: center;
  gap: 1rem;
}

.copilot-studio-page__flow-branch {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.copilot-studio-page__flow-card {
  width: min(100%, 13.8rem);
  padding: 0.95rem 0.9rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
    rgba(9, 10, 16, 0.92);
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.18);
}

.copilot-studio-page__flow-card strong {
  display: block;
  font-size: 0.92rem;
}

.copilot-studio-page__flow-card span {
  display: block;
  margin-top: 0.3rem;
  color: rgba(255, 255, 255, 0.62);
  font-size: 0.78rem;
}

.copilot-studio-page__flow-card--trigger {
  border-color: rgba(138, 80, 216, 0.34);
  background:
    linear-gradient(135deg, rgba(138, 80, 216, 0.18), rgba(25, 159, 215, 0.08)),
    rgba(9, 10, 16, 0.94);
}

.copilot-studio-page__flow-card--success {
  border-color: rgba(153, 189, 60, 0.34);
}

.copilot-studio-page__flow-card--info {
  border-color: rgba(25, 159, 215, 0.32);
}

.copilot-studio-page__flow-card--end {
  border-color: rgba(252, 121, 66, 0.32);
}

.copilot-studio-page__workspace-chat {
  display: grid;
  grid-template-rows: auto 1fr auto;
  padding: 1.1rem 1rem;
}

.copilot-studio-page__chat-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 0.75rem;
}

.copilot-studio-page__chat-head strong {
  font-size: 0.96rem;
}

.copilot-studio-page__chat-head span {
  color: rgba(255, 255, 255, 0.56);
  font-size: 0.78rem;
}

.copilot-studio-page__chat-thread {
  display: grid;
  gap: 0.85rem;
  align-content: start;
  padding: 1rem 0;
}

.copilot-studio-page__message {
  max-width: 100%;
  padding: 0.9rem 0.95rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
    rgba(15, 16, 24, 0.94);
}

.copilot-studio-page__message strong {
  display: block;
  font-size: 0.84rem;
}

.copilot-studio-page__message p {
  margin-top: 0.32rem;
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.83rem;
  line-height: 1.55;
}

.copilot-studio-page__message--accent {
  margin-left: auto;
  background:
    linear-gradient(135deg, rgba(138, 80, 216, 0.32), rgba(25, 159, 215, 0.22)),
    rgba(18, 20, 32, 0.98);
}

.copilot-studio-page__composer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  min-height: 3.1rem;
  padding: 0.8rem 0.95rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.52);
  background: rgba(255, 255, 255, 0.03);
  font-size: 0.82rem;
}

.copilot-studio-page__composer span:last-child {
  color: rgba(153, 189, 60, 0.92);
}

.copilot-studio-page .m365-page__app-rail {
  gap: 0.85rem;
}

.copilot-studio-page .m365-page__app-tile {
  width: 82px;
  height: 82px;
  border-color: var(--copilot-studio-border);
}

.copilot-studio-page .m365-page__why-icon {
  background: linear-gradient(135deg, rgba(25, 159, 215, 0.18), rgba(138, 80, 216, 0.16));
}

.copilot-studio-page .copilot-service-page__trust-icon {
  background: linear-gradient(135deg, rgba(25, 159, 215, 0.18), rgba(238, 80, 145, 0.12));
}

.teams-page {
  color: #fff;
  background: #000;
}

.teams-page .section {
  position: relative;
  padding: 5.2rem 0;
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

.teams-page .muted,
.teams-page p {
  color: rgba(255, 255, 255, 0.74);
  font-size: 1rem;
  line-height: 1.75;
}

.teams-page .section__eyebrow {
  color: rgba(204, 198, 255, 0.92);
  margin-bottom: 0.9rem;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.teams-page .section__header {
  max-width: 920px;
  margin-bottom: 3rem;
}

.teams-page__hero {
  min-height: 860px;
  padding: 4.8rem 0 6rem;
  background: #000;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.teams-page__hero-layout {
  align-items: start;
  gap: 3rem;
}

.teams-page__hero .hero__content {
  max-width: 780px;
  padding-top: 2.6rem;
}

.teams-page__hero h1,
.teams-page__why h2,
.teams-page__services h2,
.teams-page__use-cases h2,
.teams-page__enablement h2,
.teams-page__trust h2,
.teams-page__cta h2 {
  color: #fff;
  text-wrap: balance;
}

.teams-page__hero h1 {
  font-size: clamp(3.4rem, 5.9vw, 5.7rem);
  line-height: 0.98;
  letter-spacing: -0.06em;
}

.teams-page__why h2,
.teams-page__services h2,
.teams-page__use-cases h2,
.teams-page__enablement h2,
.teams-page__trust h2,
.teams-page__cta h2 {
  font-size: clamp(2.35rem, 4vw, 3.2rem);
  line-height: 1.05;
  letter-spacing: -0.045em;
}

.teams-page__accent,
.teams-page__accent-inline {
  background: linear-gradient(135deg, #9b84ff, #6a62ff 55%, #4cb1ff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.teams-page__hero-lead {
  margin-top: var(--space-4);
  color: rgba(255, 255, 255, 0.9);
  max-width: 39rem;
  font-size: clamp(1.16rem, 2vw, 1.38rem);
  font-weight: var(--weight-medium);
  line-height: 1.72;
}

.teams-page .hero__actions,
.teams-page__cta-actions {
  gap: 1rem;
  margin-top: 2rem;
}

.teams-page .button {
  min-height: 52px;
  padding: 0.9rem 1.45rem;
  border-radius: 999px;
  font-size: 0.94rem;
  letter-spacing: 0.02em;
  color: #fff;
  border-color: rgba(115, 99, 255, 0.9);
  background: linear-gradient(135deg, #6959ff, #8769ff);
  box-shadow: 0 18px 42px rgba(93, 91, 255, 0.24);
}

.teams-page .button:hover {
  color: #fff;
  background: linear-gradient(135deg, #7a6cff, #9377ff);
}

.teams-page .button--ghost {
  border-color: rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.02);
  box-shadow: none;
}

.teams-page .button--ghost:hover {
  background: rgba(255, 255, 255, 0.08);
}

.teams-page__proof-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 2.35rem;
  padding-top: 1.55rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.teams-page__proof-item {
  display: grid;
  gap: 0.35rem;
}

.teams-page__proof-item strong {
  color: #fff;
  font-size: 1rem;
  line-height: 1.28;
}

.teams-page__proof-item span {
  color: rgba(255, 255, 255, 0.62);
  font-size: 0.88rem;
  line-height: 1.5;
}

.teams-page__hero-visual {
  position: relative;
  min-height: 640px;
  display: grid;
  place-items: center;
  padding: 2rem 0;
}

.teams-page__hero-orbit {
  position: absolute;
  inset: auto -1rem -3rem auto;
  width: 32rem;
  height: 19rem;
  border-radius: 999px;
  background:
    radial-gradient(circle at center, rgba(112, 90, 255, 0.16), transparent 62%),
    repeating-radial-gradient(circle at center, rgba(90, 101, 255, 0.14) 0 2px, transparent 2px 18px);
  opacity: 0.72;
}

.teams-page__workspace {
  position: relative;
  width: min(100%, 660px);
  border: 1px solid rgba(139, 116, 255, 0.44);
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(16, 17, 24, 0.98), rgba(6, 7, 12, 0.98));
  box-shadow:
    0 0 0 1px rgba(92, 109, 255, 0.08),
    0 38px 90px rgba(0, 0, 0, 0.54);
  overflow: hidden;
}

.teams-page__workspace-top {
  display: grid;
  grid-template-columns: auto auto auto;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.68);
  font-size: 0.82rem;
  background: rgba(255, 255, 255, 0.03);
}

.teams-page__workspace-body {
  display: grid;
  grid-template-columns: 170px 1fr;
  min-height: 420px;
}

.teams-page__workspace-sidebar {
  display: grid;
  gap: 0.75rem;
  align-content: start;
  padding: 1.25rem 1rem;
  background: linear-gradient(180deg, rgba(24, 25, 35, 0.98), rgba(8, 9, 15, 0.98));
}

.teams-page__workspace-sidebar strong,
.teams-page__message strong,
.teams-page__use-case strong,
.teams-page__process-step strong,
.teams-page__trust-card strong {
  color: #fff;
}

.teams-page__workspace-sidebar strong {
  margin-top: 0.35rem;
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(190, 184, 255, 0.82);
}

.teams-page__workspace-sidebar span {
  display: inline-flex;
  align-items: center;
  min-height: 2.6rem;
  padding: 0.75rem 0.85rem;
  border-radius: 14px;
  color: rgba(255, 255, 255, 0.82);
  background: rgba(255, 255, 255, 0.05);
  font-size: 0.86rem;
}

.teams-page__workspace-main {
  display: grid;
  align-content: space-between;
  padding: 1.35rem;
  background:
    radial-gradient(circle at top right, rgba(111, 76, 255, 0.14), transparent 30%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0));
}

.teams-page__conversation {
  display: grid;
  gap: 0.95rem;
}

.teams-page__message,
.teams-page__why-card,
.teams-page__use-case,
.teams-page__panel,
.teams-page__trust-card,
.teams-page__cta {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 22px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
    rgba(8, 10, 16, 0.92);
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.22);
}

.teams-page__message {
  max-width: 22rem;
  padding: 1rem 1.1rem;
}

.teams-page__message--light {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02)),
    rgba(20, 22, 30, 0.95);
}

.teams-page__message--accent {
  margin-left: auto;
  background:
    linear-gradient(135deg, rgba(105, 89, 255, 0.34), rgba(90, 101, 255, 0.26)),
    rgba(18, 20, 32, 0.98);
}

.teams-page__message strong {
  display: block;
  font-size: 0.92rem;
}

.teams-page__message p {
  margin-top: 0.35rem;
  font-size: 0.88rem;
}

.teams-page__composer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 3.35rem;
  margin-top: 1.5rem;
  padding: 0.85rem 1rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  color: rgba(255, 255, 255, 0.54);
  background: rgba(255, 255, 255, 0.03);
  font-size: 0.86rem;
}

.teams-page__composer span:last-child {
  color: rgba(190, 184, 255, 0.95);
}

.teams-page__app-rail {
  position: absolute;
  top: 2.2rem;
  right: -0.75rem;
  display: grid;
  gap: 1rem;
}

.teams-page__app-tile {
  width: 88px;
  height: 88px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(145, 119, 255, 0.3);
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.03)),
    rgba(9, 10, 16, 0.96);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.32);
}

.teams-page__app-tile img {
  width: 44px;
  height: 44px;
  object-fit: contain;
}

.teams-page__why-grid,
.teams-page__service-grid,
.teams-page__use-case-grid,
.teams-page__trust-grid {
  gap: 1.2rem;
}

.teams-page__why-card {
  height: 100%;
  padding: 1.8rem;
}

.teams-page__why-icon {
  width: 3.25rem;
  height: 3.25rem;
  display: inline-grid;
  place-items: center;
  margin-bottom: 1rem;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(100, 89, 255, 0.2), rgba(139, 92, 246, 0.16));
}

.teams-page__why-icon img {
  width: 1.6rem;
  height: 1.6rem;
  object-fit: contain;
}

.teams-page__why-card h3,
.teams-page__service-card h3 {
  color: #fff;
  font-size: clamp(1.24rem, 2vw, 1.52rem);
  line-height: 1.14;
}

.teams-page__why-card p {
  margin-top: 0.8rem;
}

.teams-page__services {
  background: #000;
}

.teams-page .core-expertise-card {
  border-color: rgba(255, 255, 255, 0.12);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
    rgba(8, 10, 16, 0.94);
}

.teams-page .service-card__icon {
  border-color: rgba(255, 255, 255, 0.14);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.015)),
    rgba(255, 255, 255, 0.03);
}

.teams-page__service-card {
  height: 100%;
  padding: 2rem;
}

.teams-page .core-expertise-card p {
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.98rem;
  line-height: 1.72;
}

.teams-page__use-case-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.teams-page__use-case {
  padding: 1.4rem 1rem;
  text-align: center;
}

.teams-page__use-icon {
  width: 3rem;
  height: 3rem;
  display: inline-grid;
  place-items: center;
  margin-bottom: 0.95rem;
  border-radius: 999px;
  border: 1px solid rgba(135, 120, 255, 0.24);
  color: #c4baff;
  background: rgba(105, 89, 255, 0.08);
  font-size: 0.84rem;
  font-weight: 800;
  letter-spacing: 0.08em;
}

.teams-page__use-case strong {
  display: block;
  font-size: 1rem;
  line-height: 1.32;
}

.teams-page__use-case p {
  margin-top: 0.65rem;
  font-size: 0.9rem;
}

.teams-page__enablement-grid {
  display: grid;
  grid-template-columns: 0.82fr 1.18fr;
  gap: 1.25rem;
}

.teams-page__panel {
  padding: 2rem;
}

.teams-page__panel .section__header {
  margin-bottom: 1.8rem;
}

.teams-page__integration-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.teams-page__integration-chip {
  min-height: 7.6rem;
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 0.75rem;
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.03);
  text-align: center;
}

.teams-page__integration-chip img {
  width: 2rem;
  height: 2rem;
  object-fit: contain;
}

.teams-page__integration-chip span {
  color: #fff;
  font-size: 0.9rem;
}

.teams-page__panel-note {
  margin-top: 1rem;
  text-align: center;
  color: rgba(255, 255, 255, 0.58);
  font-size: 0.9rem;
}

.teams-page__process-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1rem;
}

.teams-page__process-step {
  padding: 1.2rem 1rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.03);
  text-align: center;
}

.teams-page__process-step span {
  width: 3rem;
  height: 3rem;
  display: inline-grid;
  place-items: center;
  margin-bottom: 0.9rem;
  border-radius: 999px;
  border: 1px solid rgba(135, 120, 255, 0.28);
  color: #d1c7ff;
  background: rgba(105, 89, 255, 0.1);
  font-size: 0.86rem;
  font-weight: 800;
}

.teams-page__process-step strong {
  display: block;
  font-size: 1rem;
}

.teams-page__process-step p {
  margin-top: 0.6rem;
  font-size: 0.88rem;
}

.teams-page__trust-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.teams-page__trust-card {
  display: grid;
  justify-items: center;
  align-content: start;
  gap: 0.9rem;
  padding: 1.4rem 1rem;
  text-align: center;
}

.teams-page__trust-icon {
  width: 3.15rem;
  height: 3.15rem;
  display: inline-grid;
  place-items: center;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(100, 89, 255, 0.18), rgba(139, 92, 246, 0.12));
}

.teams-page__trust-icon img {
  width: 1.55rem;
  height: 1.55rem;
  object-fit: contain;
}

.teams-page__trust-card strong {
  font-size: 1rem;
  line-height: 1.32;
}

.teams-page__trust-card p {
  font-size: 0.9rem;
}

.teams-page__cta {
  display: grid;
  grid-template-columns: 0.82fr 1.1fr auto;
  align-items: center;
  gap: 2rem;
  padding: 2.4rem;
  border-color: rgba(135, 120, 255, 0.32);
}

.teams-page__cta-art {
  position: relative;
  min-height: 180px;
  overflow: hidden;
}

.teams-page__cta-orb {
  position: absolute;
  inset: 1rem auto auto 1rem;
  width: 9rem;
  height: 9rem;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(120, 111, 255, 0.56), rgba(120, 111, 255, 0) 68%);
  filter: blur(4px);
}

.teams-page__cta-art img {
  position: absolute;
  width: 42px;
  height: 42px;
  object-fit: contain;
  padding: 0.7rem;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.07);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.22);
}

.teams-page__cta-art img:nth-of-type(1) {
  top: 2.2rem;
  left: 4.2rem;
}

.teams-page__cta-art img:nth-of-type(2) {
  top: 1rem;
  left: 10rem;
}

.teams-page__cta-art img:nth-of-type(3) {
  top: 5.8rem;
  left: 8rem;
}

.teams-page__cta-art img:nth-of-type(4) {
  top: 5rem;
  left: 13rem;
}

.teams-page__cta-copy p {
  margin-top: 0.8rem;
  max-width: 40rem;
}

.teams-page__cta-actions {
  display: grid;
  gap: 0.9rem;
}

.onedrive-page {
  color: #fff;
  background: #000;
}

.onedrive-page .section {
  position: relative;
  padding: 5.2rem 0;
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

.onedrive-page .muted,
.onedrive-page p {
  color: rgba(255, 255, 255, 0.74);
  font-size: 1rem;
  line-height: 1.75;
}

.onedrive-page .section__eyebrow {
  color: rgba(190, 218, 255, 0.92);
  margin-bottom: 0.9rem;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.onedrive-page .section__header {
  max-width: 920px;
  margin-bottom: 3rem;
}

.onedrive-page__hero {
  min-height: 860px;
  padding: 4.8rem 0 6rem;
  background: #000;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.onedrive-page__hero-layout {
  align-items: start;
  gap: 3rem;
}

.onedrive-page__hero .hero__content {
  max-width: 780px;
  padding-top: 2.6rem;
}

.onedrive-page__hero h1,
.onedrive-page__why h2,
.onedrive-page__services h2,
.onedrive-page__workflow h2,
.onedrive-page__enablement h2,
.onedrive-page__trust h2,
.onedrive-page__cta h2 {
  color: #fff;
  text-wrap: balance;
}

.onedrive-page__hero h1 {
  font-size: clamp(3.35rem, 5.9vw, 5.65rem);
  line-height: 0.98;
  letter-spacing: -0.06em;
}

.onedrive-page__why h2,
.onedrive-page__services h2,
.onedrive-page__workflow h2,
.onedrive-page__enablement h2,
.onedrive-page__trust h2,
.onedrive-page__cta h2 {
  font-size: clamp(2.35rem, 4vw, 3.2rem);
  line-height: 1.05;
  letter-spacing: -0.045em;
}

.onedrive-page__accent,
.onedrive-page__accent-inline {
  background: linear-gradient(135deg, #7ec5ff, #2d85ff 55%, #165dff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.onedrive-page__hero-lead {
  margin-top: var(--space-4);
  color: rgba(255, 255, 255, 0.9);
  max-width: 39rem;
  font-size: clamp(1.16rem, 2vw, 1.38rem);
  font-weight: var(--weight-medium);
  line-height: 1.72;
}

.onedrive-page .hero__actions,
.onedrive-page__cta-actions {
  gap: 1rem;
  margin-top: 2rem;
}

.onedrive-page .button {
  min-height: 52px;
  padding: 0.9rem 1.45rem;
  border-radius: 999px;
  font-size: 0.94rem;
  letter-spacing: 0.02em;
  color: #fff;
  border-color: rgba(42, 112, 255, 0.9);
  background: linear-gradient(135deg, #1e7cf8, #2d5fff);
  box-shadow: 0 18px 42px rgba(45, 95, 255, 0.22);
}

.onedrive-page .button:hover {
  color: #fff;
  background: linear-gradient(135deg, #2e8aff, #3d6bff);
}

.onedrive-page .button--ghost {
  border-color: rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.02);
  box-shadow: none;
}

.onedrive-page .button--ghost:hover {
  background: rgba(255, 255, 255, 0.08);
}

.onedrive-page__proof-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 2.35rem;
  padding-top: 1.55rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.onedrive-page__proof-item {
  display: grid;
  gap: 0.35rem;
}

.onedrive-page__proof-item strong {
  color: #fff;
  font-size: 1rem;
  line-height: 1.28;
}

.onedrive-page__proof-item span {
  color: rgba(255, 255, 255, 0.62);
  font-size: 0.88rem;
  line-height: 1.5;
}

.onedrive-page__hero-visual {
  position: relative;
  min-height: 640px;
  display: grid;
  place-items: center;
  padding: 2rem 0;
}

.onedrive-page__hero-orbit {
  position: absolute;
  inset: auto -1rem -3rem auto;
  width: 32rem;
  height: 19rem;
  border-radius: 999px;
  background:
    radial-gradient(circle at center, rgba(35, 120, 255, 0.16), transparent 62%),
    repeating-radial-gradient(circle at center, rgba(35, 120, 255, 0.12) 0 2px, transparent 2px 18px);
  opacity: 0.72;
}

.onedrive-page__workspace {
  position: relative;
  width: min(100%, 660px);
  border: 1px solid rgba(71, 132, 255, 0.42);
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(16, 17, 24, 0.98), rgba(6, 7, 12, 0.98));
  box-shadow:
    0 0 0 1px rgba(42, 112, 255, 0.08),
    0 38px 90px rgba(0, 0, 0, 0.54);
  overflow: hidden;
}

.onedrive-page__workspace-top {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.68);
  font-size: 0.82rem;
  background: rgba(255, 255, 255, 0.03);
}

.onedrive-page__workspace-top span:nth-child(2) {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  padding: 0 0.9rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  color: rgba(255, 255, 255, 0.42);
  background: rgba(255, 255, 255, 0.02);
}

.onedrive-page__workspace-body {
  display: grid;
  grid-template-columns: 120px 1fr;
  min-height: 420px;
}

.onedrive-page__workspace-sidebar {
  display: grid;
  gap: 0.75rem;
  align-content: start;
  padding: 1.25rem 1rem;
  background: linear-gradient(180deg, rgba(24, 25, 35, 0.98), rgba(8, 9, 15, 0.98));
}

.onedrive-page__workspace-sidebar span,
.onedrive-page__file-list li,
.onedrive-page__workflow-step strong,
.onedrive-page__trust-card strong {
  color: #fff;
}

.onedrive-page__workspace-sidebar span {
  display: inline-flex;
  align-items: center;
  min-height: 2.6rem;
  padding: 0.75rem 0.85rem;
  border-radius: 14px;
  color: rgba(255, 255, 255, 0.82);
  background: rgba(255, 255, 255, 0.05);
  font-size: 0.86rem;
}

.onedrive-page__workspace-main {
  display: grid;
  align-content: start;
  gap: 1rem;
  padding: 1.35rem;
  background:
    radial-gradient(circle at top right, rgba(48, 119, 255, 0.14), transparent 30%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0));
}

.onedrive-page__folder-row,
.onedrive-page__integration-grid,
.onedrive-page__use-list {
  display: grid;
  gap: 1rem;
}

.onedrive-page__folder-row {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.onedrive-page__folder-card,
.onedrive-page__why-card,
.onedrive-page__workflow-step,
.onedrive-page__panel,
.onedrive-page__trust-card,
.onedrive-page__cta {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 22px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
    rgba(8, 10, 16, 0.92);
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.22);
}

.onedrive-page__folder-card {
  min-height: 8.8rem;
  padding: 1rem;
}

.onedrive-page__folder-card strong,
.onedrive-page__why-card h3,
.onedrive-page__service-card h3,
.onedrive-page__integration-chip span {
  color: #fff;
}

.onedrive-page__folder-card strong {
  display: block;
  font-size: 1rem;
  line-height: 1.35;
}

.onedrive-page__folder-card span {
  display: block;
  margin-top: 3.1rem;
  color: rgba(255, 255, 255, 0.58);
  font-size: 0.82rem;
}

.onedrive-page__file-list {
  display: grid;
  gap: 0.85rem;
  list-style: none;
}

.onedrive-page__file-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.85rem 1rem;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.74);
  font-size: 0.88rem;
}

.onedrive-page__file-list li span:last-child {
  color: rgba(169, 208, 255, 0.9);
}

.onedrive-page__app-rail {
  position: absolute;
  top: 2.2rem;
  right: -0.75rem;
  display: grid;
  gap: 1rem;
}

.onedrive-page__app-tile {
  width: 88px;
  height: 88px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(82, 146, 255, 0.3);
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.03)),
    rgba(9, 10, 16, 0.96);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.32);
}

.onedrive-page__app-tile img {
  width: 44px;
  height: 44px;
  object-fit: contain;
}

.onedrive-page__why-grid,
.onedrive-page__service-grid,
.onedrive-page__trust-grid {
  gap: 1.2rem;
}

.onedrive-page__why-card {
  height: 100%;
  padding: 1.8rem;
}

.onedrive-page__why-icon {
  width: 3.25rem;
  height: 3.25rem;
  display: inline-grid;
  place-items: center;
  margin-bottom: 1rem;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(42, 112, 255, 0.2), rgba(96, 165, 250, 0.16));
}

.onedrive-page__why-icon img,
.onedrive-page__trust-icon img,
.onedrive-page__integration-chip img {
  width: 1.6rem;
  height: 1.6rem;
  object-fit: contain;
}

.onedrive-page__why-card h3,
.onedrive-page__service-card h3 {
  font-size: clamp(1.24rem, 2vw, 1.52rem);
  line-height: 1.14;
}

.onedrive-page__why-card p {
  margin-top: 0.8rem;
}

.onedrive-page__services {
  background: #000;
}

.onedrive-page .core-expertise-card {
  border-color: rgba(255, 255, 255, 0.12);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
    rgba(8, 10, 16, 0.94);
}

.onedrive-page .service-card__icon {
  border-color: rgba(255, 255, 255, 0.14);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.015)),
    rgba(255, 255, 255, 0.03);
}

.onedrive-page__service-card {
  height: 100%;
  padding: 2rem;
}

.onedrive-page .core-expertise-card p {
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.98rem;
  line-height: 1.72;
}

.onedrive-page__workflow-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1rem;
}

.onedrive-page__workflow-step {
  padding: 1.35rem 1rem;
  text-align: center;
}

.onedrive-page__workflow-step span {
  width: 3rem;
  height: 3rem;
  display: inline-grid;
  place-items: center;
  margin-bottom: 0.95rem;
  border-radius: 999px;
  border: 1px solid rgba(42, 112, 255, 0.28);
  color: #c6e0ff;
  background: rgba(42, 112, 255, 0.1);
  font-size: 0.86rem;
  font-weight: 800;
}

.onedrive-page__workflow-step strong {
  display: block;
  font-size: 1rem;
}

.onedrive-page__workflow-step p {
  margin-top: 0.65rem;
  font-size: 0.9rem;
}

.onedrive-page__enablement-grid {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 1.25rem;
}

.onedrive-page__panel {
  padding: 2rem;
}

.onedrive-page__panel .section__header {
  margin-bottom: 1.8rem;
}

.onedrive-page__integration-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.onedrive-page__integration-chip {
  min-height: 7.6rem;
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 0.75rem;
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.03);
  text-align: center;
}

.onedrive-page__panel-note {
  margin-top: 1rem;
  text-align: center;
  color: rgba(255, 255, 255, 0.58);
  font-size: 0.9rem;
}

.onedrive-page__use-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.onedrive-page__use-list span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 4.4rem;
  padding: 1rem 1.1rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  color: #fff;
  background: rgba(255, 255, 255, 0.03);
  font-size: 0.96rem;
  font-weight: var(--weight-medium);
  text-align: center;
}

.onedrive-page__trust-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.onedrive-page__trust-card {
  display: grid;
  justify-items: center;
  align-content: start;
  gap: 0.9rem;
  padding: 1.4rem 1rem;
  text-align: center;
}

.onedrive-page__trust-icon {
  width: 3.15rem;
  height: 3.15rem;
  display: inline-grid;
  place-items: center;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(42, 112, 255, 0.18), rgba(96, 165, 250, 0.12));
}

.onedrive-page__trust-card strong {
  font-size: 1rem;
  line-height: 1.32;
}

.onedrive-page__trust-card p {
  font-size: 0.9rem;
}

.onedrive-page__cta {
  display: grid;
  grid-template-columns: 0.82fr 1.1fr auto;
  align-items: center;
  gap: 2rem;
  padding: 2.4rem;
  border-color: rgba(42, 112, 255, 0.3);
}

.onedrive-page__cta-art {
  position: relative;
  min-height: 180px;
  overflow: hidden;
}

.onedrive-page__cta-orb {
  position: absolute;
  inset: 1rem auto auto 1rem;
  width: 9rem;
  height: 9rem;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(61, 138, 255, 0.56), rgba(61, 138, 255, 0) 68%);
  filter: blur(4px);
}

.onedrive-page__cta-art img {
  position: absolute;
  width: 42px;
  height: 42px;
  object-fit: contain;
  padding: 0.7rem;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.07);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.22);
}

.onedrive-page__cta-art img:nth-of-type(1) {
  top: 2.2rem;
  left: 4.2rem;
}

.onedrive-page__cta-art img:nth-of-type(2) {
  top: 1rem;
  left: 10rem;
}

.onedrive-page__cta-art img:nth-of-type(3) {
  top: 5.8rem;
  left: 8rem;
}

.onedrive-page__cta-art img:nth-of-type(4) {
  top: 5rem;
  left: 13rem;
}

.onedrive-page__cta-copy p {
  margin-top: 0.8rem;
  max-width: 40rem;
}

.onedrive-page__cta-actions {
  display: grid;
  gap: 0.9rem;
}

.spfx-page {
  color: #fff;
  background: #000;
}

.spfx-page .section {
  position: relative;
  padding: 5.2rem 0;
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

.spfx-page .muted,
.spfx-page p {
  color: rgba(255, 255, 255, 0.74);
  font-size: 1rem;
  line-height: 1.75;
}

.spfx-page .section__eyebrow {
  color: rgba(184, 171, 255, 0.92);
  margin-bottom: 0.9rem;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.spfx-page .section__header {
  max-width: 920px;
  margin-bottom: 3rem;
}

.spfx-page__hero {
  min-height: 860px;
  padding: 4.8rem 0 6rem;
  background: #000;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.spfx-page__hero-layout {
  align-items: start;
  gap: 3rem;
}

.spfx-page__hero .hero__content {
  max-width: 760px;
  padding-top: 2.5rem;
}

.spfx-page__hero h1,
.spfx-page__why h2,
.spfx-page__services h2,
.spfx-page__process h2,
.spfx-page__technology h2,
.spfx-page__solutions h2,
.spfx-page__cta h2 {
  color: #fff;
  text-wrap: balance;
}

.spfx-page__hero h1 {
  font-size: clamp(3.4rem, 5.8vw, 5.5rem);
  line-height: 0.98;
  letter-spacing: -0.06em;
}

.spfx-page__why h2,
.spfx-page__services h2,
.spfx-page__process h2,
.spfx-page__technology h2,
.spfx-page__solutions h2,
.spfx-page__cta h2 {
  font-size: clamp(2.3rem, 4vw, 3.2rem);
  line-height: 1.05;
  letter-spacing: -0.045em;
}

.spfx-page__accent,
.spfx-page__accent-inline {
  background: linear-gradient(135deg, #58a6ff, #6f61ff 56%, #9b5cff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.spfx-page__hero-lead {
  margin-top: var(--space-4);
  max-width: 40rem;
  color: rgba(255, 255, 255, 0.9);
  font-size: clamp(1.16rem, 2vw, 1.38rem);
  font-weight: var(--weight-medium);
  line-height: 1.72;
}

.spfx-page .hero__actions,
.spfx-page__cta-actions {
  gap: 1rem;
  margin-top: 2rem;
}

.spfx-page .button {
  min-height: 52px;
  padding: 0.9rem 1.45rem;
  border-radius: 999px;
  font-size: 0.94rem;
  letter-spacing: 0.02em;
  color: #fff;
  border-color: rgba(113, 88, 255, 0.9);
  background: linear-gradient(135deg, #5e57ff, #8b4dff);
  box-shadow: 0 18px 42px rgba(87, 81, 255, 0.24);
}

.spfx-page .button:hover {
  color: #fff;
  background: linear-gradient(135deg, #6e67ff, #9d61ff);
}

.spfx-page .button--ghost {
  border-color: rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.02);
  box-shadow: none;
}

.spfx-page .button--ghost:hover {
  background: rgba(255, 255, 255, 0.08);
}

.spfx-page__proof-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 2.4rem;
  padding-top: 1.6rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.spfx-page__proof-item {
  display: grid;
  gap: 0.36rem;
}

.spfx-page__proof-item strong {
  color: #fff;
  font-size: 1rem;
  line-height: 1.3;
}

.spfx-page__proof-item span {
  color: rgba(255, 255, 255, 0.62);
  font-size: 0.88rem;
  line-height: 1.5;
}

.spfx-page__hero-visual {
  position: relative;
  min-height: 640px;
  display: grid;
  place-items: center;
  padding: 2rem 0;
}

.spfx-page__hero-orbit {
  position: absolute;
  inset: auto -1rem -2rem auto;
  width: 32rem;
  height: 18rem;
  border-radius: 999px;
  background:
    radial-gradient(circle at center, rgba(117, 90, 255, 0.18), transparent 62%),
    repeating-radial-gradient(circle at center, rgba(80, 126, 255, 0.14) 0 2px, transparent 2px 18px);
  opacity: 0.8;
}

.spfx-page__studio {
  position: relative;
  width: min(100%, 690px);
  border: 1px solid rgba(120, 90, 255, 0.42);
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(16, 18, 26, 0.98), rgba(6, 7, 12, 0.98));
  box-shadow:
    0 0 0 1px rgba(90, 98, 255, 0.12),
    0 38px 90px rgba(0, 0, 0, 0.56);
  overflow: hidden;
}

.spfx-page__studio-top {
  display: grid;
  grid-template-columns: auto auto 1fr;
  gap: 0.8rem;
  align-items: center;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.66);
  font-size: 0.82rem;
  background: rgba(255, 255, 255, 0.03);
}

.spfx-page__studio-top span {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  padding: 0 0.9rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
}

.spfx-page__studio-top span:last-child {
  justify-self: end;
}

.spfx-page__studio-body {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  min-height: 470px;
}

.spfx-page__editor,
.spfx-page__panel,
.spfx-page__why-card,
.spfx-page__process-step,
.spfx-page__tech-panel,
.spfx-page__solution-card,
.spfx-page__cta,
.spfx-page__metric-card {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
    rgba(8, 10, 16, 0.92);
  box-shadow: 0 22px 48px rgba(0, 0, 0, 0.22);
}

.spfx-page__editor {
  margin: 1.3rem;
  padding: 1.2rem;
  border-radius: 22px;
  background:
    linear-gradient(180deg, rgba(19, 20, 30, 0.98), rgba(8, 9, 16, 0.98));
}

.spfx-page__editor-line {
  display: grid;
  grid-template-columns: 1.9rem 1fr;
  gap: 0.95rem;
  align-items: start;
  font-size: 0.86rem;
  line-height: 1.68;
}

.spfx-page__editor-line+.spfx-page__editor-line {
  margin-top: 0.28rem;
}

.spfx-page__editor-line span {
  color: rgba(125, 135, 170, 0.88);
  text-align: right;
}

.spfx-page__editor-line code {
  color: rgba(238, 242, 255, 0.9);
  font-family: "Consolas", "Courier New", monospace;
  white-space: pre-wrap;
}

.spfx-page__editor-foot {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 1.2rem;
}

.spfx-page__editor-foot span {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  padding: 0 0.8rem;
  border-radius: 999px;
  color: rgba(214, 220, 255, 0.9);
  background: rgba(95, 103, 255, 0.12);
  font-size: 0.8rem;
  letter-spacing: 0.04em;
}

.spfx-page__insights {
  display: grid;
  gap: 1rem;
  align-content: start;
  padding: 1.3rem 1.3rem 1.3rem 0;
}

.spfx-page__metric-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.9rem;
}

.spfx-page__metric-card {
  padding: 1rem;
  text-align: center;
}

.spfx-page__metric-card strong,
.spfx-page__why-card h3,
.spfx-page__service-card h3,
.spfx-page__process-step strong,
.spfx-page__solution-card strong {
  color: #fff;
}

.spfx-page__metric-card strong {
  display: block;
  font-size: 1.9rem;
  line-height: 1;
}

.spfx-page__metric-card span {
  display: block;
  margin-top: 0.5rem;
  color: rgba(255, 255, 255, 0.62);
  font-size: 0.84rem;
}

.spfx-page__panel {
  padding: 1.15rem;
}

.spfx-page__panel strong {
  color: #fff;
  font-size: 1rem;
}

.spfx-page__activity-list {
  display: grid;
  gap: 0.85rem;
  margin-top: 1rem;
  list-style: none;
}

.spfx-page__activity-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.82rem 0.9rem;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.76);
  font-size: 0.84rem;
}

.spfx-page__activity-list li span:last-child {
  color: rgba(160, 174, 255, 0.94);
  white-space: nowrap;
}

.spfx-page__quick-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.8rem;
  margin-top: 1rem;
}

.spfx-page__quick-chip {
  min-height: 5.5rem;
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 0.55rem;
  padding: 0.8rem;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.03);
  text-align: center;
}

.spfx-page__quick-chip img {
  width: 1.9rem;
  height: 1.9rem;
  object-fit: contain;
}

.spfx-page__quick-chip span {
  color: #fff;
  font-size: 0.82rem;
}

.spfx-page__why-grid,
.spfx-page__service-grid,
.spfx-page__solution-grid {
  gap: 1.2rem;
}

.spfx-page__why-card {
  height: 100%;
  padding: 1.8rem;
}

.spfx-page__why-icon {
  width: 3.25rem;
  height: 3.25rem;
  display: inline-grid;
  place-items: center;
  margin-bottom: 1.1rem;
  border-radius: 16px;
  color: #dfe4ff;
  background: linear-gradient(135deg, rgba(89, 125, 255, 0.22), rgba(155, 92, 255, 0.16));
  font-size: 0.88rem;
  font-weight: 800;
  letter-spacing: 0.08em;
}

.spfx-page__why-card h3 {
  font-size: clamp(1.18rem, 2vw, 1.44rem);
  line-height: 1.16;
}

.spfx-page__why-card p {
  margin-top: 0.8rem;
}

.spfx-page__services {
  background: #000;
}

.spfx-page .core-expertise-card {
  border-color: rgba(255, 255, 255, 0.12);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
    rgba(8, 10, 16, 0.94);
}

.spfx-page .service-card__icon {
  border-color: rgba(255, 255, 255, 0.14);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.015)),
    rgba(255, 255, 255, 0.03);
}

.spfx-page .service-card__icon img {
  filter: none;
}

.spfx-page__service-card {
  height: 100%;
  padding: 2rem;
}

.spfx-page .core-expertise-card p {
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.98rem;
  line-height: 1.72;
}

.spfx-page__service-mark,
.spfx-page__tech-code,
.spfx-page__solution-mark,
.spfx-page__cta-screen span {
  display: inline-grid;
  place-items: center;
  font-weight: 800;
  letter-spacing: -0.04em;
}

.spfx-page__service-mark {
  width: 2.1rem;
  height: 2.1rem;
  color: #fff;
  font-size: 0.86rem;
}

.spfx-page__process-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 1rem;
}

.spfx-page__process-step {
  height: 100%;
  padding: 1.4rem 1.2rem;
  text-align: center;
}

.spfx-page__process-step span {
  width: 3.1rem;
  height: 3.1rem;
  display: inline-grid;
  place-items: center;
  margin-bottom: 1rem;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg, rgba(89, 125, 255, 0.26), rgba(155, 92, 255, 0.2));
  font-size: 1rem;
  font-weight: 800;
}

.spfx-page__process-step strong {
  display: block;
  font-size: 1.06rem;
}

.spfx-page__process-step p {
  margin-top: 0.75rem;
  font-size: 0.92rem;
}

.spfx-page__tech-panel {
  padding: 2rem;
}

.spfx-page__tech-panel .section__header {
  margin-bottom: 2rem;
}

.spfx-page__tech-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1rem;
}

.spfx-page__tech-chip {
  min-height: 7.5rem;
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 0.8rem;
  padding: 1rem 0.9rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.03);
  text-align: center;
}

.spfx-page__tech-chip img {
  width: 2.2rem;
  height: 2.2rem;
  object-fit: contain;
}

.spfx-page__tech-code {
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 14px;
  color: rgba(226, 231, 255, 0.96);
  background: rgba(98, 106, 255, 0.16);
  font-size: 0.86rem;
}

.spfx-page__tech-chip span:last-child {
  color: #fff;
  font-size: 0.92rem;
  font-weight: var(--weight-medium);
}

.spfx-page__solution-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.spfx-page__solution-card {
  height: 100%;
  display: grid;
  gap: 0.8rem;
  padding: 1.6rem;
}

.spfx-page__solution-mark {
  width: 3rem;
  height: 3rem;
  border-radius: 16px;
  color: #fff;
  background: linear-gradient(135deg, rgba(93, 115, 255, 0.26), rgba(155, 92, 255, 0.22));
  font-size: 0.92rem;
}

.spfx-page__solution-card strong {
  font-size: 1.08rem;
  line-height: 1.3;
}

.spfx-page__solution-card .service-card__cta {
  margin-top: auto;
}

.spfx-page__cta {
  display: grid;
  grid-template-columns: 0.78fr 1.06fr auto;
  align-items: center;
  gap: 2rem;
  padding: 2.3rem;
  border-color: rgba(124, 91, 255, 0.34);
}

.spfx-page__cta-art {
  position: relative;
  min-height: 190px;
}

.spfx-page__cta-glow {
  position: absolute;
  inset: 1.4rem auto auto 1rem;
  width: 10rem;
  height: 10rem;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(116, 93, 255, 0.58), rgba(116, 93, 255, 0) 68%);
  filter: blur(6px);
}

.spfx-page__cta-screen {
  position: absolute;
  top: 1.6rem;
  left: 2rem;
  width: 12.5rem;
  height: 8.4rem;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(133, 102, 255, 0.26), rgba(56, 72, 180, 0.14)),
    rgba(14, 16, 28, 0.96);
  box-shadow: 0 20px 46px rgba(0, 0, 0, 0.34);
}

.spfx-page__cta-screen span {
  color: rgba(250, 250, 255, 0.96);
  font-size: 3rem;
}

.spfx-page__cta-cube {
  position: absolute;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(94, 118, 255, 0.46), rgba(155, 92, 255, 0.4));
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.22);
}

.spfx-page__cta-cube--one {
  top: 7.5rem;
  left: 0.8rem;
}

.spfx-page__cta-cube--two {
  top: 10.2rem;
  left: 4rem;
  width: 2rem;
  height: 2rem;
}

.spfx-page__cta-cube--three {
  top: 4.1rem;
  left: 13.5rem;
  width: 1.7rem;
  height: 1.7rem;
}

.spfx-page__cta-copy p {
  margin-top: 0.8rem;
  max-width: 40rem;
}

.spfx-page__cta-actions {
  display: grid;
  gap: 0.9rem;
}

.office {
  display: grid;
  gap: var(--space-2);
}

.team-card__avatar {
  width: 86px;
  height: 86px;
  display: grid;
  place-items: center;
  margin-bottom: var(--space-4);
  border-radius: 50%;
  color: #050505;
  background: var(--color-brand);
  font-weight: var(--weight-bold);
}

.empty-state {
  padding: var(--space-5);
  border: 1px dashed var(--color-line);
  border-radius: var(--radius-md);
  color: var(--color-muted);
  background: var(--color-panel);
}

.not-found {
  min-height: 62vh;
  display: grid;
  place-items: center;
  text-align: center;
}

@media (max-width: 900px) {
  .split {
    grid-template-columns: 1fr;
  }

  .services-overview-page__grid--4,
  .services-overview-page__mini-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .services-overview-page__grid--3,
  .services-overview-page__split,
  .services-overview-page__contact-shell {
    grid-template-columns: 1fr;
  }

  .services-overview-page__feature-card {
    min-height: 280px;
  }

  .m365-page__hero-layout {
    gap: 2rem;
  }

  .spfx-page__hero-layout,
  .spfx-page__cta {
    gap: 2rem;
  }

  .spfx-page__proof-row,
  .spfx-page__cta {
    grid-template-columns: 1fr;
  }

  .spfx-page__why-grid,
  .spfx-page__service-grid,
  .spfx-page__tech-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .spfx-page__process-grid,
  .spfx-page__solution-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .spfx-page__hero-visual {
    min-height: 560px;
    padding: 1rem 0;
  }

  .teams-page__hero-layout,
  .teams-page__enablement-grid,
  .teams-page__cta {
    gap: 2rem;
  }

  .onedrive-page__hero-layout,
  .onedrive-page__enablement-grid,
  .onedrive-page__cta {
    gap: 2rem;
  }

  .onedrive-page__proof-row,
  .onedrive-page__enablement-grid,
  .onedrive-page__cta {
    grid-template-columns: 1fr;
  }

  .onedrive-page__why-grid,
  .onedrive-page__integration-grid,
  .onedrive-page__use-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .onedrive-page__service-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .onedrive-page__workflow-grid,
  .onedrive-page__trust-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .onedrive-page__hero-visual {
    min-height: 560px;
    padding: 1rem 0;
  }

  .onedrive-page__app-rail {
    position: static;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 1rem;
  }

  .copilot-service-page__enablement-grid,
  .copilot-service-page__cta {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .copilot-service-page__use-case-grid,
  .copilot-service-page__trust-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .copilot-service-page__integration-grid,
  .copilot-service-page__process-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .copilot-service-page__hero-visual {
    min-height: 600px;
    padding: 1rem 0;
  }

  .copilot-service-page__hero-stage {
    min-height: 540px;
  }

  .copilot-service-page .m365-page__app-rail {
    position: static;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 1rem;
  }

  .copilot-studio-page .m365-page__proof-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .copilot-studio-page__hero-visual {
    min-height: 620px;
    padding: 1rem 0;
  }

  .copilot-studio-page__workspace-body {
    grid-template-columns: 82px 1fr;
  }

  .copilot-studio-page__workspace-chat {
    grid-column: 1 / -1;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
  }

  .teams-page__proof-row,
  .teams-page__enablement-grid,
  .teams-page__cta {
    grid-template-columns: 1fr;
  }

  .teams-page__why-grid,
  .teams-page__service-grid,
  .teams-page__integration-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .teams-page__use-case-grid,
  .teams-page__trust-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .teams-page__process-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .teams-page__hero-visual {
    min-height: 560px;
    padding: 1rem 0;
  }

  .teams-page__app-rail {
    position: static;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 1rem;
  }

  .m365-page__proof-row,
  .m365-page__impact-grid,
  .m365-page__trust-grid,
  .m365-page__cta {
    grid-template-columns: 1fr;
  }

  .m365-page__why-grid,
  .m365-page__service-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .m365-page__apps-row,
  .m365-page__logo-cloud {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .m365-page__hero-visual {
    min-height: 560px;
    padding: 1rem 0;
  }

  .m365-page__app-rail {
    position: static;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin-top: 1rem;
  }

  .sharepoint-page__hero-layout,
  .sharepoint-page__ai-layout {
    gap: 2rem;
  }

  .sharepoint-page__proof-row,
  .sharepoint-page__ai-grid,
  .sharepoint-page__value-grid,
  .sharepoint-page__journey-grid,
  .sharepoint-page__journey-grid--wide,
  .sharepoint-page__dual-grid {
    grid-template-columns: 1fr;
  }

  .sharepoint-page__challenge-grid,
  .sharepoint-page__service-grid,
  .sharepoint-page__story-grid,
  .sharepoint-page__tech-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sharepoint-page__hero-visual {
    min-height: 540px;
    padding: 1rem 0;
  }

  .sharepoint-page__hero-float {
    position: static;
    width: 92px;
    height: 92px;
    margin-top: 1rem;
  }

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

@media (max-width: 560px) {
  .services-overview-page .section {
    padding: 4.2rem 0;
  }

  .services-overview-page__grid--4,
  .services-overview-page__grid--3,
  .services-overview-page__mini-grid,
  .services-overview-page__form-grid {
    grid-template-columns: 1fr;
  }

  .services-overview-page__card,
  .services-overview-page__feature-card,
  .services-overview-page__mini-card,
  .services-overview-page__panel,
  .services-overview-page__contact-shell {
    padding: 1.35rem;
  }

  .services-overview-page__contact-copy {
    padding: 0;
    background: transparent;
  }

  .services-overview-page__form-actions {
    flex-direction: column;
    align-items: flex-start;
  }

  .spfx-page__hero {
    min-height: auto;
    padding-bottom: 3.5rem;
  }

  .spfx-page .section {
    padding: 4.5rem 0;
  }

  .spfx-page__hero h1 {
    font-size: clamp(2.6rem, 12vw, 4rem);
  }

  .spfx-page__why h2,
  .spfx-page__services h2,
  .spfx-page__process h2,
  .spfx-page__technology h2,
  .spfx-page__solutions h2,
  .spfx-page__cta h2 {
    font-size: clamp(2rem, 9vw, 2.6rem);
  }

  .spfx-page__studio-body,
  .spfx-page__metric-grid,
  .spfx-page__quick-grid,
  .spfx-page__why-grid,
  .spfx-page__service-grid,
  .spfx-page__process-grid,
  .spfx-page__tech-grid,
  .spfx-page__solution-grid {
    grid-template-columns: 1fr;
  }

  .spfx-page__insights {
    padding: 0 1.3rem 1.3rem;
  }

  .spfx-page__why-card,
  .spfx-page__process-step,
  .spfx-page__tech-panel,
  .spfx-page__solution-card,
  .spfx-page__cta {
    padding: 1.45rem;
  }

  .spfx-page__cta-art {
    min-height: 150px;
  }

  .spfx-page__cta-screen {
    left: 1.2rem;
    width: 10.4rem;
    height: 7.2rem;
  }

  .spfx-page__cta-cube--one {
    left: 0.2rem;
  }

  .spfx-page__cta-cube--two {
    left: 2.8rem;
  }

  .spfx-page__cta-cube--three {
    left: 11.2rem;
  }

  .onedrive-page__hero {
    min-height: auto;
    padding-bottom: 3.5rem;
  }

  .onedrive-page .section {
    padding: 4.5rem 0;
  }

  .onedrive-page__hero h1 {
    font-size: clamp(2.6rem, 12vw, 4rem);
  }

  .onedrive-page__why h2,
  .onedrive-page__services h2,
  .onedrive-page__workflow h2,
  .onedrive-page__enablement h2,
  .onedrive-page__trust h2,
  .onedrive-page__cta h2 {
    font-size: clamp(2rem, 9vw, 2.6rem);
  }

  .onedrive-page__workspace-body,
  .onedrive-page__folder-row,
  .onedrive-page__why-grid,
  .onedrive-page__service-grid,
  .onedrive-page__workflow-grid,
  .onedrive-page__integration-grid,
  .onedrive-page__use-list,
  .onedrive-page__trust-grid {
    grid-template-columns: 1fr;
  }

  .onedrive-page__app-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .onedrive-page__why-card,
  .onedrive-page__workflow-step,
  .onedrive-page__panel,
  .onedrive-page__trust-card,
  .onedrive-page__cta {
    padding: 1.45rem;
  }

  .onedrive-page__workspace-sidebar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .onedrive-page__cta-art {
    min-height: 140px;
  }

  .onedrive-page__cta-art img:nth-of-type(1) {
    left: 2.8rem;
  }

  .onedrive-page__cta-art img:nth-of-type(2) {
    left: 7.2rem;
  }

  .onedrive-page__cta-art img:nth-of-type(3) {
    left: 6rem;
  }

  .onedrive-page__cta-art img:nth-of-type(4) {
    left: 10rem;
  }

  .copilot-service-page .m365-page__hero {
    min-height: auto;
    padding-bottom: 3.5rem;
  }

  .copilot-service-page .section {
    padding: 4.5rem 0;
  }

  .copilot-service-page .m365-page__hero h1 {
    font-size: clamp(2.6rem, 12vw, 4rem);
  }

  .copilot-service-page .m365-page__why h2,
  .copilot-service-page .m365-page__services h2,
  .copilot-service-page__use-cases h2,
  .copilot-service-page__enablement h2,
  .copilot-service-page__trust h2,
  .copilot-service-page__cta h2 {
    font-size: clamp(2rem, 9vw, 2.6rem);
  }

  .copilot-service-page .m365-page__proof-row,
  .copilot-service-page .m365-page__why-grid,
  .copilot-service-page .m365-page__service-grid,
  .copilot-service-page__use-case-grid,
  .copilot-service-page__integration-grid,
  .copilot-service-page__process-grid,
  .copilot-service-page__trust-grid {
    grid-template-columns: 1fr;
  }

  .copilot-service-page .m365-page__app-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .copilot-service-page__panel,
  .copilot-service-page__use-case,
  .copilot-service-page__trust-card,
  .copilot-service-page__cta {
    padding: 1.45rem;
  }

  .copilot-service-page__hero-visual {
    min-height: 720px;
  }

  .copilot-service-page__hero-stage {
    min-height: 650px;
    padding: 1.2rem;
  }

  .copilot-service-page__hero-core {
    width: 8.6rem;
    height: 8.6rem;
  }

  .copilot-service-page__hero-core img {
    width: 4.8rem;
    height: 4.8rem;
  }

  .copilot-service-page__callout {
    position: static;
    width: 100%;
    margin-top: 0.85rem;
  }

  .copilot-service-page__cta-art {
    min-height: 140px;
  }

  .copilot-service-page__cta-art img:nth-of-type(1) {
    left: 2.8rem;
  }

  .copilot-service-page__cta-art img:nth-of-type(2) {
    left: 7.2rem;
  }

  .copilot-service-page__cta-art img:nth-of-type(3) {
    left: 6rem;
  }

  .copilot-service-page__cta-art img:nth-of-type(4) {
    left: 10rem;
  }

  .copilot-studio-page .m365-page__hero {
    min-height: auto;
    padding-bottom: 3.5rem;
  }

  .copilot-studio-page .section {
    padding: 4.5rem 0;
  }

  .copilot-studio-page .m365-page__hero h1 {
    font-size: clamp(2.6rem, 12vw, 4rem);
  }

  .copilot-studio-page .m365-page__why h2,
  .copilot-studio-page .m365-page__services h2,
  .copilot-studio-page .copilot-service-page__use-cases h2,
  .copilot-studio-page .copilot-service-page__enablement h2,
  .copilot-studio-page .copilot-service-page__trust h2,
  .copilot-studio-page .copilot-service-page__cta h2 {
    font-size: clamp(2rem, 9vw, 2.6rem);
  }

  .copilot-studio-page .m365-page__proof-row,
  .copilot-studio-page .m365-page__why-grid,
  .copilot-studio-page .m365-page__service-grid,
  .copilot-studio-page .copilot-service-page__use-case-grid,
  .copilot-studio-page .copilot-service-page__integration-grid,
  .copilot-studio-page .copilot-service-page__process-grid,
  .copilot-studio-page .copilot-service-page__trust-grid {
    grid-template-columns: 1fr;
  }

  .copilot-studio-page .m365-page__app-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .copilot-studio-page__workspace-top {
    grid-template-columns: 1fr;
  }

  .copilot-studio-page__workspace-body,
  .copilot-studio-page__flow-branch {
    grid-template-columns: 1fr;
  }

  .copilot-studio-page__workspace-sidebar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .copilot-studio-page__workspace-canvas {
    border-right: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
  }

  .copilot-studio-page__workspace {
    width: 100%;
  }

  .copilot-studio-page__hero-visual {
    min-height: 760px;
  }

  .teams-page__hero {
    min-height: auto;
    padding-bottom: 3.5rem;
  }

  .teams-page .section {
    padding: 4.5rem 0;
  }

  .teams-page__hero h1 {
    font-size: clamp(2.6rem, 12vw, 4rem);
  }

  .teams-page__why h2,
  .teams-page__services h2,
  .teams-page__use-cases h2,
  .teams-page__enablement h2,
  .teams-page__trust h2,
  .teams-page__cta h2 {
    font-size: clamp(2rem, 9vw, 2.6rem);
  }

  .teams-page__workspace-body,
  .teams-page__why-grid,
  .teams-page__service-grid,
  .teams-page__use-case-grid,
  .teams-page__integration-grid,
  .teams-page__process-grid,
  .teams-page__trust-grid {
    grid-template-columns: 1fr;
  }

  .teams-page__app-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .teams-page__why-card,
  .teams-page__use-case,
  .teams-page__panel,
  .teams-page__trust-card,
  .teams-page__cta {
    padding: 1.45rem;
  }

  .teams-page__workspace-sidebar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .teams-page__cta-art {
    min-height: 140px;
  }

  .teams-page__cta-art img:nth-of-type(1) {
    left: 2.8rem;
  }

  .teams-page__cta-art img:nth-of-type(2) {
    left: 7.2rem;
  }

  .teams-page__cta-art img:nth-of-type(3) {
    left: 6rem;
  }

  .teams-page__cta-art img:nth-of-type(4) {
    left: 10rem;
  }

  .m365-page__hero {
    min-height: auto;
    padding-bottom: 3.5rem;
  }

  .m365-page .section {
    padding: 4.5rem 0;
  }

  .m365-page__hero h1 {
    font-size: clamp(2.6rem, 12vw, 4rem);
  }

  .m365-page__why h2,
  .m365-page__services h2,
  .m365-page__apps h2,
  .m365-page__impact h2,
  .m365-page__trust h2,
  .m365-page__cta h2 {
    font-size: clamp(2rem, 9vw, 2.6rem);
  }

  .m365-page__workspace-body,
  .m365-page__workspace-reco,
  .m365-page__why-grid,
  .m365-page__service-grid,
  .m365-page__apps-row,
  .m365-page__impact-grid,
  .m365-page__logo-cloud {
    grid-template-columns: 1fr;
  }

  .m365-page__workspace-nav {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .m365-page__app-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .m365-page__why-card,
  .m365-page__impact-card,
  .m365-page__trust-panel,
  .m365-page__cta {
    padding: 1.45rem;
  }

  .m365-page__cta-art {
    min-height: 140px;
  }

  .m365-page__cta-art img:nth-of-type(1) {
    left: 2.8rem;
  }

  .m365-page__cta-art img:nth-of-type(2) {
    left: 7.2rem;
  }

  .m365-page__cta-art img:nth-of-type(3) {
    left: 6.2rem;
  }

  .m365-page__cta-art img:nth-of-type(4) {
    left: 10.2rem;
  }

  .sharepoint-page__hero {
    min-height: auto;
    padding-bottom: 3.5rem;
  }

  .sharepoint-page .section {
    padding: 4.6rem 0;
  }

  .sharepoint-page__hero h1 {
    font-size: clamp(2.6rem, 12vw, 4rem);
  }

  .sharepoint-page__challenges h2,
  .sharepoint-page__ai h2,
  .sharepoint-page__services h2,
  .sharepoint-page__value h2,
  .sharepoint-page__ecosystem h2,
  .sharepoint-page__journey h2,
  .sharepoint-page__stories h2,
  .sharepoint-page__cta h2 {
    font-size: clamp(2rem, 9vw, 2.6rem);
  }

  .sharepoint-page__pill-grid,
  .sharepoint-page__tech-grid,
  .sharepoint-page__dashboard-grid,
  .sharepoint-page__dashboard-mini-grid {
    grid-template-columns: 1fr;
  }

  .sharepoint-page__dashboard-body {
    grid-template-columns: 1fr;
  }

  .sharepoint-page__dashboard-sidebar {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .sharepoint-page__proof-row,
  .sharepoint-page__challenge-grid,
  .sharepoint-page__service-grid,
  .sharepoint-page__story-grid {
    grid-template-columns: 1fr;
  }

  .sharepoint-page__stories-header {
    flex-direction: column;
    align-items: start;
  }

  .sharepoint-page__challenge-card,
  .sharepoint-page__ai-card,
  .sharepoint-page__story-card,
  .sharepoint-page__panel-card,
  .sharepoint-page__journey-step,
  .sharepoint-page__value-step,
  .sharepoint-page__tech-tile,
  .sharepoint-page__cta {
    padding: 1.45rem;
  }

  .sector-grid {
    grid-template-columns: 1fr;
  }

  .sector-card {
    aspect-ratio: auto;
    min-height: 220px;
  }
}

.power-pages-page {
  --power-pages-accent-1: #ae62ff;
  --power-pages-accent-2: #7d3cff;
  --power-pages-accent-3: #d38cff;
  --power-pages-accent-4: #9d7dff;
  --power-pages-border: rgba(174, 98, 255, 0.24);
  --power-pages-border-strong: rgba(211, 140, 255, 0.34);
  --power-pages-shadow: rgba(125, 60, 255, 0.18);
  background: #000;
}

.power-pages-page .section,
.power-pages-page .m365-page__hero,
.power-pages-page .m365-page__services {
  background: #000;
}

.power-pages-page .m365-page__accent,
.power-pages-page .m365-page__accent-inline {
  background: linear-gradient(135deg, var(--power-pages-accent-3), var(--power-pages-accent-1) 48%, var(--power-pages-accent-4));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.power-pages-page .button {
  border-color: var(--power-pages-border-strong);
  background: linear-gradient(135deg, var(--power-pages-accent-2), var(--power-pages-accent-1) 55%, var(--power-pages-accent-4));
  box-shadow: 0 18px 42px var(--power-pages-shadow);
}

.power-pages-page .button:hover {
  background: linear-gradient(135deg, var(--power-pages-accent-1), var(--power-pages-accent-3) 55%, var(--power-pages-accent-2));
}

.power-pages-page .button--ghost {
  border-color: rgba(211, 140, 255, 0.24);
  background: rgba(174, 98, 255, 0.08);
  box-shadow: none;
}

.power-pages-page .button--ghost:hover {
  background: rgba(174, 98, 255, 0.13);
}

.power-pages-page .m365-page__hero-orbit {
  width: 42rem;
  height: 26rem;
  inset: auto -2rem -4rem auto;
  background:
    radial-gradient(circle at center, rgba(174, 98, 255, 0.18), transparent 56%),
    repeating-radial-gradient(circle at center, rgba(211, 140, 255, 0.07) 0 2px, transparent 2px 14px);
}

.power-pages-page .m365-page__why-icon {
  color: #f6ecff;
  background: linear-gradient(135deg, rgba(174, 98, 255, 0.18), rgba(125, 60, 255, 0.1));
}

.power-pages-page .copilot-service-page__trust-icon {
  background: linear-gradient(135deg, rgba(174, 98, 255, 0.16), rgba(125, 60, 255, 0.1));
}

.power-pages-page__badge-row {
  display: grid;
  grid-template-columns: repeat(2, max-content);
  gap: 1rem;
  margin-top: 2rem;
}

.power-pages-page__badge,
.power-pages-page__frame,
.power-pages-page__use-card,
.power-pages-page__integration-item,
.power-pages-page__process-step,
.power-pages-page__stat-card,
.power-pages-page__faq-panel,
.power-pages-page__cta,
.power-pages-page__floating-icon,
.power-pages-page__style-panel {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
    rgba(8, 10, 16, 0.94);
  box-shadow: 0 24px 56px rgba(0, 0, 0, 0.26);
}

.power-pages-page__badge {
  display: inline-grid;
  grid-template-columns: 2rem 1fr;
  align-items: center;
  gap: 0.8rem;
  padding: 0.9rem 1rem;
}

.power-pages-page__badge img,
.power-pages-page__product img,
.power-pages-page__floating-icon img,
.power-pages-page__integration-item img,
.power-pages-page__trust-grid .copilot-service-page__trust-icon img,
.power-pages-page__cta-art img {
  width: 2rem;
  height: 2rem;
  object-fit: contain;
}

.power-pages-page__badge span {
  color: #fff;
  font-size: 0.9rem;
}

.power-pages-page__hero-visual {
  min-height: 760px;
}

.power-pages-page__studio {
  position: relative;
  width: min(100%, 840px);
  min-height: 560px;
  padding: 1.4rem 0 1.4rem 1.4rem;
}

.power-pages-page__frame {
  position: relative;
  border-color: var(--power-pages-border);
  box-shadow:
    0 0 0 1px rgba(174, 98, 255, 0.08),
    0 40px 96px rgba(0, 0, 0, 0.54);
  overflow: hidden;
}

.power-pages-page__frame-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.15rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.power-pages-page__product {
  display: inline-grid;
  grid-template-columns: 1.5rem 1fr;
  align-items: center;
  gap: 0.7rem;
  color: #fff;
  font-size: 0.95rem;
  font-weight: 700;
}

.power-pages-page__product img {
  width: 1.5rem;
  height: 1.5rem;
}

.power-pages-page__window-dots {
  width: 3.3rem;
  height: 0.6rem;
  background:
    radial-gradient(circle, rgba(255, 255, 255, 0.65) 0 23%, transparent 26%) left center / 0.7rem 0.7rem repeat-x;
  opacity: 0.7;
}

.power-pages-page__frame-body {
  display: grid;
  grid-template-columns: 5.2rem minmax(0, 1fr) 12rem;
  min-height: 500px;
}

.power-pages-page__sidebar,
.power-pages-page__style-panel {
  padding: 1.15rem 0.9rem;
  background: rgba(255, 255, 255, 0.02);
}

.power-pages-page__sidebar {
  display: grid;
  align-content: start;
  gap: 0.55rem;
  border-right: 1px solid rgba(255, 255, 255, 0.06);
}

.power-pages-page__sidebar span {
  display: block;
  padding: 0.7rem 0.6rem;
  color: rgba(255, 255, 255, 0.74);
  font-size: 0.78rem;
  line-height: 1.35;
  background: rgba(255, 255, 255, 0.02);
}

.power-pages-page__sidebar .is-active,
.power-pages-page__sidebar-action {
  color: #fff;
  border-color: rgba(211, 140, 255, 0.28);
  background: rgba(174, 98, 255, 0.16);
}

.power-pages-page__portal {
  padding: 1.15rem;
  background:
    radial-gradient(circle at 74% 16%, rgba(174, 98, 255, 0.14), transparent 32%),
    linear-gradient(180deg, rgba(15, 18, 28, 0.98), rgba(8, 10, 18, 0.98));
}

.power-pages-page__portal-topbar {
  display: grid;
  grid-template-columns: 1.4fr repeat(4, auto) auto;
  align-items: center;
  gap: 0.8rem;
  padding: 0.8rem 1rem;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.96);
  color: #13131a;
  font-size: 0.76rem;
}

.power-pages-page__portal-topbar strong {
  font-size: 0.88rem;
}

.power-pages-page__portal-button,
.power-pages-page__style-button {
  display: inline-grid;
  place-items: center;
  border: 0;
  padding: 0.6rem 0.9rem;
  color: #fff;
  font-size: 0.76rem;
  font-weight: 700;
  background: linear-gradient(135deg, var(--power-pages-accent-1), var(--power-pages-accent-2));
}

.power-pages-page__portal-hero {
  padding: 2rem 1.25rem;
  margin-top: 1rem;
  background:
    linear-gradient(160deg, rgba(53, 56, 118, 0.7), rgba(106, 74, 170, 0.72) 46%, rgba(20, 18, 36, 0.86)),
    radial-gradient(circle at bottom, rgba(255, 255, 255, 0.16), transparent 50%);
  min-height: 220px;
}

.power-pages-page__portal-hero h2 {
  max-width: 16rem;
  color: #fff;
  font-size: 2rem;
  line-height: 1.05;
}

.power-pages-page__portal-hero p {
  max-width: 18rem;
  margin-top: 0.85rem;
  color: rgba(255, 255, 255, 0.78);
  font-size: 0.9rem;
}

.power-pages-page__portal-hero span {
  display: inline-block;
  margin-top: 1.3rem;
  padding: 0.7rem 1.05rem;
  color: #fff;
  font-size: 0.8rem;
  font-weight: 700;
  background: rgba(174, 98, 255, 0.9);
}

.power-pages-page__portal-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.8rem;
  margin-top: 1rem;
}

.power-pages-page__portal-cards article {
  padding: 1rem;
  background: rgba(255, 255, 255, 0.96);
  color: #15151d;
}

.power-pages-page__portal-cards strong {
  display: block;
  font-size: 0.92rem;
}

.power-pages-page__portal-cards p {
  margin-top: 0.45rem;
  color: rgba(21, 21, 29, 0.72);
  font-size: 0.78rem;
}

.power-pages-page__portal-cards span {
  display: inline-block;
  margin-top: 0.65rem;
  color: #7d3cff;
  font-size: 0.78rem;
  font-weight: 700;
}

.power-pages-page__style-panel {
  display: grid;
  align-content: start;
  gap: 0.9rem;
  border-left: 1px solid rgba(255, 255, 255, 0.06);
}

.power-pages-page__style-panel strong,
.power-pages-page__style-group span {
  color: #fff;
}

.power-pages-page__style-group {
  display: grid;
  gap: 0.45rem;
}

.power-pages-page__style-group small {
  display: inline-block;
  padding: 0.55rem 0.7rem;
  color: rgba(255, 255, 255, 0.74);
  font-size: 0.78rem;
  background: rgba(255, 255, 255, 0.03);
}

.power-pages-page__swatches,
.power-pages-page__surface-row {
  display: flex;
  gap: 0.4rem;
}

.power-pages-page__swatches i,
.power-pages-page__surface-row i {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: rgba(255, 255, 255, 0.16);
}

.power-pages-page__swatches i:nth-child(1) {
  background: #6c56ff;
}

.power-pages-page__swatches i:nth-child(2) {
  background: #8d62ff;
}

.power-pages-page__swatches i:nth-child(3) {
  background: #ab71ff;
}

.power-pages-page__swatches i:nth-child(4) {
  background: #ceb2ff;
}

.power-pages-page__swatches i:nth-child(5) {
  background: #ffffff;
}

.power-pages-page__surface-row i:nth-child(1) {
  background: #f5f1ff;
}

.power-pages-page__surface-row i:nth-child(2) {
  background: #1b1831;
}

.power-pages-page__surface-row i:nth-child(3) {
  background: #09080f;
}

.power-pages-page__floating-icon {
  position: absolute;
  display: grid;
  place-items: center;
  width: 4.8rem;
  height: 4.8rem;
  border-color: var(--power-pages-border);
}

.power-pages-page__floating-icon--product {
  top: 1rem;
  right: -1rem;
}

.power-pages-page__floating-icon--users {
  right: -3rem;
  top: 12rem;
}

.power-pages-page__floating-icon--security {
  right: -1.6rem;
  bottom: 4rem;
}

.power-pages-page__use-grid,
.power-pages-page__stats-grid {
  display: grid;
  gap: 1rem;
}

.power-pages-page__use-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.power-pages-page__use-card,
.power-pages-page__stat-card {
  padding: 1.3rem 1rem;
  text-align: center;
}

.power-pages-page__use-card span,
.power-pages-page__process-step span {
  width: 3rem;
  height: 3rem;
  display: inline-grid;
  place-items: center;
  margin-bottom: 0.85rem;
  border: 1px solid rgba(211, 140, 255, 0.26);
  color: #f6ecff;
  background: rgba(174, 98, 255, 0.12);
  font-size: 0.9rem;
  font-weight: 800;
}

.power-pages-page__use-card strong,
.power-pages-page__process-step strong,
.power-pages-page__stat-card strong {
  display: block;
  color: #fff;
}

.power-pages-page__use-card strong {
  font-size: 0.98rem;
}

.power-pages-page__integration-row {
  display: grid;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  gap: 1rem;
}

.power-pages-page__integration-item {
  display: grid;
  justify-items: center;
  gap: 0.75rem;
  padding: 1rem 0.75rem;
  text-align: center;
}

.power-pages-page__integration-item span {
  color: #fff;
  font-size: 0.84rem;
  line-height: 1.35;
}

.power-pages-page__process-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 1rem;
}

.power-pages-page__process-step {
  position: relative;
  padding: 1.4rem 1rem;
  text-align: center;
}

.power-pages-page__process-step::after {
  content: "";
  position: absolute;
  top: 2rem;
  right: -0.55rem;
  width: 1.1rem;
  border-top: 1px dashed rgba(211, 140, 255, 0.38);
}

.power-pages-page__process-step:last-child::after {
  display: none;
}

.power-pages-page__process-step p {
  margin-top: 0.6rem;
  font-size: 0.88rem;
}

.power-pages-page__trust-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.power-pages-page__stats-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.power-pages-page__stat-card strong {
  font-size: 2rem;
  line-height: 1;
}

.power-pages-page__stat-card p {
  margin-top: 0.5rem;
  color: rgba(255, 255, 255, 0.76);
  font-size: 0.9rem;
}

.power-pages-page__faq-shell {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.25fr);
  gap: 1.25rem;
}

.power-pages-page__faq-panel,
.power-pages-page__cta-panel {
  height: 100%;
}

.power-pages-page__faq-list {
  display: grid;
  gap: 0.7rem;
}

.power-pages-page__faq-item {
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.02);
}

.power-pages-page__faq-item summary {
  position: relative;
  padding: 1rem 3rem 1rem 1rem;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
  list-style: none;
}

.power-pages-page__faq-item summary::-webkit-details-marker {
  display: none;
}

.power-pages-page__faq-item summary::after {
  content: "+";
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  color: rgba(255, 255, 255, 0.72);
}

.power-pages-page__faq-item[open] summary::after {
  content: "-";
}

.power-pages-page__faq-item p {
  padding: 0 1rem 1rem;
  color: rgba(255, 255, 255, 0.74);
  font-size: 0.9rem;
}

.power-pages-page__cta {
  position: relative;
  height: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) auto;
  align-items: center;
  gap: 1.25rem;
  padding: 1.6rem;
  overflow: hidden;
}

.power-pages-page__cta-copy h2 {
  font-size: clamp(2rem, 3vw, 2.7rem);
}

.power-pages-page__cta-copy p {
  margin-top: 0.75rem;
  color: rgba(255, 255, 255, 0.74);
}

.power-pages-page__cta-actions {
  display: grid;
  gap: 0.85rem;
}

.power-pages-page__cta-art {
  position: absolute;
  right: 1.5rem;
  bottom: 1rem;
  width: 14rem;
  min-height: 8rem;
}

.power-pages-page__cta-glow {
  position: absolute;
  inset: auto 0 0 auto;
  width: 11rem;
  height: 11rem;
  background: radial-gradient(circle, rgba(174, 98, 255, 0.24), transparent 70%);
  filter: blur(6px);
}

.power-pages-page__cta-art img {
  position: absolute;
}

.power-pages-page__cta-art img:nth-of-type(1) {
  right: 3rem;
  bottom: 3rem;
  width: 4rem;
  height: 4rem;
}

.power-pages-page__cta-art img:nth-of-type(2) {
  right: 8rem;
  bottom: 1.3rem;
}

.power-pages-page__cta-art img:nth-of-type(3) {
  right: 1rem;
  bottom: 0.6rem;
}

@media (max-width: 1100px) {

  .power-pages-page__frame-body,
  .power-pages-page__faq-shell,
  .power-pages-page__cta {
    grid-template-columns: 1fr;
  }

  .power-pages-page__style-panel {
    border-left: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
  }

  .power-pages-page__portal-cards,
  .power-pages-page__integration-row,
  .power-pages-page__process-grid,
  .power-pages-page__trust-grid,
  .power-pages-page__stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .power-pages-page__cta-art {
    position: relative;
    right: auto;
    bottom: auto;
    width: 100%;
    min-height: 9rem;
  }
}

@media (max-width: 900px) {

  .power-pages-page__badge-row,
  .power-pages-page__use-grid,
  .power-pages-page__integration-row,
  .power-pages-page__process-grid,
  .power-pages-page__trust-grid,
  .power-pages-page__stats-grid {
    grid-template-columns: 1fr;
  }

  .power-pages-page__frame-body,
  .power-pages-page__portal-cards {
    grid-template-columns: 1fr;
  }

  .power-pages-page__portal-topbar {
    grid-template-columns: 1fr 1fr;
  }

  .power-pages-page__floating-icon {
    display: none;
  }
}

@media (max-width: 640px) {
  .power-pages-page__studio {
    padding-left: 0;
  }

  .power-pages-page__hero-visual {
    min-height: 680px;
  }

  .power-pages-page__sidebar,
  .power-pages-page__style-panel,
  .power-pages-page__portal {
    padding: 1rem;
  }

  .power-pages-page__portal-hero h2,
  .power-pages-page__cta-copy h2 {
    font-size: clamp(1.8rem, 9vw, 2.3rem);
  }
}

.m365-migration-page {
  --m365-migration-accent-1: #199fd7;
  --m365-migration-accent-2: #0f63ff;
  --m365-migration-accent-3: #52b8ff;
  --m365-migration-accent-4: #7e8cff;
  --m365-migration-border: rgba(25, 159, 215, 0.24);
  --m365-migration-border-strong: rgba(82, 184, 255, 0.36);
  --m365-migration-shadow: rgba(15, 99, 255, 0.18);
  background: #000;
}

.m365-migration-page .section,
.m365-migration-page .m365-page__hero,
.m365-migration-page .m365-page__services {
  background: #000;
}

.m365-migration-page .m365-page__accent,
.m365-migration-page .m365-page__accent-inline {
  background: linear-gradient(135deg, var(--m365-migration-accent-3), var(--m365-migration-accent-1) 48%, var(--m365-migration-accent-4));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.m365-migration-page .button {
  border-color: var(--m365-migration-border-strong);
  background: linear-gradient(135deg, var(--m365-migration-accent-2), var(--m365-migration-accent-1) 55%, var(--m365-migration-accent-3));
  box-shadow: 0 18px 42px var(--m365-migration-shadow);
}

.m365-migration-page .button:hover {
  background: linear-gradient(135deg, var(--m365-migration-accent-1), var(--m365-migration-accent-3) 55%, var(--m365-migration-accent-2));
}

.m365-migration-page .button--ghost {
  border-color: rgba(82, 184, 255, 0.24);
  background: rgba(25, 159, 215, 0.08);
  box-shadow: none;
}

.m365-migration-page .button--ghost:hover {
  background: rgba(25, 159, 215, 0.13);
}

.m365-migration-page .m365-page__hero-orbit {
  width: 43rem;
  height: 27rem;
  inset: auto -2rem -4rem auto;
  background:
    radial-gradient(circle at center, rgba(25, 159, 215, 0.18), transparent 54%),
    repeating-radial-gradient(circle at center, rgba(82, 184, 255, 0.06) 0 2px, transparent 2px 14px);
}

.m365-migration-page .m365-page__why-icon,
.m365-migration-page .copilot-service-page__trust-icon {
  color: #eff9ff;
  background: linear-gradient(135deg, rgba(25, 159, 215, 0.18), rgba(15, 99, 255, 0.1));
}

.m365-migration-page__badge-row,
.m365-migration-page__impact-grid,
.m365-migration-page__platform-grid,
.m365-migration-page__modernize-grid,
.m365-migration-page__faq-shell {
  display: grid;
  gap: 1rem;
}

.m365-migration-page__badge,
.m365-migration-page__source-card,
.m365-migration-page__control,
.m365-migration-page__destination-tile,
.m365-migration-page__impact-intro,
.m365-migration-page__impact-card,
.m365-migration-page__process-step,
.m365-migration-page__platform-card,
.m365-migration-page__modernize-panel,
.m365-migration-page__future-panel,
.m365-migration-page__ecosystem-row article,
.m365-migration-page__faq-panel,
.m365-migration-page__cta {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
    rgba(8, 10, 16, 0.94);
  box-shadow: 0 24px 56px rgba(0, 0, 0, 0.26);
}

.m365-migration-page__badge-row {
  grid-template-columns: repeat(3, max-content);
  margin-top: 2rem;
}

.m365-migration-page__badge {
  display: inline-grid;
  grid-template-columns: 2rem 1fr;
  align-items: center;
  gap: 0.8rem;
  padding: 0.9rem 1rem;
}

.m365-migration-page__badge img,
.m365-migration-page__product img,
.m365-migration-page__destination-tile img,
.m365-migration-page__platform-mark img,
.m365-migration-page__future-icons img,
.m365-migration-page__trust-grid .copilot-service-page__trust-icon img {
  width: 2rem;
  height: 2rem;
  object-fit: contain;
}

.m365-migration-page__badge span {
  color: #fff;
  font-size: 0.9rem;
}

.m365-migration-page__hero-visual {
  min-height: 770px;
}

.m365-migration-page__stage {
  position: relative;
  display: grid;
  grid-template-columns: 8.5rem minmax(0, 1fr) 7rem;
  align-items: center;
  gap: 1rem;
  width: min(100%, 840px);
  min-height: 540px;
}

.m365-migration-page__source-rail,
.m365-migration-page__destination-rail {
  display: grid;
  gap: 0.9rem;
}

.m365-migration-page__source-card,
.m365-migration-page__destination-tile {
  padding: 1rem 0.8rem;
}

.m365-migration-page__source-card {
  display: grid;
  justify-items: start;
  gap: 0.6rem;
}

.m365-migration-page__destination-tile {
  display: grid;
  justify-items: center;
  gap: 0.55rem;
  text-align: center;
}

.m365-migration-page__source-card strong,
.m365-migration-page__destination-tile span {
  color: #fff;
  font-size: 0.82rem;
  line-height: 1.35;
}

.m365-migration-page__source-icon,
.m365-migration-page__platform-mark {
  width: 2.7rem;
  height: 2.7rem;
  display: grid;
  place-items: center;
  color: #fff;
  font-size: 1.1rem;
  font-weight: 800;
  border: 1px solid rgba(82, 184, 255, 0.24);
  background: rgba(25, 159, 215, 0.1);
}

.m365-migration-page__source-icon img,
.m365-migration-page__platform-mark img {
  width: 1.55rem;
  height: 1.55rem;
}

.m365-migration-page__source-icon--folder::before,
.m365-migration-page__platform-mark--folder::before {
  content: "";
  width: 1.4rem;
  height: 0.95rem;
  border-top: 0.45rem solid #f5c85f;
  border-left: 0.2rem solid transparent;
  background: #d4a63f;
  box-shadow: 0 0.55rem 0 0 #f0c157;
}

.m365-migration-page__source-icon--google,
.m365-migration-page__platform-mark--google {
  color: #f8f8f8;
  font-size: 1.2rem;
  background:
    conic-gradient(from 35deg, #4285f4 0 24%, #34a853 24% 49%, #fbbc05 49% 74%, #ea4335 74% 100%);
}

.m365-migration-page__source-icon--apps::before {
  content: "";
  width: 1.3rem;
  height: 1.3rem;
  background:
    linear-gradient(#97b7ff 0 0) 0 0 / 0.48rem 0.48rem no-repeat,
    linear-gradient(#97b7ff 0 0) 100% 0 / 0.48rem 0.48rem no-repeat,
    linear-gradient(#97b7ff 0 0) 0 100% / 0.48rem 0.48rem no-repeat,
    linear-gradient(#97b7ff 0 0) 100% 100% / 0.48rem 0.48rem no-repeat;
}

.m365-migration-page__control {
  position: relative;
  padding: 1.2rem;
  border-color: var(--m365-migration-border);
  box-shadow:
    0 0 0 1px rgba(25, 159, 215, 0.08),
    0 40px 96px rgba(0, 0, 0, 0.56);
  overflow: hidden;
}

.m365-migration-page__control::before {
  content: "";
  position: absolute;
  inset: 4rem -6rem -4rem auto;
  width: 20rem;
  background:
    radial-gradient(circle, rgba(82, 184, 255, 0.3), transparent 62%);
  filter: blur(2px);
}

.m365-migration-page__control-top {
  position: relative;
  z-index: 1;
  padding-bottom: 0.9rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.m365-migration-page__product {
  display: inline-grid;
  grid-template-columns: 1.7rem 1fr;
  align-items: center;
  gap: 0.7rem;
  color: #fff;
  font-size: 0.95rem;
  font-weight: 700;
}

.m365-migration-page__control-body {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 1rem;
  padding-top: 1rem;
}

.m365-migration-page__cloud-wrap {
  display: grid;
  place-items: center;
  min-height: 8.5rem;
}

.m365-migration-page__cloud-core {
  position: relative;
  width: 10rem;
  height: 6.2rem;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background:
    radial-gradient(circle at 30% 35%, rgba(255, 255, 255, 0.88), rgba(172, 230, 255, 0.6) 52%, rgba(59, 137, 255, 0.28) 70%, transparent 76%);
  box-shadow:
    0 0 40px rgba(82, 184, 255, 0.32),
    inset 0 -1.2rem 2rem rgba(37, 78, 183, 0.35);
}

.m365-migration-page__cloud-core::before,
.m365-migration-page__cloud-core::after {
  content: "";
  position: absolute;
  background: inherit;
  border-radius: 50%;
}

.m365-migration-page__cloud-core::before {
  width: 4.8rem;
  height: 4.8rem;
  left: 1.1rem;
  top: -1.5rem;
}

.m365-migration-page__cloud-core::after {
  width: 5.6rem;
  height: 5.6rem;
  right: 0.9rem;
  top: -2rem;
}

.m365-migration-page__cloud-core img {
  position: relative;
  z-index: 1;
  width: 3rem;
  height: 3rem;
}

.m365-migration-page__progress {
  display: grid;
  gap: 0.85rem;
}

.m365-migration-page__progress-head {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  color: #fff;
}

.m365-migration-page__progress-head strong {
  font-size: 0.98rem;
}

.m365-migration-page__progress-head span {
  color: rgba(255, 255, 255, 0.76);
  font-size: 0.86rem;
}

.m365-migration-page__progress-bar {
  height: 0.5rem;
  background: rgba(255, 255, 255, 0.08);
  overflow: hidden;
}

.m365-migration-page__progress-bar span {
  display: block;
  width: 75%;
  height: 100%;
  background: linear-gradient(90deg, var(--m365-migration-accent-1), var(--m365-migration-accent-3));
}

.m365-migration-page__progress-list {
  display: grid;
  gap: 0.65rem;
}

.m365-migration-page__progress-list li {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.85rem 0.95rem;
  color: rgba(255, 255, 255, 0.76);
  font-size: 0.87rem;
  background: rgba(255, 255, 255, 0.03);
}

.m365-migration-page__progress-list strong {
  color: #fff;
  font-size: 0.82rem;
}

.m365-migration-page__assurance {
  display: inline-grid;
  grid-template-columns: 1.7rem 1fr;
  align-items: center;
  gap: 0.75rem;
  padding: 0.85rem 0.95rem;
  color: #fff;
  background: rgba(255, 255, 255, 0.03);
}

.m365-migration-page__assurance img {
  width: 1.55rem;
  height: 1.55rem;
}

.m365-migration-page__impact-grid {
  grid-template-columns: 1.4fr repeat(4, minmax(0, 1fr));
}

.m365-migration-page__impact-intro,
.m365-migration-page__impact-card {
  padding: 1.45rem;
}

.m365-migration-page__impact-intro h2 {
  margin-top: 0.45rem;
}

.m365-migration-page__impact-intro p {
  margin-top: 0.85rem;
  color: rgba(255, 255, 255, 0.74);
}

.m365-migration-page__impact-art {
  position: relative;
  height: 9rem;
  margin-top: 1.2rem;
}

.m365-migration-page__impact-art span {
  position: absolute;
  inset: auto auto 0 0;
  border: 1px solid rgba(82, 184, 255, 0.22);
  border-radius: 50%;
}

.m365-migration-page__impact-art span:nth-child(1) {
  width: 6rem;
  height: 6rem;
  left: 1rem;
}

.m365-migration-page__impact-art span:nth-child(2) {
  width: 8rem;
  height: 8rem;
  left: 0;
  bottom: -0.25rem;
}

.m365-migration-page__impact-art span:nth-child(3) {
  width: 10rem;
  height: 10rem;
  left: -1rem;
  bottom: -0.7rem;
}

.m365-migration-page__impact-card {
  display: grid;
  align-content: center;
  gap: 0.85rem;
}

.m365-migration-page__impact-icon {
  color: var(--m365-migration-accent-3);
  font-size: 2.4rem;
  font-weight: 800;
  line-height: 1;
}

.m365-migration-page__impact-card strong {
  color: #fff;
  font-size: 1.35rem;
  line-height: 1.2;
}

.m365-migration-page__process-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 1rem;
}

.m365-migration-page__process-step {
  position: relative;
  padding: 1.4rem 1rem;
  text-align: center;
}

.m365-migration-page__process-step::after {
  content: "";
  position: absolute;
  top: 2rem;
  right: -0.55rem;
  width: 1.1rem;
  border-top: 1px dashed rgba(82, 184, 255, 0.38);
}

.m365-migration-page__process-step:last-child::after {
  display: none;
}

.m365-migration-page__process-step span {
  width: 3rem;
  height: 3rem;
  display: inline-grid;
  place-items: center;
  margin-bottom: 0.85rem;
  border: 1px solid rgba(82, 184, 255, 0.28);
  color: #eff9ff;
  background: rgba(25, 159, 215, 0.12);
  font-size: 0.92rem;
  font-weight: 800;
}

.m365-migration-page__process-step strong {
  display: block;
  color: #fff;
  font-size: 1rem;
}

.m365-migration-page__process-step p {
  margin-top: 0.6rem;
  font-size: 0.88rem;
}

.m365-migration-page__platform-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.m365-migration-page__platform-card {
  display: grid;
  grid-template-columns: 3rem 1fr;
  align-items: center;
  gap: 1rem;
  padding: 1.2rem;
}

.m365-migration-page__platform-card strong {
  display: block;
  color: #fff;
  font-size: 1rem;
}

.m365-migration-page__platform-card p {
  margin-top: 0.45rem;
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.88rem;
}

.m365-migration-page__modernize-grid {
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 0.9fr);
}

.m365-migration-page__modernize-panel,
.m365-migration-page__future-panel {
  padding: 1.4rem;
}

.m365-migration-page__modernize-items {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1rem;
}

.m365-migration-page__modernize-items article {
  padding-right: 0.5rem;
  border-right: 1px solid rgba(255, 255, 255, 0.06);
}

.m365-migration-page__modernize-items article:last-child {
  border-right: 0;
}

.m365-migration-page__modernize-items strong,
.m365-migration-page__future-icons span {
  color: #fff;
}

.m365-migration-page__modernize-items p,
.m365-migration-page__future-panel p {
  margin-top: 0.55rem;
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.88rem;
}

.m365-migration-page__future-icons {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1.25rem;
}

.m365-migration-page__future-icons article,
.m365-migration-page__ecosystem-row article {
  display: grid;
  justify-items: center;
  gap: 0.6rem;
  text-align: center;
}

.m365-migration-page__future-icons span,
.m365-migration-page__ecosystem-row span {
  font-size: 0.82rem;
  line-height: 1.35;
}

.m365-migration-page__ecosystem-row {
  display: grid;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  gap: 1rem;
}

.m365-migration-page__ecosystem-row article {
  padding: 1rem 0.75rem;
}

.m365-migration-page__trust-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.m365-migration-page__faq-shell {
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.95fr);
}

.m365-migration-page__faq-panel,
.m365-migration-page__cta-panel {
  height: 100%;
}

.m365-migration-page__faq-list {
  display: grid;
  gap: 0.7rem;
}

.m365-migration-page__faq-item {
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.02);
}

.m365-migration-page__faq-item summary {
  position: relative;
  padding: 1rem 3rem 1rem 1rem;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
  list-style: none;
}

.m365-migration-page__faq-item summary::-webkit-details-marker {
  display: none;
}

.m365-migration-page__faq-item summary::after {
  content: "+";
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  color: rgba(255, 255, 255, 0.72);
}

.m365-migration-page__faq-item[open] summary::after {
  content: "-";
}

.m365-migration-page__faq-item p {
  padding: 0 1rem 1rem;
  color: rgba(255, 255, 255, 0.74);
  font-size: 0.9rem;
}

.m365-migration-page__cta {
  position: relative;
  height: 100%;
  display: grid;
  align-items: end;
  padding: 1.6rem;
  overflow: hidden;
}

.m365-migration-page__cta-copy h2 {
  font-size: clamp(2rem, 3vw, 2.7rem);
}

.m365-migration-page__cta-copy p {
  margin-top: 0.75rem;
  color: rgba(255, 255, 255, 0.74);
}

.m365-migration-page__cta-actions {
  display: grid;
  gap: 0.85rem;
  margin-top: 1.25rem;
}

.m365-migration-page__cta-art {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 15rem;
  height: 12rem;
}

.m365-migration-page__cta-cloud {
  position: absolute;
  right: 1.4rem;
  bottom: 1rem;
  width: 9rem;
  height: 6rem;
}

.m365-migration-page__cta-cloud span {
  position: absolute;
  border: 1px solid rgba(82, 184, 255, 0.24);
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 40%, rgba(82, 184, 255, 0.18), transparent 62%);
}

.m365-migration-page__cta-cloud span:nth-child(1) {
  width: 5rem;
  height: 5rem;
  left: 0;
  bottom: 0;
}

.m365-migration-page__cta-cloud span:nth-child(2) {
  width: 6rem;
  height: 6rem;
  right: 0.4rem;
  bottom: 0.5rem;
}

.m365-migration-page__cta-cloud span:nth-child(3) {
  width: 8.5rem;
  height: 3.8rem;
  left: 0.3rem;
  bottom: 0;
  border-radius: 999px;
}

@media (max-width: 1200px) {
  .m365-migration-page__impact-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .m365-migration-page__modernize-grid,
  .m365-migration-page__faq-shell {
    grid-template-columns: 1fr;
  }

  .m365-migration-page__platform-grid,
  .m365-migration-page__ecosystem-row,
  .m365-migration-page__trust-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {

  .m365-migration-page__stage,
  .m365-migration-page__badge-row,
  .m365-migration-page__process-grid,
  .m365-migration-page__platform-grid,
  .m365-migration-page__modernize-items,
  .m365-migration-page__future-icons,
  .m365-migration-page__ecosystem-row,
  .m365-migration-page__trust-grid {
    grid-template-columns: 1fr;
  }

  .m365-migration-page__source-rail,
  .m365-migration-page__destination-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .m365-migration-page__platform-card {
    grid-template-columns: 3rem 1fr;
  }

  .m365-migration-page__modernize-items article {
    border-right: 0;
    padding-right: 0;
  }

  .m365-migration-page__process-step::after {
    display: none;
  }
}

@media (max-width: 640px) {
  .m365-migration-page__hero-visual {
    min-height: 820px;
  }

  .m365-migration-page__source-rail,
  .m365-migration-page__destination-rail,
  .m365-migration-page__impact-grid {
    grid-template-columns: 1fr;
  }

  .m365-migration-page__control,
  .m365-migration-page__impact-intro,
  .m365-migration-page__impact-card,
  .m365-migration-page__process-step,
  .m365-migration-page__platform-card,
  .m365-migration-page__modernize-panel,
  .m365-migration-page__future-panel,
  .m365-migration-page__faq-panel,
  .m365-migration-page__cta {
    padding: 1.3rem;
  }

  .m365-migration-page__cta-copy h2 {
    font-size: clamp(1.8rem, 9vw, 2.3rem);
  }
}

.exchange-page {
  --exchange-accent-1: #2d8cff;
  --exchange-accent-2: #1658ff;
  --exchange-accent-3: #6cb7ff;
  --exchange-accent-4: #9bd3ff;
  --exchange-border: rgba(45, 140, 255, 0.24);
  --exchange-border-strong: rgba(108, 183, 255, 0.34);
  --exchange-shadow: rgba(22, 88, 255, 0.18);
  background: #000;
}

.exchange-page .section,
.exchange-page .m365-page__hero {
  background: #000;
}

.exchange-page .m365-page__accent,
.exchange-page .m365-page__accent-inline {
  background: linear-gradient(135deg, var(--exchange-accent-4), var(--exchange-accent-1) 48%, var(--exchange-accent-3));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.exchange-page .button {
  border-color: var(--exchange-border-strong);
  background: linear-gradient(135deg, var(--exchange-accent-2), var(--exchange-accent-1) 55%, var(--exchange-accent-3));
  box-shadow: 0 18px 42px var(--exchange-shadow);
}

.exchange-page .button:hover {
  background: linear-gradient(135deg, var(--exchange-accent-1), var(--exchange-accent-3) 55%, var(--exchange-accent-2));
}

.exchange-page .button--ghost {
  border-color: rgba(108, 183, 255, 0.24);
  background: rgba(45, 140, 255, 0.08);
  box-shadow: none;
}

.exchange-page .button--ghost:hover {
  background: rgba(45, 140, 255, 0.13);
}

.exchange-page .m365-page__hero-orbit {
  width: 40rem;
  height: 22.5rem;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translate(-50%, -46%);
  background:
    radial-gradient(circle at center, rgba(45, 140, 255, 0.18), transparent 54%),
    repeating-radial-gradient(circle at center, rgba(108, 183, 255, 0.06) 0 2px, transparent 2px 14px);
}

.exchange-page__proof-row,
.exchange-page__why-grid,
.exchange-page__feature-grid,
.exchange-page__security-grid,
.exchange-page__workflow-grid,
.exchange-page__industry-grid,
.exchange-page__trust-grid,
.exchange-page__faq-shell {
  display: grid;
  gap: 1rem;
}

.exchange-page__proof-row {
  grid-template-columns: repeat(3, minmax(0, max-content));
  margin-top: 1.8rem;
}

.exchange-page__proof-item {
  padding-left: 1rem;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.exchange-page__proof-item strong {
  color: rgba(255, 255, 255, 0.88);
  font-size: 0.86rem;
  font-weight: 600;
}

.exchange-page__hero-visual {
  min-height: 610px;
  padding: 0.5rem 0 0;
}

.exchange-page__hero-stage,
.exchange-page__callout,
.exchange-page__why-card,
.exchange-page__feature-card,
.exchange-page__panel,
.exchange-page__workflow-step,
.exchange-page__cta-panel,
.exchange-page__trust-card,
.exchange-page__faq-panel,
.exchange-page__faq-cta {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
    rgba(8, 10, 16, 0.94);
  box-shadow: 0 24px 56px rgba(0, 0, 0, 0.26);
}

.exchange-page__hero-stage {
  position: relative;
  display: grid;
  grid-template-columns: 13rem minmax(0, 1fr) 13rem;
  align-items: center;
  gap: 1.5rem;
  width: min(100%, 940px);
  min-height: 470px;
  padding: 0;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  overflow: hidden;
}

.exchange-page__hero-stage::before {
  content: "";
  position: absolute;
  inset: 8% 4% 12%;
  background:
    radial-gradient(circle at 50% 42%, rgba(39, 129, 255, 0.18), transparent 23%),
    radial-gradient(circle at 50% 96%, rgba(36, 112, 255, 0.18), transparent 28%),
    linear-gradient(90deg, transparent 49.85%, rgba(84, 170, 255, 0.14) 50%, transparent 50.15%),
    linear-gradient(180deg, transparent 75%, rgba(84, 170, 255, 0.08) 75.2%, transparent 75.4%);
  pointer-events: none;
}

.exchange-page__hero-stage::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 4.4rem;
  width: 31rem;
  height: 14rem;
  transform: translateX(-50%);
  border: 1px solid rgba(56, 142, 255, 0.08);
  border-radius: 50%;
  background:
    radial-gradient(ellipse at center, rgba(43, 121, 255, 0.1), transparent 62%);
  pointer-events: none;
}

.exchange-page__callout-column {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 0.9rem;
}

.exchange-page__callout {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 2.9rem 1fr;
  gap: 0.8rem;
  align-items: start;
  min-height: 6.9rem;
  padding: 1.05rem 1rem 1.05rem 0.95rem;
  border-color: rgba(255, 255, 255, 0.08);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.022), rgba(255, 255, 255, 0.008)),
    rgba(9, 12, 20, 0.92);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.025),
    0 22px 44px rgba(0, 0, 0, 0.18);
}

.exchange-page__callout::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 2.9rem;
  border-top: 1px dashed rgba(87, 163, 255, 0.42);
}

.exchange-page__callout-column--left .exchange-page__callout::after {
  right: -2.9rem;
}

.exchange-page__callout-column--right .exchange-page__callout::after {
  left: -2.9rem;
}

.exchange-page__callout-icon {
  width: 2.9rem;
  height: 2.9rem;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(108, 183, 255, 0.22);
  background:
    linear-gradient(180deg, rgba(63, 139, 255, 0.18), rgba(14, 39, 110, 0.18)),
    rgba(255, 255, 255, 0.02);
  color: #76baff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.exchange-page__callout-icon svg {
  width: 1.45rem;
  height: 1.45rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.exchange-page__callout-copy {
  display: grid;
  gap: 0.38rem;
}

.exchange-page__callout strong,
.exchange-page__why-card h3,
.exchange-page__feature-card strong,
.exchange-page__workflow-step strong,
.exchange-page__trust-card strong {
  color: #fff;
}

.exchange-page__callout strong {
  font-size: 1.12rem;
  line-height: 1.1;
}

.exchange-page__callout span,
.exchange-page__why-card p,
.exchange-page__feature-card p,
.exchange-page__security-list p,
.exchange-page__workflow-step p,
.exchange-page__trust-card p,
.exchange-page__faq-cta p,
.exchange-page__why-intro p {
  color: rgba(255, 255, 255, 0.72);
}

.exchange-page__callout span {
  font-size: 0.98rem;
  line-height: 1.45;
}

.exchange-page__hero-core {
  position: relative;
  min-height: 390px;
  display: grid;
  place-items: center;
  z-index: 1;
}

.exchange-page__hero-beam {
  position: absolute;
  top: 1.1rem;
  bottom: 2rem;
  left: 50%;
  width: 3px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, rgba(73, 165, 255, 0), rgba(73, 165, 255, 0.5) 24%, rgba(135, 208, 255, 0.95) 52%, rgba(73, 165, 255, 0.38) 78%, rgba(73, 165, 255, 0));
  box-shadow: 0 0 16px rgba(79, 166, 255, 0.46);
  filter: blur(0.4px);
}

.exchange-page__hero-rings {
  position: absolute;
  inset: auto 50% 0.15rem auto;
  width: 28rem;
  height: 13rem;
  transform: translateX(50%);
  border-radius: 50%;
  border: 1px solid rgba(61, 148, 255, 0.16);
  background:
    radial-gradient(ellipse at center, rgba(35, 112, 255, 0.16), rgba(35, 112, 255, 0.04) 42%, transparent 65%);
  box-shadow: inset 0 0 40px rgba(42, 121, 255, 0.05);
  opacity: 0.82;
}

.exchange-page__hero-rings::before,
.exchange-page__hero-rings::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border: 1px solid rgba(61, 148, 255, 0.18);
  border-radius: 50%;
}

.exchange-page__hero-rings::before {
  bottom: 1.15rem;
  width: 21.5rem;
  height: 9.5rem;
}

.exchange-page__hero-rings::after {
  bottom: 2.15rem;
  width: 15rem;
  height: 6.2rem;
}

.exchange-page__hero-platform {
  position: absolute;
  left: 50%;
  bottom: 2.6rem;
  width: 17.2rem;
  height: 7.5rem;
  transform: translateX(-50%);
}

.exchange-page__hero-platform-disc {
  position: absolute;
  left: 50%;
  border-radius: 50%;
  transform: translateX(-50%);
}

.exchange-page__hero-platform-disc--outer {
  bottom: 0;
  width: 17.2rem;
  height: 4.8rem;
  border: 1px solid rgba(61, 148, 255, 0.42);
  background:
    radial-gradient(circle at 50% 35%, rgba(44, 121, 255, 0.18), rgba(17, 37, 116, 0.64) 58%, rgba(8, 16, 48, 0.96));
  box-shadow:
    0 0 22px rgba(53, 128, 255, 0.22),
    inset 0 0 16px rgba(140, 211, 255, 0.08);
}

.exchange-page__hero-platform-disc--mid {
  bottom: 0.95rem;
  width: 13.2rem;
  height: 3.7rem;
  border: 1px solid rgba(102, 182, 255, 0.5);
  background:
    radial-gradient(circle at 50% 35%, rgba(83, 165, 255, 0.28), rgba(14, 36, 112, 0.84) 62%, rgba(8, 16, 48, 0.98));
  box-shadow: 0 0 26px rgba(53, 128, 255, 0.26);
}

.exchange-page__hero-platform-disc--inner {
  bottom: 1.8rem;
  width: 9.7rem;
  height: 2.45rem;
  border: 1px solid rgba(153, 221, 255, 0.58);
  background: radial-gradient(circle, rgba(140, 214, 255, 0.72), rgba(44, 121, 255, 0.35) 55%, rgba(10, 19, 56, 0.9));
  box-shadow: 0 0 28px rgba(91, 186, 255, 0.34);
}

.exchange-page__mail-stack {
  position: relative;
  width: 18rem;
  height: 16.6rem;
  z-index: 2;
}

.exchange-page__mail-stack::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 2.6rem;
  width: 9.8rem;
  height: 2.6rem;
  transform: translateX(-50%);
  background: radial-gradient(ellipse at center, rgba(115, 205, 255, 0.42), rgba(56, 136, 255, 0.18) 52%, transparent 72%);
  filter: blur(6px);
}

.exchange-page__mail-panel {
  position: absolute;
  display: grid;
  place-items: center;
  border: 1px solid rgba(108, 183, 255, 0.26);
  background:
    linear-gradient(160deg, rgba(125, 193, 255, 0.94), rgba(49, 114, 255, 0.85) 60%, rgba(18, 40, 126, 0.88));
  box-shadow: 0 24px 48px rgba(18, 54, 160, 0.28);
}

.exchange-page__mail-panel::before {
  content: "";
  position: absolute;
  inset: 0.25rem;
  border-top: 1px solid rgba(255, 255, 255, 0.18);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.14), transparent 24%);
  pointer-events: none;
}

.exchange-page__mail-panel--back {
  width: 7.4rem;
  height: 10.3rem;
  right: 2.1rem;
  top: 0.75rem;
  transform: rotate(12deg);
  background:
    linear-gradient(160deg, rgba(142, 206, 255, 0.96), rgba(69, 127, 255, 0.9) 54%, rgba(27, 57, 154, 0.92));
}

.exchange-page__mail-panel--mid {
  width: 7.1rem;
  height: 10rem;
  left: 2.8rem;
  top: 1.3rem;
  transform: rotate(-11deg);
  background:
    linear-gradient(160deg, rgba(201, 237, 255, 0.98), rgba(88, 165, 255, 0.92) 50%, rgba(28, 76, 188, 0.88));
}

.exchange-page__mail-panel--front {
  width: 7.8rem;
  height: 10.7rem;
  left: 4.4rem;
  top: 2rem;
  z-index: 3;
  border-color: rgba(156, 223, 255, 0.46);
  box-shadow:
    0 22px 52px rgba(18, 54, 160, 0.34),
    0 0 26px rgba(79, 166, 255, 0.18);
}

.exchange-page__mail-panel--front img {
  width: 4.35rem;
  height: 4.35rem;
  filter: drop-shadow(0 6px 16px rgba(255, 255, 255, 0.12));
}

.exchange-page__mail-envelope {
  position: absolute;
  right: 1.7rem;
  bottom: 4.15rem;
  width: 7rem;
  height: 4.6rem;
  z-index: 4;
  background:
    linear-gradient(180deg, rgba(212, 237, 255, 0.98), rgba(97, 162, 255, 0.88));
  box-shadow:
    0 18px 34px rgba(14, 62, 196, 0.3),
    0 0 18px rgba(79, 166, 255, 0.18);
  transform: rotate(3deg);
}

.exchange-page__mail-envelope::before,
.exchange-page__mail-envelope::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  clip-path: polygon(0 0, 50% 48%, 100% 0, 100% 100%, 0 100%);
}

.exchange-page__mail-envelope::after {
  clip-path: polygon(0 0, 50% 62%, 100% 0, 100% 0, 0 0);
}

.exchange-page__mail-envelope::before {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

.exchange-page__logo-band {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.exchange-page__logos {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 1rem;
  align-items: center;
  text-align: center;
}

.exchange-page__logos span {
  color: rgba(255, 255, 255, 0.82);
  font-size: clamp(1rem, 1.6vw, 1.5rem);
  font-weight: 700;
  letter-spacing: -0.03em;
}

.exchange-page__why-grid {
  grid-template-columns: 1.15fr repeat(5, minmax(0, 1fr));
}

.exchange-page__why-intro {
  padding-right: 1rem;
}

.exchange-page__why-intro h2 {
  max-width: 11ch;
  margin-top: 0.45rem;
}

.exchange-page__why-intro p {
  margin-top: 0.8rem;
}

.exchange-page__why-card {
  padding: 1.3rem 1rem;
  text-align: center;
}

.exchange-page__why-icon,
.exchange-page__feature-icon,
.exchange-page__workflow-step span {
  width: 3rem;
  height: 3rem;
  display: inline-grid;
  place-items: center;
  margin: 0 auto 0.85rem;
  border: 1px solid rgba(108, 183, 255, 0.24);
  color: #eff7ff;
  background: rgba(45, 140, 255, 0.1);
  font-size: 0.92rem;
  font-weight: 800;
}

.exchange-page__feature-icon img {
  width: 1.5rem;
  height: 1.5rem;
}

.exchange-page__feature-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.exchange-page__feature-card {
  display: grid;
  grid-template-columns: 3rem 1fr;
  gap: 1rem;
  align-items: start;
  padding: 1.2rem;
  background: transparent;
  box-shadow: none;
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.exchange-page__feature-icon {
  margin: 0;
}

.exchange-page__security-grid {
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.3fr);
}

.exchange-page__panel,
.exchange-page__faq-panel,
.exchange-page__faq-cta {
  padding: 1.4rem;
}

.exchange-page__security-list {
  display: grid;
  gap: 1rem;
}

.exchange-page__security-list strong {
  display: block;
  color: #fff;
  margin-bottom: 0.35rem;
}

.exchange-page__benefits-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 15rem;
  gap: 1rem;
  align-items: center;
}

.exchange-page__benefit-list {
  display: grid;
  gap: 0.9rem;
  list-style: none;
}

.exchange-page__benefit-list li {
  position: relative;
  padding-left: 1.6rem;
  color: rgba(255, 255, 255, 0.82);
}

.exchange-page__benefit-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.45rem;
  width: 0.65rem;
  height: 0.65rem;
  background: var(--exchange-accent-3);
}

.exchange-page__device-mockup {
  position: relative;
  min-height: 15rem;
}

.exchange-page__laptop {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 13rem;
  height: 8.5rem;
  padding: 0.55rem;
  background: linear-gradient(180deg, rgba(218, 232, 255, 0.12), rgba(17, 23, 39, 0.94));
}

.exchange-page__screen,
.exchange-page__phone-screen {
  height: 100%;
  padding: 0.7rem;
  background: rgba(245, 250, 255, 0.96);
}

.exchange-page__screen span,
.exchange-page__phone-screen span {
  display: block;
  height: 0.75rem;
  margin-bottom: 0.5rem;
  background: linear-gradient(90deg, rgba(45, 140, 255, 0.28), rgba(22, 88, 255, 0.12));
}

.exchange-page__phone {
  position: absolute;
  right: 0;
  bottom: -0.5rem;
  width: 4.4rem;
  height: 8.8rem;
  padding: 0.45rem;
  background: linear-gradient(180deg, rgba(233, 241, 255, 0.16), rgba(16, 22, 36, 0.96));
}

.exchange-page__workflow-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.exchange-page__workflow-step {
  position: relative;
  padding: 1.35rem 1rem;
  text-align: center;
}

.exchange-page__workflow-step::after {
  content: "";
  position: absolute;
  top: 2rem;
  right: -0.55rem;
  width: 1.1rem;
  border-top: 1px dashed rgba(108, 183, 255, 0.38);
}

.exchange-page__workflow-step:last-child::after {
  display: none;
}

.exchange-page__workflow-step p {
  margin-top: 0.6rem;
  font-size: 0.88rem;
}

.exchange-page__industry-grid {
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.3fr);
}

.exchange-page__industry-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1rem;
}

.exchange-page__industry-list span {
  padding: 0.95rem 0.7rem;
  color: #fff;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
  font-size: 0.86rem;
}

.exchange-page__cta-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 14rem;
  gap: 1rem;
  align-items: center;
  padding: 1.5rem;
}

.exchange-page__cta-copy h2,
.exchange-page__faq-cta h2 {
  font-size: clamp(2rem, 3vw, 2.6rem);
}

.exchange-page__cta-copy p {
  margin-top: 0.75rem;
  color: rgba(255, 255, 255, 0.74);
}

.exchange-page__cta-actions {
  display: grid;
  gap: 0.85rem;
  margin-top: 1.2rem;
}

.exchange-page__cta-art {
  position: relative;
  min-height: 12rem;
}

.exchange-page__cta-cloud {
  position: absolute;
  right: 0.5rem;
  top: 1rem;
  width: 11rem;
  height: 8rem;
  background:
    radial-gradient(circle at 35% 35%, rgba(255, 255, 255, 0.9), rgba(146, 213, 255, 0.65) 54%, rgba(45, 140, 255, 0.12) 72%, transparent 76%);
  border-radius: 50%;
  filter: blur(1px);
}

.exchange-page__cta-art img {
  position: absolute;
  right: 2.4rem;
  bottom: 0.5rem;
  width: 4.8rem;
  height: 4.8rem;
}

.hero-image {
  /* display: block; */
  max-width: 100%;
  height: auto;
}

.exchange-page__trust-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.exchange-page__trust-card {
  padding: 1.25rem;
}

.exchange-page__trust-card p {
  margin-top: 0.55rem;
}

.exchange-page__faq-shell {
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr);
}

.exchange-page__faq-list {
  display: grid;
  gap: 0.7rem;
}

.exchange-page__faq-item {
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.02);
}

.exchange-page__faq-item summary {
  position: relative;
  padding: 1rem 3rem 1rem 1rem;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
  list-style: none;
}

.exchange-page__faq-item summary::-webkit-details-marker {
  display: none;
}

.exchange-page__faq-item summary::after {
  content: "+";
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  color: rgba(255, 255, 255, 0.72);
}

.exchange-page__faq-item[open] summary::after {
  content: "-";
}

.exchange-page__faq-item p {
  padding: 0 1rem 1rem;
  color: rgba(255, 255, 255, 0.74);
  font-size: 0.9rem;
}

.exchange-page__faq-cta {
  display: grid;
  align-content: center;
}

.exchange-page__faq-cta .exchange-page__cta-actions {
  margin-top: 1.4rem;
}

@media (max-width: 1200px) {

  .exchange-page__why-grid,
  .exchange-page__feature-grid,
  .exchange-page__security-grid,
  .exchange-page__industry-grid,
  .exchange-page__faq-shell {
    grid-template-columns: 1fr;
  }

  .exchange-page__logos,
  .exchange-page__trust-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {

  .exchange-page__hero-stage,
  .exchange-page__proof-row,
  .exchange-page__workflow-grid,
  .exchange-page__industry-list,
  .exchange-page__trust-grid {
    grid-template-columns: 1fr;
  }

  .exchange-page__feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .exchange-page__logos {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .exchange-page__benefits-shell,
  .exchange-page__cta-panel {
    grid-template-columns: 1fr;
  }

  .exchange-page__workflow-step::after {
    display: none;
  }

  .exchange-page__callout::after {
    display: none;
  }

  .exchange-page__hero-core {
    min-height: 380px;
  }

  .exchange-page__hero-stage::after {
    width: 25rem;
    height: 12rem;
    bottom: 2.3rem;
  }

  .exchange-page__hero-rings {
    width: 25rem;
    height: 12rem;
    bottom: -1rem;
  }

  .exchange-page__hero-rings::before {
    width: 19rem;
    height: 8.7rem;
  }

  .exchange-page__hero-rings::after {
    width: 13rem;
    height: 5.6rem;
  }

  .exchange-page__mail-stack {
    width: 17.5rem;
    height: 16.8rem;
  }

  .exchange-page__mail-panel--back {
    width: 7.4rem;
    height: 10.3rem;
    right: 2rem;
  }

  .exchange-page__mail-panel--mid {
    width: 7.1rem;
    height: 10rem;
    left: 2.7rem;
  }

  .exchange-page__mail-panel--front {
    width: 7.8rem;
    height: 10.7rem;
    left: 4.2rem;
    top: 2rem;
  }

  .exchange-page__mail-envelope {
    width: 7rem;
    height: 4.7rem;
    right: 1.8rem;
    bottom: 3.2rem;
  }
}

@media (max-width: 640px) {
  .exchange-page__hero-visual {
    min-height: 980px;
  }

  .exchange-page__feature-grid,
  .exchange-page__logos {
    grid-template-columns: 1fr;
  }

  .exchange-page__hero-stage,
  .exchange-page__callout,
  .exchange-page__why-card,
  .exchange-page__panel,
  .exchange-page__workflow-step,
  .exchange-page__cta-panel,
  .exchange-page__trust-card,
  .exchange-page__faq-panel,
  .exchange-page__faq-cta {
    padding: 1.25rem;
  }

  .exchange-page__cta-copy h2,
  .exchange-page__faq-cta h2 {
    font-size: clamp(1.8rem, 9vw, 2.3rem);
  }

  .exchange-page__callout {
    grid-template-columns: 2.5rem 1fr;
    gap: 0.7rem;
  }

  .exchange-page__callout-icon {
    width: 2.5rem;
    height: 2.5rem;
  }

  .exchange-page__callout-icon svg {
    width: 1.25rem;
    height: 1.25rem;
  }

  .exchange-page__hero-core {
    min-height: 320px;
  }

  .exchange-page__hero-stage::after {
    width: 18rem;
    height: 8.5rem;
    bottom: 2rem;
  }

  .exchange-page__hero-rings {
    width: 18rem;
    height: 8.7rem;
    bottom: -0.5rem;
  }

  .exchange-page__hero-rings::before {
    width: 14rem;
    height: 6.2rem;
    bottom: 0.9rem;
  }

  .exchange-page__hero-rings::after {
    width: 9.5rem;
    height: 3.9rem;
    bottom: 1.9rem;
  }

  .exchange-page__hero-platform {
    width: 14rem;
    bottom: 1.8rem;
  }

  .exchange-page__hero-platform-disc--outer {
    width: 14rem;
  }

  .exchange-page__hero-platform-disc--mid {
    width: 10.8rem;
  }

  .exchange-page__hero-platform-disc--inner {
    width: 7.8rem;
  }

  .exchange-page__mail-stack {
    width: 14.5rem;
    height: 14.8rem;
  }

  .exchange-page__mail-panel--back {
    width: 6.4rem;
    height: 8.9rem;
    right: 1.7rem;
  }

  .exchange-page__mail-panel--mid {
    width: 6.1rem;
    height: 8.6rem;
    left: 2.2rem;
  }

  .exchange-page__mail-panel--front {
    width: 6.6rem;
    height: 9.1rem;
    left: 3.5rem;
    top: 2rem;
  }

  .exchange-page__mail-panel--front img {
    width: 3.8rem;
    height: 3.8rem;
  }

  .exchange-page__mail-envelope {
    width: 5.8rem;
    height: 4rem;
    right: 1.2rem;
    bottom: 2.9rem;
  }
}

.exchange-migration-page {
  --exchange-migration-accent-1: #0b66ff;
  --exchange-migration-accent-2: #2aa2ff;
  --exchange-migration-accent-3: #86d8ff;
  --exchange-migration-border: rgba(42, 162, 255, 0.24);
  --exchange-migration-border-strong: rgba(104, 189, 255, 0.38);
  --exchange-migration-shadow: rgba(11, 102, 255, 0.18);
  background: #000;
}

.exchange-migration-page .section,
.exchange-migration-page .m365-page__hero,
.exchange-migration-page .m365-page__services {
  background: #000;
}

.exchange-migration-page .m365-page__accent,
.exchange-migration-page .m365-page__accent-inline {
  background: linear-gradient(135deg, #fff, var(--exchange-migration-accent-3) 20%, var(--exchange-migration-accent-2) 58%, var(--exchange-migration-accent-1));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.exchange-migration-page .button {
  border-color: var(--exchange-migration-border-strong);
  background: linear-gradient(135deg, var(--exchange-migration-accent-1), var(--exchange-migration-accent-2) 55%, var(--exchange-migration-accent-3));
  box-shadow: 0 18px 42px var(--exchange-migration-shadow);
}

.exchange-migration-page .button:hover {
  background: linear-gradient(135deg, var(--exchange-migration-accent-2), var(--exchange-migration-accent-1) 48%, var(--exchange-migration-accent-3));
}

.exchange-migration-page .button--ghost {
  border-color: rgba(134, 216, 255, 0.24);
  background: rgba(42, 162, 255, 0.08);
  box-shadow: none;
}

.exchange-migration-page .button--ghost:hover {
  background: rgba(42, 162, 255, 0.14);
}

.exchange-migration-page .m365-page__hero-orbit {
  width: 48rem;
  height: 30rem;
  inset: auto -4rem -5rem auto;
  background:
    radial-gradient(circle at center, rgba(42, 162, 255, 0.16), transparent 58%),
    repeating-radial-gradient(circle at center, rgba(134, 216, 255, 0.06) 0 2px, transparent 2px 16px);
}

.exchange-migration-page__credentials,
.exchange-migration-page__metric-grid,
.exchange-migration-page__detail-grid,
.exchange-migration-page__faq-shell,
.exchange-migration-page__logos {
  display: grid;
  gap: 1rem;
}

.exchange-migration-page__credential,
.exchange-migration-page__source-card,
.exchange-migration-page__dashboard,
.exchange-migration-page__metric-card,
.exchange-migration-page__process-step,
.exchange-migration-page__detail-panel,
.exchange-migration-page__experience-panel,
.exchange-migration-page__faq-panel,
.exchange-migration-page__cta,
.exchange-migration-page__logos span {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
    rgba(8, 10, 16, 0.94);
  box-shadow: 0 24px 56px rgba(0, 0, 0, 0.26);
}

.exchange-migration-page__credentials {
  grid-template-columns: repeat(3, max-content);
  margin-top: 2rem;
}

.exchange-migration-page__credential {
  display: inline-grid;
  grid-template-columns: 2rem 1fr;
  align-items: center;
  gap: 0.8rem;
  padding: 0.95rem 1rem;
}

.exchange-migration-page__credential img,
.exchange-migration-page__source-icon img,
.exchange-migration-page__hub-front img,
.exchange-migration-page__experience-flow img,
.exchange-migration-page__trust-grid .copilot-service-page__trust-icon img,
.exchange-migration-page__cta-art img {
  width: 2rem;
  height: 2rem;
  object-fit: contain;
}

.exchange-migration-page__credential span {
  color: #fff;
  font-size: 0.9rem;
}

.exchange-migration-page__hero-visual {
  min-height: 770px;
}

.exchange-migration-page__hero-shell {
  position: relative;
  display: grid;
  grid-template-columns: 9rem minmax(0, 1fr) 15rem;
  align-items: center;
  gap: 1.1rem;
  width: min(100%, 900px);
  min-height: 580px;
}

.exchange-migration-page__hero-shell::before {
  content: "";
  position: absolute;
  inset: 14% 24% 22% 23%;
  border-radius: 999px;
  background:
    radial-gradient(circle at center, rgba(75, 162, 255, 0.18), transparent 58%),
    linear-gradient(90deg, transparent 0, rgba(75, 162, 255, 0.08) 32%, rgba(75, 162, 255, 0.08) 68%, transparent 100%);
  filter: blur(4px);
}

.exchange-migration-page__sources {
  display: grid;
  gap: 0.9rem;
  position: relative;
  z-index: 1;
}

.exchange-migration-page__source-card {
  display: grid;
  justify-items: start;
  gap: 0.6rem;
  padding: 0.95rem 0.8rem;
  position: relative;
}

.exchange-migration-page__source-card::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -2.55rem;
  width: 2.55rem;
  border-top: 2px dashed rgba(91, 185, 255, 0.42);
}

.exchange-migration-page__source-icon,
.exchange-migration-page__card-mark {
  width: 2.7rem;
  height: 2.7rem;
  display: grid;
  place-items: center;
  border: 1px solid rgba(134, 216, 255, 0.24);
  background: linear-gradient(180deg, rgba(12, 27, 52, 0.94), rgba(17, 37, 70, 0.78));
  color: #fff;
  font-size: 0.88rem;
  font-weight: 800;
}

.exchange-migration-page__source-icon--google,
.exchange-migration-page__card-mark--google {
  color: #ff8a6d;
}

.exchange-migration-page__source-icon--lotus {
  color: #ffd36b;
}

.exchange-migration-page__source-icon--imap {
  color: #9fd7ff;
}

.exchange-migration-page__source-card strong {
  color: #fff;
  font-size: 0.82rem;
  line-height: 1.35;
}

.exchange-migration-page__core {
  position: relative;
  display: grid;
  justify-items: center;
  align-self: stretch;
  min-height: 560px;
  z-index: 1;
}

.exchange-migration-page__beam {
  position: absolute;
  left: 50%;
  bottom: 7.25rem;
  width: 14rem;
  height: 16rem;
  transform: translateX(-50%);
  background: linear-gradient(180deg, rgba(46, 148, 255, 0), rgba(46, 148, 255, 0.34) 45%, rgba(110, 205, 255, 0.08));
  filter: blur(2px);
}

.exchange-migration-page__ring {
  position: absolute;
  left: 50%;
  bottom: 2.3rem;
  transform: translateX(-50%);
  border: 1px solid rgba(91, 185, 255, 0.32);
  border-radius: 50%;
  background: radial-gradient(circle at center, rgba(30, 99, 255, 0.16), transparent 70%);
}

.exchange-migration-page__ring--outer {
  width: 22rem;
  height: 7.8rem;
}

.exchange-migration-page__ring--mid {
  width: 17rem;
  height: 5.9rem;
}

.exchange-migration-page__ring--inner {
  width: 11rem;
  height: 3.9rem;
  box-shadow: 0 0 24px rgba(54, 171, 255, 0.22);
}

.exchange-migration-page__hub {
  position: relative;
  width: min(100%, 20rem);
  margin-top: 6.2rem;
  display: grid;
  place-items: center;
}

.exchange-migration-page__hub-back,
.exchange-migration-page__hub-mid,
.exchange-migration-page__hub-front {
  position: absolute;
  width: 6.9rem;
  height: 8.8rem;
  border: 1px solid rgba(134, 216, 255, 0.2);
  background: linear-gradient(180deg, rgba(163, 218, 255, 0.95), rgba(44, 130, 255, 0.82));
  box-shadow: 0 24px 56px rgba(8, 86, 207, 0.25);
}

.exchange-migration-page__hub-back {
  left: 50%;
  transform: translateX(-6%);
  opacity: 0.95;
}

.exchange-migration-page__hub-mid {
  left: 50%;
  top: 1.1rem;
  transform: translateX(-50%);
  opacity: 0.82;
}

.exchange-migration-page__hub-front {
  position: relative;
  display: grid;
  place-items: center;
  transform: translate(-26%, 1.85rem);
  background: linear-gradient(180deg, #4ea1ff, #145cff);
}

.exchange-migration-page__hub-front::after {
  content: "";
  position: absolute;
  right: -3.8rem;
  bottom: 0.75rem;
  width: 6rem;
  height: 4.4rem;
  border: 1px solid rgba(134, 216, 255, 0.2);
  background: linear-gradient(180deg, rgba(117, 186, 255, 0.96), rgba(26, 89, 224, 0.9));
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 50% 54%);
  box-shadow: 0 18px 36px rgba(9, 80, 196, 0.24);
}

.exchange-migration-page__hub-front img {
  width: 3.2rem;
  height: 3.2rem;
  filter: brightness(0) invert(1);
}

.exchange-migration-page__core-label {
  position: absolute;
  bottom: 0.15rem;
  color: #fff;
  font-size: 1.05rem;
  letter-spacing: 0.02em;
}

.exchange-migration-page__dashboard {
  padding: 1.15rem 1.05rem;
  display: grid;
  gap: 1rem;
  position: relative;
  z-index: 1;
}

.exchange-migration-page__dashboard-head,
.exchange-migration-page__dashboard-bar,
.exchange-migration-page__status-list li {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}

.exchange-migration-page__dashboard-head strong,
.exchange-migration-page__dashboard-bar strong,
.exchange-migration-page__assurance-list strong,
.exchange-migration-page__detail-list strong,
.exchange-migration-page__process-step strong,
.exchange-migration-page__metric-card strong {
  color: #fff;
}

.exchange-migration-page__dashboard-head span {
  color: #4bdd7a;
  font-size: 0.82rem;
  font-weight: 700;
}

.exchange-migration-page__dashboard-bar {
  align-items: end;
}

.exchange-migration-page__dashboard-bar div {
  display: grid;
  gap: 0.35rem;
}

.exchange-migration-page__dashboard-bar span,
.exchange-migration-page__status-list span,
.exchange-migration-page__assurance-list span,
.exchange-migration-page__detail-list p,
.exchange-migration-page__process-step p,
.exchange-migration-page__faq-item p,
.exchange-migration-page__cta-copy p,
.exchange-migration-page__experience-copy p {
  color: rgba(255, 255, 255, 0.7);
}

.exchange-migration-page__dashboard-bar b {
  color: #fff;
  font-size: 1rem;
}

.exchange-migration-page__progress {
  height: 0.45rem;
  background: rgba(255, 255, 255, 0.08);
  overflow: hidden;
}

.exchange-migration-page__progress span {
  display: block;
  width: 76%;
  height: 100%;
  background: linear-gradient(90deg, var(--exchange-migration-accent-2), var(--exchange-migration-accent-3));
}

.exchange-migration-page__status-list,
.exchange-migration-page__experience-points {
  display: grid;
  gap: 0.75rem;
}

.exchange-migration-page__status-list li {
  padding-bottom: 0.65rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.exchange-migration-page__status-list li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.exchange-migration-page__status-list strong {
  color: #fff;
  font-size: 0.9rem;
}

.exchange-migration-page__assurance-list {
  display: grid;
  gap: 0.8rem;
}

.exchange-migration-page__assurance-list article {
  padding: 0.8rem 0.9rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.02);
}

.exchange-migration-page__metric-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.exchange-migration-page__metric-card {
  display: grid;
  gap: 0.4rem;
  padding: 1.2rem 1.15rem;
  text-align: left;
}

.exchange-migration-page__metric-card span {
  color: var(--exchange-migration-accent-3);
  font-size: 1.45rem;
  font-weight: 800;
}

.exchange-migration-page__service-grid {
  gap: 1.2rem;
}

.exchange-migration-page__service-grid .m365-page__service-card {
  min-height: 100%;
}

.exchange-migration-page__process-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1rem;
}

.exchange-migration-page__process-step {
  position: relative;
  display: grid;
  gap: 0.8rem;
  padding: 1.4rem 1.1rem 1.25rem;
  text-align: center;
}

.exchange-migration-page__process-step::after {
  content: "";
  position: absolute;
  top: 2rem;
  right: -0.85rem;
  width: 0.85rem;
  border-top: 2px dashed rgba(91, 185, 255, 0.4);
}

.exchange-migration-page__process-step:last-child::after {
  display: none;
}

.exchange-migration-page__process-step span {
  width: 3.3rem;
  height: 3.3rem;
  display: grid;
  place-items: center;
  margin: 0 auto;
  border: 1px solid rgba(134, 216, 255, 0.28);
  background: radial-gradient(circle at center, rgba(42, 162, 255, 0.2), rgba(11, 102, 255, 0.07));
  color: #fff;
  font-weight: 800;
}

.exchange-migration-page__detail-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.exchange-migration-page__detail-panel {
  padding: 1.6rem;
}

.exchange-migration-page__detail-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem 1.4rem;
}

.exchange-migration-page__detail-list article {
  padding-top: 0.2rem;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.exchange-migration-page__experience-panel {
  display: grid;
  grid-template-columns: 1.1fr 1.3fr 0.9fr;
  gap: 1.5rem;
  align-items: center;
  padding: 1.7rem;
}

.exchange-migration-page__experience-copy h2,
.exchange-migration-page__cta-copy h2 {
  color: #fff;
  font-size: clamp(2rem, 3.3vw, 2.8rem);
}

.exchange-migration-page__experience-flow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  align-items: center;
}

.exchange-migration-page__experience-flow article {
  position: relative;
  display: grid;
  justify-items: center;
  gap: 0.75rem;
}

.exchange-migration-page__experience-flow article::after {
  content: "";
  position: absolute;
  top: 1.4rem;
  right: -0.62rem;
  width: 1.2rem;
  border-top: 2px solid rgba(91, 185, 255, 0.45);
}

.exchange-migration-page__experience-flow article:last-child::after {
  display: none;
}

.exchange-migration-page__experience-flow span {
  color: #fff;
  font-size: 0.9rem;
}

.exchange-migration-page__experience-points {
  list-style: none;
  margin: 0;
  padding: 0;
}

.exchange-migration-page__experience-points li {
  position: relative;
  padding-left: 1.4rem;
  color: rgba(255, 255, 255, 0.82);
}

.exchange-migration-page__experience-points li::before {
  content: "";
  position: absolute;
  top: 0.48rem;
  left: 0;
  width: 0.55rem;
  height: 0.55rem;
  background: var(--exchange-migration-accent-3);
  border-radius: 50%;
  box-shadow: 0 0 0 4px rgba(134, 216, 255, 0.12);
}

.exchange-migration-page__trust-grid {
  gap: 1rem;
}

.exchange-migration-page .copilot-service-page__trust-icon {
  color: #eff8ff;
  background: linear-gradient(135deg, rgba(42, 162, 255, 0.18), rgba(11, 102, 255, 0.1));
}

.exchange-migration-page__faq-shell {
  grid-template-columns: 1fr 1fr;
}

.exchange-migration-page__faq-panel,
.exchange-migration-page__cta {
  padding: 1.6rem;
}

.exchange-migration-page__faq-list {
  display: grid;
  gap: 0.85rem;
}

.exchange-migration-page__faq-item {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding-top: 0.8rem;
}

.exchange-migration-page__faq-item summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  color: #fff;
  font-size: 0.96rem;
  cursor: pointer;
  list-style: none;
}

.exchange-migration-page__faq-item summary::-webkit-details-marker {
  display: none;
}

.exchange-migration-page__faq-item summary::after {
  content: "+";
  color: var(--exchange-migration-accent-3);
  font-size: 1.25rem;
  line-height: 1;
}

.exchange-migration-page__faq-item[open] summary::after {
  content: "-";
}

.exchange-migration-page__faq-item p {
  margin: 0.7rem 0 0;
}

.exchange-migration-page__cta {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  align-items: center;
  gap: 1rem;
}

.exchange-migration-page__cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem;
  margin-top: 1.35rem;
}

.exchange-migration-page__cta-art {
  position: relative;
  min-height: 240px;
  display: grid;
  place-items: center;
}

.exchange-migration-page__cta-glow {
  position: absolute;
  inset: auto 10% 10% 10%;
  height: 8rem;
  border: 1px solid rgba(91, 185, 255, 0.28);
  border-radius: 50%;
  background:
    radial-gradient(circle at center, rgba(42, 162, 255, 0.22), transparent 62%),
    repeating-radial-gradient(circle at center, rgba(134, 216, 255, 0.08) 0 2px, transparent 2px 14px);
}

.exchange-migration-page__cta-art img {
  width: 6.2rem;
  height: 6.2rem;
  z-index: 1;
}

.exchange-migration-page__logos {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.exchange-migration-page__logos span {
  display: grid;
  place-items: center;
  padding: 1rem 0.8rem;
  color: rgba(255, 255, 255, 0.68);
  font-weight: 700;
  letter-spacing: 0.03em;
  text-align: center;
}

@media (max-width: 1180px) {

  .exchange-migration-page__hero-shell,
  .exchange-migration-page__experience-panel,
  .exchange-migration-page__faq-shell,
  .exchange-migration-page__detail-grid {
    grid-template-columns: 1fr;
  }

  .exchange-migration-page__core {
    min-height: 460px;
  }

  .exchange-migration-page__sources {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .exchange-migration-page__source-card::after,
  .exchange-migration-page__process-step::after,
  .exchange-migration-page__experience-flow article::after {
    display: none;
  }

  .exchange-migration-page__metric-grid,
  .exchange-migration-page__process-grid,
  .exchange-migration-page__logos,
  .exchange-migration-page__detail-list,
  .exchange-migration-page__experience-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .exchange-migration-page__hero-visual {
    min-height: 0;
  }

  .exchange-migration-page__credentials,
  .exchange-migration-page__metric-grid,
  .exchange-migration-page__process-grid,
  .exchange-migration-page__logos,
  .exchange-migration-page__detail-list,
  .exchange-migration-page__experience-flow,
  .exchange-migration-page__sources {
    grid-template-columns: 1fr;
  }

  .exchange-migration-page__hero-shell,
  .exchange-migration-page__source-card,
  .exchange-migration-page__dashboard,
  .exchange-migration-page__metric-card,
  .exchange-migration-page__process-step,
  .exchange-migration-page__detail-panel,
  .exchange-migration-page__experience-panel,
  .exchange-migration-page__faq-panel,
  .exchange-migration-page__cta,
  .exchange-migration-page__logos span {
    width: 100%;
  }

  .exchange-migration-page__core {
    min-height: 360px;
  }

  .exchange-migration-page__hub-front::after {
    right: -2.6rem;
    width: 4.6rem;
    height: 3.4rem;
  }

  .exchange-migration-page__experience-copy h2,
  .exchange-migration-page__cta-copy h2 {
    font-size: clamp(1.85rem, 8vw, 2.3rem);
  }
}

.mailbox-migration-page {
  --exchange-migration-accent-1: #0b66ff;
  --exchange-migration-accent-2: #1f96ff;
  --exchange-migration-accent-3: #8ee0ff;
  --exchange-migration-border: rgba(31, 150, 255, 0.24);
  --exchange-migration-border-strong: rgba(99, 192, 255, 0.36);
  --exchange-migration-shadow: rgba(11, 102, 255, 0.16);
}

.mailbox-migration-page .m365-page__accent,
.mailbox-migration-page .m365-page__accent-inline {
  background: linear-gradient(135deg, #fff, var(--exchange-migration-accent-3) 18%, var(--exchange-migration-accent-2) 54%, var(--exchange-migration-accent-1));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.mailbox-migration-page .m365-page__hero-orbit {
  width: 44rem;
  height: 24rem;
  top: 52%;
  right: auto;
  bottom: auto;
  left: 56%;
  transform: translate(-50%, -44%);
}

.mailbox-migration-page__hero-metrics {
  margin-top: 1.9rem;
}

.mailbox-migration-page__hero-metrics .exchange-migration-page__metric-card {
  padding: 1rem 1rem 0.95rem;
}

.mailbox-migration-page__hero-metrics .exchange-migration-page__metric-card span {
  font-size: 1.15rem;
}

.mailbox-migration-page__hero-visual {
  min-height: 730px;
}

.mailbox-migration-page__hero-shell {
  grid-template-columns: 9rem minmax(0, 1fr) 14.5rem;
  min-height: 540px;
}

.mailbox-migration-page__core {
  min-height: 500px;
}

.mailbox-migration-page__source-icon--pst {
  color: #c2e8ff;
}

.mailbox-migration-page__mail-cluster {
  position: relative;
  width: min(100%, 22rem);
  min-height: 20rem;
  display: grid;
  place-items: center;
  z-index: 2;
}

.mailbox-migration-page__mailbox-glow {
  position: absolute;
  left: 50%;
  bottom: 3.6rem;
  width: 12rem;
  height: 12rem;
  transform: translateX(-50%);
  background: radial-gradient(circle, rgba(84, 186, 255, 0.34), rgba(31, 150, 255, 0.12) 54%, rgba(10, 27, 68, 0));
  filter: blur(12px);
}

.mailbox-migration-page__mailbox-shell {
  position: relative;
  width: 12.8rem;
  height: 12.8rem;
  display: grid;
  place-items: center;
}

.mailbox-migration-page__mailbox-shell img {
  width: 11rem;
  height: 11rem;
  object-fit: contain;
  filter: drop-shadow(0 22px 38px rgba(16, 88, 220, 0.3));
}

.mailbox-migration-page__destination-tile {
  position: absolute;
  right: 1rem;
  bottom: 4.7rem;
  width: 4.6rem;
  height: 4.6rem;
  display: grid;
  place-items: center;
  border: 1px solid rgba(134, 216, 255, 0.22);
  background:
    linear-gradient(180deg, rgba(126, 195, 255, 0.18), rgba(22, 58, 143, 0.16)),
    rgba(8, 13, 26, 0.94);
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.24);
}

.mailbox-migration-page__destination-tile img {
  width: 2rem;
  height: 2rem;
  object-fit: contain;
}

.mailbox-migration-page__dashboard .exchange-migration-page__progress span {
  width: 72%;
}

.mailbox-migration-page__dashboard-stats,
.mailbox-migration-page__scenario-grid,
.mailbox-migration-page__reason-grid,
.mailbox-migration-page__insight-grid,
.mailbox-migration-page__security-grid,
.mailbox-migration-page__ai-icons,
.mailbox-migration-page__service-grid {
  display: grid;
  gap: 1rem;
}

.mailbox-migration-page__dashboard-stats {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mailbox-migration-page__dashboard-stats article,
.mailbox-migration-page__scenario-card,
.mailbox-migration-page__reason-card,
.mailbox-migration-page__insight-panel {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
    rgba(8, 10, 16, 0.94);
  box-shadow: 0 24px 56px rgba(0, 0, 0, 0.26);
}

.mailbox-migration-page__dashboard-stats article {
  padding: 0.85rem 0.8rem;
}

.mailbox-migration-page__dashboard-stats strong,
.mailbox-migration-page__reason-card strong,
.mailbox-migration-page__security-grid strong,
.mailbox-migration-page__ai-icons span,
.mailbox-migration-page__scenario-card p,
.mailbox-migration-page__insight-panel h2 {
  color: #fff;
}

.mailbox-migration-page__dashboard-stats strong {
  display: block;
  font-size: 0.82rem;
}

.mailbox-migration-page__dashboard-stats span,
.mailbox-migration-page__reason-card p,
.mailbox-migration-page__security-grid p,
.mailbox-migration-page__ai-copy p,
.mailbox-migration-page__scenario-card p {
  color: rgba(255, 255, 255, 0.72);
}

.mailbox-migration-page__dashboard-stats span {
  display: block;
  margin-top: 0.35rem;
  font-weight: 700;
  color: var(--exchange-migration-accent-3);
}

.mailbox-migration-page__service-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.mailbox-migration-page__service-grid .m365-page__service-card {
  min-height: 100%;
}

.mailbox-migration-page__service-grid .service-card__icon {
  margin-bottom: 0.6rem;
}

.mailbox-migration-page__service-grid .service-card__icon img {
  width: 2.7rem;
  height: 2.7rem;
  object-fit: contain;
}

.mailbox-migration-page__scenario-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.mailbox-migration-page__scenario-card {
  padding: 1.2rem 1rem;
  display: grid;
  gap: 0.95rem;
  align-content: start;
  min-height: 100%;
}

.mailbox-migration-page__scenario-flow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.85rem;
}

.mailbox-migration-page__scenario-flow img,
.mailbox-migration-page__scenario-flow .exchange-migration-page__card-mark {
  width: 2.75rem;
  height: 2.75rem;
}

.mailbox-migration-page__scenario-flow span {
  color: var(--exchange-migration-accent-3);
  font-size: 1.15rem;
  font-weight: 700;
}

.mailbox-migration-page__scenario-card p {
  margin: 0;
  text-align: center;
}

.mailbox-migration-page__reason-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.mailbox-migration-page__reason-card {
  padding: 1.25rem 1rem;
  min-height: 100%;
}

.mailbox-migration-page__reason-card strong {
  display: block;
  margin-bottom: 0.55rem;
}

.mailbox-migration-page__reason-card p {
  margin: 0;
}

.mailbox-migration-page__insight-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mailbox-migration-page__insight-panel {
  padding: 1.55rem;
}

.mailbox-migration-page__security-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.mailbox-migration-page__security-grid article {
  padding-top: 0.2rem;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.mailbox-migration-page__security-grid strong {
  display: block;
  margin-bottom: 0.45rem;
}

.mailbox-migration-page__security-grid p {
  margin: 0;
}

.mailbox-migration-page__insight-panel--ai {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 1.2rem;
  align-items: center;
}

.mailbox-migration-page__ai-icons {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 1.15rem;
}

.mailbox-migration-page__ai-icons article {
  display: grid;
  justify-items: center;
  gap: 0.6rem;
  text-align: center;
}

.mailbox-migration-page__ai-icons img {
  width: 2.2rem;
  height: 2.2rem;
  object-fit: contain;
}

.mailbox-migration-page__ai-icons span {
  font-size: 0.88rem;
}

.mailbox-migration-page__ai-art {
  position: relative;
  min-height: 240px;
}

.mailbox-migration-page__ai-art span {
  position: absolute;
  border-radius: 50%;
}

.mailbox-migration-page__ai-art span:nth-child(1) {
  inset: 2rem 2rem auto auto;
  width: 10rem;
  height: 10rem;
  background: radial-gradient(circle, rgba(74, 190, 255, 0.42), rgba(15, 76, 204, 0.12) 58%, transparent 72%);
  filter: blur(2px);
}

.mailbox-migration-page__ai-art span:nth-child(2) {
  inset: auto 2.2rem 2rem auto;
  width: 9rem;
  height: 4.2rem;
  border: 1px solid rgba(97, 192, 255, 0.24);
  background: radial-gradient(circle at center, rgba(42, 162, 255, 0.12), transparent 72%);
}

.mailbox-migration-page__ai-art span:nth-child(3) {
  inset: 0;
  background:
    radial-gradient(circle at 70% 35%, rgba(95, 198, 255, 0.24), transparent 18%),
    repeating-radial-gradient(circle at 72% 38%, rgba(62, 169, 255, 0.08) 0 2px, transparent 2px 15px);
  opacity: 0.88;
}

.mailbox-migration-page__cta-art img {
  width: 7.5rem;
  height: 7.5rem;
}

@media (max-width: 1180px) {

  .mailbox-migration-page__service-grid,
  .mailbox-migration-page__scenario-grid,
  .mailbox-migration-page__reason-grid,
  .mailbox-migration-page__security-grid,
  .mailbox-migration-page__ai-icons {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mailbox-migration-page__insight-grid,
  .mailbox-migration-page__insight-panel--ai {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .mailbox-migration-page .m365-page__hero-orbit {
    width: 24rem;
    height: 15rem;
    left: 50%;
    transform: translate(-50%, -42%);
  }

  .mailbox-migration-page__hero-metrics,
  .mailbox-migration-page__dashboard-stats,
  .mailbox-migration-page__service-grid,
  .mailbox-migration-page__scenario-grid,
  .mailbox-migration-page__reason-grid,
  .mailbox-migration-page__security-grid,
  .mailbox-migration-page__ai-icons {
    grid-template-columns: 1fr;
  }

  .mailbox-migration-page__hero-visual {
    min-height: 0;
  }

  .mailbox-migration-page__mail-cluster {
    min-height: 16rem;
  }

  .mailbox-migration-page__destination-tile {
    right: 0.4rem;
    bottom: 4rem;
    width: 4rem;
    height: 4rem;
  }
}

.sharepoint-migration-page {
  --sharepoint-migration-accent: #37c6d0;
  --sharepoint-migration-accent-strong: #1a9ba1;
  --sharepoint-migration-accent-deep: #038186;
  --sharepoint-migration-glow: rgba(55, 198, 208, 0.32);
}

.sharepoint-migration-page .section,
.sharepoint-migration-page .m365-page__hero,
.sharepoint-migration-page .m365-page__services {
  background:
    radial-gradient(circle at top right, rgba(55, 198, 208, 0.08), transparent 32%),
    radial-gradient(circle at bottom left, rgba(3, 129, 134, 0.08), transparent 28%),
    #040608;
}

.sharepoint-migration-page .m365-page__accent,
.sharepoint-migration-page .m365-page__accent-inline {
  background: linear-gradient(135deg, #79f4f8 0%, var(--sharepoint-migration-accent) 38%, var(--sharepoint-migration-accent-strong) 72%, #d9fffd 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.sharepoint-migration-page .button {
  background: linear-gradient(135deg, var(--sharepoint-migration-accent-deep), var(--sharepoint-migration-accent-strong));
  box-shadow: 0 24px 44px rgba(3, 129, 134, 0.24);
}

.sharepoint-migration-page .button:hover {
  box-shadow: 0 28px 52px rgba(26, 155, 161, 0.28);
}

.sharepoint-migration-page .button--ghost {
  background: rgba(2, 10, 12, 0.88);
  border-color: rgba(55, 198, 208, 0.38);
  color: var(--color-text);
  box-shadow: none;
}

.sharepoint-migration-page .button--ghost:hover {
  background: rgba(5, 18, 20, 0.94);
  border-color: rgba(121, 244, 248, 0.6);
}

.sharepoint-migration-page .m365-page__hero-orbit {
  width: 42rem;
  height: 24rem;
  left: 50%;
  bottom: 1.4rem;
  transform: translateX(-50%);
  opacity: 0.9;
  background:
    radial-gradient(circle at center, rgba(55, 198, 208, 0.22) 0%, rgba(55, 198, 208, 0.08) 24%, transparent 52%),
    repeating-radial-gradient(circle at center, rgba(30, 163, 169, 0.22) 0 2px, transparent 2px 22px);
}

.sharepoint-migration-page .exchange-migration-page__hero-shell::before {
  background:
    linear-gradient(180deg, rgba(55, 198, 208, 0.08), transparent 68%),
    radial-gradient(circle at center, rgba(55, 198, 208, 0.14), transparent 68%);
}

.sharepoint-migration-page .exchange-migration-page__source-card::after {
  background:
    linear-gradient(90deg, rgba(55, 198, 208, 0.4), rgba(55, 198, 208, 0.08)),
    repeating-linear-gradient(90deg, rgba(55, 198, 208, 0.45) 0 2px, transparent 2px 12px);
}

.sharepoint-migration-page__hero-shell {
  grid-template-columns: minmax(0, 0.84fr) minmax(0, 1.12fr) minmax(16rem, 0.9fr);
}

.sharepoint-migration-page__sources {
  gap: 0.85rem;
}

.sharepoint-migration-page__source-icon--folder,
.sharepoint-migration-page__card-mark--folder {
  background: linear-gradient(135deg, #f5d37b, #8f6328);
  color: #180f04;
}

.sharepoint-migration-page__source-icon--drive,
.sharepoint-migration-page__card-mark--drive {
  background: linear-gradient(135deg, #b8f067, #1a9ba1);
  color: #041312;
}

.sharepoint-migration-page__source-icon--dropbox,
.sharepoint-migration-page__card-mark--dropbox {
  background: linear-gradient(135deg, #71b8ff, #1663d4);
  color: #f4fbff;
}

.sharepoint-migration-page__source-icon--box,
.sharepoint-migration-page__card-mark--box {
  background: linear-gradient(135deg, #18233f, #0d7ddd);
  color: #eef7ff;
}

.sharepoint-migration-page__source-icon--legacy,
.sharepoint-migration-page__card-mark--legacy {
  background: linear-gradient(135deg, #58616b, #1d232b);
  color: #f5fbff;
}

.sharepoint-migration-page__core {
  min-height: 29rem;
}

.sharepoint-migration-page .exchange-migration-page__beam {
  background: linear-gradient(180deg, rgba(121, 244, 248, 0.48), rgba(3, 129, 134, 0.05));
}

.sharepoint-migration-page .exchange-migration-page__ring {
  border-color: rgba(55, 198, 208, 0.22);
  box-shadow: 0 0 0 1px rgba(55, 198, 208, 0.07) inset;
}

.sharepoint-migration-page .exchange-migration-page__ring--outer {
  box-shadow: 0 0 0 1px rgba(121, 244, 248, 0.06) inset, 0 0 42px rgba(55, 198, 208, 0.18);
}

.sharepoint-migration-page__docs {
  position: absolute;
  inset: 14% 12% auto 12%;
  min-height: 7rem;
  pointer-events: none;
}

.sharepoint-migration-page__docs span {
  position: absolute;
  width: 3.1rem;
  height: 3.8rem;
  border-radius: 0;
  border: 1px solid rgba(121, 244, 248, 0.2);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.04)),
    rgba(6, 15, 19, 0.95);
  box-shadow: 0 20px 32px rgba(0, 0, 0, 0.24);
}

.sharepoint-migration-page__docs span::before {
  content: "";
  position: absolute;
  left: 0.7rem;
  right: 0.7rem;
  top: 0.85rem;
  height: 1px;
  background: rgba(121, 244, 248, 0.4);
  box-shadow: 0 0.55rem 0 rgba(121, 244, 248, 0.24), 0 1.1rem 0 rgba(121, 244, 248, 0.16);
}

.sharepoint-migration-page__docs span:nth-child(1) {
  top: 0.2rem;
  left: 14%;
  transform: rotate(-10deg);
}

.sharepoint-migration-page__docs span:nth-child(2) {
  top: -1rem;
  left: 34%;
  transform: rotate(7deg);
}

.sharepoint-migration-page__docs span:nth-child(3) {
  top: -0.6rem;
  right: 27%;
  transform: rotate(-6deg);
}

.sharepoint-migration-page__docs span:nth-child(4) {
  top: 0.8rem;
  right: 8%;
  transform: rotate(10deg);
}

.sharepoint-migration-page__hub .exchange-migration-page__hub-back {
  background: linear-gradient(180deg, rgba(28, 188, 194, 0.24), rgba(4, 24, 29, 0.16));
}

.sharepoint-migration-page__hub .exchange-migration-page__hub-mid {
  background: linear-gradient(180deg, rgba(55, 198, 208, 0.9), rgba(6, 125, 130, 0.72));
}

.sharepoint-migration-page__hub .exchange-migration-page__hub-front {
  background:
    linear-gradient(145deg, rgba(163, 255, 252, 0.78), rgba(55, 198, 208, 0.25) 34%, rgba(3, 129, 134, 0.9)),
    rgba(7, 56, 63, 0.96);
  box-shadow: 0 32px 60px rgba(3, 129, 134, 0.24), 0 0 0 1px rgba(121, 244, 248, 0.12) inset;
}

.sharepoint-migration-page__hub .exchange-migration-page__hub-front::after {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.22));
}

.sharepoint-migration-page__dashboard .exchange-migration-page__progress span {
  background: linear-gradient(90deg, #79f4f8, var(--sharepoint-migration-accent), var(--sharepoint-migration-accent-deep));
}

.sharepoint-migration-page__dashboard-stats,
.sharepoint-migration-page__scenario-grid,
.sharepoint-migration-page__trust-grid,
.sharepoint-migration-page__ecosystem-grid,
.sharepoint-migration-page__insight-grid,
.sharepoint-migration-page__workplace-tech {
  display: grid;
  gap: 1rem;
}

.sharepoint-migration-page__dashboard-stats {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 1rem;
}

.sharepoint-migration-page__dashboard-stats article,
.sharepoint-migration-page__scenario-card,
.sharepoint-migration-page__trust-card,
.sharepoint-migration-page__insight-panel {
  border: 1px solid rgba(55, 198, 208, 0.12);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0)),
    rgba(7, 12, 16, 0.94);
  box-shadow: 0 24px 44px rgba(0, 0, 0, 0.16), 0 1px 0 rgba(255, 255, 255, 0.03) inset;
}

.sharepoint-migration-page__dashboard-stats article {
  padding: 0.85rem;
}

.sharepoint-migration-page__dashboard-stats strong,
.sharepoint-migration-page__scenario-card strong,
.sharepoint-migration-page__security-list strong,
.sharepoint-migration-page__workplace-tech span,
.sharepoint-migration-page__ecosystem-grid span {
  color: var(--color-text);
}

.sharepoint-migration-page__dashboard-stats strong {
  display: block;
  font-size: 0.72rem;
  color: rgba(255, 255, 255, 0.58);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.sharepoint-migration-page__dashboard-stats span {
  display: block;
  margin-top: 0.4rem;
  font-size: 1.2rem;
  font-weight: 700;
}

.sharepoint-migration-page__checklist {
  display: grid;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 0;
  list-style: none;
}

.sharepoint-migration-page__checklist li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: 0.72rem;
  border-bottom: 1px solid rgba(55, 198, 208, 0.1);
}

.sharepoint-migration-page__checklist li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.sharepoint-migration-page__checklist li span {
  position: relative;
  padding-left: 1.15rem;
}

.sharepoint-migration-page__checklist li span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.38rem;
  width: 0.46rem;
  height: 0.46rem;
  border-radius: 50%;
  background: var(--sharepoint-migration-accent);
  box-shadow: 0 0 0 0.22rem rgba(55, 198, 208, 0.14);
}

.sharepoint-migration-page__checklist strong {
  font-size: 0.76rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #cffffd;
}

.sharepoint-migration-page__metric-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.sharepoint-migration-page__metric-card span {
  color: var(--sharepoint-migration-accent);
}

.sharepoint-migration-page__card-mark {
  box-shadow: 0 16px 30px rgba(0, 0, 0, 0.18);
}

.sharepoint-migration-page__process-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.sharepoint-migration-page__scenario-grid,
.sharepoint-migration-page__trust-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.sharepoint-migration-page__scenario-card,
.sharepoint-migration-page__trust-card {
  padding: 1.25rem 1rem;
}

.sharepoint-migration-page__scenario-card,
.sharepoint-migration-page__trust-card,
.sharepoint-migration-page__insight-panel,
.sharepoint-migration-page__workplace-tech article,
.sharepoint-migration-page__ecosystem-grid article {
  transition: transform var(--transition), border-color var(--transition), box-shadow var(--transition), background-color var(--transition);
}

.sharepoint-migration-page__scenario-card:hover,
.sharepoint-migration-page__scenario-card:focus-within,
.sharepoint-migration-page__trust-card:hover,
.sharepoint-migration-page__trust-card:focus-within,
.sharepoint-migration-page__insight-panel:hover,
.sharepoint-migration-page__insight-panel:focus-within,
.sharepoint-migration-page__workplace-tech article:hover,
.sharepoint-migration-page__workplace-tech article:focus-within,
.sharepoint-migration-page__ecosystem-grid article:hover,
.sharepoint-migration-page__ecosystem-grid article:focus-within {
  transform: translateY(-4px);
  border-color: rgba(121, 244, 248, 0.28);
  box-shadow: 0 28px 52px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(121, 244, 248, 0.06) inset;
}

.sharepoint-migration-page__scenario-card strong,
.sharepoint-migration-page__trust-card strong {
  display: block;
  margin-bottom: 0.45rem;
}

.sharepoint-migration-page__scenario-card p,
.sharepoint-migration-page__trust-card p,
.sharepoint-migration-page__security-list p,
.sharepoint-migration-page__workplace-copy p {
  color: rgba(255, 255, 255, 0.7);
}

.sharepoint-migration-page__scenario-flow {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  margin-bottom: 1rem;
}

.sharepoint-migration-page__scenario-flow img,
.sharepoint-migration-page__scenario-flow .exchange-migration-page__card-mark {
  width: 2.5rem;
  height: 2.5rem;
}

.sharepoint-migration-page__scenario-flow span {
  color: var(--sharepoint-migration-accent);
  font-size: 1.1rem;
  font-weight: 700;
}

.sharepoint-migration-page__trust-card {
  text-align: center;
}

.sharepoint-migration-page__workplace-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(24rem, 0.9fr);
  gap: 1.25rem;
  padding: 1.55rem;
  border: 1px solid rgba(55, 198, 208, 0.14);
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0)),
    rgba(6, 10, 15, 0.96);
  box-shadow: 0 28px 52px rgba(0, 0, 0, 0.18);
}

.sharepoint-migration-page__workplace-copy {
  align-self: center;
}

.sharepoint-migration-page__workplace-copy h2 {
  margin-bottom: 0.85rem;
}

.sharepoint-migration-page__workplace-tech {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  align-items: stretch;
}

.sharepoint-migration-page__workplace-tech article,
.sharepoint-migration-page__ecosystem-grid article {
  display: grid;
  justify-items: center;
  gap: 0.65rem;
  padding: 1rem 0.8rem;
  border: 1px solid rgba(55, 198, 208, 0.1);
  background: rgba(255, 255, 255, 0.02);
  text-align: center;
}

.sharepoint-migration-page__workplace-tech img,
.sharepoint-migration-page__ecosystem-grid img {
  width: 2.75rem;
  height: 2.75rem;
  object-fit: contain;
}

.sharepoint-migration-page__insight-grid {
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr) minmax(0, 1.18fr);
}

.sharepoint-migration-page__insight-panel {
  padding: 1.3rem;
}

.sharepoint-migration-page__ecosystem-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.sharepoint-migration-page__security-list {
  display: grid;
  gap: 0.9rem;
}

.sharepoint-migration-page__security-list article {
  padding-bottom: 0.9rem;
  border-bottom: 1px solid rgba(55, 198, 208, 0.1);
}

.sharepoint-migration-page__security-list article:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.sharepoint-migration-page__faq-panel .exchange-migration-page__faq-item {
  background: rgba(255, 255, 255, 0.02);
}

.sharepoint-migration-page__cta-section {
  padding-top: 0;
}

.sharepoint-migration-page__cta {
  grid-template-columns: minmax(0, 1.05fr) auto auto;
  align-items: center;
}

.sharepoint-migration-page__cta-art img {
  width: 7rem;
  height: 7rem;
}

@media (max-width: 1180px) {

  .sharepoint-migration-page__hero-shell,
  .sharepoint-migration-page__workplace-panel,
  .sharepoint-migration-page__insight-grid {
    grid-template-columns: 1fr;
  }

  .sharepoint-migration-page__process-grid,
  .sharepoint-migration-page__scenario-grid,
  .sharepoint-migration-page__trust-grid,
  .sharepoint-migration-page__workplace-tech {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sharepoint-migration-page__dashboard-stats,
  .sharepoint-migration-page__ecosystem-grid,
  .sharepoint-migration-page__metric-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sharepoint-migration-page__cta {
    grid-template-columns: 1fr;
    justify-items: start;
  }
}

@media (max-width: 760px) {
  .sharepoint-migration-page .m365-page__hero-orbit {
    width: 24rem;
    height: 15rem;
    left: 50%;
    transform: translateX(-50%);
  }

  .sharepoint-migration-page__sources,
  .sharepoint-migration-page__process-grid,
  .sharepoint-migration-page__scenario-grid,
  .sharepoint-migration-page__trust-grid,
  .sharepoint-migration-page__dashboard-stats,
  .sharepoint-migration-page__workplace-tech,
  .sharepoint-migration-page__ecosystem-grid,
  .sharepoint-migration-page__metric-grid {
    grid-template-columns: 1fr;
  }

  .sharepoint-migration-page__core {
    min-height: 20rem;
  }

  .sharepoint-migration-page__docs {
    inset: 4% 0 auto 0;
  }

  .sharepoint-migration-page__workplace-panel,
  .sharepoint-migration-page__insight-panel,
  .sharepoint-migration-page__cta {
    padding: 1.15rem;
  }
}

.about-page {
  background: #000;
}

.about-page .section,
.about-page .hero--page {
  background:
    radial-gradient(circle at top right, rgba(79, 117, 255, 0.08), transparent 28%),
    radial-gradient(circle at bottom left, rgba(111, 184, 255, 0.06), transparent 24%),
    #000;
}

.about-page__hero {
  overflow: hidden;
}

.about-page__hero-layout,
.about-page__purpose-layout,
.about-page__office-shell {
  gap: 2rem;
}

.about-page__hero-copy {
  max-width: 54rem;
}

.about-page__hero-copy h1 {
  max-width: 32ch;
}

.about-page__hero-lead {
  max-width: 38rem;
  font-size: clamp(1.12rem, 1.8vw, 1.35rem);
  line-height: 1.6;
}

.about-page__hero-proof {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1.5rem;
}

.about-page__proof-card,
.about-page__heart-card,
.about-page__purpose-card,
.about-page__principle-card,
.about-page__voice-card,
.about-page__testimonial-card,
.about-page__office-card,
.about-page__contact-card {
  border: 1px solid rgba(255, 255, 255, 0.08);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.015)),
    rgba(9, 11, 17, 0.94);
  box-shadow:
    0 24px 48px rgba(0, 0, 0, 0.2),
    0 1px 0 rgba(255, 255, 255, 0.03) inset;
  transition: transform var(--transition), border-color var(--transition), box-shadow var(--transition), background-color var(--transition);
}

.about-page__proof-card:hover,
.about-page__heart-card:hover,
.about-page__purpose-card:hover,
.about-page__principle-card:hover,
.about-page__voice-card:hover,
.about-page__testimonial-card:hover,
.about-page__office-card:hover,
.about-page__contact-card:hover,
.about-page__proof-card:focus-within,
.about-page__heart-card:focus-within,
.about-page__purpose-card:focus-within,
.about-page__principle-card:focus-within,
.about-page__voice-card:focus-within,
.about-page__testimonial-card:focus-within,
.about-page__office-card:focus-within,
.about-page__contact-card:focus-within {
  transform: translateY(-4px);
  border-color: rgba(111, 184, 255, 0.24);
  box-shadow:
    0 30px 56px rgba(0, 0, 0, 0.24),
    0 0 0 1px rgba(111, 184, 255, 0.05) inset;
}

.about-page__proof-card strong,
.about-page__heart-card h3,
.about-page__purpose-card strong,
.about-page__principle-card h3,
.about-page__voice-card strong,
.about-page__testimonial-card h3,
.about-page__office-card h3,
.about-page__contact-card h3 {
  color: #fff;
}

.about-page__proof-card span,
.about-page__heart-card p,
.about-page__purpose-card p,
.about-page__principle-card p,
.about-page__voice-card span,
.about-page__testimonial-card p,
.about-page__contact-card p {
  color: rgba(255, 255, 255, 0.7);
}

.about-page__voice-grid {
  align-items: stretch;
}

/* Redesigned About Page Overview Section */
.about-page__overview-layout {
  display: grid;
  grid-template-columns: 1.25fr 0.75fr;
  gap: clamp(2rem, 5vw, 6rem);
  align-items: start;
  margin-top: 2rem;
}

.about-page__stories {
  display: flex;
  flex-direction: column;
  gap: 2.2rem;
}

.about-page__story-item h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 0.65rem 0;
  letter-spacing: -0.01em;
}

.about-page__story-item p {
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.96rem;
  line-height: 1.62;
  margin: 0;
}

.about-page__stats {
  display: flex;
  flex-direction: column;
  gap: 2.8rem;
  padding-left: 3rem;
  border-left: 1px solid rgba(255, 255, 255, 0.08);
}

.about-page__stat-item {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.about-page__stat-item .stat-number {
  font-size: clamp(2rem, 3.5vw, 3rem);
  font-weight: 800;
  color: #ffffff;
  line-height: 1;
}

.about-page__stat-item .stat-label {
  color: rgba(255, 255, 255, 0.68);
  font-size: 0.95rem;
  font-weight: 500;
}

/* Light Mode Overrides for Overview Section */
html[data-theme="light"] .about-page__story-item h3 {
  color: #0f172a;
}

html[data-theme="light"] .about-page__story-item p {
  color: #475569;
}

html[data-theme="light"] .about-page__stats {
  border-left-color: rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] .about-page__stat-item .stat-number {
  color: #0f172a;
}

html[data-theme="light"] .about-page__stat-item .stat-label {
  color: #475569;
}

/* Responsive adjustments */
@media (max-width: 900px) {
  .about-page__overview-layout {
    grid-template-columns: 1fr;
    gap: 3rem;
  }

  .about-page__stats {
    padding-left: 0;
    border-left: none;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2rem;
  }

  .about-page__stat-item {
    flex: 1 1 200px;
  }
}

.about-page__purpose-panel {
  display: grid;
  gap: 1rem;
}

.about-page__heart-grid,
.about-page__principles-grid {
  gap: 1rem;
}

.about-page__voice-grid,
.about-page__office-grid {
  gap: 1rem;
}

.about-page__voice-card {
  display: grid;
  gap: 0.85rem;
  align-content: start;
}

.about-page__voice-card img {
  width: 4.8rem;
  height: 4.8rem;
  object-fit: cover;
  border: 1px solid rgba(111, 184, 255, 0.14);
}

.about-page__voice-card blockquote {
  margin: 0;
  color: #fff;
  font-size: 1.02rem;
  line-height: 1.7;
}

.about-page__voice-card span {
  font-size: 0.82rem;
}

.about-page__testimonial-shell,
.about-page__office-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: 1rem;
}

.about-page__testimonial-feature {
  margin-top: 0;
  padding: 2rem;
  border: 1px solid rgba(111, 184, 255, 0.18);
  background:
    radial-gradient(circle at top left, rgba(79, 117, 255, 0.12), transparent 38%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.015)),
    rgba(8, 10, 18, 0.96);
}

.about-page__testimonial-feature p {
  font-size: clamp(1.2rem, 2vw, 1.65rem);
  line-height: 1.55;
  color: #fff;
}

.about-page__testimonial-side {
  gap: 1rem;
}

.about-page__testimonial-card {
  display: grid;
  align-content: start;
  gap: 0.75rem;
}

.about-page__office-card address {
  color: rgba(255, 255, 255, 0.74);
  font-style: normal;
  line-height: 1.7;
}

.about-page__office-company {
  color: rgba(255, 255, 255, 0.55);
  font-size: 0.84rem;
}

.about-page__office-tag {
  display: inline-flex;
  width: fit-content;
  padding: 0.45rem 0.7rem;
  color: #dce8ff;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border: 1px solid rgba(111, 184, 255, 0.18);
  background: rgba(79, 117, 255, 0.14);
}

.about-page__office-link,
.about-page__contact-list a {
  color: #a9c9ff;
  text-decoration: none;
}

.about-page__office-link:hover,
.about-page__office-link:focus-visible,
.about-page__contact-list a:hover,
.about-page__contact-list a:focus-visible {
  color: #fff;
}

.about-page__contact-card {
  display: grid;
  align-content: start;
  gap: 1rem;
}

.about-page__contact-list {
  display: grid;
  gap: 0.55rem;
}

.about-page__contact-actions {
  margin-top: 0.5rem;
}

@media (max-width: 1180px) {

  .about-page__purpose-layout,
  .about-page__testimonial-shell,
  .about-page__office-shell {
    grid-template-columns: 1fr;
  }

  .about-page__hero-proof {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {

  .about-page__testimonial-feature {
    padding: 1.35rem;
  }

  .about-page__testimonial-feature p {
    font-size: 1.08rem;
  }
}

.teams-migration-page {
  --teams-migration-accent: #8a50d8;
  --teams-migration-accent-strong: #5568ff;
  --teams-migration-accent-soft: #aa7cff;
  --teams-migration-accent-deep: #3621a8;
  --teams-migration-glow: rgba(138, 80, 216, 0.32);
}

.teams-migration-page .section,
.teams-migration-page .m365-page__hero,
.teams-migration-page .m365-page__services {
  background:
    radial-gradient(circle at top right, rgba(138, 80, 216, 0.1), transparent 30%),
    radial-gradient(circle at bottom left, rgba(85, 104, 255, 0.08), transparent 26%),
    #030408;
}

.teams-migration-page .m365-page__accent {
  background: linear-gradient(135deg, #e7dcff 0%, var(--teams-migration-accent-soft) 20%, var(--teams-migration-accent) 48%, var(--teams-migration-accent-strong) 82%, #f6f0ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.teams-migration-page .button {
  background: linear-gradient(135deg, var(--teams-migration-accent-strong), var(--teams-migration-accent));
  box-shadow: 0 24px 46px rgba(85, 104, 255, 0.26);
}

.teams-migration-page .button:hover {
  box-shadow: 0 30px 58px rgba(138, 80, 216, 0.28);
}

.teams-migration-page .button--ghost {
  background: rgba(5, 9, 18, 0.88);
  border-color: rgba(170, 124, 255, 0.34);
  color: var(--color-text);
  box-shadow: none;
}

.teams-migration-page .button--ghost:hover {
  background: rgba(11, 16, 27, 0.96);
  border-color: rgba(205, 185, 255, 0.42);
}

.teams-migration-page .m365-page__hero-orbit {
  width: 43rem;
  height: 24rem;
  left: 50%;
  bottom: 1.3rem;
  transform: translateX(-50%);
  opacity: 0.9;
  background:
    radial-gradient(circle at center, rgba(138, 80, 216, 0.18) 0%, rgba(85, 104, 255, 0.08) 24%, transparent 52%),
    repeating-radial-gradient(circle at center, rgba(86, 103, 255, 0.18) 0 2px, transparent 2px 20px);
}

.teams-migration-page .exchange-migration-page__hero-shell::before {
  background:
    linear-gradient(180deg, rgba(115, 98, 255, 0.08), transparent 68%),
    radial-gradient(circle at center, rgba(137, 89, 255, 0.16), transparent 68%);
}

.teams-migration-page .exchange-migration-page__source-card::after {
  background:
    linear-gradient(90deg, rgba(138, 80, 216, 0.42), rgba(85, 104, 255, 0.08)),
    repeating-linear-gradient(90deg, rgba(138, 80, 216, 0.45) 0 2px, transparent 2px 12px);
}

.teams-migration-page__hero-shell {
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.08fr) minmax(16.5rem, 0.92fr);
}

.teams-migration-page__sources {
  gap: 0.82rem;
}

.teams-migration-page__source-icon,
.teams-migration-page__card-mark {
  font-size: 0.74rem;
  letter-spacing: 0.08em;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.22);
}

.teams-migration-page__source-icon--slack,
.teams-migration-page__card-mark--slack {
  background: linear-gradient(135deg, #4a154b, #ecb22e);
  color: #fff7db;
}

.teams-migration-page__source-icon--skype,
.teams-migration-page__card-mark--skype {
  background: linear-gradient(135deg, #48c2ff, #0078d4);
  color: #effbff;
}

.teams-migration-page__source-icon--google,
.teams-migration-page__card-mark--google {
  background: linear-gradient(135deg, #ea4335, #fbbc05 34%, #34a853 68%, #4285f4);
  color: #fff;
}

.teams-migration-page__source-icon--other,
.teams-migration-page__card-mark--conversation {
  background: linear-gradient(135deg, #7f8bff, #8a50d8);
  color: #f8f5ff;
}

.teams-migration-page__source-icon--onprem,
.teams-migration-page__card-mark--onprem {
  background: linear-gradient(135deg, #3a465f, #141c29);
  color: #edf3ff;
}

.teams-migration-page__card-mark--consolidation {
  background: linear-gradient(135deg, #7468ff, #4c6cff);
  color: #f2f5ff;
}

.teams-migration-page__core {
  min-height: 29rem;
}

.teams-migration-page .exchange-migration-page__beam {
  background: linear-gradient(180deg, rgba(197, 173, 255, 0.46), rgba(69, 78, 255, 0.05));
}

.teams-migration-page .exchange-migration-page__ring {
  border-color: rgba(111, 107, 255, 0.22);
  box-shadow: 0 0 0 1px rgba(124, 124, 255, 0.06) inset;
}

.teams-migration-page .exchange-migration-page__ring--outer {
  box-shadow: 0 0 0 1px rgba(212, 198, 255, 0.05) inset, 0 0 44px rgba(98, 90, 255, 0.18);
}

.teams-migration-page__signal-nodes {
  position: absolute;
  inset: 14% 4% auto auto;
  display: grid;
  gap: 0.85rem;
  pointer-events: none;
}

.teams-migration-page__signal-node {
  position: relative;
  width: 2.45rem;
  height: 2.45rem;
  border: 1px solid rgba(186, 177, 255, 0.18);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.02)),
    rgba(11, 15, 26, 0.96);
  box-shadow: 0 18px 32px rgba(0, 0, 0, 0.2);
}

.teams-migration-page__signal-node::before,
.teams-migration-page__signal-node::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: linear-gradient(135deg, #d9c8ff, var(--teams-migration-accent-strong));
}

.teams-migration-page__signal-node::before {
  width: 0.55rem;
  height: 0.55rem;
  left: 0.55rem;
  top: 0.55rem;
}

.teams-migration-page__signal-node::after {
  width: 1rem;
  height: 0.3rem;
  left: 0.9rem;
  top: 1.25rem;
  border-radius: 999px;
}

.teams-migration-page__hub .exchange-migration-page__hub-back {
  background: linear-gradient(180deg, rgba(120, 135, 255, 0.26), rgba(24, 28, 55, 0.16));
}

.teams-migration-page__hub .exchange-migration-page__hub-mid {
  background: linear-gradient(180deg, rgba(139, 126, 255, 0.92), rgba(79, 90, 221, 0.74));
}

.teams-migration-page__hub .exchange-migration-page__hub-front {
  background:
    linear-gradient(145deg, rgba(222, 216, 255, 0.74), rgba(138, 80, 216, 0.26) 34%, rgba(52, 61, 202, 0.92)),
    rgba(18, 25, 76, 0.96);
  box-shadow: 0 34px 62px rgba(68, 76, 214, 0.26), 0 0 0 1px rgba(211, 202, 255, 0.12) inset;
}

.teams-migration-page__hub .exchange-migration-page__hub-front img {
  width: 54%;
}

.teams-migration-page__hub-orb {
  position: absolute;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.42), rgba(146, 118, 255, 0.95) 48%, rgba(83, 102, 255, 0.84));
  box-shadow: 0 16px 36px rgba(84, 94, 255, 0.22);
}

.teams-migration-page__hub-orb--one {
  width: 4.6rem;
  height: 4.6rem;
  top: -0.4rem;
  right: -1rem;
}

.teams-migration-page__hub-orb--two {
  width: 2.9rem;
  height: 2.9rem;
  right: -2.8rem;
  top: 4.4rem;
}

.teams-migration-page__hub-orb--three {
  width: 2.25rem;
  height: 2.25rem;
  right: 2.2rem;
  top: -2.1rem;
}

.teams-migration-page__dashboard .exchange-migration-page__progress span {
  background: linear-gradient(90deg, #d8cfff, var(--teams-migration-accent-soft), var(--teams-migration-accent-strong));
}

.teams-migration-page__dashboard-stats,
.teams-migration-page__feature-grid,
.teams-migration-page__scenario-grid,
.teams-migration-page__trust-grid,
.teams-migration-page__technology-grid {
  display: grid;
  gap: 1rem;
}

.teams-migration-page__dashboard-stats {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 1rem;
}

.teams-migration-page__dashboard-stats article,
.teams-migration-page__scenario-card,
.teams-migration-page__trust-card,
.teams-migration-page__insight-panel,
.teams-migration-page__technology-grid article,
.teams-migration-page__feature-grid article,
.teams-migration-page__cta-panel,
.teams-migration-page__faq-panel {
  border: 1px solid rgba(118, 101, 255, 0.12);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0)),
    rgba(6, 10, 18, 0.94);
  box-shadow: 0 24px 44px rgba(0, 0, 0, 0.16), 0 1px 0 rgba(255, 255, 255, 0.03) inset;
}

.teams-migration-page__dashboard-stats article {
  padding: 0.9rem;
}

.teams-migration-page__dashboard-stats strong,
.teams-migration-page__scenario-card strong,
.teams-migration-page__trust-card strong,
.teams-migration-page__technology-grid span,
.teams-migration-page__feature-grid strong {
  color: var(--color-text);
}

.teams-migration-page__dashboard-stats strong {
  display: block;
  font-size: 0.72rem;
  color: rgba(255, 255, 255, 0.58);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.teams-migration-page__dashboard-stats span {
  display: block;
  margin-top: 0.42rem;
  font-size: 1.16rem;
  font-weight: 700;
}

.teams-migration-page__metric-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.teams-migration-page__metric-card span {
  color: #cbb7ff;
}

.teams-migration-page__process-grid,
.teams-migration-page__scenario-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.teams-migration-page__scenario-card,
.teams-migration-page__trust-card {
  padding: 1.22rem 1rem;
}

.teams-migration-page__scenario-card,
.teams-migration-page__trust-card,
.teams-migration-page__feature-grid article,
.teams-migration-page__technology-grid article,
.teams-migration-page__faq-panel,
.teams-migration-page__cta-panel,
.teams-migration-page__insight-panel {
  transition: transform var(--transition), border-color var(--transition), box-shadow var(--transition), background-color var(--transition);
}

.teams-migration-page__scenario-card:hover,
.teams-migration-page__scenario-card:focus-within,
.teams-migration-page__trust-card:hover,
.teams-migration-page__trust-card:focus-within,
.teams-migration-page__feature-grid article:hover,
.teams-migration-page__feature-grid article:focus-within,
.teams-migration-page__technology-grid article:hover,
.teams-migration-page__technology-grid article:focus-within,
.teams-migration-page__faq-panel:hover,
.teams-migration-page__faq-panel:focus-within,
.teams-migration-page__cta-panel:hover,
.teams-migration-page__cta-panel:focus-within,
.teams-migration-page__insight-panel:hover,
.teams-migration-page__insight-panel:focus-within {
  transform: translateY(-4px);
  border-color: rgba(198, 183, 255, 0.24);
  box-shadow: 0 30px 54px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(212, 204, 255, 0.05) inset;
}

.teams-migration-page__scenario-flow {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  margin-bottom: 1rem;
}

.teams-migration-page__scenario-flow img,
.teams-migration-page__scenario-flow .exchange-migration-page__card-mark {
  width: 2.5rem;
  height: 2.5rem;
}

.teams-migration-page__scenario-flow span {
  color: var(--teams-migration-accent-soft);
  font-size: 1.05rem;
  font-weight: 700;
}

.teams-migration-page__insight-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.14fr) minmax(0, 0.86fr);
  gap: 1.2rem;
}

.teams-migration-page__insight-panel,
.teams-migration-page__faq-panel,
.teams-migration-page__cta-panel {
  padding: 1.32rem;
}

.teams-migration-page__feature-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.teams-migration-page__feature-grid article p,
.teams-migration-page__trust-card p,
.teams-migration-page__cta-copy p,
.teams-migration-page__technology-grid span {
  color: rgba(255, 255, 255, 0.72);
}

.teams-migration-page__feature-grid strong,
.teams-migration-page__trust-card strong {
  display: block;
  margin-bottom: 0.45rem;
}

.teams-migration-page__copilot-panel {
  position: relative;
  overflow: hidden;
}

.teams-migration-page__inline-link {
  margin: 0.2rem 0 1.25rem;
}

.teams-migration-page__copilot-art {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 12rem;
  margin-bottom: 1.1rem;
}

.teams-migration-page__copilot-glow,
.teams-migration-page__cta-glow {
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  pointer-events: none;
}

.teams-migration-page__copilot-glow {
  width: 11.5rem;
  height: 11.5rem;
  background:
    radial-gradient(circle at center, rgba(105, 95, 255, 0.28), transparent 56%),
    conic-gradient(from 0deg, rgba(138, 80, 216, 0.52), rgba(85, 104, 255, 0.14), rgba(238, 80, 145, 0.32), rgba(138, 80, 216, 0.52));
  filter: blur(0.2rem);
}

.teams-migration-page__copilot-art img {
  position: relative;
  width: 5.6rem;
  height: 5.6rem;
  object-fit: contain;
}

.teams-migration-page__technology-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.teams-migration-page__technology-grid article {
  display: grid;
  justify-items: center;
  gap: 0.65rem;
  padding: 0.95rem 0.75rem;
  text-align: center;
}

.teams-migration-page__technology-grid img {
  width: 2.6rem;
  height: 2.6rem;
  object-fit: contain;
}

.teams-migration-page__trust-grid {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.teams-migration-page__trust-card {
  text-align: center;
}

.teams-migration-page__faq-shell {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: 1.2rem;
}

.teams-migration-page__faq-panel .exchange-migration-page__faq-item {
  background: rgba(255, 255, 255, 0.02);
}

.teams-migration-page__cta-panel {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1.2rem;
  align-items: center;
  overflow: hidden;
}

.teams-migration-page__cta-copy {
  max-width: 30rem;
}

.teams-migration-page__cta-copy h2 {
  margin-bottom: 0.85rem;
}

.teams-migration-page__cta-actions {
  display: grid;
  gap: 0.85rem;
  justify-items: start;
}

.teams-migration-page__cta-art {
  position: relative;
  min-width: 14rem;
  min-height: 13rem;
}

.teams-migration-page__cta-glow {
  width: 13rem;
  height: 13rem;
  background:
    radial-gradient(circle at center, rgba(138, 80, 216, 0.22), transparent 58%),
    repeating-radial-gradient(circle at center, rgba(85, 104, 255, 0.16) 0 2px, transparent 2px 18px);
}

.teams-migration-page__cta-icon {
  position: absolute;
  object-fit: contain;
  filter: drop-shadow(0 18px 28px rgba(0, 0, 0, 0.22));
}

.teams-migration-page__cta-icon--teams {
  width: 6.6rem;
  height: 6.6rem;
  left: 1.6rem;
  top: 3rem;
}

.teams-migration-page__cta-icon--copilot {
  width: 5.3rem;
  height: 5.3rem;
  right: 1.1rem;
  top: 1.6rem;
}

@media (max-width: 1240px) {

  .teams-migration-page__hero-shell,
  .teams-migration-page__insight-grid,
  .teams-migration-page__faq-shell,
  .teams-migration-page__cta-panel {
    grid-template-columns: 1fr;
  }

  .teams-migration-page__metric-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .teams-migration-page__process-grid,
  .teams-migration-page__scenario-grid,
  .teams-migration-page__trust-grid,
  .teams-migration-page__technology-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {

  .teams-migration-page__feature-grid,
  .teams-migration-page__metric-grid,
  .teams-migration-page__dashboard-stats,
  .teams-migration-page__process-grid,
  .teams-migration-page__scenario-grid,
  .teams-migration-page__trust-grid,
  .teams-migration-page__technology-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .teams-migration-page .m365-page__hero-orbit {
    width: 24rem;
    height: 15rem;
    left: 50%;
    transform: translateX(-50%);
  }

  .teams-migration-page__sources,
  .teams-migration-page__feature-grid,
  .teams-migration-page__metric-grid,
  .teams-migration-page__dashboard-stats,
  .teams-migration-page__process-grid,
  .teams-migration-page__scenario-grid,
  .teams-migration-page__trust-grid,
  .teams-migration-page__technology-grid {
    grid-template-columns: 1fr;
  }

  .teams-migration-page__core {
    min-height: 20rem;
  }

  .teams-migration-page__signal-nodes {
    inset: 10% 0 auto auto;
  }

  .teams-migration-page__faq-panel,
  .teams-migration-page__cta-panel,
  .teams-migration-page__insight-panel {
    padding: 1.15rem;
  }

  .teams-migration-page__cta-art {
    min-width: 100%;
    min-height: 10rem;
  }
}

html[data-theme="light"] .site-main,
html[data-theme="light"] .services-overview-page,
html[data-theme="light"] .about-page,
html[data-theme="light"] .not-found {
  color: var(--text-primary);
  background:
    radial-gradient(circle at top right, rgba(37, 99, 235, 0.08), transparent 26rem),
    radial-gradient(circle at 12% 0%, rgba(124, 58, 237, 0.05), transparent 22rem),
    linear-gradient(180deg, rgba(250, 252, 255, 0.98), rgba(243, 247, 253, 0.98));
}

html[data-theme="light"] .site-main .hero,
html[data-theme="light"] .site-main .hero--page,
html[data-theme="light"] .site-main .section {
  background:
    radial-gradient(circle at 82% 12%, rgba(37, 99, 235, 0.1), transparent 24rem),
    radial-gradient(circle at 8% 100%, rgba(124, 58, 237, 0.06), transparent 20rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(241, 246, 252, 0.98)) !important;
  border-bottom-color: rgba(148, 163, 184, 0.16) !important;
}

html[data-theme="light"] .site-main h1,
html[data-theme="light"] .site-main h2,
html[data-theme="light"] .site-main h3,
html[data-theme="light"] .site-main h4,
html[data-theme="light"] .site-main strong {
  color: var(--text-primary);
}

html[data-theme="light"] .site-main p,
html[data-theme="light"] .site-main li,
html[data-theme="light"] .site-main .muted,
html[data-theme="light"] .site-main [class$="__copy"],
html[data-theme="light"] .site-main [class*="__copy "],
html[data-theme="light"] .site-main [class$="__meta"],
html[data-theme="light"] .site-main [class*="__meta "],
html[data-theme="light"] .site-main [class$="__subtitle"],
html[data-theme="light"] .site-main [class*="__subtitle "] {
  color: var(--text-secondary) !important;
}

html[data-theme="light"] .site-main .section__eyebrow,
html[data-theme="light"] .site-main [class$="__eyebrow"],
html[data-theme="light"] .site-main [class*="__eyebrow "],
html[data-theme="light"] .site-main [class$="__label"],
html[data-theme="light"] .site-main [class*="__label "],
html[data-theme="light"] .site-main [class$="__kicker"],
html[data-theme="light"] .site-main [class*="__kicker "] {
  color: var(--color-ink) !important;
}

html[data-theme="light"] .site-main .card,
html[data-theme="light"] .site-main .service-detail,
html[data-theme="light"] .site-main .form,
html[data-theme="light"] .site-main details,
html[data-theme="light"] .site-main [class$="__card"],
html[data-theme="light"] .site-main [class*="__card "],
html[data-theme="light"] .site-main [class$="__panel"],
html[data-theme="light"] .site-main [class*="__panel "],
html[data-theme="light"] .site-main [class$="__cta"],
html[data-theme="light"] .site-main [class*="__cta "] {
  border-color: rgba(148, 163, 184, 0.2) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(245, 248, 253, 0.96)) !important;
  box-shadow:
    0 18px 36px rgba(15, 23, 42, 0.1),
    0 1px 0 rgba(255, 255, 255, 0.88) inset !important;
}

html[data-theme="light"] .site-main .card:hover,
html[data-theme="light"] .site-main .card:focus-within,
html[data-theme="light"] .site-main .service-detail:hover,
html[data-theme="light"] .site-main .service-detail:focus-within,
html[data-theme="light"] .site-main details:hover,
html[data-theme="light"] .site-main details:focus-within,
html[data-theme="light"] .site-main [class$="__card"]:hover,
html[data-theme="light"] .site-main [class*="__card "]:hover,
html[data-theme="light"] .site-main [class$="__panel"]:hover,
html[data-theme="light"] .site-main [class*="__panel "]:hover,
html[data-theme="light"] .site-main [class$="__cta"]:hover,
html[data-theme="light"] .site-main [class*="__cta "]:hover,
html[data-theme="light"] .site-main [class$="__card"]:focus-within,
html[data-theme="light"] .site-main [class*="__card "]:focus-within,
html[data-theme="light"] .site-main [class$="__panel"]:focus-within,
html[data-theme="light"] .site-main [class*="__panel "]:focus-within,
html[data-theme="light"] .site-main [class$="__cta"]:focus-within,
html[data-theme="light"] .site-main [class*="__cta "]:focus-within {
  border-color: color-mix(in srgb, var(--accent-primary) 22%, var(--border-primary)) !important;
  box-shadow:
    0 24px 46px rgba(37, 99, 235, 0.12),
    0 1px 0 rgba(255, 255, 255, 0.92) inset !important;
}

html[data-theme="light"] .site-main [class$="__hero-frame"],
html[data-theme="light"] .site-main [class*="__hero-frame "],
html[data-theme="light"] .site-main [class$="__dashboard"],
html[data-theme="light"] .site-main [class*="__dashboard "],
html[data-theme="light"] .site-main [class$="__summary-card"],
html[data-theme="light"] .site-main [class*="__summary-card "],
html[data-theme="light"] .site-main [class$="__callout"],
html[data-theme="light"] .site-main [class*="__callout "] {
  border-color: rgba(148, 163, 184, 0.22) !important;
  background:
    radial-gradient(circle at top right, rgba(37, 99, 235, 0.08), transparent 16rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(243, 247, 253, 0.96)) !important;
  box-shadow:
    0 22px 42px rgba(15, 23, 42, 0.1),
    0 1px 0 rgba(255, 255, 255, 0.9) inset !important;
}

html[data-theme="light"] .site-main [class$="__faq-item"],
html[data-theme="light"] .site-main [class*="__faq-item "],
html[data-theme="light"] .site-main details {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(247, 249, 252, 0.96)) !important;
}

html[data-theme="light"] .site-main [class$="__faq-item"] summary,
html[data-theme="light"] .site-main [class*="__faq-item "] summary,
html[data-theme="light"] .site-main details summary {
  color: var(--text-primary) !important;
}

html[data-theme="light"] .site-main [class$="__faq-item"] p,
html[data-theme="light"] .site-main [class*="__faq-item "] p,
html[data-theme="light"] .site-main details p {
  color: var(--text-secondary) !important;
}

html[data-theme="light"] .site-main [class$="__stats-grid"] article,
html[data-theme="light"] .site-main [class*="__stats-grid "] article,
html[data-theme="light"] .site-main [class$="__dashboard-stats"] article,
html[data-theme="light"] .site-main [class*="__dashboard-stats "] article {
  border-color: rgba(148, 163, 184, 0.18) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(242, 247, 252, 0.94)) !important;
  box-shadow:
    0 14px 28px rgba(15, 23, 42, 0.08),
    0 1px 0 rgba(255, 255, 255, 0.88) inset !important;
}

html[data-theme="light"] .site-main [class$="__stats-grid"] strong,
html[data-theme="light"] .site-main [class*="__stats-grid "] strong,
html[data-theme="light"] .site-main [class$="__dashboard-stats"] strong,
html[data-theme="light"] .site-main [class*="__dashboard-stats "] strong {
  color: var(--text-primary) !important;
}

html[data-theme="light"] .site-main [class$="__stats-grid"] span,
html[data-theme="light"] .site-main [class*="__stats-grid "] span,
html[data-theme="light"] .site-main [class$="__dashboard-stats"] span,
html[data-theme="light"] .site-main [class*="__dashboard-stats "] span {
  color: var(--text-secondary) !important;
}

html[data-theme="light"] .site-main [class$="__icon"],
html[data-theme="light"] .site-main [class*="__icon "],
html[data-theme="light"] .site-main [class$="__badge"],
html[data-theme="light"] .site-main [class*="__badge "],
html[data-theme="light"] .site-main [class$="__tag"],
html[data-theme="light"] .site-main [class*="__tag "] {
  border-color: rgba(148, 163, 184, 0.22);
}

html[data-theme="light"] .site-main .exchange-migration-page__logos,
html[data-theme="light"] .site-main .partners__track,
html[data-theme="light"] .site-main .partners__marquee {
  color: var(--text-muted);
}

html[data-theme="light"] .about-page .section,
html[data-theme="light"] .about-page .hero--page {
  background:
    radial-gradient(circle at top right, rgba(37, 99, 235, 0.1), transparent 28%),
    radial-gradient(circle at bottom left, rgba(124, 58, 237, 0.07), transparent 24%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(241, 246, 252, 0.97)) !important;
}

html[data-theme="light"] .about-page__proof-card,
html[data-theme="light"] .about-page__heart-card,
html[data-theme="light"] .about-page__purpose-card,
html[data-theme="light"] .about-page__principle-card,
html[data-theme="light"] .about-page__voice-card,
html[data-theme="light"] .about-page__testimonial-card,
html[data-theme="light"] .about-page__office-card,
html[data-theme="light"] .about-page__contact-card,
html[data-theme="light"] .about-page__testimonial-feature {
  border-color: rgba(148, 163, 184, 0.22) !important;
  background:
    radial-gradient(circle at top right, rgba(37, 99, 235, 0.07), transparent 14rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(243, 247, 253, 0.96)) !important;
  box-shadow:
    0 20px 40px rgba(15, 23, 42, 0.1),
    0 1px 0 rgba(255, 255, 255, 0.9) inset !important;
}

html[data-theme="light"] .about-page__proof-card strong,
html[data-theme="light"] .about-page__heart-card h3,
html[data-theme="light"] .about-page__purpose-card strong,
html[data-theme="light"] .about-page__principle-card h3,
html[data-theme="light"] .about-page__voice-card strong,
html[data-theme="light"] .about-page__testimonial-card h3,
html[data-theme="light"] .about-page__office-card h3,
html[data-theme="light"] .about-page__contact-card h3,
html[data-theme="light"] .about-page__voice-card blockquote,
html[data-theme="light"] .about-page__testimonial-feature p {
  color: var(--text-primary) !important;
}

html[data-theme="light"] .about-page__proof-card span,
html[data-theme="light"] .about-page__heart-card p,
html[data-theme="light"] .about-page__purpose-card p,
html[data-theme="light"] .about-page__principle-card p,
html[data-theme="light"] .about-page__voice-card span,
html[data-theme="light"] .about-page__testimonial-card p,
html[data-theme="light"] .about-page__contact-card p,
html[data-theme="light"] .about-page__office-card address,
html[data-theme="light"] .about-page__office-company {
  color: var(--text-secondary) !important;
}

html[data-theme="light"] .about-page__office-tag,
html[data-theme="light"] .about-page__office-link,
html[data-theme="light"] .about-page__contact-list a {
  color: var(--accent-primary);
}

html[data-theme="light"] .about-page__office-link:hover,
html[data-theme="light"] .about-page__office-link:focus-visible,
html[data-theme="light"] .about-page__contact-list a:hover,
html[data-theme="light"] .about-page__contact-list a:focus-visible {
  color: var(--accent-secondary);
}

html[data-theme="light"] .office {
  gap: 0.75rem;
}

html[data-theme="light"] .office strong {
  color: var(--text-primary);
}

html[data-theme="light"] .office a:not(.button) {
  color: var(--accent-primary);
}

html[data-theme="light"] .office a:not(.button):hover,
html[data-theme="light"] .office a:not(.button):focus-visible {
  color: var(--accent-secondary);
}

.service-pattern-page .m365-page__hero {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.service-pattern-page__visual-board {
  position: relative;
  display: grid;
  gap: 1rem;
  min-height: 100%;
  padding: 1.35rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 24px;
  background:
    radial-gradient(circle at top right, rgba(65, 184, 255, 0.16), transparent 14rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.015)),
    rgba(8, 10, 16, 0.9);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 24px 48px rgba(0, 0, 0, 0.32);
  overflow: hidden;
}

.service-pattern-page__visual-board::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.75), transparent 92%);
  opacity: 0.34;
  pointer-events: none;
}

.service-pattern-page__visual-head,
.service-pattern-page__visual-grid,
.service-pattern-page__visual-footer {
  position: relative;
  z-index: 1;
}

.service-pattern-page__visual-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: 0.9rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.service-pattern-page__visual-head strong {
  color: #fff;
  font-size: 1rem;
  letter-spacing: -0.02em;
}

.service-pattern-page__visual-head span {
  color: rgba(255, 255, 255, 0.65);
  font-size: 0.8rem;
}

.service-pattern-page__visual-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9rem;
}

.service-pattern-page__visual-card,
.service-pattern-page__signal {
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.015)),
    rgba(255, 255, 255, 0.02);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.service-pattern-page__visual-card strong,
.service-pattern-page__signal strong {
  display: block;
  color: #fff;
  font-size: 0.98rem;
}

.service-pattern-page__visual-card p,
.service-pattern-page__signal p {
  margin-top: 0.45rem;
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.86rem;
  line-height: 1.55;
}

.service-pattern-page__visual-footer {
  display: grid;
  gap: 0.85rem;
}

.service-pattern-page__signal-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.85rem;
}

.service-pattern-page__process-grid,
.service-pattern-page__tech-grid {
  display: grid;
  gap: 1rem;
}

.service-pattern-page__process-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.service-pattern-page__process-card,
.service-pattern-page__tech-chip {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.015)),
    rgba(10, 10, 12, 0.9);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.2);
}

.service-pattern-page__process-card {
  display: grid;
  gap: 0.7rem;
  padding: 1.15rem;
}

.service-pattern-page__process-card span {
  width: 2.3rem;
  height: 2.3rem;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(65, 184, 255, 0.24);
  color: rgba(255, 255, 255, 0.92);
  font-size: 0.84rem;
  font-weight: var(--weight-bold);
  background: rgba(65, 184, 255, 0.08);
}

.service-pattern-page__process-card strong {
  color: #fff;
  font-size: 1rem;
}

.service-pattern-page__process-card p {
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.9rem;
  line-height: 1.6;
}

.service-pattern-page__tech-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.service-pattern-page__tech-chip {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  padding: 0.95rem 1rem;
}

.service-pattern-page__tech-chip img {
  width: 1.8rem;
  height: 1.8rem;
  object-fit: contain;
}

.service-pattern-page__tech-chip span {
  color: rgba(255, 255, 255, 0.9);
  font-size: 0.92rem;
  font-weight: var(--weight-medium);
}

.service-faq {
  position: relative;
}

.service-faq__shell {
  display: grid;
  gap: 1.25rem;
}

.service-faq__panel {
  padding: clamp(1.25rem, 2.2vw, 1.8rem);
  border: 1px solid rgba(255, 255, 255, 0.1);
  background:
    radial-gradient(circle at top right, rgba(65, 184, 255, 0.12), transparent 16rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.015)),
    rgba(9, 10, 14, 0.92);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 24px 56px rgba(0, 0, 0, 0.26);
}

.service-faq__list {
  display: grid;
  gap: 0.75rem;
}

.service-faq__item {
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.02);
}

.service-faq__item summary {
  position: relative;
  padding: 1rem 3.2rem 1rem 1rem;
  color: #fff;
  font-size: 0.98rem;
  font-weight: var(--weight-medium);
  cursor: pointer;
  list-style: none;
}

.service-faq__item summary::-webkit-details-marker {
  display: none;
}

.service-faq__item summary::after {
  content: "+";
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  color: rgba(255, 255, 255, 0.72);
  font-size: 1.2rem;
  line-height: 1;
}

.service-faq__item[open] summary::after {
  content: "−";
}

.service-faq__item p {
  padding: 0 1rem 1rem;
  color: rgba(255, 255, 255, 0.74);
  font-size: 0.92rem;
  line-height: 1.65;
}

html[data-theme="light"] .service-pattern-page__visual-board,
html[data-theme="light"] .service-pattern-page__visual-card,
html[data-theme="light"] .service-pattern-page__signal,
html[data-theme="light"] .service-pattern-page__process-card,
html[data-theme="light"] .service-pattern-page__tech-chip,
html[data-theme="light"] .service-faq__panel,
html[data-theme="light"] .service-faq__item {
  border-color: rgba(148, 163, 184, 0.22);
  background:
    radial-gradient(circle at top right, rgba(37, 99, 235, 0.08), transparent 14rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(243, 247, 253, 0.96));
  box-shadow:
    0 20px 40px rgba(15, 23, 42, 0.1),
    0 1px 0 rgba(255, 255, 255, 0.9) inset;
}

html[data-theme="light"] .service-pattern-page__visual-head,
html[data-theme="light"] .service-pattern-page__visual-card strong,
html[data-theme="light"] .service-pattern-page__signal strong,
html[data-theme="light"] .service-pattern-page__process-card strong,
html[data-theme="light"] .service-pattern-page__tech-chip span,
html[data-theme="light"] .service-faq__item summary {
  color: var(--text-primary);
}

html[data-theme="light"] .service-pattern-page__visual-head span,
html[data-theme="light"] .service-pattern-page__visual-card p,
html[data-theme="light"] .service-pattern-page__signal p,
html[data-theme="light"] .service-pattern-page__process-card p,
html[data-theme="light"] .service-faq__item p {
  color: var(--text-secondary);
}

@media (max-width: 980px) {

  .service-pattern-page__process-grid,
  .service-pattern-page__tech-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {

  .service-pattern-page__visual-grid,
  .service-pattern-page__signal-row,
  .service-pattern-page__process-grid,
  .service-pattern-page__tech-grid {
    grid-template-columns: 1fr;
  }
}

body[data-page="services"] .m365-page__hero,
body[data-page="services"] .teams-page__hero,
body[data-page="services"] .onedrive-page__hero,
body[data-page="services"] .spfx-page__hero {
  min-height: auto;
}

body[data-page="services"] .m365-page__hero-layout,
body[data-page="services"] .teams-page__hero-layout,
body[data-page="services"] .onedrive-page__hero-layout,
body[data-page="services"] .spfx-page__hero-layout {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
}

body[data-page="services"] .m365-page__hero .hero__content,
body[data-page="services"] .teams-page__hero .hero__content,
body[data-page="services"] .onedrive-page__hero .hero__content,
body[data-page="services"] .spfx-page__hero .hero__content {
  max-width: 980px;
}

body[data-page="services"] .m365-page__hero-visual,
body[data-page="services"] .teams-page__hero-visual,
body[data-page="services"] .onedrive-page__hero-visual,
body[data-page="services"] .spfx-page__hero-visual {
  display: none;
}

html[data-theme="light"] .service-detail-page {
  --service-light-bg: #f7f9fc;
  --service-light-surface: rgba(255, 255, 255, 0.9);
  --service-light-card: #ffffff;
  --service-light-border: rgba(15, 23, 42, 0.1);
  --service-light-text: #0f172a;
  --service-light-muted: #475569;
  --service-light-soft: #64748b;
  color: var(--service-light-text);
  background:
    radial-gradient(circle at 16% 4%, color-mix(in srgb, var(--pillar-accent) 12%, transparent), transparent 26rem),
    radial-gradient(circle at 86% 12%, color-mix(in srgb, var(--pillar-accent-2) 10%, transparent), transparent 28rem),
    linear-gradient(180deg, #ffffff 0%, #f7f9fc 48%, #eef4fb 100%);
}

html[data-theme="light"] .service-detail-page.pillar-theme-ai {
  --pillar-accent: #7c3aed;
  --pillar-accent-2: #2563eb;
  --pillar-accent-3: #4f46e5;
}

html[data-theme="light"] .service-detail-page.pillar-theme-migration {
  --pillar-accent: #2563eb;
  --pillar-accent-2: #06b6d4;
  --pillar-accent-3: #059669;
}

html[data-theme="light"] .service-detail-page.pillar-theme-powerbi {
  --pillar-accent: #2563eb;
  --pillar-accent-2: #f59e0b;
  --pillar-accent-3: #0369a1;
}

html[data-theme="light"] .service-detail-page.service-detail-page .service-detail-page__hero,
html[data-theme="light"] .service-detail-page.service-detail-page .section {
  background:
    radial-gradient(circle at 82% 12%, color-mix(in srgb, var(--pillar-accent) 10%, transparent), transparent 24rem),
    radial-gradient(circle at 10% 100%, color-mix(in srgb, var(--pillar-accent-2) 8%, transparent), transparent 22rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(247, 249, 252, 0.98)) !important;
  border-bottom-color: rgba(15, 23, 42, 0.08) !important;
}

html[data-theme="light"] .service-detail-page__hero::before {
  background-image:
    linear-gradient(color-mix(in srgb, var(--pillar-accent) 10%, transparent) 1px, transparent 1px),
    linear-gradient(90deg, color-mix(in srgb, var(--pillar-accent-2) 8%, transparent) 1px, transparent 1px);
  opacity: 0.85;
}

html[data-theme="light"] .service-detail-page__lead,
html[data-theme="light"] .service-detail-page__cta p,
html[data-theme="light"] .service-detail-page__faq p,
html[data-theme="light"] .service-detail-page__proof p,
html[data-theme="light"] .service-detail-page__card p,
html[data-theme="light"] .service-detail-page__related-card p,
html[data-theme="light"] .service-detail-page__panel li span,
html[data-theme="light"] .service-detail-page__micro-grid span {
  color: var(--service-light-muted) !important;
}

html[data-theme="light"] .service-detail-page__visual,
html[data-theme="light"] .service-detail-page__proof article,
html[data-theme="light"] .service-detail-page__card,
html[data-theme="light"] .service-detail-page__panel,
html[data-theme="light"] .service-detail-page__related-card,
html[data-theme="light"] .service-detail-page__cta,
html[data-theme="light"] .service-detail-page__faq details,
html[data-theme="light"] .service-detail-page__micro-grid article {
  border-color: var(--service-light-border) !important;
  background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--pillar-accent) 8%, transparent), transparent 12rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.94)) !important;
  box-shadow:
    0 18px 38px rgba(15, 23, 42, 0.08),
    0 1px 0 rgba(255, 255, 255, 0.96) inset !important;
}

html[data-theme="light"] .service-detail-page__visual article {
  border-color: rgba(15, 23, 42, 0.1);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(239, 246, 255, 0.86)),
    rgba(255, 255, 255, 0.9);
  box-shadow:
    0 20px 42px rgba(15, 23, 42, 0.1),
    0 1px 0 rgba(255, 255, 255, 0.98) inset;
}

html[data-theme="light"] .service-detail-page__visual small,
html[data-theme="light"] .service-detail-page__card span,
html[data-theme="light"] .service-detail-page__related-card strong,
html[data-theme="light"] .service-visual-card small,
html[data-theme="light"] .service-visual-card span,
html[data-theme="light"] .service-visual-node {
  color: var(--pillar-accent-3) !important;
}

html[data-theme="light"] .service-detail-page__visual strong,
html[data-theme="light"] .service-detail-page__proof strong,
html[data-theme="light"] .service-detail-page__card strong,
html[data-theme="light"] .service-detail-page__panel li strong,
html[data-theme="light"] .service-detail-page__micro-grid strong,
html[data-theme="light"] .service-detail-page__related-card span,
html[data-theme="light"] .service-detail-page__faq summary,
html[data-theme="light"] .service-visual-card strong {
  color: var(--service-light-text) !important;
}

html[data-theme="light"] .service-detail-page__motif {
  border-color: color-mix(in srgb, var(--pillar-accent) 24%, transparent);
}

html[data-theme="light"] .service-detail-page__motif span {
  background: var(--pillar-accent);
  box-shadow: 0 0 22px color-mix(in srgb, var(--pillar-accent) 28%, transparent);
}

html[data-theme="light"] .service-detail-page__card>span {
  color: #ffffff !important;
  background: linear-gradient(135deg, var(--pillar-accent), var(--pillar-accent-2));
  box-shadow: 0 10px 22px color-mix(in srgb, var(--pillar-accent) 18%, transparent);
}

html[data-theme="light"] .service-detail-page__panel li {
  border-left-color: color-mix(in srgb, var(--pillar-accent) 32%, transparent);
}

html[data-theme="light"] .service-detail-page__chips span {
  border-color: color-mix(in srgb, var(--pillar-accent) 24%, transparent);
  color: #1e293b;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), color-mix(in srgb, var(--pillar-accent) 7%, #ffffff));
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
}

html[data-theme="light"] .service-detail-page__related-card:hover,
html[data-theme="light"] .service-detail-page__related-card:focus-visible,
html[data-theme="light"] .service-detail-page__faq details:hover,
html[data-theme="light"] .service-detail-page__faq details:focus-within {
  border-color: color-mix(in srgb, var(--pillar-accent) 34%, var(--service-light-border)) !important;
  box-shadow:
    0 24px 48px color-mix(in srgb, var(--pillar-accent) 12%, rgba(15, 23, 42, 0.08)),
    0 1px 0 rgba(255, 255, 255, 0.98) inset !important;
}

html[data-theme="light"] .service-visual-premium {
  border-color: rgba(15, 23, 42, 0.1);
  background:
    radial-gradient(circle at 18% 12%, color-mix(in srgb, var(--pillar-accent) 13%, transparent), transparent 15rem),
    radial-gradient(circle at 88% 80%, color-mix(in srgb, var(--pillar-accent-2) 12%, transparent), transparent 17rem),
    linear-gradient(145deg, rgba(255, 255, 255, 0.98), #eef4fb);
  box-shadow:
    0 28px 70px rgba(15, 23, 42, 0.11),
    0 1px 0 rgba(255, 255, 255, 0.98) inset;
}

html[data-theme="light"] .service-visual-grid {
  background-image:
    radial-gradient(circle, color-mix(in srgb, var(--pillar-accent) 22%, transparent) 1px, transparent 1px),
    linear-gradient(90deg, rgba(37, 99, 235, 0.06) 1px, transparent 1px);
  opacity: 0.5;
}

html[data-theme="light"] .service-visual-glow {
  background:
    radial-gradient(circle, color-mix(in srgb, var(--pillar-accent) 18%, transparent), transparent 66%),
    radial-gradient(circle at 35% 35%, color-mix(in srgb, var(--pillar-accent-2) 14%, transparent), transparent 58%);
  filter: blur(12px);
  opacity: 0.9;
}

html[data-theme="light"] .service-visual-card {
  border-color: rgba(15, 23, 42, 0.1) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.92)),
    rgba(255, 255, 255, 0.9) !important;
  box-shadow:
    0 18px 38px rgba(15, 23, 42, 0.09),
    0 1px 0 rgba(255, 255, 255, 0.98) inset !important;
  backdrop-filter: blur(14px);
}

html[data-theme="light"] .service-visual-card--hero {
  background:
    radial-gradient(circle at 20% 12%, color-mix(in srgb, var(--pillar-accent) 18%, transparent), transparent 9rem),
    linear-gradient(145deg, rgba(255, 255, 255, 0.99), color-mix(in srgb, var(--pillar-accent-2) 8%, #ffffff)),
    #ffffff !important;
}

html[data-theme="light"] .service-visual-card p {
  color: var(--service-light-muted) !important;
}

html[data-theme="light"] .service-visual-node {
  border-color: color-mix(in srgb, var(--pillar-accent) 22%, transparent);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.95), color-mix(in srgb, var(--pillar-accent) 8%, #ffffff));
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
}

html[data-theme="light"] .service-visual-connector {
  border-top-color: color-mix(in srgb, var(--pillar-accent) 32%, transparent);
  box-shadow: 0 0 18px color-mix(in srgb, var(--pillar-accent) 14%, transparent);
}

html[data-theme="light"] .pillar-ai-visual {
  background:
    radial-gradient(circle at 18% 10%, rgba(124, 58, 237, 0.14), transparent 14rem),
    radial-gradient(circle at 86% 82%, rgba(37, 99, 235, 0.12), transparent 16rem),
    linear-gradient(145deg, #ffffff, #eef4ff);
}

html[data-theme="light"] .pillar-migration-visual {
  background:
    radial-gradient(circle at 18% 10%, rgba(37, 99, 235, 0.12), transparent 14rem),
    radial-gradient(circle at 88% 82%, rgba(6, 182, 212, 0.13), transparent 16rem),
    linear-gradient(145deg, #ffffff, #edfdf8);
}

html[data-theme="light"] .pillar-powerbi-visual {
  background:
    radial-gradient(circle at 18% 10%, rgba(37, 99, 235, 0.12), transparent 14rem),
    radial-gradient(circle at 88% 82%, rgba(245, 158, 11, 0.16), transparent 16rem),
    linear-gradient(145deg, #ffffff, #fff8eb);
}

html[data-theme="light"] .pillar-ai-visual .service-visual-card-grid .service-visual-card::before,
html[data-theme="light"] .pillar-migration-visual .service-visual-card-grid .service-visual-card::before,
html[data-theme="light"] .pillar-powerbi-visual .service-visual-card-grid .service-visual-card::before {
  background: var(--pillar-accent);
  box-shadow: 0 0 16px color-mix(in srgb, var(--pillar-accent) 26%, transparent);
}

html[data-theme="light"] .pillar-powerbi-visual .service-visual-card-grid .service-visual-card::after {
  background: linear-gradient(90deg, var(--pillar-accent), var(--pillar-accent-2) 68%, rgba(245, 158, 11, 0.08));
}

html[data-theme="light"] .service-detail-page__cta {
  background:
    radial-gradient(circle at 88% 28%, color-mix(in srgb, var(--pillar-accent-2) 14%, transparent), transparent 18rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), color-mix(in srgb, var(--pillar-accent) 7%, #ffffff)) !important;
}

html[data-theme="light"] .site-main.service-detail-page .service-visual-premium {
  border-color: rgba(15, 23, 42, 0.1) !important;
  box-shadow:
    0 28px 70px rgba(15, 23, 42, 0.11),
    0 1px 0 rgba(255, 255, 255, 0.98) inset !important;
}

html[data-theme="light"] .site-main.service-detail-page .service-visual-card {
  border-color: rgba(15, 23, 42, 0.1) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.92)),
    rgba(255, 255, 255, 0.9) !important;
  box-shadow:
    0 18px 38px rgba(15, 23, 42, 0.09),
    0 1px 0 rgba(255, 255, 255, 0.98) inset !important;
}

html[data-theme="light"] .site-main.service-detail-page .service-visual-card--hero {
  background:
    radial-gradient(circle at 20% 12%, color-mix(in srgb, var(--pillar-accent) 18%, transparent), transparent 9rem),
    linear-gradient(145deg, rgba(255, 255, 255, 0.99), color-mix(in srgb, var(--pillar-accent-2) 8%, #ffffff)),
    #ffffff !important;
}

html[data-theme="light"] .site-main.service-detail-page .service-visual-card strong,
html[data-theme="light"] .site-main.service-detail-page .service-visual-card p,
html[data-theme="light"] .site-main.service-detail-page .service-visual-card small,
html[data-theme="light"] .site-main.service-detail-page .service-visual-card span {
  text-shadow: none !important;
}

html[data-theme="light"] body[data-page="home"] .site-main .home-hero {
  background: #ffffff !important;
}

html[data-theme="light"] body[data-page="home"] .home-hero::before {
  background:
    linear-gradient(rgba(15, 23, 42, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15, 23, 42, 0.06) 1px, transparent 1px);
}

html[data-theme="light"] body[data-page="home"] .home-hero__headline-line-1 {
  color: #0f172a !important;
}

html[data-theme="light"] body[data-page="home"] .home-hero__lead {
  color: rgba(15, 23, 42, 0.82) !important;
}

html[data-theme="light"] .hero-visual__node {
  border-color: rgba(15, 23, 42, 0.08) !important;
  background: rgba(255, 255, 255, 0.8) !important;
  box-shadow: 0 8px 32px rgba(15, 23, 42, 0.06) !important;
}

html[data-theme="light"] .node__text {
  color: #0f172a !important;
}

html[data-theme="light"] .hero-visual__ring {
  border-color: rgba(15, 23, 42, 0.08) !important;
}

html[data-theme="light"] .hero-visual__glow-bg {
  background: radial-gradient(circle, rgba(99, 102, 241, 0.08) 0%, transparent 70%) !important;
}

html[data-theme="light"] .industries-section__highlight {
  color: var(--text-primary) !important;
}

html[data-theme="light"] body[data-page="home"] .core-expertise,
html[data-theme="light"] body[data-page="home"] .core-expertise .section__header,
html[data-theme="light"] body[data-page="home"] .core-expertise__highlight {
  background: transparent !important;
  color: var(--text-primary) !important;
}

html[data-theme="light"] body[data-page="home"] .home-hero__signals li {
  border-color: rgba(148, 163, 184, 0.22) !important;
  background: rgba(255, 255, 255, 0.88) !important;
}

html[data-theme="light"] body[data-page="home"] .industries-section__card {
  border-color: rgba(15, 23, 42, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.05) !important;
}

html[data-theme="light"] body[data-page="home"] .industries-section__card h3 {
  color: #0f172a !important;
}

html[data-theme="light"] body[data-page="home"] .industries-section__card p {
  color: rgba(15, 23, 42, 0.72) !important;
}

html[data-theme="light"] body[data-page="home"] .industries-section__icon {
  border-color: rgba(15, 23, 42, 0.06) !important;
  background: rgba(15, 23, 42, 0.015) !important;
  color: #0f172a !important;
}

html[data-theme="light"] body[data-page="home"] .industries-section__capability {
  color: rgba(15, 23, 42, 0.85) !important;
  border-top-color: rgba(15, 23, 42, 0.08) !important;
  background: transparent !important;
}

html[data-theme="light"] body[data-page="home"] .industries-section__card:hover {
  box-shadow: 0 24px 54px rgba(15, 23, 42, 0.12) !important;
}

html[data-theme="light"] body[data-page="home"] .home-products__console {
  border-color: rgba(15, 23, 42, 0.08) !important;
  background:
    radial-gradient(circle at 10% 10%, rgba(37, 99, 235, 0.03), transparent 30rem),
    radial-gradient(circle at 90% 80%, rgba(124, 58, 237, 0.03), transparent 30rem),
    #ffffff !important;
  box-shadow: 0 20px 48px rgba(15, 23, 42, 0.04) !important;
}

html[data-theme="light"] body[data-page="home"] .home-products__console-headline {
  background: linear-gradient(135deg, #0f172a, #1d4ed8) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

html[data-theme="light"] body[data-page="home"] .home-products__console-copy {
  color: rgba(15, 23, 42, 0.72) !important;
}

html[data-theme="light"] body[data-page="home"] .home-products__console-card {
  border-color: rgba(15, 23, 42, 0.06) !important;
  background: rgba(15, 23, 42, 0.015) !important;
}

html[data-theme="light"] body[data-page="home"] .home-products__console-card:hover {
  border-color: rgba(37, 99, 235, 0.3) !important;
  background: rgba(37, 99, 235, 0.04) !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08) !important;
}

html[data-theme="light"] body[data-page="home"] .home-products__console-card h4 {
  color: #0f172a !important;
}

html[data-theme="light"] body[data-page="home"] .home-products__console-card p {
  color: rgba(15, 23, 42, 0.65) !important;
}

html[data-theme="light"] body[data-page="home"] .home-products__console-lower {
  border-top-color: rgba(15, 23, 42, 0.08) !important;
}

html[data-theme="light"] body[data-page="home"] .home-products__console-metric small {
  color: rgba(15, 23, 42, 0.54) !important;
}

html[data-theme="light"] body[data-page="home"] .home-products__console-metric span {
  color: #0f172a !important;
}

html[data-theme="light"] body[data-page="home"] .home-products__console-metric-divider {
  background: rgba(15, 23, 42, 0.08) !important;
}

html[data-theme="light"] body[data-page="home"] .home-products__console-actions .button--primary {
  color: #ffffff !important;
  border-color: #111827 !important;
  background: #111827 !important;
}

html[data-theme="light"] body[data-page="home"] .home-products__console-actions .button--primary:hover {
  background: #0f172a !important;
  border-color: #0f172a !important;
}

html[data-theme="light"] body[data-page="home"] .home-products__console-actions .button--ghost {
  color: #111827 !important;
  border-color: rgba(15, 23, 42, 0.16) !important;
  background: transparent !important;
}

html[data-theme="light"] body[data-page="home"] .home-products__console-actions .button--ghost:hover {
  color: #111827 !important;
  border-color: rgba(15, 23, 42, 0.16) !important;
  background: rgba(15, 23, 42, 0.04) !important;
}

html[data-theme="light"] body[data-page="home"] .home-hero__actions .button:first-child {
  color: #ffffff !important;
  border-color: #111827 !important;
  background: #111827 !important;
}

html[data-theme="light"] body[data-page="home"] .home-hero__actions .button--ghost {
  color: #111827 !important;
  border-color: rgba(15, 23, 42, 0.16) !important;
  background: transparent !important;
}

html[data-theme="light"] body[data-page="home"] .home-hero__actions .button--ghost:hover,
html[data-theme="light"] body[data-page="home"] .home-hero__actions .button--ghost:focus-visible {
  color: #111827 !important;
  border-color: rgba(15, 23, 42, 0.16) !important;
  background: rgba(15, 23, 42, 0.04) !important;
  box-shadow: none !important;
}

html[data-theme="light"] body[data-page="home"] .service-card__cta {
  display: inline-flex !important;
  margin-top: auto !important;
  padding-top: 1rem !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-theme="light"] body[data-page="home"] .service-card__cta:hover,
html[data-theme="light"] body[data-page="home"] .service-card__cta:focus-visible {
  margin-top: auto !important;
  padding-top: 1rem !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.service-page {
  --service-accent: #2972FF;
  /* Bright Sapphire Blue */
  --service-accent-2: #1DE9B6;
  /* Neon Aqua Mint */
  --service-accent-3: #FFC400;
  /* Amber Yellow */
  --service-border: rgba(41, 98, 255, 0.12);
  --service-card-bg: rgba(255, 255, 255, 0.035);
  color: #fff;
  background:
    radial-gradient(circle at 12% 8%, rgba(41, 98, 255, 0.18), transparent 22rem),
    radial-gradient(circle at 86% 10%, rgba(29, 233, 182, 0.12), transparent 24rem),
    #040E14;
  /* Deep Space Black */
}

.service-page.service-theme-migration {
  --service-accent: #1DE9B6;
  /* Neon Aqua Mint focus */
  --service-accent-2: #2972FF;
  /* Bright Sapphire Blue */
  --service-accent-3: #FFC400;
  /* Amber Yellow */
  background:
    radial-gradient(circle at 12% 8%, rgba(29, 233, 182, 0.18), transparent 22rem),
    radial-gradient(circle at 86% 10%, rgba(41, 98, 255, 0.12), transparent 24rem),
    #040E14;
}

.service-page.service-theme-analytics {
  --service-accent: #FFC400;
  /* Amber Yellow focus */
  --service-accent-2: #2972FF;
  /* Bright Sapphire Blue */
  --service-accent-3: #1DE9B6;
  /* Neon Aqua Mint */
  background:
    radial-gradient(circle at 12% 8%, rgba(255, 196, 0, 0.15), transparent 22rem),
    radial-gradient(circle at 86% 10%, rgba(41, 98, 255, 0.15), transparent 24rem),
    #040E14;
}

.service-page .section {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

.service-page__hero {
  position: relative;
  overflow: hidden;
  padding: clamp(4.5rem, 8vw, 6.5rem) 0 clamp(3.5rem, 7vw, 5.5rem);
}

.service-page__hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(color-mix(in srgb, var(--service-accent) 14%, transparent) 1px, transparent 1px),
    linear-gradient(90deg, color-mix(in srgb, var(--service-accent-2) 12%, transparent) 1px, transparent 1px);
  background-size: 40px 40px;
  mask-image: radial-gradient(circle at 50% 25%, #000 0, #000 45%, transparent 82%);
  opacity: 0.55;
  pointer-events: none;
}

.service-page__hero-shell,
.service-page__delivery-layout,
.service-page__technology-layout,
.service-page__highlight-shell,
.services-pillars-page__pillar-shell {
  position: relative;
  z-index: 1;
}

.service-page__hero-shell,
.services-pillars-page__hero-shell {
  max-width: 78rem;
}

.service-page__hero-shell {
  position: relative;
  overflow: hidden;
  padding: clamp(1.9rem, 4vw, 3rem);
  border: 1px solid rgba(255, 255, 255, 0.12);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.028)),
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent 32%),
    rgba(255, 255, 255, 0.03);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 28px 80px rgba(0, 0, 0, 0.24);
  backdrop-filter: blur(16px);
}

.service-page__hero-shell::before {
  content: "";
  position: absolute;
  inset: -10rem auto auto -8rem;
  width: 20rem;
  height: 20rem;
  border-radius: 999px;
  background: radial-gradient(circle, color-mix(in srgb, var(--service-accent) 28%, transparent), transparent 70%);
  filter: blur(6px);
  opacity: 0.85;
  animation: service-orb-drift 14s ease-in-out infinite;
  pointer-events: none;
}

.service-page__hero-shell::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--service-accent-2) 72%, transparent), transparent);
  box-shadow: 0 0 18px color-mix(in srgb, var(--service-accent-2) 24%, transparent);
  animation: service-line-flow 8s linear infinite;
  pointer-events: none;
}

.service-page__hero-shell>* {
  position: relative;
  z-index: 1;
}

/* .service-page__hero h1, */
/* .services-pillars-page__hero h1 {
  max-width: 16ch;
} */

.service-page__lead {
  max-width: 65ch;
  margin-top: 1.25rem;
  color: #ffffff !important;
  font-size: clamp(1.24rem, 1.1vw, 1.55rem) !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  letter-spacing: -0.01em;
}

.services-pillars-page__hero p {
  max-width: 70rem;
  margin-top: 1rem;
  color: rgba(255, 255, 255, 0.76);
  font-size: clamp(1.05rem, 1.8vw, 1.24rem);
  line-height: 1.75;
}

.service-tag-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1.4rem;
}

.service-tag {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.65rem 0.82rem;
  border: 1px solid color-mix(in srgb, var(--service-accent) 38%, transparent);
  background: color-mix(in srgb, var(--service-accent) 10%, transparent);
  color: rgba(255, 255, 255, 0.92);
  font-size: 0.76rem;
  font-weight: var(--weight-bold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.service-tag:hover,
.service-tag:focus-visible {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--service-accent-2) 56%, transparent);
  background: color-mix(in srgb, var(--service-accent-2) 16%, transparent);
}

/* Service Detail Page Tag Redesign - Mockup Style */
.service-page .service-tag {
  border-radius: 99px;
  padding: 0.5rem 1.15rem;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
  transition: transform 0.25s cubic-bezier(0.25, 1, 0.5, 1),
    border-color 0.25s cubic-bezier(0.25, 1, 0.5, 1),
    background 0.25s cubic-bezier(0.25, 1, 0.5, 1),
    box-shadow 0.25s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.service-page .service-tag::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--service-accent-2, var(--service-accent));
  box-shadow: 0 0 8px var(--service-accent-2, var(--service-accent));
  margin-right: 8px;
  flex-shrink: 0;
}

.service-page .service-tag:hover {
  transform: translateY(-2px) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: var(--service-accent-2, var(--service-accent)) !important;
  box-shadow:
    0 6px 16px rgba(0, 0, 0, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

/* Light theme overrides for service page hero lead and chips */
html[data-theme="light"] .service-page__lead {
  color: #0f172a !important;
}

html[data-theme="light"] .service-page .service-tag {
  background: rgba(15, 23, 42, 0.04) !important;
  border-color: rgba(15, 23, 42, 0.08) !important;
  color: var(--text-primary) !important;
  box-shadow: inset 0 1px 0 #ffffff !important;
}

html[data-theme="light"] .service-page .service-tag:hover {
  background: rgba(15, 23, 42, 0.07) !important;
  border-color: var(--service-accent) !important;
}

.service-page__hero-actions {
  margin-top: 1.6rem;
}

.service-page__hero-actions .button {
  min-width: 13.5rem;
  justify-content: center;
}

.service-page__trust-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.85rem;
  margin-top: 1.8rem;
  padding: 0;
  list-style: none;
}

.service-page__trust-item,
.service-highlight-panel,
.service-page__connector-map,
.service-page__kpi-panel,
.service-page__tech-panel,
.service-page__cta-shell,
.services-pillars-page__pillar-intro,
.services-pillars-page__cta-shell {
  border: 1px solid var(--service-border);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.03)),
    rgba(255, 255, 255, 0.04);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 24px 70px rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(14px);
}

.service-page__trust-item {
  display: flex;
  gap: 0.7rem;
  align-items: center;
  padding: 0.95rem 1rem;
}

.service-page__trust-item span {
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--service-accent), var(--service-accent-2));
  box-shadow: 0 0 18px color-mix(in srgb, var(--service-accent) 36%, transparent);
}

.service-page__trust-item strong {
  color: #fff;
  font-size: 0.92rem;
  line-height: 1.45;
}

.service-page__section-header {
  position: relative;
  max-width: 54rem;
  margin-bottom: clamp(1.7rem, 3vw, 2.2rem);
  padding-left: 1.1rem;
}

.service-page__section-header::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 2px;
  background: linear-gradient(180deg, var(--service-accent), color-mix(in srgb, var(--service-accent-2) 70%, transparent));
  box-shadow: 0 0 16px color-mix(in srgb, var(--service-accent) 24%, transparent);
}

.service-page__section-header p,
.service-highlight-panel p,
.service-page__connector-map p,
.service-page__kpi-panel p,
.service-page__tech-panel p,
.service-page__cta-shell p,
.services-pillars-page__pillar-intro p,
.services-pillars-page__cta-shell p {
  color: rgba(255, 255, 255, 0.72);
}

.service-challenge-grid,
.service-capability-grid,
.service-benefit-grid,
.service-page__related-grid,
.services-pillars-page__pillar-links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  grid-auto-rows: 1fr;
}

.service-challenge-card,
.service-feature-card,
.service-capability-card,
.service-highlight-card,
.service-benefit-card,
.service-page__related-card,
.services-pillars-page__service-link {
  position: relative;
  display: grid;
  align-content: start;
  gap: 0.72rem;
  min-height: 100%;
  padding: 1.1rem;
  border: 1px solid var(--service-border);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.03)),
    var(--service-card-bg);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  overflow: hidden;
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.service-challenge-card::before,
.service-feature-card::before,
.service-capability-card::before,
.service-highlight-card::before,
.service-benefit-card::before,
.service-page__related-card::before,
.services-pillars-page__service-link::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(115deg, transparent 18%, rgba(255, 255, 255, 0.11) 50%, transparent 82%);
  transform: translateX(-130%);
  opacity: 0;
  pointer-events: none;
}

.service-challenge-card:hover,
.service-feature-card:hover,
.service-capability-card:hover,
.service-highlight-card:hover,
.service-benefit-card:hover,
.service-page__related-card:hover,
.service-page__related-card:focus-visible,
.services-pillars-page__service-link:hover,
.services-pillars-page__service-link:focus-visible {
  transform: translateY(-3px);
  border-color: color-mix(in srgb, var(--service-accent) 52%, transparent);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 18px 40px rgba(0, 0, 0, 0.22),
    0 0 24px color-mix(in srgb, var(--service-accent) 10%, transparent);
}

.service-challenge-card:hover::before,
.service-feature-card:hover::before,
.service-capability-card:hover::before,
.service-highlight-card:hover::before,
.service-benefit-card:hover::before,
.service-page__related-card:hover::before,
.service-page__related-card:focus-visible::before,
.services-pillars-page__service-link:hover::before,
.services-pillars-page__service-link:focus-visible::before {
  opacity: 1;
  animation: service-card-sheen 780ms ease forwards;
}

.service-challenge-card__badge,
.service-feature-card__badge,
.service-capability-card__badge,
.service-highlight-card__badge,
.service-benefit-card__badge {
  display: inline-grid;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.9rem;
  background: linear-gradient(135deg, var(--service-accent), var(--service-accent-2));
  color: #07101b;
  font-size: 0.78rem;
  font-weight: var(--weight-bold);
}

.service-challenge-card h3,
.service-feature-card h3,
.service-capability-card h3,
.service-highlight-card h3,
.service-benefit-card h3,
.service-page__related-card strong,
.services-pillars-page__service-link span {
  color: #fff;
  font-size: 1.05rem;
  line-height: 1.35;
}

.service-challenge-card p,
.service-feature-card p,
.service-capability-card p,
.service-highlight-card p,
.service-benefit-card p,
.service-page__related-card p,
.services-pillars-page__service-link strong {
  color: rgba(255, 255, 255, 0.68);
  font-size: 0.9rem;
  line-height: 1.62;
}

.service-page__delivery-layout,
.service-page__technology-layout,
.services-pillars-page__pillar-shell {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: clamp(1.3rem, 3vw, 2rem);
  align-items: start;
}

.service-page__delivery-layout> :first-child,
.service-page__technology-layout> :first-child,
.service-page__highlight-shell--ai> :first-child,
.service-page__highlight-shell--analytics> :first-child {
  position: sticky;
  top: 6.5rem;
}

.service-page__feature-stack,
.service-page__highlight-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  grid-auto-rows: 1fr;
}

.service-highlight-panel,
.service-page__connector-map,
.service-page__kpi-panel,
.service-page__tech-panel,
.services-pillars-page__pillar-intro,
.services-pillars-page__cta-shell,
.service-page__cta-shell {
  padding: clamp(1.35rem, 2.8vw, 2rem);
}

.service-page__connector-map {
  position: relative;
  overflow: hidden;
}

/* .service-page__connector-map::after {
  content: "";
  position: absolute;
  inset: auto 1.5rem 1.2rem 1.5rem;
  height: 2px;
  background: linear-gradient(90deg, var(--service-accent), var(--service-accent-2), transparent);
  box-shadow: 0 0 16px color-mix(in srgb, var(--service-accent-2) 28%, transparent);
  background-size: 220% 100%;
  animation: service-line-flow 7s linear infinite;
} */

.service-page__highlight-shell--ai,
.service-page__highlight-shell--analytics {
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
  gap: 1.25rem;
  align-items: start;
}

.service-page__highlight-shell--migration {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}

.service-page__roadmap-line {
  position: absolute;
  inset: 2.35rem 10% auto 10%;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--service-accent), var(--service-accent-2), transparent);
  opacity: 0.7;
  background-size: 220% 100%;
  animation: service-line-flow 6.5s linear infinite;
}

.service-highlight-card--roadmap {
  min-height: 100%;
}

.service-page__kpi-panel {
  display: grid;
  gap: 0.9rem;
}

.service-page__kpi-metric {
  padding: 0.9rem 1rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
}

.service-page__kpi-metric small {
  display: block;
  color: rgba(255, 255, 255, 0.56);
  font-size: 0.76rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.service-page__kpi-metric strong {
  display: block;
  margin-top: 0.35rem;
  color: #fff;
  font-size: 1.1rem;
}

.service-process-timeline {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  padding: 0;
  list-style: none;
  position: relative;
}

.service-process-timeline__item {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.9rem;
  align-items: start;
  padding: 1rem;
  border: 1px solid var(--service-border);
  background: rgba(255, 255, 255, 0.04);
  overflow: hidden;
}

/* .service-process-timeline__item::after {
  content: "";
  position: absolute;
  inset: auto -0.5rem 1.25rem auto;
  width: 1.8rem;
  height: 1px;
  background: linear-gradient(90deg, color-mix(in srgb, var(--service-accent-2) 75%, transparent), transparent);
  opacity: 0.7;
} */

.service-process-timeline__item:last-child::after {
  display: none;
}

.service-process-timeline__step {
  display: inline-grid;
  place-items: center;
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--service-accent), var(--service-accent-2));
  color: #06101b;
  font-size: 0.78rem;
  font-weight: var(--weight-bold);
}

.service-process-timeline__item strong {
  display: block;
  color: #fff;
}

.service-process-timeline__item p {
  margin-top: 0.45rem;
  color: rgba(255, 255, 255, 0.68);
  font-size: 0.88rem;
  line-height: 1.58;
}

.service-tech-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  margin-top: 1rem;
}

.service-tech-pills__item {
  padding: 0.6rem 0.85rem;
  border: 1px solid color-mix(in srgb, var(--service-accent) 36%, transparent);
  background: color-mix(in srgb, var(--service-accent) 10%, transparent);
  color: rgba(255, 255, 255, 0.88);
  font-size: 0.82rem;
}

.service-page__related-card,
.services-pillars-page__service-link {
  color: inherit;
  text-decoration: none;
}

.service-page__related-card span,
.services-pillars-page__service-link strong {
  color: var(--service-accent-3);
  font-size: 0.75rem;
  font-weight: var(--weight-bold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.service-page__cta-shell,
.services-pillars-page__cta-shell {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  background:
    radial-gradient(circle at 88% 28%, color-mix(in srgb, var(--service-accent-2) 24%, transparent), transparent 18rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.03)),
    rgba(255, 255, 255, 0.04);
}

.service-page__cta-actions,
.services-pillars-page__cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem;
}

.service-faq-list {
  max-width: 72rem;
}

.service-faq-list__item {
  padding: 1rem 1.1rem;
  border: 1px solid var(--service-border);
  background: rgba(255, 255, 255, 0.04);
  transition: border-color 180ms ease, transform 180ms ease, background 180ms ease;
}

.service-faq-list__item+.service-faq-list__item {
  margin-top: 0.85rem;
}

.service-faq-list__item:hover,
.service-faq-list__item[open] {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--service-accent) 48%, transparent);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.035)),
    rgba(255, 255, 255, 0.045);
}

.service-faq-list__item summary {
  cursor: pointer;
  color: #fff;
  font-weight: var(--weight-bold);
}

.service-faq-list__item p {
  margin-top: 0.75rem;
  color: rgba(255, 255, 255, 0.7);
}

.services-pillars-page {
  --service-accent: #7c3aed;
  --service-accent-2: #38bdf8;
  --service-accent-3: #a78bfa;
  color: #fff;
  background:
    radial-gradient(circle at 12% 8%, rgba(124, 58, 237, 0.1), transparent 22rem),
    radial-gradient(circle at 86% 10%, rgba(56, 189, 248, 0.1), transparent 24rem),
    #05070d;
}

.services-pillars-page__hero {
  padding: clamp(4.5rem, 8vw, 6.2rem) 0 clamp(3.2rem, 6vw, 4.8rem);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.services-pillars-page__hero-shell {
  position: relative;
  overflow: hidden;
  padding: clamp(1.9rem, 4vw, 3rem);
  border: 1px solid rgba(255, 255, 255, 0.1);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.025)),
    rgba(255, 255, 255, 0.03);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 28px 80px rgba(0, 0, 0, 0.2);
}

.services-pillars-page__hero-shell::before {
  content: "";
  position: absolute;
  inset: auto -5rem -8rem auto;
  width: 18rem;
  height: 18rem;
  border-radius: 999px;
  background: radial-gradient(circle, color-mix(in srgb, var(--service-accent-2) 24%, transparent), transparent 72%);
  filter: blur(10px);
  opacity: 0.7;
  pointer-events: none;
}

.services-pillars-page__hero-actions {
  margin-top: 1.6rem;
}

.services-pillars-page__pillar {
  position: relative;
  padding: clamp(3.5rem, 6vw, 6.5rem) 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.services-pillars-page__pillar.service-theme-ai {
  --service-accent: #7c3aed;
  --service-accent-2: #38bdf8;
  --service-accent-3: #a78bfa;
  background: radial-gradient(circle at 80% 50%, rgba(124, 58, 237, 0.04), transparent 45rem);
}

.services-pillars-page__pillar.service-theme-migration {
  --service-accent: #0ea5e9;
  --service-accent-2: #14b8a6;
  --service-accent-3: #67e8f9;
  background: radial-gradient(circle at 20% 50%, rgba(14, 165, 233, 0.04), transparent 45rem);
}

.services-pillars-page__pillar.service-theme-analytics {
  --service-accent: #38bdf8;
  --service-accent-2: #f59e0b;
  --service-accent-3: #34d399;
  background: radial-gradient(circle at 80% 50%, rgba(56, 189, 248, 0.04), transparent 45rem);
}

.services-pillars-page__pillar-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2.3fr);
  gap: clamp(2rem, 4vw, 3.5rem);
  align-items: start;
}

@media (min-width: 1081px) {
  .services-pillars-page__pillar-intro {
    position: sticky;
    top: 7.5rem;
  }
}

@media (max-width: 1080px) {
  .services-pillars-page__pillar-shell {
    grid-template-columns: 1fr;
  }

  .services-pillars-page__pillar-intro {
    margin-bottom: 2rem;
  }
}

.services-pillars-page__pillar-intro {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  padding: 0 !important;
}

.services-pillars-page__pillar-summary {
  margin-top: 1rem;
}

/* Filter pills row */
.services-pillars-page__filter-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-bottom: 1.8rem;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.06);
  padding: 0.4rem;
  border-radius: 12px;
}

.services-pillars-page__filter-pill {
  padding: 0.48rem 1.15rem;
  font-size: 0.82rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.65);
  background: transparent;
  border: 1px solid transparent;
  border-radius: 8px;
  cursor: pointer;
  transition: all 220ms ease;
  user-select: none;
}

.services-pillars-page__filter-pill:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.04);
}

.services-pillars-page__filter-pill.is-active {
  color: #ffffff;
  background: rgba(41, 114, 255, 0.16);
  border-color: rgba(41, 114, 255, 0.4);
  box-shadow: 0 4px 12px rgba(41, 114, 255, 0.15);
}

/* Section-specific filter pills (Dark Mode) */
/* AI */
.service-theme-ai .services-pillars-page__filter-pill:hover {
  color: #1DE9B6 !important;
  background: rgba(29, 233, 182, 0.04) !important;
}

.service-theme-ai .services-pillars-page__filter-pill.is-active {
  color: #ffffff !important;
  background: rgba(29, 233, 182, 0.16) !important;
  border-color: rgba(29, 233, 182, 0.4) !important;
  box-shadow: 0 4px 12px rgba(29, 233, 182, 0.15) !important;
}

/* Migration */
.service-theme-migration .services-pillars-page__filter-pill:hover {
  color: #2972FF !important;
  background: rgba(41, 98, 255, 0.04) !important;
}

.service-theme-migration .services-pillars-page__filter-pill.is-active {
  color: #ffffff !important;
  background: rgba(41, 98, 255, 0.16) !important;
  border-color: rgba(41, 98, 255, 0.4) !important;
  box-shadow: 0 4px 12px rgba(41, 98, 255, 0.15) !important;
}

/* Analytics */
.service-theme-analytics .services-pillars-page__filter-pill:hover {
  color: #FFC400 !important;
  background: rgba(255, 196, 0, 0.04) !important;
}

.service-theme-analytics .services-pillars-page__filter-pill.is-active {
  color: #ffffff !important;
  background: rgba(255, 196, 0, 0.16) !important;
  border-color: rgba(255, 196, 0, 0.4) !important;
  box-shadow: 0 4px 12px rgba(255, 196, 0, 0.15) !important;
}


/* Service cards grid */
.services-pillars-page__pillar-links {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.25rem;
  align-content: start;
}

@media (max-width: 1560px) {
  .services-pillars-page__pillar-links {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .services-pillars-page__pillar-links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 580px) {
  .services-pillars-page__pillar-links {
    grid-template-columns: 1fr;
  }
}

/* Service grid card */
.service-grid-card {
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(15, 23, 42, 0.35);
  backdrop-filter: blur(12px);
  box-shadow:
    0 4px 20px rgba(0, 0, 0, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  overflow: hidden;
  text-decoration: none;
  transition: transform 0.25s cubic-bezier(0.25, 1, 0.5, 1),
    border-color 0.25s cubic-bezier(0.25, 1, 0.5, 1),
    box-shadow 0.25s cubic-bezier(0.25, 1, 0.5, 1),
    background 0.25s cubic-bezier(0.25, 1, 0.5, 1);
  /* min-height: 230px;spo */
}

.service-grid-card.is-hidden {
  display: none !important;
}

.service-grid-card:hover {
  transform: translateY(-4px);
  border-color: var(--service-accent);
  background: rgba(15, 23, 42, 0.5);
  box-shadow:
    0 12px 30px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 18px color-mix(in srgb, var(--service-accent) 25%, transparent);
}

.service-grid-card__header {
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #101c27 0%, #060b10 100%) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.service-grid-card__header::before {
  display: none;
}

/* Aurora gradients using brand colors */
.gradient-purple-blue {
  background:
    radial-gradient(circle at 10% 20%, rgba(41, 98, 255, 0.9), transparent 60%),
    radial-gradient(circle at 90% 80%, rgba(29, 233, 182, 0.7), transparent 70%),
    #040E14;
}

.gradient-teal {
  background:
    radial-gradient(circle at 20% 10%, rgba(29, 233, 182, 0.95), transparent 60%),
    radial-gradient(circle at 80% 90%, rgba(41, 98, 255, 0.75), transparent 70%),
    #040E14;
}

.gradient-blue-amber {
  background:
    radial-gradient(circle at 20% 20%, rgba(41, 98, 255, 0.95), transparent 65%),
    radial-gradient(circle at 80% 80%, rgba(255, 196, 0, 0.75), transparent 70%),
    #040E14;
}

.gradient-pink-purple {
  background:
    radial-gradient(circle at 30% 10%, rgba(29, 233, 182, 0.9), transparent 60%),
    radial-gradient(circle at 70% 90%, rgba(255, 196, 0, 0.8), transparent 70%),
    #040E14;
}

.gradient-indigo {
  background:
    radial-gradient(circle at 50% 20%, rgba(41, 98, 255, 0.95), transparent 75%),
    radial-gradient(circle at 10% 90%, rgba(29, 233, 182, 0.5), transparent 60%),
    #040E14;
}

.gradient-cyan {
  background:
    radial-gradient(circle at 50% 10%, rgba(29, 233, 182, 0.95), transparent 70%),
    radial-gradient(circle at 90% 90%, rgba(255, 196, 0, 0.55), transparent 65%),
    #040E14;
}

.gradient-green {
  background:
    radial-gradient(circle at 20% 20%, rgba(29, 233, 182, 0.9), transparent 65%),
    radial-gradient(circle at 80% 80%, rgba(41, 98, 255, 0.55), transparent 65%),
    #040E14;
}

.gradient-violet {
  background:
    radial-gradient(circle at 10% 80%, rgba(41, 98, 255, 0.9), transparent 65%),
    radial-gradient(circle at 90% 20%, rgba(255, 196, 0, 0.7), transparent 65%),
    #040E14;
}

.gradient-orange-red {
  background:
    radial-gradient(circle at 20% 10%, rgba(255, 196, 0, 0.95), transparent 60%),
    radial-gradient(circle at 80% 90%, rgba(29, 233, 182, 0.75), transparent 70%),
    #040E14;
}

.gradient-blue-purple {
  background:
    radial-gradient(circle at 50% 20%, rgba(41, 98, 255, 0.85), transparent 70%),
    radial-gradient(circle at 90% 90%, rgba(255, 196, 0, 0.6), transparent 65%),
    #040E14;
}

.service-grid-card__icon {
  position: relative;
  z-index: 1;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.service-grid-card__icon svg {
  width: 24px;
  height: 24px;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.15));
  transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}

.service-grid-card:hover .service-grid-card__icon svg {
  transform: scale(1.1);
}

.service-grid-card__body {
  padding: 0.85rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  flex-grow: 1;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.015), transparent);
}

.service-grid-card__title {
  font-size: 0.95rem;
  font-weight: 500;
  color: #ffffff;
  margin: 0;
  line-height: 1.35;
}

.service-grid-card__description {
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.62);
  margin: 0;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Redesigned minimal service grid card */
.service-grid-card--redesign {
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(15, 23, 42, 0.35) !important;
  backdrop-filter: blur(12px);
  box-shadow:
    0 4px 20px rgba(0, 0, 0, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  overflow: hidden;
  text-decoration: none;
  transition: transform 0.25s cubic-bezier(0.25, 1, 0.5, 1),
    border-color 0.25s cubic-bezier(0.25, 1, 0.5, 1),
    box-shadow 0.25s cubic-bezier(0.25, 1, 0.5, 1),
    background 0.25s cubic-bezier(0.25, 1, 0.5, 1);
  padding: 1.8rem 1.5rem;
  position: relative;
}

.service-grid-card--redesign:hover {
  transform: translateY(-4px);
  background: rgba(15, 23, 42, 0.5) !important;
}

.service-grid-card--redesign .service-grid-card__body {
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
  background: transparent;
  min-height: 5.5rem;
  padding-right: 1.5rem;
  /* Make space for the arrow */
}

.service-grid-card--redesign .service-grid-card__title {
  font-size: 1.15rem;
  font-weight: 500;
  color: #ffffff;
  margin: 0;
  line-height: 1.35;
}

.service-grid-card--redesign .service-grid-card__arrow {
  position: absolute;
  top: 1.8rem;
  right: 1.5rem;
  margin: 0;
  color: rgba(255, 255, 255, 0.4) !important;
  font-size: 1.1rem;
  transition: transform 0.2s ease, color 0.2s ease;
}

.service-grid-card--redesign:hover .service-grid-card__arrow {
  transform: translate(3px, -3px);
}

/* Dark Mode Theme Hover Colors */
/* AI - Neon Aqua Mint */
.service-theme-ai .service-grid-card--redesign {
  border-color: rgba(138, 80, 216, 0.15);
  background: rgba(138, 80, 216, 0.02) !important;
}

.service-theme-ai .service-grid-card--redesign:hover {
  border-color: #1DE9B6 !important;
  background: rgba(13, 162, 131, 0.04) !important;
  box-shadow:
    0 12px 30px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 18px rgba(29, 233, 182, 0.25) !important;
}

.service-theme-ai .service-grid-card--redesign:hover .service-grid-card__arrow {
  color: #1DE9B6 !important;
}

/* Migration - Sapphire Blue */
.service-theme-migration .service-grid-card--redesign {
  border-color: rgba(41, 98, 255, 0.15);
  background: rgba(41, 98, 255, 0.02) !important;
}

.service-theme-migration .service-grid-card--redesign:hover {
  border-color: #2972FF !important;
  background: rgba(41, 98, 255, 0.06) !important;
  box-shadow:
    0 12px 30px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 18px rgba(41, 98, 255, 0.25) !important;
}

.service-theme-migration .service-grid-card--redesign:hover .service-grid-card__arrow {
  color: #2972FF !important;
}

/* Analytics - Amber Yellow */
.service-theme-analytics .service-grid-card--redesign {
  border-color: rgba(255, 196, 0, 0.15);
  background: rgba(255, 196, 0, 0.02) !important;
}

.service-theme-analytics .service-grid-card--redesign:hover {
  border-color: #FFC400 !important;
  background: rgba(255, 196, 0, 0.06) !important;
  box-shadow:
    0 12px 30px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 18px rgba(255, 196, 0, 0.25) !important;
}

.service-theme-analytics .service-grid-card--redesign:hover .service-grid-card__arrow {
  color: #FFC400 !important;
}

/* Light Theme overrides for Redesigned service grid card */
html[data-theme="light"] .service-grid-card--redesign {
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: #ffffff !important;
  box-shadow:
    0 4px 15px rgba(0, 0, 0, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

html[data-theme="light"] .service-grid-card--redesign .service-grid-card__title {
  color: #0f172a;
}

html[data-theme="light"] .service-grid-card--redesign .service-grid-card__arrow {
  color: rgba(15, 23, 42, 0.35) !important;
}

/* Light Theme Theme Hover Colors */
/* AI */
html[data-theme="light"] .service-theme-ai .service-grid-card--redesign {
  border-color: rgba(13, 162, 131, 0.12);
  background: rgba(13, 162, 131, 0.01) !important;
}

html[data-theme="light"] .service-theme-ai .service-grid-card--redesign:hover {
  border-color: #0da283 !important;
  background: rgba(13, 162, 131, 0.04) !important;
  box-shadow:
    0 12px 28px rgba(13, 162, 131, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

html[data-theme="light"] .service-theme-ai .service-grid-card--redesign:hover .service-grid-card__arrow {
  color: #0da283 !important;
}

/* Migration */
html[data-theme="light"] .service-theme-migration .service-grid-card--redesign {
  border-color: rgba(41, 114, 255, 0.12);
  background: rgba(41, 114, 255, 0.01) !important;
}

html[data-theme="light"] .service-theme-migration .service-grid-card--redesign:hover {
  border-color: #2972FF !important;
  background: rgba(41, 114, 255, 0.04) !important;
  box-shadow:
    0 12px 28px rgba(41, 114, 255, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

html[data-theme="light"] .service-theme-migration .service-grid-card--redesign:hover .service-grid-card__arrow {
  color: #2972FF !important;
}

/* Analytics */
html[data-theme="light"] .service-theme-analytics .service-grid-card--redesign {
  border-color: rgba(217, 119, 6, 0.12);
  background: rgba(217, 119, 6, 0.01) !important;
}

html[data-theme="light"] .service-theme-analytics .service-grid-card--redesign:hover {
  border-color: #d97706 !important;
  background: rgba(217, 119, 6, 0.04) !important;
  box-shadow:
    0 12px 28px rgba(217, 119, 6, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

html[data-theme="light"] .service-theme-analytics .service-grid-card--redesign:hover .service-grid-card__arrow {
  color: #d97706 !important;
}

/* Light Theme overrides matching the light aesthetic of the mockup */
html[data-theme="light"] .services-pillars-page__filter-row {
  background: rgba(15, 23, 42, 0.02);
  border-color: rgba(15, 23, 42, 0.06);
}

html[data-theme="light"] .services-pillars-page__filter-pill {
  color: rgba(15, 23, 42, 0.65);
}

html[data-theme="light"] .services-pillars-page__filter-pill:hover {
  color: var(--text-primary);
  background: rgba(15, 23, 42, 0.04);
}

html[data-theme="light"] .services-pillars-page__filter-pill.is-active {
  color: #2972FF;
  background: rgba(41, 114, 255, 0.08);
  border-color: rgba(41, 114, 255, 0.25);
  box-shadow: 0 4px 12px rgba(41, 114, 255, 0.06);
}

/* Section-specific filter pills (Light Mode) */
/* AI */
html[data-theme="light"] .service-theme-ai .services-pillars-page__filter-pill:hover {
  color: #0da283 !important;
  background: rgba(13, 162, 131, 0.04) !important;
}

html[data-theme="light"] .service-theme-ai .services-pillars-page__filter-pill.is-active {
  color: #0da283 !important;
  background: rgba(13, 162, 131, 0.08) !important;
  border-color: rgba(13, 162, 131, 0.25) !important;
  box-shadow: 0 4px 12px rgba(13, 162, 131, 0.06) !important;
}

/* Migration */
html[data-theme="light"] .service-theme-migration .services-pillars-page__filter-pill:hover {
  color: #2972FF !important;
  background: rgba(41, 98, 255, 0.04) !important;
}

html[data-theme="light"] .service-theme-migration .services-pillars-page__filter-pill.is-active {
  color: #2972FF !important;
  background: rgba(41, 98, 255, 0.08) !important;
  border-color: rgba(41, 98, 255, 0.25) !important;
  box-shadow: 0 4px 12px rgba(41, 98, 255, 0.06) !important;
}

/* Analytics */
html[data-theme="light"] .service-theme-analytics .services-pillars-page__filter-pill:hover {
  color: #d97706 !important;
  background: rgba(217, 119, 6, 0.04) !important;
}

html[data-theme="light"] .service-theme-analytics .services-pillars-page__filter-pill.is-active {
  color: #d97706 !important;
  background: rgba(217, 119, 6, 0.08) !important;
  border-color: rgba(217, 119, 6, 0.25) !important;
  box-shadow: 0 4px 12px rgba(217, 119, 6, 0.06) !important;
}


html[data-theme="light"] .service-grid-card__header {
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%) !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.06) !important;
}

html[data-theme="light"] .service-grid-card__icon {
  color: #2972FF !important;
}

html[data-theme="light"] .service-grid-card {
  border-color: rgba(15, 23, 42, 0.08);
  background: #ffffff;
  box-shadow:
    0 4px 15px rgba(15, 23, 42, 0.03),
    inset 0 1px 0 #ffffff;
}

html[data-theme="light"] .service-grid-card:hover {
  border-color: var(--service-accent);
  background: #ffffff;
  box-shadow:
    0 12px 28px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 #ffffff,
    0 0 16px color-mix(in srgb, var(--service-accent) 12%, transparent);
}

html[data-theme="light"] {
  background: #ffffff;
}

html[data-theme="light"] .service-grid-card__title {
  color: var(--text-primary);
}

html[data-theme="light"] .service-grid-card__description {
  color: var(--text-secondary);
}

html[data-theme="light"] .services-pillars-page__pillar-intro {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

.services-pillars-page__cta {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

html[data-theme="light"] .service-page,
html[data-theme="light"] .services-pillars-page {
  color: var(--text-primary);
  background:
    radial-gradient(circle at 10% 6%, rgba(124, 58, 237, 0.08), transparent 20rem),
    radial-gradient(circle at 88% 8%, rgba(56, 189, 248, 0.08), transparent 22rem),
    #f7fafc;
}

html[data-theme="light"] .service-page.service-theme-migration,
html[data-theme="light"] .services-pillars-page__pillar.service-theme-migration {
  background:
    radial-gradient(circle at 10% 6%, rgba(14, 165, 233, 0.08), transparent 20rem),
    radial-gradient(circle at 88% 8%, rgba(20, 184, 166, 0.08), transparent 22rem),
    #f7fafc;
}

html[data-theme="light"] .service-page.service-theme-analytics,
html[data-theme="light"] .services-pillars-page__pillar.service-theme-analytics {
  background:
    radial-gradient(circle at 10% 6%, rgba(56, 189, 248, 0.08), transparent 20rem),
    radial-gradient(circle at 88% 8%, rgba(245, 158, 11, 0.1), transparent 22rem),
    #f7fafc;
}

html[data-theme="light"] .service-page__lead,
html[data-theme="light"] .service-page__section-header p,
html[data-theme="light"] .service-highlight-panel p,
html[data-theme="light"] .service-page__connector-map p,
html[data-theme="light"] .service-page__kpi-panel p,
html[data-theme="light"] .service-page__tech-panel p,
html[data-theme="light"] .service-page__cta-shell p,
html[data-theme="light"] .services-pillars-page__hero p,
html[data-theme="light"] .services-pillars-page__pillar-intro p,
html[data-theme="light"] .services-pillars-page__cta-shell p,
html[data-theme="light"] .service-challenge-card p,
html[data-theme="light"] .service-feature-card p,
html[data-theme="light"] .service-capability-card p,
html[data-theme="light"] .service-highlight-card p,
html[data-theme="light"] .service-benefit-card p,
html[data-theme="light"] .service-page__related-card p,
html[data-theme="light"] .service-process-timeline__item p,
html[data-theme="light"] .service-faq-list__item p {
  color: var(--text-secondary);
}

html[data-theme="light"] .service-page__trust-item,
html[data-theme="light"] .service-highlight-panel,
html[data-theme="light"] .service-page__connector-map,
html[data-theme="light"] .service-page__kpi-panel,
html[data-theme="light"] .service-page__tech-panel,
html[data-theme="light"] .service-page__cta-shell,
html[data-theme="light"] .services-pillars-page__pillar-intro,
html[data-theme="light"] .services-pillars-page__cta-shell,
html[data-theme="light"] .service-challenge-card,
html[data-theme="light"] .service-feature-card,
html[data-theme="light"] .service-capability-card,
html[data-theme="light"] .service-highlight-card,
html[data-theme="light"] .service-benefit-card,
html[data-theme="light"] .service-page__related-card,
html[data-theme="light"] .services-pillars-page__service-link,
html[data-theme="light"] .service-process-timeline__item,
html[data-theme="light"] .service-faq-list__item {
  border-color: rgba(15, 23, 42, 0.1);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 248, 253, 0.95)),
    rgba(255, 255, 255, 0.94);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    0 18px 42px rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] .service-challenge-card h3,
html[data-theme="light"] .service-feature-card h3,
html[data-theme="light"] .service-capability-card h3,
html[data-theme="light"] .service-highlight-card h3,
html[data-theme="light"] .service-benefit-card h3,
html[data-theme="light"] .service-page__related-card strong,
html[data-theme="light"] .services-pillars-page__service-link span,
html[data-theme="light"] .service-page__trust-item strong,
html[data-theme="light"] .service-process-timeline__item strong,
html[data-theme="light"] .service-page__kpi-metric strong,
html[data-theme="light"] .service-faq-list__item summary {
  color: var(--text-primary);
}

html[data-theme="light"] .service-tag {
  background: color-mix(in srgb, var(--service-accent) 9%, #ffffff);
  color: var(--text-primary);
}

html[data-theme="light"] .service-page__hero-shell,
html[data-theme="light"] .services-pillars-page__hero-shell {
  border-color: rgba(15, 23, 42, 0.1);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 248, 253, 0.94)),
    rgba(255, 255, 255, 0.96);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 24px 56px rgba(15, 23, 42, 0.09);
}

html[data-theme="light"] .service-page__hero-shell::before,
html[data-theme="light"] .services-pillars-page__hero-shell::before {
  opacity: 0.45;
}

.service-page>.section>.container,
.service-page__hero>.container,
.service-page__faq-section>.container {
  width: min(100% - 48px, var(--container));
  max-width: var(--container);
  margin-inline: auto;
}

.service-page__hero-shell,
.services-pillars-page__hero-shell,
.service-faq-list {
  max-width: none;
}

.service-page__delivery-layout,
.service-page__technology-layout,
.service-page__highlight-shell--ai,
.service-page__highlight-shell--analytics {
  grid-template-columns: minmax(0, 0.36fr) minmax(0, 0.64fr);
}

.service-page__feature-stack,
.service-page__highlight-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.service-page__feature-stack .service-feature-card,
.service-page__highlight-grid .service-highlight-card {
  min-height: 100%;
}

.service-process-timeline__item {
  grid-template-columns: 1fr;
}

.service-challenge-card__badge,
.service-feature-card__badge,
.service-capability-card__badge,
.service-highlight-card__badge,
.service-benefit-card__badge,
.service-process-timeline__step,
.copilot-service-page__process-step>span:first-child,
.azure-services-page__process-step>span:first-child,
.exchange-migration-page__process-step>span:first-child,
.exchange-page__workflow-step>span:first-child,
.dataverse-page__process-step>span:first-child,
.service-pattern-page__process-card>span:first-child,
.m365-migration-page__process-step>span:first-child,
.teams-page__process-step>span:first-child,
.onedrive-page__workflow-step>span:first-child,
.power-automate-page__approach-step>span:first-child,
.power-bi-page__process-step>span:first-child,
.power-pages-page__process-step>span:first-child,
.spfx-page__process-step>span:first-child,
.sharepoint-consulting-page__timeline-item>strong:first-child,
.m365-page__impact-card>strong:first-child {
  display: none !important;
}

.service-page__tech-panel {
  min-height: auto;
}

body[data-page="services"] .grid--4,
body[data-page="services"] .grid--5 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
}

body[data-page="services"] .grid>article,
body[data-page="services"] [class*="__grid"]>article,
body[data-page="services"] [class*="__cards"]>article,
body[data-page="services"] [class*="__steps"]>article {
  min-height: 100%;
}

.service-tech-pills__item {
  border-color: color-mix(in srgb, var(--service-accent) 30%, rgba(255, 255, 255, 0.16));
  background: color-mix(in srgb, var(--service-accent) 8%, transparent);
}

html[data-theme="light"] .service-page,
html[data-theme="light"] .services-pillars-page {
  background:
    linear-gradient(180deg, #ffffff 0%, #f6f9fd 48%, #f3f7fc 100%);
}

html[data-theme="light"] .service-page.service-theme-migration,
html[data-theme="light"] .service-page.service-theme-analytics,
html[data-theme="light"] .services-pillars-page__pillar.service-theme-migration,
html[data-theme="light"] .services-pillars-page__pillar.service-theme-analytics {
  background:
    linear-gradient(180deg, #ffffff 0%, #f6f9fd 48%, #f3f7fc 100%);
}

html[data-theme="light"] .service-page .section {
  border-bottom-color: rgba(148, 163, 184, 0.24);
}

html[data-theme="light"] .service-page__hero::before {
  opacity: 0.34;
}

html[data-theme="light"] .section--soft {
  background:
    radial-gradient(circle, rgba(37, 99, 235, 0.13) 1px, transparent 1px),
    #f7fafc;
  background-size: 20px 20px;
}

html[data-theme="light"] .service-page__section-header::before {
  box-shadow: none;
}

html[data-theme="light"] .service-page__lead,
html[data-theme="light"] .service-page__section-header p,
html[data-theme="light"] .service-highlight-panel p,
html[data-theme="light"] .service-page__connector-map p,
html[data-theme="light"] .service-page__kpi-panel p,
html[data-theme="light"] .service-page__tech-panel p,
html[data-theme="light"] .service-page__cta-shell p,
html[data-theme="light"] .services-pillars-page__hero p,
html[data-theme="light"] .services-pillars-page__pillar-intro p,
html[data-theme="light"] .services-pillars-page__cta-shell p,
html[data-theme="light"] .service-challenge-card p,
html[data-theme="light"] .service-feature-card p,
html[data-theme="light"] .service-capability-card p,
html[data-theme="light"] .service-highlight-card p,
html[data-theme="light"] .service-benefit-card p,
html[data-theme="light"] .service-page__related-card p,
html[data-theme="light"] .service-process-timeline__item p,
html[data-theme="light"] .service-faq-list__item p {
  color: #334155;
}

html[data-theme="light"] .service-page__trust-item,
html[data-theme="light"] .service-highlight-panel,
html[data-theme="light"] .service-page__connector-map,
html[data-theme="light"] .service-page__kpi-panel,
html[data-theme="light"] .service-page__tech-panel,
html[data-theme="light"] .service-page__cta-shell,
html[data-theme="light"] .services-pillars-page__pillar-intro,
html[data-theme="light"] .services-pillars-page__cta-shell,
html[data-theme="light"] .service-challenge-card,
html[data-theme="light"] .service-feature-card,
html[data-theme="light"] .service-capability-card,
html[data-theme="light"] .service-highlight-card,
html[data-theme="light"] .service-benefit-card,
html[data-theme="light"] .service-page__related-card,
html[data-theme="light"] .services-pillars-page__service-link,
html[data-theme="light"] .service-process-timeline__item,
html[data-theme="light"] .service-faq-list__item {
  border-color: rgba(100, 116, 139, 0.24);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.98)),
    #ffffff;
  box-shadow:
    0 16px 34px rgba(15, 23, 42, 0.07),
    0 1px 0 rgba(255, 255, 255, 0.92) inset;
}

html[data-theme="light"] .service-tag,
html[data-theme="light"] .service-tech-pills__item {
  border-color: color-mix(in srgb, var(--service-accent) 34%, rgba(100, 116, 139, 0.28));
  background: color-mix(in srgb, var(--service-accent) 7%, #ffffff);
  color: #0f172a;
}

html[data-theme="light"] .service-page__related-card span,
html[data-theme="light"] .services-pillars-page__service-link strong {
  color: color-mix(in srgb, var(--service-accent) 74%, #0f172a);
}

html[data-theme="light"] .service-page__kpi-metric {
  border-color: rgba(100, 116, 139, 0.2);
  background: rgba(248, 250, 252, 0.9);
}

.hero h1,
.hero--page h1,
.site-main>.hero h1,
.m365-page__hero h1,
.sharepoint-page__hero h1,
.teams-page__hero h1,
.onedrive-page__hero h1,
.spfx-page__hero h1,
.service-page__hero h1,
.services-pillars-page__hero h1,
.about-page__hero-copy h1 {
  font-size: clamp(2rem, 4vw, 3.2rem) !important;
  line-height: 1.04;
}

@media (max-width: 640px) {

  .hero h1,
  .hero--page h1,
  .site-main>.hero h1,
  .m365-page__hero h1,
  .sharepoint-page__hero h1,
  .teams-page__hero h1,
  .onedrive-page__hero h1,
  .spfx-page__hero h1,
  .service-page__hero h1,
  .services-pillars-page__hero h1,
  .about-page__hero-copy h1 {
    font-size: clamp(1.85rem, 8vw, 2.45rem) !important;
  }
}

.testimonial {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.testimonial h2 {
  max-width: 100%;
}

.testimonial__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
  margin-top: 1rem;
}

.testimonial__quote {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 0;
  padding: 2.2rem 2rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 24px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.005) 50%, rgba(255, 255, 255, 0)),
    linear-gradient(180deg, rgba(12, 14, 24, 0.94), rgba(4, 5, 10, 0.98));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 18px 44px rgba(0, 0, 0, 0.28);
  overflow: hidden;
  transition: transform 300ms cubic-bezier(0.25, 1, 0.5, 1), border-color 300ms cubic-bezier(0.25, 1, 0.5, 1);
}

.testimonial__quote:hover {
  transform: translateY(-5px);
  border-color: rgba(37, 99, 235, 0.35);
  box-shadow: 0 24px 50px rgba(37, 99, 235, 0.06), 0 18px 44px rgba(0, 0, 0, 0.3);
}

.testimonial__quote-mark {
  font-size: 4rem;
  font-family: Georgia, serif;
  color: rgba(37, 99, 235, 0.16);
  line-height: 1;
  margin-bottom: -1rem;
  display: block;
}

.testimonial__quote p {
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.94rem;
  line-height: 1.6;
  margin: 0;
}

.testimonial__client {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  margin-top: 2rem;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  padding-top: 1rem;
}

.testimonial__avatar {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(37, 99, 235, 0.12);
  color: #2563eb;
  display: inline-grid;
  place-items: center;
  font-size: 0.74rem;
  font-weight: 800;
  border: 1px solid rgba(37, 99, 235, 0.25);
  text-transform: uppercase;
  flex: 0 0 auto;
}

.testimonial__quote strong {
  display: block;
  color: #ffffff;
  font-size: 0.78rem;
  font-weight: var(--weight-medium);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.contact-page__hero {
  min-height: auto;
  padding: clamp(2.4rem, 5vw, 4rem) 0 clamp(1.8rem, 4vw, 3rem);
}

.contact-page__hero .hero__content {
  max-width: 54rem;
}

.contact-page__hero p {
  max-width: 58ch;
}

.contact-page__section {
  padding-top: clamp(2rem, 4vw, 3rem);
}

.contact-page__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(18rem, 0.8fr);
  gap: 1rem;
  align-items: start;
}

.contact-page .form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem 1rem;
  padding: clamp(1.2rem, 2.4vw, 1.7rem);
}

.contact-page .form .form__field:nth-last-of-type(1),
.contact-page .form .form__field:nth-last-of-type(2),
.contact-page .form button,
.contact-page .form .form__status {
  grid-column: 1 / -1;
}

.contact-page textarea {
  min-height: 8rem;
}

.contact-page__aside {
  display: grid;
  gap: 1rem;
}

.contact-page__card {
  display: grid;
  gap: 0.75rem;
  padding: clamp(1.2rem, 2.4vw, 1.55rem);
}

.contact-page__card h2 {
  font-size: 1.25rem;
}

.contact-page__card p {
  color: var(--text-secondary);
  line-height: 1.65;
}

@media (max-width: 900px) {

  .testimonial__grid,
  .contact-page__layout {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .contact-page__layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {

  .testimonial__grid,
  .contact-page .form {
    grid-template-columns: 1fr;
  }

  .testimonial__quote {
    aspect-ratio: auto;
    min-height: 0;
  }
}

@media (max-width: 1080px) {

  body[data-page="services"] .grid--4,
  body[data-page="services"] .grid--5 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .service-page__delivery-layout,
  .service-page__technology-layout,
  .service-page__highlight-shell--ai,
  .service-page__highlight-shell--analytics,
  .services-pillars-page__pillar-shell {
    grid-template-columns: 1fr;
  }

  .service-page__delivery-layout> :first-child,
  .service-page__technology-layout> :first-child,
  .service-page__highlight-shell--ai> :first-child,
  .service-page__highlight-shell--analytics> :first-child {
    position: static;
  }

  .service-page__highlight-shell--migration,
  .service-process-timeline,
  .service-page__trust-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {

  .service-challenge-grid,
  .service-capability-grid,
  .service-benefit-grid,
  .service-page__related-grid,
  .services-pillars-page__pillar-links,
  .service-page__feature-stack,
  .service-page__highlight-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .service-page__cta-shell,
  .services-pillars-page__cta-shell {
    flex-direction: column;
    align-items: stretch;
  }
}

@media (max-width: 640px) {

  body[data-page="services"] .grid--4,
  body[data-page="services"] .grid--5 {
    grid-template-columns: 1fr;
  }

  .service-page__trust-strip,
  .service-page__highlight-shell--migration,
  .service-process-timeline,
  .service-challenge-grid,
  .service-capability-grid,
  .service-benefit-grid,
  .service-page__related-grid,
  .services-pillars-page__pillar-links,
  .service-page__feature-stack,
  .service-page__highlight-grid {
    grid-template-columns: 1fr;
  }

  .service-page__hero,
  .services-pillars-page__hero {
    padding-top: 4rem;
  }

  .service-page__hero-shell,
  .services-pillars-page__hero-shell {
    padding: 1.4rem;
  }

  .service-page>.section>.container,
  .service-page__hero>.container,
  .service-page__faq-section>.container {
    width: min(100% - 32px, var(--container));
  }
}

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

  .service-page__hero-shell::before,
  .service-page__hero-shell::after,
  .service-page__connector-map::after,
  .service-page__roadmap-line,
  .service-tag,
  .service-challenge-card,
  .service-feature-card,
  .service-capability-card,
  .service-highlight-card,
  .service-benefit-card,
  .service-page__related-card,
  .services-pillars-page__service-link {
    animation: none !important;
    transition: none;
  }
}

@keyframes service-orb-drift {

  0%,
  100% {
    transform: translate3d(0, 0, 0) scale(1);
  }

  50% {
    transform: translate3d(1.25rem, 0.9rem, 0) scale(1.08);
  }
}

@keyframes service-card-sheen {
  0% {
    transform: translateX(-130%);
  }

  100% {
    transform: translateX(130%);
  }
}

@keyframes service-line-flow {
  100% {
    background-position: -30% 0;
  }
}

/* ==========================================================================
   INSIGHTS / KNOWLEDGE WORKSPACE DECK
   ========================================================================== */

.insights-page .site-main {
  background: #030303;
}

.insights-hero {
  position: relative;
  padding: clamp(4rem, 6vw, 6rem) 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background:
    radial-gradient(circle at 10% 20%, rgba(99, 102, 241, 0.05), transparent 30rem),
    radial-gradient(circle at 90% 80%, rgba(16, 185, 129, 0.03), transparent 30rem);
}

.insights-hero .hero__content {
  max-width: 100% !important;
}

.insights-workspace {
  position: relative;
  padding: clamp(3rem, 5vw, 5rem) 0;
  background: #030303;
}

/* Featured Spotlight Deck */
.insights-spotlight {
  position: relative;
  display: grid;
  grid-template-columns: 1.25fr 0.75fr;
  gap: 3rem;
  padding: clamp(2.2rem, 4vw, 3.5rem);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 32px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0)),
    linear-gradient(180deg, rgba(12, 14, 24, 0.94), rgba(4, 5, 10, 0.98));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 24px 54px rgba(0, 0, 0, 0.35);
  margin-bottom: clamp(3rem, 5vw, 4.5rem);
  overflow: hidden;
  align-items: center;
}

.spotlight__glow-mesh {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 0% 0%, rgba(37, 99, 235, 0.12), transparent 25rem);
  pointer-events: none;
  z-index: 0;
}

.spotlight__content {
  position: relative;
  z-index: 1;
}

.spotlight__meta-row {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  margin-bottom: 1.5rem;
}

.spotlight__badge {
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #a855f7;
  background: rgba(168, 85, 247, 0.12);
  padding: 0.35rem 0.75rem;
  border-radius: 6px;
  border: 1px solid rgba(168, 85, 247, 0.2);
}

.spotlight__category {
  font-size: 0.8rem;
  font-weight: 700;
  color: #3b82f6;
}

.spotlight__divider {
  color: rgba(255, 255, 255, 0.2);
}

.spotlight__read-time {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.45);
}

.spotlight__title {
  font-size: clamp(1.6rem, 2.5vw, 2.2rem);
  line-height: 1.22;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 1.25rem 0;
  letter-spacing: -0.02em;
  background: linear-gradient(135deg, #ffffff 0%, #93c5fd 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.spotlight__summary {
  font-size: 1.02rem;
  line-height: 1.68;
  color: rgba(255, 255, 255, 0.74);
  margin: 0 0 2rem 0;
  max-width: 68ch;
}

.spotlight__action-row {
  display: flex;
  align-items: center;
  gap: 2rem;
}

.spotlight__action-row .button--primary {
  padding: 0.92rem 1.6rem;
  font-size: 0.86rem;
  border-radius: 12px;
}

.spotlight__date {
  font-size: 0.86rem;
  color: rgba(255, 255, 255, 0.45);
}

.spotlight__visual {
  position: relative;
  width: 100%;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.85;
}

.spotlight__pulse-dot {
  animation: svg-dot-pulse 2s ease-in-out infinite alternate;
}

@keyframes svg-dot-pulse {
  0% {
    r: 4;
    fill-opacity: 0.6;
  }

  100% {
    r: 7;
    fill-opacity: 1;
    filter: drop-shadow(0 0 6px #8b5cf6);
  }
}

/* Control Deck (Search & Filter HUD) */
.insights-control-deck {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  margin-bottom: 2.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.insights-search-wrapper {
  position: relative;
  width: 100%;
  max-width: 520px;
}

.insights-search-wrapper .search-icon {
  position: absolute;
  left: 1.2rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.1rem;
  color: rgba(255, 255, 255, 0.35);
  pointer-events: none;
}

.insights-search-wrapper input {
  width: 100%;
  padding: 0.95rem 1.2rem 0.95rem 2.8rem;
  font-size: 0.94rem;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
  transition: all 220ms ease;
}

.insights-search-wrapper input:focus {
  outline: none;
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(99, 102, 241, 0.45);
  box-shadow:
    0 0 0 4px rgba(99, 102, 241, 0.1),
    inset 0 2px 4px rgba(0, 0, 0, 0.2);
}

.insights-filters-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  flex-wrap: wrap;
}

.insights-category-tabs {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  flex-wrap: wrap;
}

.insights-tab {
  padding: 0.55rem 1.1rem;
  font-size: 0.86rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.65);
  background: transparent;
  border: 1px solid transparent;
  border-radius: 10px;
  cursor: pointer;
  transition: all 220ms ease;
}

.insights-tab:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.03);
}

.insights-tab.is-active {
  color: #2563eb;
  background: rgba(37, 99, 235, 0.08);
  border-color: rgba(37, 99, 235, 0.24);
}

.insights-view-toggles {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.06);
  padding: 0.3rem;
  border-radius: 10px;
}

.insights-view-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: rgba(255, 255, 255, 0.4);
  background: transparent;
  border: none;
  border-radius: 7px;
  cursor: pointer;
  transition: all 200ms ease;
}

.insights-view-btn:hover {
  color: #ffffff;
}

.insights-view-btn.is-active {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.08);
}

/* Insights Cards & List Deck */
.insights-deck-grid[data-view="grid"] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

.insights-deck-grid[data-view="list"] {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.insight-card {
  position: relative;
  padding: 2.2rem 2rem;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.015);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
  transition: all 300ms cubic-bezier(0.25, 1, 0.5, 1);
  overflow: hidden;
}

.insight-card[data-category*="migration"]::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: #3b82f6;
  opacity: 0.85;
}

.insight-card[data-category*="power-bi"]::after,
.insight-card[data-category*="analytics"]::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: #10b981;
  opacity: 0.85;
}

.insight-card[data-category*="ai"]::after,
.insight-card[data-category*="copilot"]::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: #a855f7;
  opacity: 0.85;
}

.insight-card:hover {
  transform: translateY(-4px);
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.025);
  box-shadow:
    0 12px 32px rgba(0, 0, 0, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.insight-card__meta {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.insight-card__type-tag {
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #3b82f6;
  background: rgba(37, 99, 235, 0.12);
  padding: 0.28rem 0.55rem;
  border-radius: 5px;
}

.insight-card__cat-tag {
  font-size: 0.88rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.85);
}

.insight-card__read-time {
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.45);
}

.insight-card__title {
  font-size: clamp(1.2rem, 1.6vw, 1.45rem);
  line-height: 1.3;
  font-weight: 700;
  color: #ffffff;
  margin: 0;
}

.insight-card__summary {
  font-size: 0.92rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.68);
  margin: 0;
}

.insight-card__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  padding-top: 0.5rem;
}

.insight-card__date {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.4);
}

.insight-card__link {
  font-size: 0.88rem;
  font-weight: 700;
  color: #2563eb;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.insight-card__link .card-arrow {
  transition: transform 200ms ease;
}

.insight-card:hover .insight-card__link .card-arrow {
  transform: translateX(4px);
}

/* Condensed Console List View */
.insights-deck-grid[data-view="list"] .insight-card {
  padding: 1.4rem 1.8rem;
  flex-direction: row;
  align-items: center;
  gap: 2rem;
}

.insights-deck-grid[data-view="list"] .insight-card__footer {
  margin-top: 0;
  padding-top: 0;
  flex-shrink: 0;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.5rem;
}

.insights-deck-grid[data-view="list"] .insight-card__title {
  max-width: 40ch;
  flex-grow: 1;
}

.insights-deck-grid[data-view="list"] .insight-card__summary {
  display: none;
}

/* Empty State */
.insights-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 5rem 2rem;
  background: rgba(255, 255, 255, 0.01);
  border: 1px dashed rgba(255, 255, 255, 0.08);
  border-radius: 20px;
}

.empty-icon {
  font-size: 2.5rem;
  margin-bottom: 1.25rem;
  opacity: 0.5;
}

.insights-empty-state p {
  color: rgba(255, 255, 255, 0.5);
  font-size: 1.05rem;
  margin: 0;
}

/* Light Theme Overrides */
html[data-theme="light"] .insights-page .site-main {
  background: #f8fafc;
}

html[data-theme="light"] .insights-hero {
  border-bottom-color: rgba(15, 23, 42, 0.06);
  background:
    radial-gradient(circle at 10% 20%, rgba(37, 99, 235, 0.03), transparent 30rem),
    radial-gradient(circle at 90% 80%, rgba(124, 58, 237, 0.02), transparent 30rem);
}

html[data-theme="light"] .insights-workspace {
  background: #f8fafc;
}

html[data-theme="light"] .insights-spotlight {
  border-color: rgba(15, 23, 42, 0.08) !important;
  background: #ffffff !important;
  box-shadow: 0 20px 48px rgba(15, 23, 42, 0.04) !important;
}

html[data-theme="light"] .spotlight__glow-mesh {
  background: radial-gradient(circle at 0% 0%, rgba(37, 99, 235, 0.05), transparent 25rem);
}

html[data-theme="light"] .spotlight__title {
  background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

html[data-theme="light"] .spotlight__summary {
  color: rgba(15, 23, 42, 0.72) !important;
}

html[data-theme="light"] .spotlight__read-time,
html[data-theme="light"] .spotlight__date {
  color: rgba(15, 23, 42, 0.54) !important;
}

html[data-theme="light"] .insights-control-deck {
  border-bottom-color: rgba(15, 23, 42, 0.08) !important;
}

html[data-theme="light"] .insights-search-wrapper .search-icon {
  color: rgba(15, 23, 42, 0.35) !important;
}

html[data-theme="light"] .insights-search-wrapper input {
  color: #0f172a !important;
  background: #ffffff !important;
  border-color: rgba(15, 23, 42, 0.08) !important;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.02) !important;
}

html[data-theme="light"] .insights-search-wrapper input:focus {
  background: #ffffff !important;
  border-color: rgba(37, 99, 235, 0.45) !important;
  box-shadow:
    0 0 0 4px rgba(37, 99, 235, 0.1),
    inset 0 2px 4px rgba(0, 0, 0, 0.02) !important;
}

html[data-theme="light"] .insights-tab {
  color: rgba(15, 23, 42, 0.65) !important;
}

html[data-theme="light"] .insights-tab:hover {
  color: #0f172a !important;
  background: rgba(15, 23, 42, 0.03) !important;
}

html[data-theme="light"] .insights-tab.is-active {
  color: #2563eb !important;
  background: rgba(37, 99, 235, 0.06) !important;
  border-color: rgba(37, 99, 235, 0.16) !important;
}

html[data-theme="light"] .insights-view-toggles {
  background: #ffffff !important;
  border-color: rgba(15, 23, 42, 0.08) !important;
}

html[data-theme="light"] .insights-view-btn {
  color: rgba(15, 23, 42, 0.4) !important;
}

html[data-theme="light"] .insights-view-btn:hover {
  color: #0f172a !important;
}

html[data-theme="light"] .insights-view-btn.is-active {
  color: #0f172a !important;
  background: rgba(15, 23, 42, 0.06) !important;
}

html[data-theme="light"] .insight-card {
  border-color: rgba(15, 23, 42, 0.06) !important;
  background: #ffffff !important;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.02) !important;
}

html[data-theme="light"] .insight-card:hover {
  border-color: rgba(15, 23, 42, 0.12) !important;
  background: #ffffff !important;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06) !important;
}

html[data-theme="light"] .insight-card__cat-tag {
  color: #0f172a !important;
}

html[data-theme="light"] .insight-card__title {
  color: #0f172a !important;
}

html[data-theme="light"] .insight-card__summary {
  color: rgba(15, 23, 42, 0.7) !important;
}

html[data-theme="light"] .insight-card__read-time,
html[data-theme="light"] .insight-card__date {
  color: rgba(15, 23, 42, 0.5) !important;
}

html[data-theme="light"] .insights-empty-state {
  background: #ffffff !important;
  border-color: rgba(15, 23, 42, 0.1) !important;
}

html[data-theme="light"] .insights-empty-state p {
  color: rgba(15, 23, 42, 0.5) !important;
}

/* Responsiveness breakings for insights deck */
@media (max-width: 980px) {
  .insights-deck-grid[data-view="grid"] {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  .insights-spotlight {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .spotlight__visual {
    height: 140px;
  }
}

@media (max-width: 650px) {
  .insights-filters-row {
    flex-direction: column;
    align-items: stretch;
  }

  .insights-category-tabs {
    flex-direction: column;
    align-items: stretch;
  }

  .insights-tab {
    text-align: center;
  }

  .insights-view-toggles {
    display: none;
  }

  .insights-deck-grid[data-view="list"] .insight-card {
    flex-direction: column;
    align-items: stretch;
    gap: 1.1rem;
  }

  .insights-deck-grid[data-view="list"] .insight-card__footer {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

/* ==========================================================================
   KNOWLEDGE & COMPANY DROPDOWN MEGAMENU DECK (MOCKUP ACCURATE)
   ========================================================================== */

.nav__dropdown--knowledge,
.nav__dropdown--company,
.nav__dropdown--products {
  background:
    radial-gradient(circle at 15% 15%, rgba(29, 233, 182, 0.22), transparent 20rem),
    radial-gradient(circle at 50% 30%, rgba(41, 98, 255, 0.25), transparent 20rem),
    radial-gradient(circle at 85% 85%, rgba(255, 196, 0, 0.15), transparent 20rem),
    #040E14 !important;
  border: 1px solid rgba(41, 98, 255, 0.15) !important;
}

.nav__panel-mega--knowledge,
.nav__panel-mega--company,
.nav__panel-mega--products {
  grid-template-columns: minmax(18rem, 0.35fr) minmax(0, 0.65fr) !important;
  gap: clamp(2rem, 4vw, 4rem) !important;
}

.nav__panel-mega--knowledge .nav__panel-mega-intro,
.nav__panel-mega--company .nav__panel-mega-intro,
.nav__panel-mega--products .nav__panel-mega-intro {
  background: transparent !important;
  border: none !important;
  border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 2.2rem 3rem 2.2rem 1.5rem !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  align-content: stretch !important;
  gap: 1.5rem !important;
  text-align: left !important;
}

.nav__panel-mega-intro-top {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.nav__panel-mega--knowledge .nav__mega-eyebrow-row,
.nav__panel-mega--company .nav__mega-eyebrow-row,
.nav__panel-mega--products .nav__mega-eyebrow-row {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

.nav__panel-mega--knowledge .nav__mega-eyebrow,
.nav__panel-mega--company .nav__mega-eyebrow,
.nav__panel-mega--products .nav__mega-eyebrow {
  color: #3b82f6 !important;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.12em;
}

.nav__panel-mega--knowledge .nav__mega-eyebrow-line,
.nav__panel-mega--company .nav__mega-eyebrow-line,
.nav__panel-mega--products .nav__mega-eyebrow-line {
  flex-grow: 1;
  max-width: 42px;
  height: 1px;
  background: linear-gradient(90deg, #3b82f6, transparent);
  position: relative;
}

.nav__panel-mega--knowledge .nav__mega-eyebrow-line::after,
.nav__panel-mega--company .nav__mega-eyebrow-line::after,
.nav__panel-mega--products .nav__mega-eyebrow-line::after {
  content: "";
  position: absolute;
  right: 0;
  top: -2px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #3b82f6;
  box-shadow: 0 0 8px #3b82f6;
}

.nav__panel-mega--knowledge .nav__mega-title,
.nav__panel-mega--company .nav__mega-title,
.nav__panel-mega--products .nav__mega-title {
  font-size: clamp(1.6rem, 2.2vw, 2.2rem);
  line-height: 1.22;
  font-weight: 700;
  color: #ffffff !important;
  letter-spacing: -0.02em;
}

.nav__panel-mega--knowledge .nav__mega-copy,
.nav__panel-mega--company .nav__mega-copy,
.nav__panel-mega--products .nav__mega-copy {
  font-size: 0.94rem;
  line-height: 1.62;
  color: rgba(255, 255, 255, 0.65) !important;
  margin-bottom: 0;
}

.nav__panel-mega--knowledge .nav__mega-explore-link,
.nav__panel-mega--company .nav__mega-explore-link,
.nav__panel-mega--products .nav__mega-explore-link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: #ffffff !important;
  font-size: 0.94rem;
  font-weight: 700;
  margin-top: auto;
  transition: color 200ms ease;
}

.nav__panel-mega--knowledge .nav__mega-explore-link:hover,
.nav__panel-mega--company .nav__mega-explore-link:hover,
.nav__panel-mega--products .nav__mega-explore-link:hover {
  color: rgba(255, 255, 255, 0.8) !important;
}

.nav__panel-mega--knowledge .nav__mega-explore-link .explore-arrow,
.nav__panel-mega--company .nav__mega-explore-link .explore-arrow,
.nav__panel-mega--products .nav__mega-explore-link .explore-arrow {
  transition: transform 200ms ease;
}

.nav__panel-mega--knowledge .nav__mega-explore-link:hover .explore-arrow,
.nav__panel-mega--company .nav__mega-explore-link:hover .explore-arrow,
.nav__panel-mega--products .nav__mega-explore-link:hover .explore-arrow {
  transform: translateX(4px);
}

/* Right Columns (Mockup Cards) */
.nav__panel-mega-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
  gap: 1.25rem;
  align-items: stretch;
}

.nav__panel-mega--knowledge .nav__panel-mega-cards {
  grid-template-columns: repeat(3, 1fr);
}

.nav__panel-mega--company .nav__panel-mega-cards {
  grid-template-columns: repeat(4, 1fr);
}

.nav__panel-mega--products .nav__panel-mega-cards {
  grid-template-columns: 1fr;
  max-width: 26rem;
}

.nav__mega-card {
  display: flex;
  flex-direction: column;
  padding: 2.2rem 1.4rem;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(255, 255, 255, 0.015);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 12px 30px rgba(0, 0, 0, 0.2);
  text-decoration: none;
  transition: all 260ms cubic-bezier(0.25, 1, 0.5, 1);
  text-align: left !important;
}

.nav__mega-card:hover {
  transform: translateY(-4px);
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.035);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 16px 36px rgba(0, 0, 0, 0.3);
}

.nav__mega-card-icon-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  border: 1px solid rgba(59, 130, 246, 0.3);
  background: rgba(37, 99, 235, 0.08);
  color: #3b82f6;
  margin-bottom: 1.5rem;
  box-shadow: 0 0 12px rgba(37, 99, 235, 0.12);
  transition: all 240ms ease;
}

.nav__mega-card:hover .nav__mega-card-icon-box {
  border-color: rgba(59, 130, 246, 0.6);
  background: rgba(37, 99, 235, 0.16);
  box-shadow: 0 0 16px rgba(37, 99, 235, 0.22);
}

.nav__mega-card-label {
  font-size: 1.15rem;
  font-weight: 700;
  color: #ffffff !important;
  margin: 0 0 0.6rem 0;
}

.nav__mega-card-line {
  display: block;
  width: 24px;
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
  margin-bottom: 1rem;
  transition: width 200ms ease, background 200ms ease;
}

.nav__mega-card:hover .nav__mega-card-line {
  background: rgba(255, 255, 255, 0.5);
  width: 32px;
}

.nav__mega-card-desc {
  font-size: 0.88rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.6) !important;
  margin: 0 0 2rem 0;
}

.nav__mega-card-action {
  font-size: 0.88rem;
  font-weight: 700;
  color: #ffffff !important;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-top: auto;
  transition: color 200ms ease;
}

.nav__mega-card-action .action-arrow {
  transition: transform 200ms ease;
}

.nav__mega-card:hover .nav__mega-card-action .action-arrow {
  transform: translateX(4px);
}

/* Light Theme Overrides */
html[data-theme="light"] .nav__dropdown--knowledge,
html[data-theme="light"] .nav__dropdown--company,
html[data-theme="light"] .nav__dropdown--products {
  background:
    radial-gradient(circle at 10% 10%, rgba(41, 98, 255, 0.07), transparent 18rem),
    radial-gradient(circle at 90% 90%, rgba(29, 233, 182, 0.05), transparent 20rem),
    radial-gradient(circle at 50% 50%, rgba(255, 196, 0, 0.03), transparent 16rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(246, 250, 255, 0.98)) !important;
  border-bottom-color: rgba(41, 98, 255, 0.12) !important;
}

html[data-theme="light"] .nav__panel-mega--knowledge .nav__panel-mega-intro,
html[data-theme="light"] .nav__panel-mega--company .nav__panel-mega-intro,
html[data-theme="light"] .nav__panel-mega--products .nav__panel-mega-intro {
  border-right-color: rgba(15, 23, 42, 0.08) !important;
}

html[data-theme="light"] .nav__panel-mega--knowledge .nav__mega-title,
html[data-theme="light"] .nav__panel-mega--company .nav__mega-title,
html[data-theme="light"] .nav__panel-mega--products .nav__mega-title {
  color: #0f172a !important;
}

html[data-theme="light"] .nav__panel-mega--knowledge .nav__mega-copy,
html[data-theme="light"] .nav__panel-mega--company .nav__mega-copy,
html[data-theme="light"] .nav__panel-mega--products .nav__mega-copy {
  color: rgba(15, 23, 42, 0.7) !important;
}

html[data-theme="light"] .nav__panel-mega--knowledge .nav__mega-explore-link,
html[data-theme="light"] .nav__panel-mega--company .nav__mega-explore-link,
html[data-theme="light"] .nav__panel-mega--products .nav__mega-explore-link {
  color: #0f172a !important;
}

html[data-theme="light"] .nav__mega-card {
  border-color: rgba(15, 23, 42, 0.06) !important;
  background: #ffffff !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    0 10px 24px rgba(15, 23, 42, 0.02) !important;
}

html[data-theme="light"] .nav__mega-card:hover {
  border-color: rgba(15, 23, 42, 0.12) !important;
  background: #ffffff !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    0 16px 36px rgba(15, 23, 42, 0.06) !important;
}

html[data-theme="light"] .nav__mega-card-label {
  color: #0f172a !important;
}

html[data-theme="light"] .nav__mega-card-line {
  background: rgba(15, 23, 42, 0.1) !important;
}

html[data-theme="light"] .nav__mega-card:hover .nav__mega-card-line {
  background: rgba(15, 23, 42, 0.3) !important;
}

html[data-theme="light"] .nav__mega-card-desc {
  color: rgba(15, 23, 42, 0.65) !important;
}

html[data-theme="light"] .nav__mega-card-action {
  color: #0f172a !important;
}

/* Responsive Overrides */
@media (max-width: 1200px) {
  .nav__panel-mega--company .nav__panel-mega-cards {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 980px) {

  .nav__panel-mega--knowledge,
  .nav__panel-mega--company,
  .nav__panel-mega--products {
    grid-template-columns: 1fr !important;
    gap: 1.2rem !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .nav__panel-mega--knowledge .nav__panel-mega-intro,
  .nav__panel-mega--company .nav__panel-mega-intro,
  .nav__panel-mega--products .nav__panel-mega-intro {
    padding: 1rem !important;
    border-right: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .nav__panel-mega--knowledge .nav__mega-explore-link,
  .nav__panel-mega--company .nav__mega-explore-link,
  .nav__panel-mega--products .nav__mega-explore-link {
    font-size: 0.85rem !important;
    word-break: break-word !important;
    flex-wrap: wrap !important;
  }

  .nav__panel-mega-cards {
    grid-template-columns: repeat(2, 1fr) !important;
    width: 100% !important;
    min-width: 0 !important;
  }
}

@media (max-width: 980px) {

  html[data-theme="light"] .nav__panel-mega--knowledge .nav__panel-mega-intro,
  html[data-theme="light"] .nav__panel-mega--company .nav__panel-mega-intro,
  html[data-theme="light"] .nav__panel-mega--products .nav__panel-mega-intro {
    border-bottom-color: rgba(15, 23, 42, 0.08) !important;
  }
}

@media (max-width: 640px) {
  .nav__panel-mega-cards {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }

  .nav__mega-card {
    padding: 1.5rem 1.25rem !important;
  }
}

/* Products megamenu custom card styles */
.nav__panel-mega-cards--products {
  width: 100% !important;
  max-width: 100% !important;
}

.nav__mega-card--products {
  display: flex !important;
  flex-direction: column !important;
  cursor: default !important;
  padding: 2.2rem 2rem !important;
  width: 100% !important;
}

.nav__mega-card-logo-row {
  margin-bottom: 1.5rem;
}

.nav__mega-card-logo {
  height: 38px !important;
  width: auto !important;
  object-fit: contain !important;
  display: block;
}

.nav__mega-card-actions-row {
  display: flex;
  gap: 1rem;
  margin-top: auto;
  flex-wrap: wrap;
}

.nav__mega-card-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.8rem 1.6rem;
  font-size: 0.88rem;
  font-weight: 700;
  transition: all 200ms ease;
  cursor: pointer;
  text-decoration: none;
}

.nav__mega-card-btn--primary {
  background: #ffffff;
  color: #050505 !important;
  border: 1px solid #ffffff;
}

.nav__mega-card-btn--primary:hover {
  background: rgba(255, 255, 255, 0.85);
  border-color: rgba(255, 255, 255, 0.85);
}

.nav__mega-card-btn--secondary {
  background: rgba(255, 255, 255, 0.04);
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.15);
}

.nav__mega-card-btn--secondary:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.3);
}

/* Light theme overrides for buttons */
html[data-theme="light"] .nav__mega-card-btn--primary {
  background: #0f172a;
  color: #ffffff !important;
  border-color: #0f172a;
}

html[data-theme="light"] .nav__mega-card-btn--primary:hover {
  background: rgba(15, 23, 42, 0.85);
  border-color: rgba(15, 23, 42, 0.85);
}

html[data-theme="light"] .nav__mega-card-btn--secondary {
  background: rgba(15, 23, 42, 0.02);
  color: #0f172a !important;
  border-color: rgba(15, 23, 42, 0.12);
}

html[data-theme="light"] .nav__mega-card-btn--secondary:hover {
  background: rgba(15, 23, 42, 0.06);
  border-color: rgba(15, 23, 42, 0.25);
}

/* responsive details for products card */
@media (max-width: 980px) {
  .nav__panel-mega-cards--products {
    grid-template-columns: 1fr !important;
  }
}

/* Team Page cosmic backlight glow effects */
.team-showcase {
  position: relative;
  overflow: visible !important;
}

.team-grid-backlight {
  position: absolute;
  width: 45vw;
  height: 45vw;
  border-radius: 50%;
  filter: blur(140px);
  opacity: 0.12;
  z-index: -1;
  pointer-events: none;
  transition: opacity 300ms ease;
}

html[data-theme="light"] .team-grid-backlight {
  opacity: 0.04;
}

/* ==========================================================================
   MICROSOFT 365 COPILOT READINESS CUSTOM PAGE STYLES
   ========================================================================== */

/* Hero metrics */
.copilot-hero-metrics {
  display: flex;
  gap: 2.5rem;
  flex-wrap: wrap;
  margin-top: 3.5rem;
}

.hero-metric-card {
  flex: 1;
  min-width: 220px;
  padding: 0.6rem 0 0.6rem 1.5rem;
  border-left: 2px solid #3b82f6;
  text-align: left;
}

.hero-metric-card .metric-num {
  font-size: clamp(2.2rem, 4vw, 3.2rem);
  font-weight: 800;
  color: #ffffff;
  line-height: 1.1;
  display: block;
  font-family: var(--font-display);
}

.hero-metric-card .metric-label {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.6);
  display: block;
  margin-top: 0.35rem;
  line-height: 1.4;
}

/* Interactive scanner console */
.copilot-scanner-console {
  display: grid;
  grid-template-columns: minmax(18rem, 0.32fr) minmax(0, 0.68fr);
  gap: 0;
  background: rgba(10, 11, 18, 0.55);
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 24px 60px rgba(0, 0, 0, 0.35);
  min-height: 480px;
}

.scanner-sidebar {
  display: flex;
  flex-direction: column;
  background: rgba(0, 0, 0, 0.15);
  border-right: 1px solid rgba(255, 255, 255, 0.04);
}

.scanner-tab-btn {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  padding: 1.5rem;
  background: transparent;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.02);
  width: 100%;
  cursor: pointer;
  text-align: left;
  transition: all 240ms ease;
  position: relative;
}

.scanner-tab-btn:hover {
  background: rgba(255, 255, 255, 0.015);
}

.scanner-tab-btn .tab-indicator {
  width: 3px;
  height: 16px;
  background: transparent;
  transition: all 240ms ease;
  flex-shrink: 0;
}

.scanner-tab-btn .tab-meta {
  display: flex;
  flex-direction: column;
}

.scanner-tab-btn strong {
  color: rgba(255, 255, 255, 0.55);
  font-size: 0.95rem;
  font-weight: 700;
  transition: color 240ms ease;
}

.scanner-tab-btn small {
  color: rgba(255, 255, 255, 0.35);
  font-size: 0.78rem;
  margin-top: 0.25rem;
}

.scanner-tab-btn.active {
  background: rgba(255, 255, 255, 0.035);
}

.scanner-tab-btn.active .tab-indicator {
  background: #3b82f6;
  box-shadow: 0 0 10px rgba(59, 130, 246, 0.8);
  height: 34px;
}

.scanner-tab-btn.active strong {
  color: #ffffff;
}

.scanner-panel {
  padding: 2.5rem;
  display: flex;
  flex-direction: column;
}

.scanner-content {
  display: none;
  flex-direction: column;
  height: 100%;
}

.scanner-content.active {
  display: flex;
  animation: fadeIn 300ms ease;
}

.scanner-content .panel-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
}

.scanner-content .panel-score {
  display: flex;
  flex-direction: column;
}

.scanner-content .score-number {
  font-size: 2.8rem;
  font-weight: 800;
  color: #ffffff;
  font-family: var(--font-display);
}

.scanner-content .score-label {
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.4);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 700;
  margin-top: 0.25rem;
}

.scanner-content .panel-status {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.45rem 0.9rem;
  font-size: 0.82rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.scanner-content .pulse-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: inline-block;
  animation: pulse 1.6s infinite;
}

.scanner-content .status--danger {
  background: rgba(239, 68, 68, 0.1);
  color: #ef4444;
}

.scanner-content .status--danger .pulse-dot {
  background: #ef4444;
  box-shadow: 0 0 8px #ef4444;
}

.scanner-content .status--warning {
  background: rgba(245, 158, 11, 0.1);
  color: #f59e0b;
}

.scanner-content .status--warning .pulse-dot {
  background: #f59e0b;
  box-shadow: 0 0 8px #f59e0b;
}

.scanner-content .status--success {
  background: rgba(16, 185, 129, 0.1);
  color: #10b981;
}

.scanner-content .status--success .pulse-dot {
  background: #10b981;
  box-shadow: 0 0 8px #10b981;
}

.scanner-content h4 {
  font-size: 1.05rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 1.25rem;
}

.findings-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
}

.finding-item {
  display: flex;
  gap: 1.1rem;
  align-items: flex-start;
}

.finding-item .finding-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-top: 0.55rem;
  flex-shrink: 0;
}

.finding-item.warning .finding-dot {
  background: #ef4444;
  box-shadow: 0 0 6px #ef4444;
}

.finding-item.success .finding-dot {
  background: #10b981;
  box-shadow: 0 0 6px #10b981;
}

.finding-item strong {
  color: #ffffff;
  font-size: 0.94rem;
  display: block;
}

.finding-item p {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.6);
  margin-top: 0.25rem;
  line-height: 1.5;
}

/* Remediation Sandbox */
.copilot-remediation-sandbox {
  background: rgba(10, 11, 18, 0.55);
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 24px 60px rgba(0, 0, 0, 0.35);
  padding: 2.2rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.sandbox-cards-deck {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.sandbox-file-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.04);
  transition: all 300ms ease;
  flex-wrap: wrap;
  gap: 1.5rem;
}

.sandbox-file-card.remediated {
  border-color: rgba(16, 185, 129, 0.22) !important;
  background: rgba(16, 185, 129, 0.02) !important;
}

.file-info-col {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  flex: 1;
  min-width: 280px;
}

.file-icon-frame {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 8px;
  flex-shrink: 0;
}

.file-icon-frame.excel {
  background: rgba(16, 124, 65, 0.1);
  color: #107c41;
  border: 1px solid rgba(16, 124, 65, 0.2);
}

.file-icon-frame.word {
  background: rgba(43, 87, 154, 0.1);
  color: #2b579a;
  border: 1px solid rgba(43, 87, 154, 0.2);
}

.file-icon-frame.ppt {
  background: rgba(183, 71, 42, 0.1);
  color: #b7472a;
  border: 1px solid rgba(183, 71, 42, 0.2);
}

.file-meta {
  display: flex;
  flex-direction: column;
}

.file-meta .file-name {
  color: #ffffff;
  font-weight: 700;
  font-size: 0.95rem;
  line-height: 1.3;
}

.file-meta .file-path {
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.78rem;
  margin-top: 0.25rem;
}

.file-status-col {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  min-width: 180px;
}

.sharing-badge,
.copilot-badge {
  display: inline-block;
  align-self: flex-start;
  padding: 0.35rem 0.7rem;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.badge--exposed {
  background: rgba(239, 68, 68, 0.1);
  color: #ef4444;
  border: 1px solid rgba(239, 68, 68, 0.18);
}

.badge--unsafe {
  background: rgba(245, 158, 11, 0.1);
  color: #f59e0b;
  border: 1px solid rgba(245, 158, 11, 0.18);
}

.badge--secure {
  background: rgba(16, 185, 129, 0.1);
  color: #10b981;
  border: 1px solid rgba(16, 185, 129, 0.18);
}

.sandbox-btn {
  padding: 0.65rem 1.3rem;
  font-size: 0.88rem;
  font-weight: 700;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: #ffffff;
  cursor: pointer;
  transition: all 200ms ease;
}

.sandbox-btn:hover:not(:disabled) {
  background: #ffffff;
  color: #05060a;
  border-color: #ffffff;
}

.sandbox-btn:disabled {
  border-color: rgba(16, 185, 129, 0.35);
  color: #10b981;
  background: rgba(16, 185, 129, 0.05);
  cursor: default;
}

.remediation-success-board {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  padding: 1.5rem 1.8rem;
  background: rgba(16, 185, 129, 0.08);
  border: 1px solid rgba(16, 185, 129, 0.2);
  animation: slideDown 320ms ease;
  margin-top: 1rem;
}

.success-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #10b981;
  color: #080a0e;
  flex-shrink: 0;
  box-shadow: 0 0 15px rgba(16, 185, 129, 0.3);
}

.success-meta {
  display: flex;
  flex-direction: column;
}

.success-meta strong {
  color: #ffffff;
  font-size: 1.05rem;
  display: block;
}

.success-meta p {
  color: rgba(255, 255, 255, 0.75);
  font-size: 0.9rem;
  margin-top: 0.25rem;
  line-height: 1.5;
}

/* Roadmap Stage Pipeline */
.copilot-roadmap-pipeline {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.4rem;
}

.roadmap-stage-card {
  background: rgba(255, 255, 255, 0.015);
  border: 1px solid rgba(255, 255, 255, 0.04);
  padding: 2.2rem 1.6rem;
  position: relative;
  transition: all 260ms ease;
}

.roadmap-stage-card:hover {
  transform: translateY(-4px);
  border-color: rgba(59, 130, 246, 0.3);
  background: rgba(255, 255, 255, 0.03);
}

.roadmap-stage-card .stage-num-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}

.roadmap-stage-card .stage-index {
  font-size: 1.6rem;
  font-weight: 800;
  color: rgba(255, 255, 255, 0.12);
  font-family: var(--font-display);
}

.roadmap-stage-card .stage-glow-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.12);
  transition: all 260ms ease;
}

.roadmap-stage-card:hover .stage-glow-dot {
  background: #3b82f6;
  box-shadow: 0 0 12px #3b82f6;
}

.roadmap-stage-card h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 0.8rem 0;
}

.roadmap-stage-card .stage-copy {
  color: rgba(255, 255, 255, 0.65);
  font-size: 0.88rem;
  line-height: 1.55;
  margin: 0;
}

/* Secure AI stack technology grid */
.copilot-tech-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.25rem;
}

.copilot-tech-grid .tech-card {
  background: rgba(255, 255, 255, 0.015);
  border: 1px solid rgba(255, 255, 255, 0.04);
  padding: 2.2rem 1.8rem;
  transition: all 240ms ease;
}

.copilot-tech-grid .tech-card:hover {
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.035);
}

.copilot-tech-grid .tech-card strong {
  color: #ffffff;
  font-size: 1.15rem;
  display: block;
  margin-bottom: 0.6rem;
  font-weight: 700;
}

.copilot-tech-grid .tech-card p {
  color: rgba(255, 255, 255, 0.65);
  font-size: 0.88rem;
  line-height: 1.55;
  margin: 0;
}

/* Light Theme Overrides */
html[data-theme="light"] .hero-metric-card {
  border-left-color: #2563eb;
}

html[data-theme="light"] .hero-metric-card .metric-num {
  color: #0f172a;
}

html[data-theme="light"] .hero-metric-card .metric-label {
  color: rgba(15, 23, 42, 0.7);
}

html[data-theme="light"] .copilot-scanner-console {
  background: #ffffff;
  border-color: rgba(15, 23, 42, 0.06);
  box-shadow: 0 20px 45px rgba(15, 23, 42, 0.04);
}

html[data-theme="light"] .scanner-sidebar {
  background: rgba(15, 23, 42, 0.015);
  border-right-color: rgba(15, 23, 42, 0.06);
}

html[data-theme="light"] .scanner-tab-btn {
  border-bottom-color: rgba(15, 23, 42, 0.04);
}

html[data-theme="light"] .scanner-tab-btn:hover {
  background: rgba(15, 23, 42, 0.01);
}

html[data-theme="light"] .scanner-tab-btn strong {
  color: rgba(15, 23, 42, 0.6);
}

html[data-theme="light"] .scanner-tab-btn small {
  color: rgba(15, 23, 42, 0.45);
}

html[data-theme="light"] .scanner-tab-btn.active {
  background: rgba(15, 23, 42, 0.025);
}

html[data-theme="light"] .scanner-tab-btn.active strong {
  color: #0f172a;
}

html[data-theme="light"] .scanner-content h4 {
  color: #0f172a;
}

html[data-theme="light"] .scanner-content .score-number {
  color: #0f172a;
}

html[data-theme="light"] .scanner-content .score-label {
  color: rgba(15, 23, 42, 0.5);
}

html[data-theme="light"] .scanner-content .panel-header {
  border-bottom-color: rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] .finding-item strong {
  color: #0f172a;
}

html[data-theme="light"] .finding-item p {
  color: rgba(15, 23, 42, 0.7);
}

html[data-theme="light"] .copilot-remediation-sandbox {
  background: #ffffff;
  border-color: rgba(15, 23, 42, 0.06);
  box-shadow: 0 20px 45px rgba(15, 23, 42, 0.04);
}

html[data-theme="light"] .sandbox-file-card {
  background: rgba(15, 23, 42, 0.01);
  border-color: rgba(15, 23, 42, 0.04);
}

html[data-theme="light"] .sandbox-file-card.remediated {
  background: rgba(16, 185, 129, 0.04) !important;
}

html[data-theme="light"] .file-meta .file-name {
  color: #0f172a;
}

html[data-theme="light"] .file-meta .file-path {
  color: rgba(15, 23, 42, 0.5);
}

html[data-theme="light"] .sandbox-btn {
  border-color: rgba(15, 23, 42, 0.18);
  color: #0f172a;
}

html[data-theme="light"] .sandbox-btn:hover:not(:disabled) {
  background: #0f172a;
  color: #ffffff;
  border-color: #0f172a;
}

html[data-theme="light"] .success-meta strong {
  color: #10b981;
}

html[data-theme="light"] .success-meta p {
  color: #0f172a;
}

html[data-theme="light"] .roadmap-stage-card {
  background: #ffffff;
  border-color: rgba(15, 23, 42, 0.06);
}

html[data-theme="light"] .roadmap-stage-card:hover {
  background: #ffffff;
  border-color: rgba(37, 99, 235, 0.3);
}

html[data-theme="light"] .roadmap-stage-card h3 {
  color: #0f172a;
}

html[data-theme="light"] .roadmap-stage-card .stage-index {
  color: rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] .roadmap-stage-card .stage-glow-dot {
  background: rgba(15, 23, 42, 0.1);
}

html[data-theme="light"] .roadmap-stage-card .stage-copy {
  color: rgba(15, 23, 42, 0.7);
}

html[data-theme="light"] .copilot-tech-grid .tech-card {
  background: #ffffff;
  border-color: rgba(15, 23, 42, 0.06);
}

html[data-theme="light"] .copilot-tech-grid .tech-card:hover {
  background: #ffffff;
  border-color: rgba(15, 23, 42, 0.12);
}

html[data-theme="light"] .copilot-tech-grid .tech-card strong {
  color: #0f172a;
}

html[data-theme="light"] .copilot-tech-grid .tech-card p {
  color: rgba(15, 23, 42, 0.7);
}

/* Animations */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-12px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes pulse {
  0% {
    transform: scale(0.9);
    opacity: 0.6;
  }

  50% {
    transform: scale(1.1);
    opacity: 1;
  }

  100% {
    transform: scale(0.9);
    opacity: 0.6;
  }
}

/* Responsive grid layouts */
@media (max-width: 980px) {
  .copilot-scanner-console {
    grid-template-columns: 1fr;
  }

  .scanner-sidebar {
    border-right: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    flex-direction: row;
    overflow-x: auto;
  }

  html[data-theme="light"] .scanner-sidebar {
    border-bottom-color: rgba(15, 23, 42, 0.06);
  }

  .scanner-tab-btn {
    border-bottom: none;
    border-right: 1px solid rgba(255, 255, 255, 0.02);
    min-width: 160px;
    padding: 1.2rem;
  }

  .scanner-tab-btn .tab-indicator {
    display: none;
  }

  .copilot-roadmap-pipeline {
    grid-template-columns: repeat(2, 1fr);
  }

  .copilot-tech-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .scanner-sidebar {
    flex-direction: column;
  }

  .scanner-tab-btn {
    border-right: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.02);
  }

  .copilot-roadmap-pipeline {
    grid-template-columns: 1fr;
  }

  .copilot-tech-grid {
    grid-template-columns: 1fr;
  }
}

/* Global override to align all inner page hero containers with standard container margins */
.hero--page .hero__content {
  max-width: 100% !important;
}

/* ==========================================================================
   CONTACT US PAGE CUSTOM STYLES
   ========================================================================== */

/* Form Pills Selection Row */
.form__pills-row {
  margin-bottom: 2.2rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  grid-column: 1 / -1;
}

.form__pills-row .pills-label {
  font-size: 0.85rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.4);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.pills-container {
  display: flex;
  gap: 0.6rem;
  flex-wrap: wrap;
}

.form-pill {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.06);
  padding: 0.55rem 1rem;
  color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
  transition: all 200ms ease;
  font-size: 0.82rem;
  font-weight: 600;
  text-align: center;
}

.form-pill:hover {
  border-color: rgba(255, 255, 255, 0.18);
  color: #ffffff;
  background: rgba(255, 255, 255, 0.04);
}

.form-pill.active {
  background: rgba(59, 130, 246, 0.1) !important;
  border-color: #3b82f6 !important;
  color: #ffffff !important;
  box-shadow: 0 0 12px rgba(37, 99, 235, 0.15);
}

/* Satellite Connection Monitor Map */
.satellite-map-monitor {
  position: relative;
  height: 160px;
  background: #07090e;
  border: 1px solid rgba(255, 255, 255, 0.05);
  margin: 1.25rem 0;
  overflow: hidden;
}

.satellite-map-monitor .monitor-grid {
  position: absolute;
  inset: 0;
  background-size: 20px 20px;
  background-image:
    linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
}

.satellite-map-monitor .monitor-glow-dot {
  position: absolute;
  top: 45%;
  left: 55%;
  width: 8px;
  height: 8px;
  background: #3b82f6;
  border-radius: 50%;
  box-shadow: 0 0 10px #3b82f6;
  z-index: 2;
}

.satellite-map-monitor .monitor-pulse-ring,
.satellite-map-monitor .monitor-pulse-ring-2 {
  position: absolute;
  top: 45%;
  left: 55%;
  width: 8px;
  height: 8px;
  transform: translate(-50%, -50%);
  border: 1px solid #3b82f6;
  border-radius: 50%;
  animation: radarPulse 2.2s infinite ease-out;
  z-index: 1;
}

.satellite-map-monitor .monitor-pulse-ring-2 {
  animation-delay: 1.1s;
}

.satellite-map-monitor .monitor-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0.8rem 1rem;
  background: linear-gradient(0deg, #07090e 75%, transparent);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  z-index: 3;
}

.satellite-map-monitor .coordinates-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.72rem;
  font-family: monospace;
  color: rgba(255, 255, 255, 0.45);
}

.satellite-map-monitor .status-indicator {
  color: #10b981;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.satellite-map-monitor .ping-dot {
  width: 5px;
  height: 5px;
  background: #10b981;
  border-radius: 50%;
  box-shadow: 0 0 6px #10b981;
  animation: blink 1.2s infinite;
}

.satellite-map-monitor .node-name {
  font-size: 0.78rem;
  font-weight: 800;
  color: #ffffff;
  letter-spacing: 0.02em;
}

/* Sidebar and direct contact layouts */
.contact-page__aside {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.contact-page__card {
  padding: 2.2rem 2rem !important;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(255, 255, 255, 0.015);
  transition: all 300ms ease;
}

.contact-page__card:hover {
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.025);
  transform: translateY(-4px);
}

.contact-email {
  font-size: 1.25rem;
  font-weight: 700;
  color: #ffffff !important;
  display: block;
  margin: 0.8rem 0;
  text-decoration: none;
  transition: color 200ms ease;
}

.contact-email:hover {
  color: #3b82f6 !important;
}

.contact-phones {
  line-height: 1.7;
  margin-bottom: 1.25rem;
}

.contact-phones a {
  color: rgba(255, 255, 255, 0.65) !important;
  text-decoration: none;
  transition: color 200ms ease;
  font-size: 0.94rem;
}

.contact-phones a:hover {
  color: #3b82f6 !important;
}

.office-country {
  font-size: 0.85rem;
  font-weight: 700;
  color: #3b82f6;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  display: block;
  margin-top: 1rem;
}

.office-address {
  margin-top: 0.5rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.65);
}

/* Light Theme Overrides */
html[data-theme="light"] .form__pills-row .pills-label {
  color: rgba(15, 23, 42, 0.55);
}

html[data-theme="light"] .form-pill {
  background: rgba(15, 23, 42, 0.02);
  border-color: rgba(15, 23, 42, 0.08);
  color: rgba(15, 23, 42, 0.65);
}

html[data-theme="light"] .form-pill:hover {
  border-color: rgba(15, 23, 42, 0.22);
  color: #0f172a;
  background: rgba(15, 23, 42, 0.04);
}

html[data-theme="light"] .form-pill.active {
  background: rgba(37, 99, 235, 0.08) !important;
  border-color: #2563eb !important;
  color: #2563eb !important;
}

html[data-theme="light"] .satellite-map-monitor {
  background: #f8fafc;
  border-color: rgba(15, 23, 42, 0.06);
}

html[data-theme="light"] .satellite-map-monitor .monitor-grid {
  background-image:
    linear-gradient(to right, rgba(15, 23, 42, 0.03) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(15, 23, 42, 0.03) 1px, transparent 1px);
}

html[data-theme="light"] .satellite-map-monitor .monitor-glow-dot {
  background: #2563eb;
  box-shadow: 0 0 10px #2563eb;
}

html[data-theme="light"] .satellite-map-monitor .monitor-pulse-ring,
html[data-theme="light"] .satellite-map-monitor .monitor-pulse-ring-2 {
  border-color: #2563eb;
}

html[data-theme="light"] .satellite-map-monitor .monitor-overlay {
  background: linear-gradient(0deg, #ffffff 75%, transparent);
}

html[data-theme="light"] .satellite-map-monitor .coordinates-row {
  color: rgba(15, 23, 42, 0.55);
}

html[data-theme="light"] .satellite-map-monitor .node-name {
  color: #0f172a;
}

html[data-theme="light"] .contact-page__card {
  background: #ffffff !important;
  border-color: rgba(15, 23, 42, 0.06) !important;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.02);
}

html[data-theme="light"] .contact-page__card:hover {
  border-color: rgba(15, 23, 42, 0.12) !important;
  background: #ffffff !important;
}

html[data-theme="light"] .contact-email {
  color: #0f172a !important;
}

html[data-theme="light"] .contact-email:hover {
  color: #2563eb !important;
}

html[data-theme="light"] .contact-phones a {
  color: rgba(15, 23, 42, 0.7) !important;
}

html[data-theme="light"] .contact-phones a:hover {
  color: #2563eb !important;
}

html[data-theme="light"] .office-country {
  color: #2563eb;
}

html[data-theme="light"] .office-address {
  color: rgba(15, 23, 42, 0.7);
}

/* Map specific keyframe animations */
@keyframes radarPulse {
  0% {
    width: 8px;
    height: 8px;
    opacity: 1;
  }

  100% {
    width: 150px;
    height: 150px;
    opacity: 0;
  }
}

@keyframes blink {
  0% {
    opacity: 0.35;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0.35;
  }
}

/* Redesigned Direct Channels and Multi-office layout */
.direct-channels-card {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.channel-group {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.channel-item {
  display: flex;
  align-items: flex-start;
  gap: 1.2rem;
  padding: 1rem;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.01);
  border: 1px solid rgba(255, 255, 255, 0.04);
  transition: all 250ms ease;
}

.channel-item:hover {
  background: rgba(255, 255, 255, 0.025);
  border-color: rgba(255, 255, 255, 0.08);
  transform: translateX(4px);
}

.channel-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(59, 130, 246, 0.1);
  color: #3b82f6;
  flex-shrink: 0;
  border: 1px solid rgba(59, 130, 246, 0.2);
  box-shadow: 0 0 10px rgba(59, 130, 246, 0.05);
}

.channel-details {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

.channel-label {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.4);
  letter-spacing: 0.08em;
}

.channel-link {
  font-size: 1rem;
  font-weight: 700;
  color: #ffffff !important;
  text-decoration: none;
  transition: color 200ms ease;
}

.channel-link:hover {
  color: #3b82f6 !important;
}

.channel-phones {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

.channel-btn {
  margin-top: 0.4rem;
  display: inline-flex;
  padding: 0.5rem 1.2rem !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  border-radius: 4px;
}

.office-location-block {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.office-divider {
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  margin: 1.5rem 0;
}

/* Light Theme overrides for channels and office elements */
html[data-theme="light"] .channel-item {
  background: rgba(15, 23, 42, 0.015);
  border-color: rgba(15, 23, 42, 0.05);
}

html[data-theme="light"] .channel-item:hover {
  background: rgba(15, 23, 42, 0.03);
  border-color: rgba(15, 23, 42, 0.1);
}

html[data-theme="light"] .channel-icon {
  background: rgba(37, 99, 235, 0.08);
  color: #2563eb;
  border-color: rgba(37, 99, 235, 0.15);
  box-shadow: 0 0 10px rgba(37, 99, 235, 0.05);
}

html[data-theme="light"] .channel-label {
  color: rgba(15, 23, 42, 0.5);
}

html[data-theme="light"] .channel-link {
  color: #0f172a !important;
}

html[data-theme="light"] .channel-link:hover {
  color: #2563eb !important;
}

html[data-theme="light"] .office-divider {
  border-top-color: rgba(15, 23, 42, 0.08);
}

/* Offices Grid two-column layout */
.offices-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
  margin-top: 1rem;
}

@media (max-width: 768px) {
  .offices-grid {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
}

/* ──────────────────────────────────────────────────────────────────────────
   Boxed Service Hero Layout Overrides (.service-theme-migration, .service-theme-ai & .service-theme-analytics)
   ────────────────────────────────────────────────────────────────────────── */
.service-theme-migration .service-page__hero-actions,
.service-theme-ai .service-page__hero-actions,
.service-theme-analytics .service-page__hero-actions {
  display: none !important;
}

.service-theme-migration .service-page__trust-strip,
.service-theme-ai .service-page__trust-strip,
.service-theme-analytics .service-page__trust-strip {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0 !important;
  margin-top: 2rem !important;
  padding: 1.5rem 0 0 0 !important;
  border-top: 1px solid var(--border-primary, rgba(255, 255, 255, 0.12)) !important;
  list-style: none !important;
  grid-template-columns: none !important;
}

.service-theme-migration .service-page__trust-item,
.service-theme-ai .service-page__trust-item,
.service-theme-analytics .service-page__trust-item {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  color: var(--text-secondary, rgba(245, 247, 251, 0.84)) !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
}

.service-theme-migration .service-page__trust-item strong,
.service-theme-ai .service-page__trust-item strong,
.service-theme-analytics .service-page__trust-item strong {
  font-weight: 500 !important;
}

.service-theme-migration .service-page__trust-item:not(:last-child)::after,
.service-theme-ai .service-page__trust-item:not(:last-child)::after,
.service-theme-analytics .service-page__trust-item:not(:last-child)::after {
  content: "|" !important;
  margin: 0 1.5rem !important;
  color: var(--border-primary, rgba(255, 255, 255, 0.15)) !important;
  font-weight: 300 !important;
}

.service-theme-migration .service-page__trust-item span,
.service-theme-ai .service-page__trust-item span,
.service-theme-analytics .service-page__trust-item span {
  display: none !important;
}

.service-theme-migration .service-page__hero-shell .section__eyebrow,
.service-theme-ai .service-page__hero-shell .section__eyebrow,
.service-theme-analytics .service-page__hero-shell .section__eyebrow {
  display: block !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.12em !important;
  font-weight: 700 !important;
  margin-bottom: 1.2rem !important;
  text-transform: uppercase !important;
  background: transparent !important;
}

.service-theme-migration .service-page__hero-shell .section__eyebrow {
  color: #2972FF !important;
}

.service-theme-ai .service-page__hero-shell .section__eyebrow {
  color: #1DE9B6 !important;
}

html[data-theme="light"] .service-theme-ai .service-page__hero-shell .section__eyebrow {
  color: #0da283 !important;
}

.service-theme-analytics .service-page__hero-shell .section__eyebrow {
  color: #FFC400 !important;
}

html[data-theme="light"] .service-theme-analytics .service-page__hero-shell .section__eyebrow {
  color: #d97706 !important;
}

/* Brand Gradient Text Overrides - Mockup Style */
.home-hero__headline-line-2,
[class*="__accent"] {
  background: linear-gradient(90deg, #2972FF 0%, #1DE9B6 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

/* Brand Aurora Buttons - Dark Mode Override */
.button:not(.button--ghost),
.nav__mega-card-btn--primary {
  background: linear-gradient(135deg, #2972FF 0%, #040E14 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(41, 98, 255, 0.4) !important;
  /* border-radius: 8px !important; */
  box-shadow:
    0 4px 20px rgba(41, 98, 255, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
  font-weight: 600 !important;
}

.button:not(.button--ghost):hover,
.nav__mega-card-btn--primary:hover {
  background: linear-gradient(135deg, #040E14 0%, #2972FF 100%) !important;
  color: #ffffff !important;
  border-color: rgba(41, 98, 255, 0.5) !important;
  box-shadow:
    0 6px 28px rgba(41, 98, 255, 0.45),
    0 0 10px rgba(41, 98, 255, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
  transform: translateY(-2px) !important;
}

/* Ghost & Secondary Buttons - Dark Mode Override */
.button--ghost,
.nav__mega-card-btn--secondary {
  background: rgba(255, 255, 255, 0.03) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: blur(8px) !important;
  /* border-radius: 8px !important; */
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

.button--ghost:hover,
.nav__mega-card-btn--secondary:hover {
  background: rgba(41, 98, 255, 0.06) !important;
  color: #ffffff !important;
  border-color: rgba(41, 98, 255, 0.4) !important;
  box-shadow: 0 4px 15px rgba(41, 98, 255, 0.15) !important;
  transform: translateY(-2px) !important;
}

/* Brand Aurora Buttons - Light Mode Override */
html[data-theme="light"] .button:not(.button--ghost),
html[data-theme="light"] .nav__mega-card-btn--primary {
  background: linear-gradient(135deg, #2972FF 0%, #040E14 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(41, 98, 255, 0.3) !important;
  box-shadow:
    0 8px 24px rgba(41, 98, 255, 0.18),
    0 1px 0 rgba(255, 255, 255, 0.2) inset !important;
}

html[data-theme="light"] .button:not(.button--ghost):hover,
html[data-theme="light"] .nav__mega-card-btn--primary:hover {
  background: linear-gradient(135deg, #040E14 0%, #2972FF 100%) !important;
  color: #ffffff !important;
  border-color: rgba(41, 98, 255, 0.4) !important;
  box-shadow:
    0 12px 32px rgba(41, 98, 255, 0.28),
    0 1px 0 rgba(255, 255, 255, 0.25) inset !important;
}

/* Ghost & Secondary Buttons - Light Mode Override */
html[data-theme="light"] .button--ghost,
html[data-theme="light"] .nav__mega-card-btn--secondary {
  background: rgba(4, 14, 20, 0.02) !important;
  color: #040E14 !important;
  border: 1px solid rgba(4, 14, 20, 0.12) !important;
  box-shadow: none !important;
}

html[data-theme="light"] .button--ghost:hover,
html[data-theme="light"] .nav__mega-card-btn--secondary:hover {
  background: rgba(41, 98, 255, 0.04) !important;
  color: #2972FF !important;
  border-color: rgba(41, 98, 255, 0.4) !important;
  box-shadow: 0 4px 12px rgba(41, 98, 255, 0.08) !important;
}

/* Navigation Text Hover Effect (Static Color Transition) */
.nav__mega-link {
  transition: border-color 0.25s ease, background 0.25s ease !important;
}

.nav__mega-link-text {
  display: inline-block !important;
  position: relative !important;
  color: var(--text-secondary, rgba(255, 255, 255, 0.7)) !important;
  transition: color 0.25s ease !important;
  width: 100% !important;
}

/* Remove 3D pseudo-elements */
.nav__mega-link-text::before,
.nav__mega-link-text::after {
  display: none !important;
}

.nav__mega-link:hover,
.nav__mega-link:focus-visible {
  border-left-color: #2972FF !important;
  background: rgba(41, 98, 255, 0.05) !important;
}

/* Light Mode Specific Overrides */
html[data-theme="light"] .nav__mega-link-text {
  color: var(--text-secondary, #475569) !important;
}

/* Category-specific Hover Color Overrides (Dark Mode) */
/* AI in Microsoft 365: Neon Aqua Mint */
.service-theme-ai .nav__mega-link:hover .nav__mega-link-text,
.service-theme-ai .nav__mega-link:focus-visible .nav__mega-link-text {
  color: #1DE9B6 !important;
}

.service-theme-ai .nav__mega-link:hover,
.service-theme-ai .nav__mega-link:focus-visible {
  border-left-color: #1DE9B6 !important;
  background: rgba(29, 233, 182, 0.05) !important;
}

/* Migration & Automation: Bright Sapphire Blue */
.service-theme-migration .nav__mega-link:hover .nav__mega-link-text,
.service-theme-migration .nav__mega-link:focus-visible .nav__mega-link-text {
  color: #2972FF !important;
}

.service-theme-migration .nav__mega-link:hover,
.service-theme-migration .nav__mega-link:focus-visible {
  border-left-color: #2972FF !important;
  background: rgba(41, 98, 255, 0.05) !important;
}

/* Power BI & Analytics: Amber Yellow */
.service-theme-analytics .nav__mega-link:hover .nav__mega-link-text,
.service-theme-analytics .nav__mega-link:focus-visible .nav__mega-link-text {
  color: #FFC400 !important;
}

.service-theme-analytics .nav__mega-link:hover,
.service-theme-analytics .nav__mega-link:focus-visible {
  border-left-color: #FFC400 !important;
  background: rgba(255, 196, 0, 0.05) !important;
}

/* Category-specific Hover Color Overrides (Light Mode) */
/* AI in Microsoft 365: Rich Green contrast */
html[data-theme="light"] .service-theme-ai .nav__mega-link:hover .nav__mega-link-text,
html[data-theme="light"] .service-theme-ai .nav__mega-link:focus-visible .nav__mega-link-text {
  color: #0da283 !important;
}

html[data-theme="light"] .service-theme-ai .nav__mega-link:hover,
html[data-theme="light"] .service-theme-ai .nav__mega-link:focus-visible {
  border-left-color: #0da283 !important;
  background: rgba(13, 162, 131, 0.04) !important;
}

/* Migration & Automation: Sapphire Blue */
html[data-theme="light"] .service-theme-migration .nav__mega-link:hover .nav__mega-link-text,
html[data-theme="light"] .service-theme-migration .nav__mega-link:focus-visible .nav__mega-link-text {
  color: #2972FF !important;
}

html[data-theme="light"] .service-theme-migration .nav__mega-link:hover,
html[data-theme="light"] .service-theme-migration .nav__mega-link:focus-visible {
  border-left-color: #2972FF !important;
  background: rgba(41, 98, 255, 0.04) !important;
}

/* Power BI & Analytics: Gold/Amber contrast */
html[data-theme="light"] .service-theme-analytics .nav__mega-link:hover .nav__mega-link-text,
html[data-theme="light"] .service-theme-analytics .nav__mega-link:focus-visible .nav__mega-link-text {
  color: #d97706 !important;
}

html[data-theme="light"] .service-theme-analytics .nav__mega-link:hover,
html[data-theme="light"] .service-theme-analytics .nav__mega-link:focus-visible {
  border-left-color: #d97706 !important;
  background: rgba(217, 119, 6, 0.04) !important;
}

/* Expertise Mega-Menu Mockup Alignment */
.nav__dropdown--expertise {
  width: 100vw !important;
  max-width: 100vw !important;
  left: 0 !important;
  right: 0 !important;
  top: 100% !important;
  transform: none !important;
  border-radius: 0px !important;
  border-left: none !important;
  border-right: none !important;
  border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
  padding: 1.4rem 0 1.2rem !important;
  box-sizing: border-box !important;
}

html[data-theme="dark"] .nav__dropdown--expertise {
  border-top-color: rgba(255, 255, 255, 0.06) !important;
}

.nav__mega-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-end !important;
  margin-bottom: 1.2rem !important;
  padding-bottom: 0.8rem !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
}

html[data-theme="dark"] .nav__mega-header {
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

.nav__mega-header-left {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.35rem !important;
}

.nav__mega-eyebrow-row {
  display: flex !important;
  align-items: center !important;
  gap: 0.6rem !important;
}

.nav__mega-header-eyebrow {
  color: #2972FF !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  padding: 0px 0px 0px 10px;
}

.nav__mega-header-line {
  height: 1px !important;
  width: 24px !important;
  background: #2972FF !important;
}

.nav__mega-header-title {
  color: var(--color-ink, #050505) !important;
  font-size: 1.70rem !important;
  font-weight: 700 !important;
  margin: 0 !important;
  letter-spacing: -0.02em !important;
}

html[data-theme="dark"] .nav__mega-header-title {
  color: #ffffff !important;
}

.nav__mega-header-all {
  color: var(--color-ink, #050505) !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
  padding: 0px 0px 0px 10px;
}

.nav__mega-header-all:hover {
  color: #2972FF !important;
}

html[data-theme="dark"] .nav__mega-header-all {
  color: #ffffff !important;
}

html[data-theme="dark"] .nav__mega-header-all:hover {
  color: #1DE9B6 !important;
}

/* Three Columns Grid Row */
.nav__mega-columns-row {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 1.2rem !important;
  width: 100% !important;
}

@media (max-width: 980px) {
  .nav__mega-columns-row {
    grid-template-columns: 1fr !important;
    gap: 0.8rem !important;
  }

  .nav__dropdown--expertise {
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    padding: 1rem 0 !important;
    overflow-x: hidden !important;
  }

  .nav__dropdown--expertise>.container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .nav__mega-header {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.6rem !important;
  }

  .nav__mega-header-title {
    font-size: 1.2rem !important;
    padding: 0px 0px 0px 10px;
  }
}

.nav__mega-section {
  border: 1px solid rgba(0, 0, 0, 0.07) !important;
  background: rgba(255, 255, 255, 0.3) !important;
  border-radius: 0px !important;
  padding: 1.2rem 0.9rem !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0rem !important;
  box-shadow: none !important;
  transition: border-color 0.25s ease, background-color 0.25s ease !important;
}

html[data-theme="dark"] .nav__mega-section {
  border-color: rgba(255, 255, 255, 0.08) !important;
  background: rgba(8, 9, 15, 0.3) !important;
}

.nav__mega-section:hover {
  border-color: rgba(41, 98, 255, 0.18) !important;
  background: rgba(255, 255, 255, 0.4) !important;
}

html[data-theme="dark"] .nav__mega-section:hover {
  background: rgba(8, 9, 15, 0.4) !important;
}

.nav__mega-label {
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  color: var(--color-ink, #050505) !important;
  margin-bottom: 0.2rem !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
  padding-bottom: 0.4rem !important;
}

html[data-theme="dark"] .nav__mega-label {
  color: #ffffff !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

/* Links List */
.nav__mega-link-columns {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

/* Link Row Styling Override */
.nav__mega-link {
  display: flex !important;
  align-items: center !important;
  padding: 0.58rem 0.2rem !important;
  border-left: none !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
  background: transparent !important;
  text-decoration: none !important;
  font-size: 0.87rem !important;
  min-height: auto !important;
  width: 100% !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}

html[data-theme="dark"] .nav__mega-link {
  border-bottom-color: rgba(255, 255, 255, 0.05) !important;
}

/* Bullets indicators styling - Hidden in favor of line track effect */
.nav__mega-link::before,
body[data-page="home"] .core-expertise-card .service-card__tag-link::before {
  display: none !important;
}

/* Track Line styling on container */
.nav__mega-link-columns,
body[data-page="home"] .core-expertise-card .service-card__tags {
  border-left: 1.5px solid rgba(255, 255, 255, 0.08) !important;
  padding-left: 0 !important;
  margin-left: 0.15rem !important;
}

html[data-theme="light"] .nav__mega-link-columns,
html[data-theme="light"] body[data-page="home"] .core-expertise-card .service-card__tags {
  border-left-color: rgba(15, 23, 42, 0.08) !important;
}

/* Link styling with left border highlight */
.nav__mega-link {
  border-left: 2.5px solid transparent !important;
  margin-left: -2px !important;
  padding: 0.58rem 0.2rem 0.58rem 0.85rem !important;
  transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease !important;
}

body[data-page="home"] .core-expertise-card .service-card__tag-link {
  display: block !important;
  width: 100% !important;
  min-height: auto !important;
  border-left: 2.5px solid transparent !important;
  margin-left: -2px !important;
  padding: 0.58rem 0 0.58rem 0.85rem !important;
  transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease !important;
}

/* Hover active line accents for Home Page Cards */
body[data-page="home"] .core-expertise-card .service-card__tag-link:hover,
body[data-page="home"] .core-expertise-card .service-card__tag-link:focus-visible {
  border-left-color: var(--service-accent-2) !important;
}


/* Align text wrapper */
.nav__mega-link-text {
  width: auto !important;
  flex-grow: 1 !important;
}

/* Lower CTA link styling */
.nav__mega-section-cta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
  margin-top: auto !important;
  padding-top: 0.4rem !important;
  color: var(--color-ink, #050505) !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

html[data-theme="dark"] .nav__mega-section-cta {
  color: #ffffff !important;
}

.service-theme-ai .nav__mega-section-cta:hover {
  color: #1DE9B6 !important;
}

html[data-theme="light"] .service-theme-ai .nav__mega-section-cta:hover {
  color: #0da283 !important;
}

.service-theme-migration .nav__mega-section-cta:hover {
  color: #2972FF !important;
}

.service-theme-analytics .nav__mega-section-cta:hover {
  color: #FFC400 !important;
}

html[data-theme="light"] .service-theme-analytics .nav__mega-section-cta:hover {
  color: #d97706 !important;
}

/* --- 3D Fluid Glass Effect Design System & Light Theme Overrides --- */

/* 1. Light Theme Grid Squares Visibility Override */
html[data-theme="light"] body[data-page="home"] .home-hero::before {
  background:
    linear-gradient(rgba(15, 23, 42, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15, 23, 42, 0.05) 1px, transparent 1px) !important;
  opacity: 0.28 !important;
}

/* 2. Fluid Background Blobs */
.fluid-glass-bg-blobs {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
}

.fluid-blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0.12;
  mix-blend-mode: screen;
  transition: opacity 0.3s ease;
}

html[data-theme="light"] .fluid-blob {
  opacity: 0.07;
  mix-blend-mode: multiply;
  filter: blur(100px);
}

/* Specific Blobs Positioning & Grad Colors */
.fluid-blob--1 {
  width: 380px;
  height: 380px;
  background: radial-gradient(circle, rgba(99, 102, 241, 0.8) 0%, transparent 80%);
  top: 10%;
  left: 5%;
  animation: blob-drift-1 25s infinite alternate ease-in-out;
}

.fluid-blob--2 {
  width: 440px;
  height: 440px;
  background: radial-gradient(circle, rgba(236, 72, 153, 0.6) 0%, transparent 80%);
  bottom: 15%;
  right: 10%;
  animation: blob-drift-2 30s infinite alternate ease-in-out;
}

.fluid-blob--3 {
  width: 360px;
  height: 360px;
  background: radial-gradient(circle, rgba(6, 182, 212, 0.7) 0%, transparent 80%);
  top: 30%;
  right: 15%;
  animation: blob-drift-3 28s infinite alternate ease-in-out;
}

.fluid-blob--4 {
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(168, 85, 247, 0.7) 0%, transparent 80%);
  bottom: 20%;
  left: 15%;
  animation: blob-drift-4 32s infinite alternate ease-in-out;
}

/* 3. Glassmorphic Cards Styling (Frosted Glass) */
body[data-page="home"] .site-main .hero,
body[data-page="home"] .site-main .section {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

body[data-page="home"] .card,
body[data-page="home"] .core-expertise-card,
body[data-page="home"] .home-products__console,
body[data-page="home"] .home-products__console-card,
body[data-page="home"] .sector-card,
body[data-page="home"] .why-reality-craft-card,
body[data-page="home"] .testimonial__quote {
  position: relative;
  z-index: 1;
  background: rgba(7, 21, 30, 0.5) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.25) !important;
  transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
    border-color 0.3s ease,
    box-shadow 0.3s ease !important;
  transform-style: preserve-3d;
  will-change: transform;
}

/* Specular Shine Overlay for Cards */
.glass-shine {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 10;
  opacity: 0;
  transition: opacity 0.3s ease;
  background: radial-gradient(circle 120px at var(--shine-x, 0) var(--shine-y, 0),
      rgba(255, 255, 255, 0.08),
      transparent 80%);
}

/* Active Hover Glow for Glass Cards */
body[data-page="home"] .card:hover,
body[data-page="home"] .core-expertise-card:hover,
body[data-page="home"] .home-products__console:hover,
body[data-page="home"] .home-products__console-card:hover,
body[data-page="home"] .sector-card:hover,
body[data-page="home"] .why-reality-craft-card:hover,
body[data-page="home"] .testimonial__quote:hover {
  border-color: rgba(255, 255, 255, 0.16) !important;
  box-shadow: 0 16px 48px 0 rgba(99, 102, 241, 0.12),
    0 8px 32px 0 rgba(0, 0, 0, 0.3) !important;
}

/* Light Mode Glass Adjustments */
html[data-theme="light"] body[data-page="home"] .card,
html[data-theme="light"] body[data-page="home"] .core-expertise-card,
html[data-theme="light"] body[data-page="home"] .home-products__console,
html[data-theme="light"] body[data-page="home"] .home-products__console-card,
html[data-theme="light"] body[data-page="home"] .sector-card,
html[data-theme="light"] body[data-page="home"] .why-reality-craft-card,
html[data-theme="light"] body[data-page="home"] .testimonial__quote {
  background: rgba(255, 255, 255, 0.74) !important;
  border-color: rgba(15, 23, 42, 0.1) !important;
  box-shadow: 0 8px 32px 0 rgba(15, 23, 42, 0.04) !important;
}

html[data-theme="light"] .glass-shine {
  background: radial-gradient(circle 120px at var(--shine-x, 0) var(--shine-y, 0),
      rgba(255, 255, 255, 0.6),
      transparent 80%);
}

html[data-theme="light"] body[data-page="home"] .card:hover,
html[data-theme="light"] body[data-page="home"] .core-expertise-card:hover,
html[data-theme="light"] body[data-page="home"] .home-products__console:hover,
html[data-theme="light"] body[data-page="home"] .home-products__console-card:hover,
html[data-theme="light"] body[data-page="home"] .sector-card:hover,
html[data-theme="light"] body[data-page="home"] .why-reality-craft-card:hover,
html[data-theme="light"] body[data-page="home"] .testimonial__quote:hover {
  border-color: rgba(15, 23, 42, 0.16) !important;
  box-shadow: 0 16px 48px 0 rgba(37, 99, 235, 0.08),
    0 8px 32px 0 rgba(15, 23, 42, 0.06) !important;
}

/* Animations for drifting glass blobs */
@keyframes blob-drift-1 {
  0% {
    transform: translate(0, 0) rotate(0deg) scale(1);
  }

  50% {
    transform: translate(80px, 60px) rotate(180deg) scale(1.15);
  }

  100% {
    transform: translate(-40px, 100px) rotate(360deg) scale(0.9);
  }
}

@keyframes blob-drift-2 {
  0% {
    transform: translate(0, 0) rotate(0deg) scale(1.1);
  }

  50% {
    transform: translate(-100px, -50px) rotate(-180deg) scale(0.85);
  }

  100% {
    transform: translate(60px, 30px) rotate(-360deg) scale(1.1);
  }
}

@keyframes blob-drift-3 {
  0% {
    transform: translate(0, 0) rotate(0deg) scale(0.9);
  }

  50% {
    transform: translate(60px, -80px) rotate(120deg) scale(1.1);
  }

  100% {
    transform: translate(-60px, 40px) rotate(240deg) scale(1);
  }
}

@keyframes blob-drift-4 {
  0% {
    transform: translate(0, 0) rotate(0deg) scale(1);
  }

  50% {
    transform: translate(-80px, 80px) rotate(-120deg) scale(0.9);
  }

  100% {
    transform: translate(40px, -60px) rotate(-240deg) scale(1.15);
  }
}

/* Light theme overrides for Hero 3D Animation visual elements [COMMENTED OUT]
body[data-page="home"] .hero-visual__ring {
  border-radius: 8px !important;
  border-color: rgba(255, 255, 255, 0.42) !important;
  border-width: 1.6px !important;
}

html[data-theme="light"] body[data-page="home"] .hero-visual__ring {
  border-color: rgba(79, 70, 229, 0.65) !important;
  border-width: 1.6px !important;
}

body[data-page="home"] .hero-visual__node {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.7rem 1.15rem !important;
  border-radius: 24px !important;
  background: rgba(15, 23, 42, 0.65) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: blur(16px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(140%) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2) !important;
  transition: border-color 0.3s ease, 
              box-shadow 0.3s ease,
              transform 0.3s ease !important;
  cursor: pointer;
  z-index: 5;
}

body[data-page="home"] .hero-visual__node:hover {
  transform: scale(1.04) !important;
}

body[data-page="home"] .hero-visual__node .node__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: transform 0.35s ease;
}

body[data-page="home"] .hero-visual__node:hover .node__icon {
  transform: rotate(15deg);
}

body[data-page="home"] .hero-visual__node .node__text {
  font-size: 0.84rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #ffffff !important;
}

body[data-page="home"] .hero-visual__node:hover .node__text {
  max-width: 100px;
  opacity: 1;
  margin-left: 10px;
}

body[data-page="home"] .hero-visual__node {
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
}

body[data-page="home"] .hero-visual__node--ai {
  animation: orbit-ai 24s linear infinite !important;
  box-shadow: 0 8px 24px rgba(168, 85, 247, 0.35), 0 4px 12px rgba(0, 0, 0, 0.2) !important;
  border-color: rgba(168, 85, 247, 0.45) !important;
}

body[data-page="home"] .hero-visual__node--automation {
  animation: orbit-automation 24s linear infinite !important;
  box-shadow: 0 8px 24px rgba(59, 130, 246, 0.35), 0 4px 12px rgba(0, 0, 0, 0.2) !important;
  border-color: rgba(59, 130, 246, 0.45) !important;
}

body[data-page="home"] .hero-visual__node--analytics {
  animation: orbit-analytics 32s linear infinite !important;
  box-shadow: 0 8px 24px rgba(16, 185, 129, 0.35), 0 4px 12px rgba(0, 0, 0, 0.2) !important;
  border-color: rgba(16, 185, 129, 0.45) !important;
}

html[data-theme="light"] body[data-page="home"] .hero-visual__node {
  background: rgba(255, 255, 255, 0.82) !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
}

html[data-theme="light"] body[data-page="home"] .hero-visual__node .node__text {
  color: #0f172a !important;
}

html[data-theme="light"] body[data-page="home"] .hero-visual__node--ai {
  box-shadow: 0 8px 24px rgba(168, 85, 247, 0.2), 0 4px 12px rgba(15, 23, 42, 0.04) !important;
  border-color: rgba(168, 85, 247, 0.35) !important;
}

html[data-theme="light"] body[data-page="home"] .hero-visual__node--automation {
  box-shadow: 0 8px 24px rgba(59, 130, 246, 0.2), 0 4px 12px rgba(15, 23, 42, 0.04) !important;
  border-color: rgba(59, 130, 246, 0.35) !important;
}

html[data-theme="light"] body[data-page="home"] .hero-visual__node--analytics {
  box-shadow: 0 8px 24px rgba(16, 185, 129, 0.2), 0 4px 12px rgba(15, 23, 42, 0.04) !important;
  border-color: rgba(16, 185, 129, 0.35) !important;
}

@keyframes orbit-ai {
  0% {
    transform: translate(-50%, -50%) rotate(0deg) translateY(-170px) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg) translateY(-170px) rotate(-360deg);
  }
}

@keyframes orbit-automation {
  0% {
    transform: translate(-50%, -50%) rotate(180deg) translateY(-170px) rotate(-180deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(540deg) translateY(-170px) rotate(-540deg);
  }
}

@keyframes orbit-analytics {
  0% {
    transform: translate(-50%, -50%) rotate(45deg) translateY(-220px) rotate(-45deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(-315deg) translateY(-220px) rotate(315deg);
  }
}

html[data-theme="light"] .hero-visual__glow-bg {
  background: radial-gradient(circle, rgba(99, 102, 241, 0.08) 0%, transparent 70%) !important;
}
*/

/* Home Page Core Expertise Cards - Continuous Glowing Background effect */
body[data-page="home"] .core-expertise-card.service-card--ai {
  background:
    radial-gradient(circle at 35% 30%, rgba(29, 233, 182, 0.14), transparent 22rem),
    rgba(255, 255, 255, 0.02) !important;
}

body[data-page="home"] .core-expertise-card.service-card--azure {
  background:
    radial-gradient(circle at 50% 30%, rgba(41, 98, 255, 0.16), transparent 22rem),
    rgba(255, 255, 255, 0.02) !important;
}

body[data-page="home"] .core-expertise-card.service-card--power {
  background:
    radial-gradient(circle at 65% 30%, rgba(255, 196, 0, 0.1), transparent 22rem),
    rgba(255, 255, 255, 0.02) !important;
}

html[data-theme="light"] body[data-page="home"] .core-expertise-card.service-card--ai {
  background:
    radial-gradient(circle at 35% 30%, rgba(13, 162, 131, 0.06), transparent 22rem),
    rgba(255, 255, 255, 0.8) !important;
}

html[data-theme="light"] body[data-page="home"] .core-expertise-card.service-card--azure {
  background:
    radial-gradient(circle at 50% 30%, rgba(37, 99, 235, 0.06), transparent 22rem),
    rgba(255, 255, 255, 0.8) !important;
}

html[data-theme="light"] body[data-page="home"] .core-expertise-card.service-card--power {
  background:
    radial-gradient(circle at 65% 30%, rgba(217, 119, 6, 0.05), transparent 22rem),
    rgba(255, 255, 255, 0.8) !important;
}

/* Home Page Core Expertise Cards - Theme-based Typography Colors */
body[data-page="home"] .core-expertise-card h3 {
  color: var(--text-primary, #ffffff) !important;
}

body[data-page="home"] .core-expertise-card p {
  color: var(--text-secondary, rgba(245, 247, 251, 0.76)) !important;
}

body[data-page="home"] .core-expertise-card .service-card__tag-link {
  color: var(--text-secondary, rgba(245, 247, 251, 0.82)) !important;
}

body[data-page="home"] .core-expertise-card .service-card__tag-link:hover,
body[data-page="home"] .core-expertise-card .service-card__tag-link:focus-visible {
  color: var(--text-primary, #ffffff) !important;
}

body[data-page="home"] .core-expertise-card .service-card__tags li {
  border-color: rgba(255, 255, 255, 0.06) !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

body[data-page="home"] .core-expertise-card .service-card__cta {
  color: var(--text-primary, #ffffff) !important;
}

body[data-page="home"] .core-expertise-card .service-card__cta:hover {
  color: var(--accent-secondary, #2972FF) !important;
}

/* Light theme overrides */
html[data-theme="light"] body[data-page="home"] .core-expertise-card h3 {
  color: #000000 !important;
}

html[data-theme="light"] body[data-page="home"] .core-expertise-card p {
  color: rgba(15, 23, 42, 0.72) !important;
}

html[data-theme="light"] body[data-page="home"] .core-expertise-card .service-card__tag-link {
  color: rgba(15, 23, 42, 0.75) !important;
}

html[data-theme="light"] body[data-page="home"] .core-expertise-card .service-card__tag-link:hover,
html[data-theme="light"] body[data-page="home"] .core-expertise-card .service-card__tag-link:focus-visible {
  color: #000000 !important;
}

html[data-theme="light"] body[data-page="home"] .core-expertise-card .service-card__tags li {
  border-color: rgba(15, 23, 42, 0.05) !important;
  border-bottom-color: rgba(148, 163, 184, 0.2) !important;
}

html[data-theme="light"] body[data-page="home"] .core-expertise-card .service-card__cta {
  color: #0f172a !important;
}

html[data-theme="light"] body[data-page="home"] .core-expertise-card .service-card__cta:hover {
  color: var(--accent-primary, #2563eb) !important;
}

/* Global Round Corner Removal */
*,
*::before,
*::after {
  border-radius: 0px !important;
}