.site-header{padding:18px 0}
.brand{gap:15px;min-height:72px}
.brand-symbol{width:69px;height:54px;flex:none;background-image:url('assets/telemetry-mark.png');background-size:117.831px 116.055px;background-position:-20.346px -14.862px;background-repeat:no-repeat}
.brand strong{font-size:22px}
.brand b{font-size:16px}

.setup{padding-bottom:72px}
.setup-visual{height:auto;aspect-ratio:1908/824}
.setup-visual img{width:100%;height:100%;object-fit:contain;object-position:center}

.story{padding-top:88px}
.story-eyebrow{font-size:17px;line-height:1.4;letter-spacing:.2em;margin-bottom:22px}

.entry-showcase{padding-bottom:88px}
.product-stage{min-height:730px}
.primary-shot{width:92%}
.secondary-shot{width:64%}
.product-shot img{height:auto;object-fit:contain}

.analytics{padding-top:92px;padding-bottom:84px}
.analytics-grid{grid-template-columns:1fr;gap:42px}
.analytics .section-heading{max-width:980px}
.sticky-copy{position:static}
.graph-note{max-width:760px;margin:24px 0 0;padding:18px 20px;border-left:2px solid var(--cyan);background:rgba(21,180,197,.08);color:#d8e9ef!important}
.dashboard-shot img{min-height:0;height:auto;object-fit:contain}

.deeper{padding-top:92px;padding-bottom:90px}
.insight-grid{grid-template-columns:1fr;gap:40px}
.insight-image{height:auto}
.insight-image img{width:100%;height:auto;object-fit:contain;object-position:center}
.insight-card figcaption{grid-template-columns:minmax(250px,.62fr) 1fr;column-gap:36px;align-items:center}
.insight-card figcaption span{grid-column:1}
.insight-card figcaption strong{grid-column:1;margin-bottom:0}
.insight-card figcaption p{grid-column:2;grid-row:1/3}

footer::after{content:""}
.footer-brand .brand-symbol{width:58px;height:45px;background-size:99.15px 97.7px;background-position:-17.12px -12.5px}
.footer-brand strong{font-size:19px}
.footer-brand b{font-size:14px}

@media(min-width:901px){
  .setup{padding-top:48px;padding-bottom:40px}
  .story{padding-bottom:28px}
  .entry-showcase{padding-top:32px}
  .product-stage{min-height:880px}
  .analytics{padding-bottom:56px}
  .deeper{padding-top:68px;padding-bottom:8px}
  .deeper .section-heading.centered{margin-bottom:22px}
  .insight-grid{gap:32px}
}

@media(max-width:900px){
  .product-stage{min-height:680px}
  .primary-shot{width:96%}
  .secondary-shot{width:70%}
  .insight-card figcaption{grid-template-columns:1fr}
  .insight-card figcaption p{grid-column:1;grid-row:auto;margin-top:12px}
}

@media(max-width:700px){
  .site-header{padding:13px 0}
  .brand{min-height:58px;gap:10px}
  .brand-symbol{width:55px;height:43px;background-size:93.925px 92.445px;background-position:-16.22px -11.84px}
  .brand strong{font-size:18px}
  .brand b{font-size:13px}
  .hero-content{margin-top:112px}
  .hero{min-height:750px}
  .setup{padding-bottom:58px}
  .setup-visual{height:auto;aspect-ratio:1908/824}
  .story{padding-top:62px}
  .story-eyebrow{font-size:15px}
  .product-stage{min-height:0}
  .entry-showcase{padding-bottom:64px}
  .primary-shot,.secondary-shot{width:100%}
  .dashboard-shot img{height:auto;min-height:0;object-fit:contain}
  .insight-image{height:auto}
  .analytics{padding-top:68px;padding-bottom:64px}
  .deeper{padding-top:68px;padding-bottom:64px}
  .footer-brand .brand-symbol{width:64px;height:50px;background-size:109.3px 107.6px;background-position:-18.87px -13.79px}
  .footer-brand strong{font-size:20px}
  .footer-brand b{font-size:15px}
}