/*
 * Shared internal-page components.
 * Builds on homepage.css tokens and primitives without duplicating the design system.
 */

/* Page heroes */
.page-hero {
  position: relative;
  min-height: 590px;
  display: grid;
  align-items: center;
  padding: 94px 0 86px;
  border-bottom: 1px solid rgba(93, 184, 255, 0.12);
  overflow: hidden;
}

.page-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 80% 38%, rgba(23, 216, 255, 0.12), transparent 24rem),
    linear-gradient(154deg, transparent 0 63%, rgba(47, 123, 255, 0.08) 63.2%, transparent 63.6%),
    linear-gradient(168deg, transparent 0 72%, rgba(23, 216, 255, 0.06) 72.2%, transparent 72.6%);
}

.page-hero__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.65fr);
  align-items: center;
  gap: clamp(50px, 9vw, 120px);
}

.page-hero__content { max-width: 790px; }

.page-hero h1 {
  max-width: 850px;
  margin-bottom: 22px;
  font-size: clamp(3rem, 6.2vw, 5.6rem);
  line-height: 1.02;
}

.page-hero__copy {
  max-width: 720px;
  margin-bottom: 30px;
  font-size: clamp(1rem, 1.5vw, 1.18rem);
}

.breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 18px;
  color: #7892ac;
  font-size: 0.75rem;
  font-weight: 700;
}

.breadcrumbs a { color: #a9bdd3; }
.breadcrumbs a:hover { color: var(--color-cyan); }

/* Shared page sections */
.page-section {
  position: relative;
  padding: 104px 0;
}

.page-section--tinted {
  border-block: 1px solid rgba(93, 184, 255, 0.1);
  background:
    radial-gradient(circle at 90% 12%, rgba(32, 227, 178, 0.06), transparent 24rem),
    rgba(6, 26, 51, 0.52);
}

.page-intro {
  max-width: 780px;
  margin-bottom: 44px;
}

.page-intro h2 {
  margin-bottom: 16px;
  font-size: clamp(2rem, 4vw, 3.35rem);
}

.page-intro > p:last-child {
  max-width: 700px;
  margin-bottom: 0;
  font-size: 1.04rem;
}

.detail-list {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.detail-list li {
  position: relative;
  padding-left: 19px;
  color: #d4e2f0;
  font-size: 0.88rem;
  font-weight: 600;
}

.detail-list li::before {
  content: "";
  position: absolute;
  top: 0.72em;
  left: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--color-teal);
  box-shadow: 0 0 10px rgba(32, 227, 178, 0.42);
  transform: translateY(-50%);
}

.info-card {
  padding: 28px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: linear-gradient(145deg, rgba(18, 57, 105, 0.5), rgba(5, 25, 52, 0.66));
  box-shadow: var(--shadow-card);
}

.info-card h3 { margin-bottom: 13px; font-size: 1.18rem; }
.info-card p:last-child { margin-bottom: 0; }

/* Solutions */
.solution-index {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-top: -42px;
  padding: 0;
  list-style: none;
}

.solution-index a {
  display: flex;
  align-items: center;
  min-height: 82px;
  gap: 10px;
  padding: 16px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  color: #d8e7f4;
  background: rgba(8, 31, 63, 0.72);
  font-size: 0.78rem;
  font-weight: 800;
  transition: border-color 180ms ease, background 180ms ease, transform 180ms ease;
}

.solution-index a:hover {
  border-color: var(--color-border-strong);
  background: var(--color-surface);
  transform: translateY(-2px);
}

.solution-row {
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
  align-items: start;
  gap: clamp(46px, 8vw, 110px);
  padding: 78px 0;
  border-bottom: 1px solid rgba(93, 184, 255, 0.1);
}

.solution-row:last-child { border-bottom: 0; }
.solution-row:nth-child(even) { grid-template-columns: minmax(0, 1.22fr) minmax(0, 0.78fr); }
.solution-row:nth-child(even) .solution-row__intro { order: 2; }

.solution-row__intro {
  position: sticky;
  top: calc(var(--header-height) + 36px);
}

.solution-row h2 {
  margin-bottom: 16px;
  font-size: clamp(1.8rem, 3.5vw, 2.8rem);
}

.solution-row__details {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.solution-use {
  min-height: 164px;
  padding: 22px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: rgba(10, 38, 74, 0.6);
}

.solution-use h3 { margin-bottom: 9px; font-size: 0.98rem; }
.solution-use p { margin-bottom: 0; font-size: 0.82rem; }

/* Product details */
.product-detail {
  display: grid;
  grid-template-columns: minmax(330px, 0.82fr) minmax(0, 1.18fr);
  align-items: center;
  gap: clamp(48px, 8vw, 110px);
  padding: 90px 0;
  border-bottom: 1px solid rgba(93, 184, 255, 0.1);
}

.product-detail:last-child { border-bottom: 0; }

.product-detail:nth-child(even) {
  grid-template-columns: minmax(0, 1.18fr) minmax(330px, 0.82fr);
}

.product-detail:nth-child(even) .product-detail__media { order: 2; }

.product-detail__media {
  position: relative;
  display: grid;
  place-items: end center;
  min-height: 510px;
  padding: 42px 20px 0;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background:
    radial-gradient(circle at 50% 18%, rgba(23, 216, 255, 0.17), transparent 46%),
    linear-gradient(145deg, rgba(19, 60, 110, 0.66), rgba(4, 19, 42, 0.86));
  overflow: hidden;
}

.product-detail__media::before {
  content: "";
  position: absolute;
  inset: 10%;
  border: 1px solid rgba(23, 216, 255, 0.1);
  border-radius: 50%;
}

.product-phones {
  position: relative;
  width: min(100%, 400px);
  height: 455px;
}

.product-phones img {
  position: absolute;
  bottom: -22px;
  width: 185px;
  max-width: 51%;
  height: auto;
  border: 5px solid #06101d;
  border-radius: 26px 26px 0 0;
  box-shadow: 0 25px 60px rgba(0, 5, 20, 0.52);
}

.product-phones img:first-child {
  left: 6%;
  z-index: 2;
  transform: rotate(-5deg);
}

.product-phones img:nth-child(2) {
  right: 6%;
  z-index: 1;
  transform: rotate(5deg) translateY(24px);
}

.product-detail__category {
  margin-bottom: 12px;
  color: var(--color-cyan) !important;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.product-detail h2 {
  margin-bottom: 16px;
  font-size: clamp(2rem, 4vw, 3.4rem);
}

.product-detail__lead {
  margin-bottom: 26px;
  font-size: 1.05rem;
}

.product-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 0 0 25px;
}

.product-facts div {
  padding: 14px;
  border: 1px solid rgba(93, 184, 255, 0.15);
  border-radius: var(--radius-sm);
  background: rgba(8, 31, 63, 0.55);
}

.product-facts dt {
  margin-bottom: 4px;
  color: #718da9;
  font-size: 0.66rem;
  font-weight: 800;
  text-transform: uppercase;
}

.product-facts dd {
  margin: 0;
  color: #e3edf6;
  font-size: 0.78rem;
  font-weight: 700;
}

.product-detail__features {
  margin-bottom: 28px;
  columns: 2;
  column-gap: 30px;
}

.product-detail__features li {
  break-inside: avoid;
  margin-bottom: 9px;
}

.product-detail__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
}

.future-products {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 42px;
  padding: 42px;
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-lg);
  background:
    radial-gradient(circle at 90% 16%, rgba(32, 227, 178, 0.13), transparent 34%),
    linear-gradient(135deg, rgba(47, 123, 255, 0.16), rgba(12, 39, 74, 0.68));
  box-shadow: var(--shadow-glow);
}

.future-products p:last-child { max-width: 700px; margin-bottom: 0; }

/* Full process */
.process-timeline {
  position: relative;
  max-width: 960px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

.process-timeline::before {
  content: "";
  position: absolute;
  top: 30px;
  bottom: 30px;
  left: 49px;
  width: 1px;
  background: linear-gradient(var(--color-cyan), rgba(47, 123, 255, 0.12));
}

.process-stage {
  position: relative;
  display: grid;
  grid-template-columns: 100px minmax(0, 1fr);
  gap: 30px;
  min-height: 190px;
}

.process-stage__node {
  position: relative;
  z-index: 1;
  width: 16px;
  height: 16px;
  margin-left: 41px;
  border: 3px solid #071d3b;
  border-radius: 50%;
  background: var(--color-cyan);
  box-shadow: 0 0 0 1px var(--color-border-strong), 0 0 22px rgba(23, 216, 255, 0.2);
}

.process-stage__body {
  margin-bottom: 28px;
  padding: 26px 30px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: rgba(10, 38, 74, 0.58);
}

.process-stage__body h2 { margin-bottom: 10px; font-size: 1.45rem; }
.process-stage__body p { max-width: 720px; margin-bottom: 0; }

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

.expectation-card {
  min-height: 130px;
  padding: 24px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: linear-gradient(145deg, rgba(18, 57, 105, 0.48), rgba(5, 25, 52, 0.62));
}

.expectation-card h3 { margin: 0; font-size: 1rem; }

/* About */
.name-story {
  display: grid;
  grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr);
  align-items: center;
  gap: clamp(50px, 9vw, 120px);
}

.name-story__mark {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 380px;
}

.name-story__mark::before {
  content: "";
  position: absolute;
  width: 95%;
  aspect-ratio: 1;
  border: 1px dashed rgba(23, 216, 255, 0.2);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(23, 216, 255, 0.12), transparent 64%);
}

.name-story__mark img {
  position: relative;
  width: min(65%, 220px);
  height: auto;
  filter: drop-shadow(0 20px 45px rgba(0, 5, 20, 0.45));
}

.name-story__copy h2 { margin-bottom: 18px; font-size: clamp(2rem, 4vw, 3.25rem); }
.name-story__copy p { font-size: 1.04rem; }

.statement-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.statement-card {
  min-height: 275px;
  padding: 34px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: linear-gradient(145deg, rgba(18, 57, 105, 0.52), rgba(5, 25, 52, 0.7));
}

.statement-card .section-kicker { margin-bottom: 28px; }
.statement-card h2 { margin-bottom: 16px; font-size: 1.7rem; }
.statement-card p { margin-bottom: 0; }

.approach-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 15px;
}

.approach-card {
  min-height: 180px;
  padding: 26px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: rgba(10, 38, 74, 0.58);
}

.approach-card h3 { margin-bottom: 10px; font-size: 1.05rem; }
.approach-card p { margin-bottom: 0; font-size: 0.86rem; }

.team-statement {
  max-width: 920px;
  margin-inline: auto;
  padding: 42px;
  border-left: 3px solid var(--color-cyan);
  border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
  background: rgba(23, 216, 255, 0.055);
  box-shadow: var(--shadow-glow);
}

.team-statement h2 { margin-bottom: 16px; }
.team-statement p { margin-bottom: 0; font-size: 1.06rem; }

.labs-band {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.5fr);
  align-items: center;
  gap: 60px;
  padding: 48px;
  border: 1px solid var(--color-border-strong);
  border-radius: var(--radius-lg);
  background:
    radial-gradient(circle at 86% 20%, rgba(32, 227, 178, 0.14), transparent 35%),
    linear-gradient(135deg, rgba(47, 123, 255, 0.18), rgba(12, 39, 74, 0.72));
  overflow: hidden;
}

.labs-band h2 { margin-bottom: 16px; }
.labs-band p { max-width: 700px; margin-bottom: 0; }

.labs-band__symbol {
  display: grid;
  place-items: center;
  min-height: 200px;
  color: rgba(23, 216, 255, 0.72);
  font-family: "Sora", sans-serif;
  font-size: 6rem;
  font-weight: 800;
  text-shadow: 0 0 35px rgba(23, 216, 255, 0.3);
}

/* Contact */
.contact-layout {
  display: grid;
  grid-template-columns: minmax(280px, 0.62fr) minmax(0, 1.38fr);
  align-items: start;
  gap: clamp(42px, 7vw, 90px);
}

.contact-info {
  position: sticky;
  top: calc(var(--header-height) + 38px);
}

.contact-info h2 { margin-bottom: 18px; font-size: clamp(1.9rem, 3.5vw, 2.7rem); }
.contact-info > p { margin-bottom: 30px; }

.contact-methods {
  display: grid;
  gap: 12px;
  margin: 0 0 28px;
}

.contact-method {
  padding: 18px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: rgba(10, 38, 74, 0.55);
}

.contact-method dt {
  margin-bottom: 5px;
  color: #7892ac;
  font-size: 0.68rem;
  font-weight: 800;
  text-transform: uppercase;
}

.contact-method dd { margin: 0; color: #e7f0f8; font-weight: 700; }
.contact-method a:hover { color: var(--color-cyan); }

.contact-form {
  padding: 34px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: linear-gradient(145deg, rgba(18, 57, 105, 0.55), rgba(5, 25, 52, 0.72));
  box-shadow: var(--shadow-card);
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px 16px;
}

.form-field {
  display: grid;
  align-content: start;
  gap: 8px;
}

.form-field--full { grid-column: 1 / -1; }

.form-field label,
.form-field legend {
  color: #dce9f5;
  font-size: 0.78rem;
  font-weight: 800;
}

.form-field .optional {
  color: #7892ac;
  font-weight: 600;
}

.form-field input,
.form-field select,
.form-field textarea {
  width: 100%;
  min-height: 48px;
  padding: 12px 13px;
  border: 1px solid rgba(93, 184, 255, 0.2);
  border-radius: 8px;
  color: var(--color-text-primary);
  background: rgba(3, 19, 43, 0.72);
  font: inherit;
  font-size: 0.88rem;
  transition: border-color 180ms ease, box-shadow 180ms ease;
}

.form-field select {
  appearance: auto;
  color-scheme: dark;
}

.form-field textarea {
  min-height: 125px;
  resize: vertical;
}

.form-field input::placeholder,
.form-field textarea::placeholder { color: #667f99; }

.form-field input:focus,
.form-field select:focus,
.form-field textarea:focus {
  border-color: var(--color-cyan);
  box-shadow: 0 0 0 3px rgba(23, 216, 255, 0.09);
  outline: none;
}

.form-actions {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: 24px;
}

.form-note {
  margin: 0;
  color: #7892ac;
  font-size: 0.76rem;
  line-height: 1.5;
}

.mailto-status {
  display: none;
  margin-top: 18px;
  padding: 13px 15px;
  border: 1px solid rgba(32, 227, 178, 0.25);
  border-radius: var(--radius-sm);
  color: #cdeee5;
  background: rgba(32, 227, 178, 0.06);
  font-size: 0.82rem;
}

.mailto-status.is-visible { display: block; }
/* Simplified contact presentation */
.contact-layout--simple .contact-info {
  position: static;
}

.contact-layout--simple .contact-methods {
  gap: 0;
  border-top: 1px solid var(--color-border);
}

.contact-layout--simple .contact-method {
  padding: 18px 0;
  border: 0;
  border-bottom: 1px solid var(--color-border);
  border-radius: 0;
  background: transparent;
}

.contact-layout--simple .contact-form {
  padding: 0 0 0 clamp(28px, 4vw, 54px);
  border: 0;
  border-left: 1px solid var(--color-border);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

/* Responsive internal pages */
@media (max-width: 1080px) {
  .solution-index { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .expectation-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 920px) {
  .page-hero { min-height: auto; padding: 76px 0; }
  .page-hero__grid { grid-template-columns: 1fr; gap: 20px; }
  .page-section { padding: 86px 0; }

  .solution-index { margin-top: -28px; }
  .solution-row,
  .solution-row:nth-child(even) {
    grid-template-columns: 1fr;
    gap: 32px;
    padding: 62px 0;
  }
  .solution-row:nth-child(even) .solution-row__intro { order: 0; }
  .solution-row__intro { position: static; }

  .product-detail,
  .product-detail:nth-child(even) {
    grid-template-columns: 1fr;
    gap: 42px;
    padding: 70px 0;
  }
  .product-detail:nth-child(even) .product-detail__media { order: 0; }
  .product-detail__media { min-height: 470px; }

  .name-story { grid-template-columns: 1fr; gap: 36px; }
  .name-story__mark { min-height: 300px; }
  .approach-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .labs-band { grid-template-columns: 1fr; gap: 20px; }
  .labs-band__symbol { min-height: 120px; }

  .contact-layout { grid-template-columns: 1fr; }
  .contact-info { position: static; }
  .contact-layout--simple .contact-form {
    padding: 36px 0 0;
    border-top: 1px solid var(--color-border);
    border-left: 0;
  }
}

@media (max-width: 650px) {
  .page-hero { padding: 62px 0 66px; }
  .page-hero h1 { font-size: clamp(2.55rem, 13vw, 4rem); }
  .page-section { padding: 72px 0; }

  .solution-index { grid-template-columns: 1fr; margin-top: 0; }
  .solution-index a { min-height: 62px; }
  .solution-row__details { grid-template-columns: 1fr; }
  .solution-use { min-height: auto; }

  .product-detail { padding: 58px 0; }
  .product-detail__media { min-height: 390px; padding-top: 30px; }
  .product-phones { height: 355px; }
  .product-phones img { width: 148px; border-radius: 21px 21px 0 0; }
  .product-facts { grid-template-columns: 1fr; }
  .product-detail__features { columns: 1; }
  .product-detail__actions { display: grid; }
  .product-detail__actions .c-button { width: 100%; }
  .future-products { grid-template-columns: 1fr; gap: 24px; padding: 28px 22px; }
  .future-products .c-button { width: 100%; }

  .process-timeline::before { left: 9px; }
  .process-stage { grid-template-columns: 32px minmax(0, 1fr); gap: 14px; min-height: 170px; }
  .process-stage__node { width: 16px; height: 16px; margin-left: 1px; }
  .process-stage__body { padding: 22px; }
  .expectation-grid { grid-template-columns: 1fr; }

  .statement-grid,
  .approach-grid { grid-template-columns: 1fr; }
  .statement-card { min-height: auto; padding: 28px 22px; }
  .approach-card { min-height: auto; }
  .team-statement { padding: 30px 23px; }
  .labs-band { padding: 30px 22px; }

  .contact-form { padding: 26px 20px; }
  .contact-layout--simple .contact-form { padding: 30px 0 0; }
  .form-grid { grid-template-columns: 1fr; }
  .form-field--full { grid-column: auto; }
  .form-actions { display: grid; }
  .form-actions .c-button { width: 100%; }
}

/* Simplified internal-page patterns */
.page-hero--simple {
  min-height: auto;
  padding-block: 92px;
}
.page-hero--centered::before {
  background: radial-gradient(circle at 50% 34%, rgba(23, 216, 255, 0.1), transparent 31rem);
}

.page-hero--centered .page-hero__grid {
  grid-template-columns: minmax(0, 940px);
  justify-content: center;
  gap: 0;
}

.page-hero--centered .page-hero__content {
  max-width: 940px;
  margin-inline: auto;
  text-align: center;
}

.page-hero--centered .breadcrumbs {
  justify-content: center;
}

.page-hero--centered h1 {
  max-width: 900px;
  margin-inline: auto;
  font-size: clamp(2.85rem, 5.4vw, 5rem);
}

.page-hero--centered .page-hero__copy {
  max-width: 740px;
  margin-inline: auto;
}

.page-hero--centered .button-group {
  justify-content: center;
}

.solution-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  padding-block: 22px;
  border-block: 1px solid var(--color-border);
}

.solution-nav a {
  padding: 7px 0;
  color: var(--color-text-secondary);
  font-size: 0.82rem;
  font-weight: 700;
}

.solution-nav a:hover { color: var(--color-cyan); }

.solution-simple {
  padding: 76px 0;
  border-bottom: 1px solid rgba(93, 184, 255, 0.12);
}

.solution-simple:last-child { border-bottom: 0; }

.solution-simple__grid {
  display: grid;
  grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
  align-items: start;
  gap: clamp(48px, 8vw, 110px);
}

.solution-simple__copy { max-width: 540px; }
.solution-simple__copy h2 { font-size: clamp(1.9rem, 3.4vw, 2.8rem); }
.solution-simple__copy p:last-child { margin-bottom: 0; font-size: 1rem; }

.solution-capabilities {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--color-border);
}

.solution-capabilities li {
  position: relative;
  padding: 17px 18px 17px 24px;
  border-bottom: 1px solid var(--color-border);
  color: #dce9f5;
  font-size: 0.9rem;
  font-weight: 700;
}

.solution-capabilities li:nth-child(odd) { border-right: 1px solid var(--color-border); }

.solution-capabilities li::before {
  content: "";
  position: absolute;
  top: 23px;
  left: 5px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--color-cyan);
}

@media (max-width: 920px) {
  .page-hero--simple { padding-block: 74px; }
  .solution-simple__grid { grid-template-columns: 1fr; gap: 32px; }
}

@media (max-width: 650px) {
  .page-hero--simple { padding-block: 60px; }
  .page-hero--centered .button-group {
    width: 100%;
    max-width: 420px;
    margin-inline: auto;
    justify-content: stretch;
  }
  .solution-nav { gap: 5px 18px; }
  .solution-simple { padding: 58px 0; }
  .solution-capabilities { grid-template-columns: 1fr; }
  .solution-capabilities li:nth-child(odd) { border-right: 0; }
}
/* Simplified product presentation */
.page-section--compact { padding-block: 72px; }

.page-section--compact .page-intro { margin-bottom: 26px; }

.page-section--compact .product-detail {
  gap: clamp(42px, 7vw, 90px);
  padding: 70px 0;
}

.page-section--compact .product-detail__media {
  min-height: 440px;
  padding: 24px 12px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.page-section--compact .product-detail__media::before { display: none; }
.page-section--compact .product-phones { height: 420px; }
.page-section--compact .product-phones img { width: 170px; border-width: 4px; }

.page-section--compact .product-facts {
  gap: 0;
  padding-block: 14px;
  border-block: 1px solid var(--color-border);
}

.page-section--compact .product-facts div {
  padding: 0 16px;
  border: 0;
  border-right: 1px solid var(--color-border);
  border-radius: 0;
  background: transparent;
}

.page-section--compact .product-facts div:first-child { padding-left: 0; }
.page-section--compact .product-facts div:last-child { border-right: 0; }

.page-section--compact .product-detail__features {
  margin-bottom: 24px;
}

.future-products-simple {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 48px;
  padding-block: 22px;
}

.future-products-simple h2 { font-size: clamp(1.9rem, 3.5vw, 2.7rem); }
.future-products-simple p:last-child { max-width: 720px; margin-bottom: 0; }

@media (max-width: 920px) {
  .page-section--compact .product-detail,
  .page-section--compact .product-detail:nth-child(even) {
    gap: 28px;
    padding: 58px 0;
  }
  .page-section--compact .product-detail__media { min-height: 420px; }
}

@media (max-width: 650px) {
  .page-section--compact { padding-block: 58px; }
  .page-section--compact .product-detail__media { min-height: 350px; }
  .page-section--compact .product-phones { height: 335px; }
  .page-section--compact .product-phones img { width: 142px; }
  .page-section--compact .product-facts { grid-template-columns: 1fr; gap: 10px; }
  .page-section--compact .product-facts div {
    padding: 0 0 10px;
    border-right: 0;
    border-bottom: 1px solid var(--color-border);
  }
  .page-section--compact .product-facts div:last-child { padding-bottom: 0; border-bottom: 0; }
  .future-products-simple { grid-template-columns: 1fr; gap: 20px; }
  .future-products-simple .c-button { width: 100%; }
}
/* Simplified process and engagement presentation */
.process-simple {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--color-border);
}

.process-simple li {
  display: grid;
  grid-template-columns: minmax(280px, 0.8fr) minmax(0, 1.2fr);
  gap: clamp(34px, 7vw, 90px);
  padding: 30px 0;
  border-bottom: 1px solid var(--color-border);
}

.process-simple li > div .section-kicker { margin-bottom: 9px; }
.process-simple h2 { margin: 0; font-size: 1.35rem; }
.process-simple li > p { max-width: 670px; margin: 0; font-size: 0.94rem; }

.engagement-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-block: 1px solid var(--color-border);
}

.engagement-list article {
  display: flex;
  flex-direction: column;
  padding: 28px;
  border-right: 1px solid var(--color-border);
}

.engagement-list article:last-child { border-right: 0; }
.engagement-list h3 { margin-bottom: 14px; font-size: 1.2rem; }
.engagement-list article > p:not(.engagement-card__label) { font-size: 0.9rem; }
.engagement-list .text-link { margin-top: auto; padding-top: 18px; }

.expectation-simple {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
  align-items: start;
  gap: clamp(48px, 8vw, 110px);
}

.expectation-simple .page-intro { margin-bottom: 0; }

.expectation-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--color-border);
}

.expectation-list li {
  position: relative;
  padding: 17px 16px 17px 24px;
  border-bottom: 1px solid var(--color-border);
  color: #dce9f5;
  font-size: 0.9rem;
  font-weight: 700;
}

.expectation-list li:nth-child(odd) { border-right: 1px solid var(--color-border); }

.expectation-list li::before {
  content: "";
  position: absolute;
  top: 23px;
  left: 5px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--color-teal);
}

@media (max-width: 920px) {
  .engagement-list { grid-template-columns: 1fr; }
  .engagement-list article { border-right: 0; border-bottom: 1px solid var(--color-border); }
  .engagement-list article:last-child { border-bottom: 0; }
  .expectation-simple { grid-template-columns: 1fr; gap: 32px; }
}

@media (max-width: 650px) {
  .process-simple li { grid-template-columns: 1fr; gap: 12px; padding: 24px 0; }
  .engagement-list article { padding: 24px 0; }
  .expectation-list { grid-template-columns: 1fr; }
  .expectation-list li:nth-child(odd) { border-right: 0; }
}
/* Simplified About presentation */
.name-story-simple {
  max-width: 820px;
  margin-inline: auto;
  text-align: center;
}

.name-story-simple h2 { font-size: clamp(2rem, 4vw, 3.25rem); }
.name-story-simple p { font-size: 1.04rem; }
.name-story-simple p:last-child { margin-bottom: 0; }

.statement-simple {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-block: 1px solid var(--color-border);
}

.statement-simple article {
  padding: 28px 30px;
  border-right: 1px solid var(--color-border);
}

.statement-simple article:last-child { border-right: 0; }
.statement-simple h3 { margin-bottom: 13px; font-size: 1.35rem; }
.statement-simple p:last-child { margin-bottom: 0; }

.team-note {
  display: grid;
  grid-template-columns: minmax(220px, 0.55fr) minmax(0, 1fr);
  gap: 34px;
  margin-top: 46px;
  padding-top: 30px;
  border-top: 1px solid var(--color-border);
}

.team-note .section-kicker { grid-column: 1 / -1; margin-bottom: -14px; }
.team-note h3 { margin: 0; font-size: 1.5rem; }
.team-note p { margin: 0; }

.about-approach-simple {
  display: grid;
  grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr);
  align-items: start;
  gap: 0 clamp(48px, 8vw, 110px);
}

.about-approach-simple .page-intro { margin-bottom: 0; }

.approach-list {
  display: grid;
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--color-border);
}

.approach-list li {
  display: grid;
  grid-template-columns: minmax(170px, 0.55fr) minmax(0, 1fr);
  gap: 24px;
  padding: 18px 0;
  border-bottom: 1px solid var(--color-border);
}

.approach-list strong {
  color: var(--color-text-primary);
  font-family: "Sora", "Inter", system-ui, sans-serif;
  font-size: 0.9rem;
}

.approach-list span { color: var(--color-text-secondary); font-size: 0.87rem; line-height: 1.6; }

.labs-simple {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(260px, 0.72fr) minmax(0, 1.28fr);
  gap: clamp(40px, 8vw, 100px);
  margin-top: 72px;
  padding-top: 34px;
  border-top: 1px solid var(--color-border);
}

.labs-simple h3 { margin: 0; font-size: 1.5rem; }
.labs-simple > p { margin: 0; }

@media (max-width: 920px) {
  .about-approach-simple { grid-template-columns: 1fr; gap: 32px; }
  .labs-simple { margin-top: 54px; }
}

@media (max-width: 650px) {
  .statement-simple { grid-template-columns: 1fr; }
  .statement-simple article { padding: 24px 0; border-right: 0; border-bottom: 1px solid var(--color-border); }
  .statement-simple article:last-child { border-bottom: 0; }
  .team-note,
  .approach-list li,
  .labs-simple { grid-template-columns: 1fr; gap: 10px; }
  .team-note .section-kicker { grid-column: auto; margin-bottom: 0; }
  .labs-simple { margin-top: 44px; }
}