.hero{min-height:45.677083cqw;padding:0 0 45px;text-align:center}
.hero-rocks{object-fit:cover;object-position:center top}
.logo{z-index:2}
.hero-grid{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2.083333cqw;width:74.583333cqw;margin:0 auto;padding-top:8.75cqw}
.hero-copy{width:100%;padding:0}
.hero h1{width:auto;margin:0;font-size:4.0625cqw;font-weight:900;line-height:.88;letter-spacing:-.045em;text-transform:none}
.hero h1 span,.feature h2 span{color:var(--purple)}
.hero-intro{max-width:34cqw;margin:2.083333cqw auto 0;font-size:1.145833cqw;line-height:1.354167cqw;letter-spacing:-.04em}
.hero .hubspot-form-wrap{align-self:center;width:56.875cqw;max-width:100%;margin:0;min-height:0;text-align:left}
.trusted{height:19.947917cqw;padding-top:5.052083cqw}
.trusted h2,.benefits h2,.integrations h2{width:auto;margin:0;font-weight:900;letter-spacing:-.035em}
.trusted h2{font-size:1.71875cqw;line-height:1;text-transform:none}
.trusted .logo-strip{margin-top:2.1875cqw}
.benefits{min-height:52.8125cqw;padding:5.260417cqw 0 5.208333cqw}
.benefits h2{font-size:3.645833cqw;line-height:.95}
.benefits-intro{font-size:.9375cqw;line-height:1.041667cqw;margin:1.5625cqw auto 0;letter-spacing:-.025em}
.challenges{width:66.145833cqw;gap:1.5625cqw;margin:2.447917cqw auto 2.604167cqw}
.challenge{min-height:18.75cqw;padding:1.71875cqw 1.25cqw 1.5625cqw;border-radius:.520833cqw;clip-path:polygon(0 0,100% 0,100% 100%,8% 100%,0 88%)}
.challenge h3{width:auto;margin:0;font-size:2.083333cqw;line-height:.92;letter-spacing:-.035em}
.challenge-content{font-size:.833333cqw;line-height:1.05;margin-top:3.125cqw;letter-spacing:-.035em}
.benefits>.cta{min-width:15.520833cqw;height:2.604167cqw;font-size:.833333cqw}
.testimonials{height:53.75cqw;padding-top:8.489583cqw}
.testimonial-track{position:relative;left:auto;display:flex;width:100%;gap:4.583333cqw;padding:0 4.5cqw 24px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:4.5cqw;scrollbar-width:thin;scrollbar-color:var(--lavender) transparent}
.testimonial-track:focus-visible{outline:2px solid white;outline-offset:-2px}
.testimonial{width:30.520833cqw;height:auto;min-height:33.697917cqw;padding:4.0625cqw 3.645833cqw 2.604167cqw;border-radius:1.09375cqw;scroll-snap-align:start}
.person{gap:2.083333cqw;height:15.208333cqw}
.portrait{width:11.979167cqw;height:13.645833cqw;object-fit:cover;object-position:center 18%;clip-path:polygon(0 0,100% 0,100% 78%,79% 100%,0 100%)}
.person figcaption{flex:1;padding:.15625cqw 0 .833333cqw}
.person figcaption h3{font-size:2.5cqw;line-height:.84;letter-spacing:-.035em;text-transform:uppercase;color:var(--lavender)}
.person-role{font-size:.625cqw;line-height:.729167cqw;letter-spacing:-.035em}
.person-role strong{display:block;font-weight:500}
.person-role span{margin-top:1.25cqw;font-weight:300;white-space:normal}
.testimonial blockquote{margin:3.125cqw 0 0;font-size:.9375cqw;line-height:1.041667cqw;letter-spacing:-.035em;white-space:normal;text-transform:uppercase}
.feature{height:auto;min-height:45.364583cqw;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;overflow:hidden}
.feature-copy{min-width:0;padding:4.84375cqw 4.6875cqw 4.84375cqw 7.708333cqw}
.feature h2{width:auto;margin:0 0 2.34375cqw;font-size:3.645833cqw;line-height:.88;letter-spacing:-.04em}
.feature p{max-width:31.25cqw;margin-bottom:1.145833cqw;font-size:.9375cqw;line-height:1.041667cqw;letter-spacing:-.03em}
.metrics{list-style:none;margin:2.083333cqw 0 1.770833cqw;padding:0}
.metrics li{display:flex;align-items:baseline;gap:1.145833cqw;margin:.625cqw 0;font-size:1.145833cqw;font-weight:700;letter-spacing:-.035em}
.metrics strong{font-size:2.083333cqw;line-height:.9}
.feature .cta{margin:0;min-width:9.895833cqw;height:2.395833cqw;font-size:.833333cqw}
.feature-art{width:100%;height:100%;min-height:0;min-width:0;align-self:stretch;object-fit:cover;object-position:center}
.integrations{height:29.114583cqw;padding-top:5.729167cqw}
.integrations h2{font-size:3.645833cqw;line-height:.95}
.integrations p{margin-top:1.666667cqw;font-size:.9375cqw;line-height:1.041667cqw}
.integration-logos{margin-top:3.125cqw}
footer{height:39.479167cqw;padding-top:7.239583cqw}
footer h2{width:auto;font-size:4.166667cqw;line-height:.88;letter-spacing:-.035em}
footer h2 span{color:var(--green)}

/* Outlined lettering exported directly from Figma, with accessible image labels. */
.hero h1 img{width:27.708333cqw;height:auto;margin:0 auto}
.trusted h2 img{width:37.239583cqw;height:auto;margin:auto}
.benefits h2 img{width:51.989583cqw;height:auto;margin:auto}
/* Matching SVG canvases keep all three headings at the same lettering scale. */
.challenge h3 img{width:100%;max-width:100%;height:auto;object-fit:contain;object-position:left top}
.person figcaption h3 img{width:auto;height:4.16cqw;max-width:none}
.feature h2 img{width:32.708333cqw;max-width:100%;height:auto}
.integrations h2 img{width:34.583333cqw;height:auto;margin:auto}
footer h2 img{width:58.072917cqw;height:auto;margin:auto}
.metrics strong img{width:auto;height:2.55cqw}

@media(max-width:700px){
  .hero{min-height:0;padding:104px 24px 37px;isolation:isolate}
  .hero::after{content:'';position:absolute;z-index:0;right:-2px;bottom:0;width:150px;height:205px;background:url('./assets/hero-rocks.svg') right bottom/auto 430px no-repeat;pointer-events:none}
  .hero-rocks{inset:0 0 auto auto;width:178px;height:168px;object-fit:cover;object-position:right top;opacity:1;clip-path:inset(0 0 60% 0)}
  .hero-grid{display:block;width:100%;padding:0}
  .hero-copy{padding:0}
  .hero h1{font-size:54px;line-height:.9;max-width:470px;margin:0 auto}
  .hero-intro{max-width:420px;margin:26px auto 0;font-size:13px;line-height:18px}
  .hero .hubspot-form-wrap{width:100%;margin:34px auto 0;min-height:0}
  .trusted{height:auto;padding:38px 20px}
  .trusted h2{font-size:23px}
  .benefits{padding:54px 22px}
  .benefits h2{font-size:43px;line-height:.94}
  .benefits-intro{font-size:12px;line-height:18px;margin-top:28px}
  .challenges{width:100%;gap:18px;margin:30px auto 0}
  .challenge{min-height:270px;padding:28px 30px 38px;border-radius:8px}
  .challenge h3{font-size:36px;line-height:.94}
  .challenge-content{font-size:13px;line-height:20px;margin-top:36px}
  .benefits>.cta,.feature .cta{display:none}
  .testimonials{height:auto;min-height:0;padding:52px 0 38px;overflow:hidden}
  .testimonial-track{position:static;left:auto;display:flex;width:auto;gap:16px;margin:0;padding:0 24px 18px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:24px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .testimonial-track::-webkit-scrollbar{display:none}
  .testimonial,.testimonial:nth-child(2){display:block;flex:0 0 min(84vw,390px);width:min(84vw,390px);max-width:none;height:auto;min-height:500px;margin:0;padding:30px 24px;border-radius:12px;scroll-snap-align:start}
  .testimonial-track:focus-visible{outline:2px solid white;outline-offset:-2px}
  .person{height:auto}
  .portrait{width:48%;height:210px}
  .person figcaption h3{font-size:36px;line-height:.86}
  .person-role{font-size:10px;line-height:13px}
  .testimonial blockquote{margin-top:56px;font-size:13px;line-height:18px}
  .feature{height:auto;min-height:0;grid-template-columns:minmax(0,1fr)}
  .feature-copy{padding:52px 28px}
  .feature-art{height:auto;aspect-ratio:959 / 893;object-fit:contain}
  .feature h2{font-size:44px;line-height:.9;margin-bottom:28px}
  .feature p{max-width:440px;font-size:12px;line-height:19px}
  .metrics{margin:28px 0}
  .metrics li{gap:14px;margin:10px 0;font-size:13px}
  .metrics strong{font-size:28px}
  .feature .cta{height:44px;min-width:160px;font-size:13px}
  .integrations{height:auto;padding:45px 22px}
  .integrations h2{font-size:42px}
  .integrations p{font-size:11px;line-height:17px;margin-top:24px}
  footer{height:auto;padding:40px 22px 70px}
  footer h2{font-size:45px;line-height:.9}
  .hero h1 img{width:100%;max-width:420px;height:auto}
  .trusted h2 img{width:100%;max-width:500px}
  .benefits h2 img{width:100%;max-width:550px}
  .person figcaption h3 img{width:100%;height:auto;max-width:160px}
  .person figcaption{min-width:0}
  .feature h2 img{width:100%;max-width:440px}
  .integrations h2 img{width:100%;max-width:460px}
  footer h2 img{width:100%;max-width:600px}
  .metrics strong img{height:30px;width:auto}
}