/* Compact presentation rhythm: keeps the same hierarchy with less empty space. */
.hero{min-height:650px;padding:124px 0 72px}
.hero-grid{gap:52px}
.hero-lede{margin:20px 0 24px}
.hero-proof{margin-top:24px}
.browser-body{min-height:320px}
.trust-inner{min-height:62px}
.section-space{padding:82px 0}
.section-heading{gap:30px}
.feature-grid,.use-case-grid,.pricing-grid{margin-top:38px}
.feature-card{min-height:305px;padding:23px}
.feature-card h3{margin-top:38px}
.feature-card p{min-height:72px}
.workflow-section{padding:82px 0}
.workflow-grid{gap:68px}
.workflow-steps{padding-top:0}
.workflow-step{padding-bottom:22px;margin-bottom:22px}
.privacy-section{padding:55px 0}
.pricing-card{padding:27px}
.faq-list{margin-top:38px}
.final-cta{padding:64px 0}
.docs-hero{padding:55px 0 58px}
.docs-layout{padding-top:52px;padding-bottom:72px}
.docs-section{padding-bottom:52px;margin-bottom:52px}
.docs-section h2{margin-bottom:0}

@media (max-width: 900px){
  .hero{min-height:auto;padding:104px 0 62px}
  .hero-grid{gap:44px}
  .section-space{padding:66px 0}
  .workflow-section{padding:68px 0}
  .docs-layout{padding-top:38px;padding-bottom:58px}
  .docs-section{padding-bottom:42px;margin-bottom:42px}
}

@media (max-width: 600px){
  .hero{padding:95px 0 52px}
  .hero-lede{margin:17px 0 21px}
  .browser-body{min-height:280px}
  .section-space{padding:54px 0}
  .feature-grid,.use-case-grid,.pricing-grid{margin-top:28px}
  .feature-card{min-height:285px}
  .workflow-section{padding:57px 0}
  .privacy-section{padding:46px 0}
  .final-cta{padding:52px 0}
  .docs-hero{padding:45px 0 48px}
}