#solutions.commercial-section {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: clamp(5rem, 9vw, 8rem) clamp(1rem, 4vw, 3rem) !important;
  overflow: hidden;
  transform: none !important;
  border-top: 1px solid rgba(0, 245, 255, 0.12);
  background: radial-gradient(circle at 50% 0, rgba(0,245,255,.055), transparent 34rem), #0a0a0a;
  isolation: isolate;
}
#solutions .commercial-section__container { width: min(100%, 1180px); margin: 0 auto; }
#solutions .commercial-section__header {
  position: static !important;
  width: min(100%, 800px);
  margin: 0 auto clamp(2.8rem, 6vw, 4.5rem);
  text-align: center;
  transform: none !important;
}
#solutions .commercial-section__header[hidden], #solutions .commercial-offers[hidden] { display: none !important; }
#solutions .commercial-section__eyebrow {
  display: block; margin-bottom: .9rem; color: #58ecf8;
  font: 500 .68rem "IBM Plex Mono", monospace; letter-spacing: .16em;
}
#solutions .commercial-section__title.section-title {
  position: static !important; inset: auto !important; width: auto; margin: 0 0 1rem !important;
  transform: none !important; translate: none !important; color: #f8f9fa;
  font-size: clamp(2.5rem, 6vw, 5rem); line-height: 1.02; text-align: center;
}
#solutions .commercial-section__title.section-title::after { display: none !important; content: none !important; }
#solutions .commercial-section__description {
  max-width: 680px; margin: 0 auto; color: rgba(226,249,251,.68);
  font-size: clamp(1rem,1.7vw,1.14rem); line-height: 1.7;
}
#solutions .commercial-offers {
  display: grid; grid-template-columns: repeat(2,minmax(0,1fr));
  gap: clamp(1rem,2.5vw,1.5rem); margin: 0 0 clamp(1.5rem,4vw,3rem);
}
#solutions .commercial-offer-card {
  position: relative; min-width: 0; min-height: 360px; display: grid;
  grid-template-rows: 105px auto 1fr auto; overflow: hidden; padding: 0;
  border: 1px solid rgba(0,245,255,.2); border-top: 2px solid #00f5ff; border-radius: 22px;
  background: radial-gradient(circle at 88% 12%,rgba(0,245,255,.15),transparent 13rem),linear-gradient(145deg,#101b1e,#081013 70%,#070a0c);
  box-shadow: 0 22px 58px rgba(0,0,0,.4); isolation: isolate;
  transition: transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}
#solutions .commercial-offer-card::before {
  content: ""; position: absolute; inset: 0; z-index: -1; opacity: .18; pointer-events: none;
  background-image: linear-gradient(rgba(0,245,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(0,245,255,.11) 1px,transparent 1px);
  background-size: 30px 30px;
}
#solutions .commercial-offer-card:hover { transform: translateY(-6px); border-color: rgba(0,245,255,.56); box-shadow: 0 30px 72px rgba(0,0,0,.5),0 0 34px rgba(0,245,255,.09); }
#solutions .commercial-offer-card__visual { position: absolute; width: 190px; height: 115px; top: 0; right: 0; overflow: hidden; pointer-events: none; }
#solutions .commercial-offer-card__orbit { position: absolute; width: 140px; height: 42px; top: 30px; right: 8px; border: 1px solid rgba(88,236,248,.25); border-radius: 50%; transform: rotate(-15deg); }
#solutions .commercial-offer-card__planet { position: absolute; display: block; border-radius: 50%; animation: commercialOfferFloat 5.7s ease-in-out infinite; }
#solutions .commercial-offer-card__planet--main { width: 62px; height: 62px; top: 20px; right: 47px; background: radial-gradient(circle at 34% 28%,#efffff 0 4%,#77f4ff 20%,#0ca8bc 58%,#03424f 100%); box-shadow: 0 0 34px rgba(0,245,255,.25); }
#solutions .commercial-offer-card__planet--moon { width: 19px; height: 19px; top: 71px; right: 14px; background: radial-gradient(circle at 35% 30%,#fff,#79edff 45%,#0b6680); animation-delay: -2.2s; }
#solutions .commercial-offer-card__meta { position: relative; z-index: 2; display: flex; align-items: center; gap: .85rem; padding: 1.15rem 1.2rem 0; }
#solutions .commercial-offer-card__icon {
  width: 72px; height: 72px; flex: 0 0 72px; display: grid; place-items: center;
  border: 1px solid rgba(0,245,255,.5); border-radius: 20px; color: #9af8ff;
  background: linear-gradient(145deg,rgba(0,245,255,.17),rgba(0,185,209,.07));
  font-size: 2rem; box-shadow: 0 14px 34px rgba(0,245,255,.1),inset 0 1px rgba(255,255,255,.12);
}
#solutions .commercial-offer-card__category { max-width: 155px; color: #58ecf8; font: 500 .64rem "IBM Plex Mono",monospace; letter-spacing: .08em; text-transform: uppercase; }
#solutions .commercial-offer-card__price { position: relative; z-index: 2; justify-self: start; margin: .9rem 1.2rem 0; padding: .36rem .62rem; border: 1px solid rgba(0,245,255,.25); border-radius: 999px; color: #bafaff; background: rgba(0,245,255,.06); font: 500 .68rem "IBM Plex Mono",monospace; }
#solutions .commercial-offer-card__content { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: flex-end; padding: 1rem 1.2rem 1.2rem; }
#solutions .commercial-offer-card__content h3 { margin: 0 0 .75rem; color: #f2feff; font-size: clamp(1.75rem,3vw,2.65rem); line-height: 1; letter-spacing: -.04em; }
#solutions .commercial-offer-card__description { margin: 0; color: rgba(226,249,251,.67); font-size: .95rem; line-height: 1.65; }
#solutions .commercial-offer-card__action { position: relative; z-index: 2; min-height: 60px; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .8rem 1.2rem; border-top: 1px solid rgba(0,245,255,.1); color: #e9feff; background: rgba(0,245,255,.035); font: 500 .73rem "IBM Plex Mono",monospace; }
#solutions .commercial-offer-card__action i { width: 33px; height: 33px; display: grid; place-items: center; border: 1px solid rgba(0,245,255,.4); border-radius: 50%; color: #58ecf8; background: rgba(0,245,255,.08); font-style: normal; }
#solutions .commercial-offer-card__cover-link { position: absolute; inset: 0; z-index: 5; border-radius: inherit; }
#solutions .commercial-offer-card__cover-link:focus-visible { outline: 3px solid #58ecf8; outline-offset: 4px; }
#solutions .commercial-offer-card--construction:hover { transform: none; }
#solutions .commercial-offer-card--construction .commercial-offer-card__action { color: #9eeef5; background: rgba(0,245,255,.065); }

#solutions .commercial-contact-card {
  position: relative; min-height: 390px; display: grid; grid-template-columns: minmax(0,1fr) minmax(300px,410px); align-items: center;
  gap: clamp(2rem,5vw,5rem); padding: clamp(2rem,6vw,5rem); overflow: hidden;
  border: 1px solid rgba(0,245,255,.23); border-top: 2px solid #00f5ff; border-radius: 24px;
  background: radial-gradient(circle at 88% 7%,rgba(0,245,255,.16),transparent 18rem),linear-gradient(135deg,#111a1d,#080d10 68%,#071114);
  box-shadow: 0 28px 80px rgba(0,0,0,.42);
}
#solutions .commercial-contact-card__visual { position: absolute; width: clamp(210px,27vw,350px); height: clamp(120px,16vw,205px); top: clamp(1rem,3vw,2.4rem); right: clamp(1rem,4vw,3.5rem); pointer-events: none; }
#solutions .commercial-contact-card__visual span { position: absolute; border-radius: 50%; animation: commercialOfferFloat 5.5s ease-in-out infinite; }
#solutions .commercial-contact-card__visual span:nth-child(1) { width: 74px; height: 74px; top: 18px; right: 55px; background: radial-gradient(circle at 35% 30%,#d9fdff,#49dcf3 22%,#087891 68%,#033844); }
#solutions .commercial-contact-card__visual span:nth-child(2) { width: 36px; height: 36px; top: 104px; right: 145px; background: radial-gradient(circle at 35% 30%,#e8ffff,#68d9ea 34%,#145b72); animation-delay: -1.7s; }
#solutions .commercial-contact-card__visual span:nth-child(3) { width: 20px; height: 20px; top: 72px; right: 8px; background: radial-gradient(circle at 35% 30%,#fff,#79edff 44%,#0b6680); animation-delay: -3.1s; }
#solutions .commercial-contact-card__copy,#solutions .commercial-contact-card__button { position: relative; z-index: 2; }
#solutions .commercial-contact-card__copy { max-width: 720px; }
#solutions .commercial-contact-card__label { display: block; color: #58ecf8; font: 500 .68rem "IBM Plex Mono",monospace; letter-spacing: .14em; }
#solutions .commercial-contact-card__title { margin: .8rem 0 1.2rem; font-size: clamp(2.35rem,5.2vw,4.8rem); line-height: 1.01; letter-spacing: -.045em; }
#solutions .commercial-contact-card__text { max-width: 650px; margin: 0; color: rgba(226,249,251,.7); font-size: clamp(1rem,1.5vw,1.12rem); line-height: 1.75; }
#solutions .commercial-contact-card__button { min-height: 126px; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: .35rem 1.2rem; padding: 1.5rem 1.7rem; border: 1px solid rgba(0,245,255,.72); border-radius: 18px; color: #031013; background: linear-gradient(135deg,#9af8ff,#39deee 48%,#00b9d1); text-decoration: none; box-shadow: 0 18px 44px rgba(0,184,209,.2); transition: transform .22s ease,filter .22s ease; }
#solutions .commercial-contact-card__button-label { grid-column: 1; color: rgba(3,16,19,.68); font: 500 .68rem "IBM Plex Mono",monospace; letter-spacing: .1em; }
#solutions .commercial-contact-card__button strong { grid-column: 1; font-size: clamp(1rem,1.6vw,1.25rem); overflow-wrap: anywhere; }
#solutions .commercial-contact-card__button i { grid-column: 2; grid-row: 1/3; color: #05323a; font-style: normal; font-size: 1.8rem; }
#solutions .commercial-contact-card__button:hover,#solutions .commercial-contact-card__button:focus-visible { transform: translateY(-5px); filter: brightness(1.06); outline: none; }

@keyframes commercialOfferFloat { 0%,100% { transform: translate3d(0,0,0); } 50% { transform: translate3d(0,-7px,0); } }
@media (max-width: 900px) {
  #solutions .commercial-offers { grid-template-columns: 1fr; }
  #solutions .commercial-contact-card { grid-template-columns: 1fr; }
  #solutions .commercial-contact-card__button { width: min(100%,520px); }
}
@media (max-width: 680px) {
  #solutions.commercial-section { padding-inline: 1rem !important; }
  #solutions .commercial-section__header { text-align: left; }
  #solutions .commercial-section__title.section-title { text-align: left; font-size: clamp(2.2rem,12vw,3.5rem); }
  #solutions .commercial-section__description { margin-left: 0; }
  #solutions .commercial-offer-card { min-height: 335px; border-radius: 18px; }
  #solutions .commercial-offer-card__icon { width: 62px; height: 62px; flex-basis: 62px; font-size: 1.7rem; }
  #solutions .commercial-contact-card { min-height: 520px; padding: 1.5rem; align-content: end; }
  #solutions .commercial-contact-card__visual { top: 1rem; right: -3rem; transform: scale(.82); transform-origin: top right; }
  #solutions .commercial-contact-card__button { width: 100%; min-height: 108px; padding: 1.2rem; }
}
@media (prefers-reduced-motion: reduce) {
  #solutions .commercial-offer-card,#solutions .commercial-contact-card__button { transition: none; }
  #solutions .commercial-offer-card__planet,#solutions .commercial-contact-card__visual span { animation: none; }
}

/* Section heading aligned with Core Principles and Project Showcase. */
#solutions .commercial-section__header {
  width: 100%;
  margin: 0 0 clamp(3rem, 6vw, 5rem);
  text-align: center;
}
#solutions .commercial-section__title.section-title {
  margin: 0 auto !important;
  text-align: center;
}

/* Open-source ribbon and human-readable commercial metadata. */
#solutions .commercial-offer-card__ribbon {
  position: absolute;
  top: 18px;
  right: -39px;
  z-index: 6;
  width: 150px;
  padding: 0.42rem 0;
  transform: rotate(38deg);
  color: #02171b;
  background: linear-gradient(90deg, #9af8ff, #00b9d1);
  box-shadow: 0 8px 22px rgba(0, 245, 255, 0.18);
  font-family: "Space Grotesk", sans-serif;
  font-size: 0.72rem;
  font-weight: 700;
  text-align: center;
}
#solutions .commercial-offer-card__icon {
  position: relative;
  z-index: 2;
  margin: 1.15rem 1.2rem 0;
}
#solutions .commercial-offer-card__price,
#solutions .commercial-offer-card__action,
#solutions .commercial-contact-card__label,
#solutions .commercial-contact-card__button-label {
  font-family: "Space Grotesk", sans-serif;
  letter-spacing: 0;
  text-transform: none;
}
#solutions .commercial-offer-card__price { font-size: 0.86rem; font-weight: 600; }
#solutions .commercial-offer-card__action { font-size: 0.92rem; font-weight: 500; }
#solutions .commercial-contact-card__button-label { font-size: 0.82rem; font-weight: 600; }

/* Match the site's native section-title treatment exactly. */
#solutions .commercial-section__header {
  width: 100%;
  margin: 0 0 clamp(3rem, 6vw, 5rem);
  padding: 0;
  text-align: initial;
}
#solutions .commercial-section__header > .section-title {
  margin-bottom: clamp(2.8rem, 5vw, 4.2rem) !important;
}

/* Handwritten linked labels for commercial metadata and actions. */
#solutions .commercial-offer-card__price,
#solutions .commercial-offer-card__action,
#solutions .commercial-offer-card__ribbon,
#solutions .commercial-contact-card__label,
#solutions .commercial-contact-card__button-label {
  font-family: "Space Grotesk", "Avenir Next", "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-variant-ligatures: common-ligatures contextual;
  font-feature-settings: "liga" 1, "clig" 1, "calt" 1;
  letter-spacing: -0.045em;
  text-transform: none;
}
#solutions .commercial-offer-card__price { font-size: 1rem; }
#solutions .commercial-offer-card__action { font-size: 1.02rem; }
#solutions .commercial-offer-card__ribbon { font-size: 0.82rem; }
#solutions .commercial-contact-card__label { font-size: 0.92rem; }
#solutions .commercial-contact-card__button-label { font-size: 0.94rem; }