/* Bi-Squares product presentation. Shared landing-page styles live in styles.css. */
.hero h1 { font-size: clamp(60px, 6.1vw, 88px); letter-spacing: -3.5px; line-height: 1.02; }
.hero-description { max-width: 490px; font-size: 18px; }
.product { padding-block: 80px 60px; display: grid; grid-template-columns: 1fr 1fr; gap: 45px 65px; align-items: center; }
.product-copy h2 { font-size: clamp(29px, 3vw, 43px); line-height: 1.15; }
.product-copy > p:not(.eyebrow) { color: var(--muted); line-height: 1.8; font-size: 15px; }
.product-copy .text-link { max-width: 180px; margin-top: 26px; }
.product-visual { margin: 0; background: var(--navy); color: white; }
.product-visual img { width: 100%; height: auto; }
.product-visual figcaption { display: flex; justify-content: space-between; gap: 16px; padding: 19px 24px; border-top: 1px solid #ffffff25; font-size: 9px; line-height: 1.6; color: #bfd5e0; }
.product-visual figcaption > span:first-child { letter-spacing: 1.8px; color: white; }
.product-specs { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding-top: 35px; border-top: 1px solid var(--line); }
.product-specs > div { display: flex; flex-direction: column; padding-inline: 32px; border-left: 1px solid var(--line); }
.product-specs > div:first-child { border: 0; padding-left: 0; }
.product-specs dd { order: -1; font-size: 48px; letter-spacing: -2px; margin: 0 0 8px; }
.product-specs dt { font-size: 12px; color: var(--muted); line-height: 1.6; }
.signup-section { background: #eaf3f4; border-top: 1px solid #d9e8e9; }
.signup-inner { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 60px; padding-block: 65px; }
.signup-inner h2 { font-size: clamp(36px, 3.5vw, 50px); margin-bottom: 20px; }
.signup-inner > div > p:last-child { font-size: 14px; line-height: 1.8; color: var(--muted); margin: 0; }
.signup-form label { display: block; font-size: 13px; font-weight: 700; margin-bottom: 10px; }
.signup-controls { display: flex; gap: 10px; }
.signup-controls input { min-width: 0; flex: 1; border: 1px solid #a5bdc3; border-radius: 0; background: white; color: var(--ink); padding: 16px; font: inherit; font-size: 16px; }
.signup-controls input:focus-visible { outline: 3px solid #158b9d; outline-offset: 3px; }
.signup-controls button { cursor: pointer; border: 0; border-radius: 0; font-family: inherit; white-space: nowrap; gap: 24px; }
.signup-controls button:focus-visible { outline: 3px solid #158b9d; outline-offset: 3px; }
.signup-trap { position: absolute; left: -5000px; }
.signup-note { font-size: 11px; line-height: 1.7; color: var(--muted); margin: 12px 0 0; }
.signup-aside { font-size: 11px; color: #147181; margin: 23px 0 0; }
.quote-note { font-size: 13px; line-height: 1.8; color: var(--muted); max-width: 560px; margin: 26px 0 0; }
.conference-stats { display: grid; grid-template-columns: repeat(4, max-content); gap: 0 40px; margin: 0 0 18px; }
.conference-stats dd { order: -1; font-size: 34px; letter-spacing: -1px; margin: 0 0 4px; }
.conference-stats div { display: flex; flex-direction: column; }
.conference-stats dt { font-size: 10px; letter-spacing: .5px; color: #97ecf2; }
.conference p.conference-date { font-size: 11px; color: #bdd0de; margin-bottom: 29px; }
.faq { display: grid; grid-template-columns: 1fr 1.4fr; gap: 60px; padding-block: 80px; }
.faq-list details { border-top: 1px solid var(--line); }
.faq-list details:last-child { border-bottom: 1px solid var(--line); }
.faq-list summary { cursor: pointer; list-style: none; display: flex; justify-content: space-between; gap: 20px; padding: 20px 0; font-size: 16px; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { content: "+"; color: #147181; font-size: 20px; line-height: 1; }
.faq-list details[open] summary::after { content: "−"; }
.faq-list details p { font-size: 14px; line-height: 1.8; color: var(--muted); margin: -6px 0 20px; }
@media (max-width: 1000px) { .product { gap: 35px; } }
@media (max-width: 700px) {
  .hero h1 { font-size: clamp(48px, 13vw, 70px); letter-spacing: -2px; }
  .hero-description { font-size: 16px; }
  .product { grid-template-columns: 1fr; gap: 30px; padding-block: 45px; }
  .product-copy h2 { max-width: 480px; }
  .product-specs { padding-top: 24px; }
  .product-specs { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 24px; }
  .product-specs > div { padding-inline: 15px; }
  .product-specs > div:nth-child(3) { border: 0; padding-left: 0; }
  .conference-stats { grid-template-columns: repeat(2, max-content); gap: 16px 32px; }
  .faq { grid-template-columns: 1fr; gap: 10px; padding-block: 45px; }
  .product-specs dd { font-size: 35px; letter-spacing: -1px; }
  .product-specs dt { font-size: 10px; }
  .product-visual figcaption { padding-inline: 18px; font-size: 8px; }
  .signup-inner { grid-template-columns: 1fr; gap: 30px; padding-block: 45px; }
  .signup-controls { flex-direction: column; }
  .signup-controls button { justify-content: space-between; }
}