.product-page main{
  padding-bottom:54px;
}

.product-hero{
  padding:84px 0 34px;
}

.product-hero-grid,
.product-story-grid,
.product-final-grid{
  display:grid;
  grid-template-columns:minmax(0,1.06fr) minmax(300px,.94fr);
  gap:1.2rem;
  align-items:start;
}

.product-hero-copy,
.product-story-copy,
.product-final-copy{
  display:grid;
  gap:1rem;
}

.product-hero-copy h1,
.product-story-copy h2,
.product-final-copy h2{
  margin:0;
  font-size:clamp(2.15rem, 3vw + 1rem, 4.1rem);
  line-height:1.04;
  letter-spacing:-.03em;
}

.product-story-copy h2,
.product-final-copy h2{
  font-size:clamp(1.75rem, 2vw + .9rem, 2.85rem);
}

.product-hero-copy p,
.product-story-copy p,
.product-final-copy p,
.product-side-note p,
.product-contact-card p,
.product-experience-card p,
.product-summary-card p{
  margin:0;
  color:var(--muted);
}

.product-chip-row,
.product-meta-row,
.product-link-row{
  display:flex;
  flex-wrap:wrap;
  gap:.7rem;
}

.product-showcase,
.product-side-note,
.product-contact-card,
.product-experience-card,
.product-summary-card{
  padding:1.1rem 1.15rem;
  border:1px solid var(--border);
  border-radius:24px;
  background:
    radial-gradient(circle at top right, rgba(1,219,241,.12), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(242,248,251,.98));
  box-shadow:var(--shadow);
}

.product-showcase{
  display:grid;
  gap:1rem;
}

.product-status-grid,
.product-contact-grid,
.product-summary-grid,
.product-experience-grid{
  display:grid;
  gap:1rem;
}

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

.product-status-card{
  display:grid;
  gap:.22rem;
  padding:.95rem 1rem;
  border:1px solid var(--border);
  border-radius:18px;
  background:#fff;
}

.product-status-card span,
.product-side-note span,
.product-contact-card span,
.product-summary-card span,
.product-experience-card span{
  color:var(--muted);
  font-size:.74rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.product-status-card strong,
.product-side-note strong,
.product-contact-card strong,
.product-summary-card strong,
.product-experience-card strong{
  color:#143544;
  font-size:1rem;
}

.product-side-note ul,
.product-contact-card ul{
  margin:.85rem 0 0;
  padding-left:1.1rem;
  display:grid;
  gap:.42rem;
  color:var(--muted);
}

.product-section{
  padding:22px 0 30px;
}

.product-section-head{
  display:grid;
  gap:.7rem;
  margin-bottom:1.2rem;
}

.product-section-head h2{
  margin:0;
  font-size:clamp(1.75rem, 2vw + .85rem, 2.8rem);
  line-height:1.08;
  letter-spacing:-.02em;
}

.product-section-head p{
  margin:0;
  color:var(--muted);
  max-width:66ch;
}

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

.product-summary-card,
.product-experience-card,
.product-contact-card{
  box-shadow:var(--shadow-soft);
}

.product-summary-card h3,
.product-experience-card h3,
.product-contact-card h3{
  margin:.55rem 0 .35rem;
  color:#173443;
  line-height:1.2;
}

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

.product-link-row a{
  color:#025869;
  font-weight:800;
}

.product-principle-list{
  display:grid;
  gap:1rem;
}

@media (max-width:1040px){
  .product-hero-grid,
  .product-story-grid,
  .product-final-grid{
    grid-template-columns:1fr;
  }

  .product-experience-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width:780px){
  .product-summary-grid,
  .product-status-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width:560px){
  .product-hero{
    padding-top:64px;
  }
}