.guide-page{background:var(--cream)}
.guide-page .site-header{position:sticky;z-index:30}
.guide-hero{padding-top:clamp(62px,8vw,112px)}
.guide-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.65fr);gap:clamp(45px,6vw,85px);align-items:center;padding-bottom:clamp(68px,8vw,112px)}
.guide-hero-copy h1{font:400 clamp(50px,5.2vw,74px)/.92 var(--sans);letter-spacing:-.055em;text-transform:uppercase;margin:0;max-width:800px}
.guide-hero-copy h1 span{display:block}
.guide-deck{font-size:clamp(19px,1.8vw,24px);line-height:1.35;max-width:760px;margin:30px 0}
.guide-form{max-width:660px}
.guide-form .form-row{min-height:58px}
.guide-form input{font-size:17px}
.guide-form button{flex-basis:43%;white-space:nowrap}
.guide-trust{font-size:13px;margin:11px 0 0}
.guide-hero-image{position:relative;height:590px;margin:0;background:var(--green);overflow:hidden}
.guide-hero-image:after,.pain-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(15,36,29,.88))}
.guide-hero-image img{width:100%;height:100%}
.guide-hero-image--report{height:auto;background:transparent;padding:0;overflow:visible}
.guide-hero-image--report img{height:auto;object-fit:contain}
.guide-hero-image--report:after{display:none}
.guide-hero-image figcaption{position:absolute;z-index:2;left:20px;bottom:18px;color:#fff;font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase}
.guide-hero--numbers .guide-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:clamp(28px,4vw,55px)}
.guide-hero-copy--numbers h1{font-size:clamp(42px,4.15vw,60px)}
.guide-hero--numbers .guide-hero-image--report{width:min(112%,600px);justify-self:center}
.guide-proof{background:var(--deep);padding:22px 0}
.proof-track{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.proof-card{min-width:0;background:var(--white);border:1px solid var(--ink);padding:16px;display:grid;grid-template-columns:42px 1fr;gap:13px;align-items:start}
.proof-avatar{width:42px;height:42px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font:500 11px var(--mono)}
.sample-label{display:inline-block;background:var(--red);color:#fff;font:500 9px var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:3px 6px}
.proof-card blockquote{font:700 16px/1.2 var(--serif);margin:8px 0}
.proof-card p{font:500 10px var(--mono);text-transform:uppercase;margin:0;color:#59615d}
.guide-lessons{padding:clamp(90px,11vw,155px) 0}
.guide-block{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(55px,9vw,130px);align-items:center;margin-bottom:clamp(95px,13vw,175px)}
.guide-block:last-child{margin-bottom:0}
.guide-block--reverse{grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr)}
.guide-block figure{height:500px;margin:0;position:relative}
.guide-block figure:after{content:"";position:absolute;left:-14px;bottom:-14px;width:68%;height:68%;background:var(--green);z-index:-1}
.guide-block--reverse figure:after{left:auto;right:-14px;background:var(--red)}
.guide-block figure img{width:100%;height:100%}
.guide-block figure.guide-block-figure--contain img{object-fit:contain;background:var(--deep)}
.guide-block-copy h2{font:700 clamp(44px,5vw,68px)/.96 var(--serif);letter-spacing:-.04em;text-transform:uppercase;margin:0;max-width:680px}
.guide-block-copy>p:last-child{font-size:clamp(19px,2vw,23px);line-height:1.45;max-width:680px;margin:28px 0 0}
.guide-conversion{border-top:1px solid var(--ink)}
.conversion-copy{text-align:center;padding:clamp(82px,10vw,130px) 0}
.conversion-copy h2{font:700 clamp(42px,5.3vw,70px)/.98 var(--serif);letter-spacing:-.04em;max-width:980px;margin:0 auto}
.guide-form--centred{margin:36px auto 0;text-align:left}
.conversion-copy .guide-trust{text-align:center}
.pain-field{padding:16px 0}
.pain-field--testimonials{padding-bottom:34px}
.pain-track{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pain-track--two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1040px;margin-inline:auto}
.pain-track--four{grid-template-columns:repeat(4,minmax(0,1fr))}
.pain-track--four .pain-card{height:520px}
.pain-track--four .pain-copy{left:22px;right:22px;bottom:22px}
.pain-track--four .pain-copy h3{font-size:clamp(25px,2.25vw,34px);margin-top:12px}
.pain-card{height:560px;position:relative;overflow:hidden;color:#fff;background:var(--green)}
.pain-card img{width:100%;height:100%}
.pain-card img.testimonial-image--focus-right{object-position:72% center}
.pain-card--testimonial:after{background:linear-gradient(180deg,rgba(15,36,29,.06) 16%,rgba(15,36,29,.98) 100%)}
.hidden-numbers-testimonials .pain-card{height:520px}
.hidden-numbers-testimonials .pain-card img{object-position:center 38%}
.hidden-numbers-testimonials .pain-card img.testimonial-image--german-team{object-position:28% center}
.hidden-numbers-testimonials .pain-card--testimonial:after{background:linear-gradient(180deg,transparent 0%,rgba(15,36,29,.03) 38%,rgba(15,36,29,.72) 69%,rgba(15,36,29,.98) 100%)}
.better-clients-testimonials .pain-card{height:520px}
.better-clients-testimonials .pain-card img{object-position:center 34%}
.better-clients-testimonials .pain-card img.testimonial-image--crew{object-position:50% center}
.better-clients-testimonials .pain-card--testimonial:after{background:linear-gradient(180deg,transparent 0%,rgba(15,36,29,.04) 40%,rgba(15,36,29,.76) 70%,rgba(15,36,29,.98) 100%)}
.pain-card--testimonial.pain-card--restored:after{background:linear-gradient(180deg,transparent 0%,rgba(15,36,29,.03) 42%,rgba(15,36,29,.74) 70%,rgba(15,36,29,.98) 100%)}
.pain-copy{position:absolute;z-index:2;left:28px;right:28px;bottom:28px}
.pain-copy h3{font:700 clamp(31px,3.2vw,45px)/.96 var(--serif);letter-spacing:-.025em;margin:0}
.pain-copy p{font-size:17px;line-height:1.35;margin:15px 0 22px}
.pain-copy small{display:block;border-top:1px solid rgba(255,255,255,.5);padding-top:13px;font:500 10px/1.4 var(--mono);letter-spacing:.04em;text-transform:uppercase}
.guide-faq{padding-top:clamp(100px,11vw,150px)}
.guide-footer{padding-top:72px}
.footer-capture{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center;border-bottom:1px solid rgba(255,255,255,.28);padding-bottom:70px;margin-bottom:65px}
.footer-capture h2{font:700 clamp(42px,5vw,64px)/.96 var(--serif);margin:0}
.guide-form--footer label,.guide-form--footer+.guide-trust{color:#fff}
.guide-form--footer input{border-color:#fff}

@media (max-width:980px){
  .guide-hero-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);gap:45px}
  .guide-hero-copy h1{font-size:clamp(48px,7vw,70px)}
  .guide-hero-image{height:520px}
  .proof-track{grid-template-columns:1fr 1fr}
  .pain-track--four{grid-template-columns:1fr 1fr}
  .guide-block{gap:55px}
  .guide-block figure{height:440px}
  .guide-hero--numbers .guide-hero-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.86fr);gap:32px}
  .guide-hero-copy--numbers h1{font-size:clamp(41px,5.8vw,55px)}
}

@media (min-width:820px){
  .guide-hero-copy h1 span{white-space:nowrap}
  .pain-card--testimonial:after{background:linear-gradient(180deg,rgba(15,36,29,.02) 22%,rgba(15,36,29,.97))}
  .pain-card--testimonial .pain-copy h3{font-size:clamp(29px,2.8vw,40px)}
  .pain-card--testimonial .pain-copy small{font-size:12px;line-height:1.55}
  .pain-card--testimonial .pain-copy small strong{font-size:14px}
}

@media (max-width:819px){
  .guide-page{padding-bottom:0}
  .guide-hero{padding-top:56px}
  .guide-hero-grid{grid-template-columns:1fr;gap:42px;padding-bottom:62px}
  .guide-hero-copy h1{font-size:clamp(43px,12.5vw,68px)}
  .guide-deck{font-size:19px}
  .guide-hero-image{height:500px}
  .proof-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}
  .proof-card{flex:0 0 82vw;scroll-snap-align:center}
  .guide-lessons{padding:82px 0}
  .guide-block,.guide-block--reverse{grid-template-columns:1fr;gap:42px;margin-bottom:92px}
  .guide-block--reverse .guide-block-copy{order:2}
  .guide-block--reverse figure{order:1}
  .guide-lessons--copy-first-mobile .guide-block-copy{order:1}
  .guide-lessons--copy-first-mobile .guide-block figure{order:2}
  .guide-block figure{height:min(115vw,540px)}
  .guide-block-copy h2{font-size:clamp(42px,10vw,60px)}
  .guide-block-copy>p:last-child{font-size:19px}
  .conversion-copy{padding:80px 0}
  .conversion-copy h2{font-size:clamp(39px,10vw,57px)}
  .pain-field{overflow:hidden}
  .pain-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}
  .pain-track--four{display:flex}
  .pain-card{flex:0 0 82vw;height:520px;scroll-snap-align:center}
  .footer-capture{grid-template-columns:1fr;gap:35px}
  .guide-hero--numbers .guide-hero-grid{grid-template-columns:1fr}
  .guide-hero--numbers .guide-hero-image--report{width:min(100%,560px);margin-inline:auto}
}

@media (max-width:560px){
  .guide-hero{padding-top:44px}
  .guide-hero-copy .eyebrow{margin-bottom:12px}
  .guide-hero-copy h1{font-size:clamp(42px,13vw,58px);line-height:.96}
  .guide-deck{margin:25px 0 28px}
  .guide-form .form-row{display:block}
  .guide-form .form-row input{border-right:1px solid var(--ink);border-bottom:0}
  .guide-form .form-row button{width:100%;white-space:normal;min-height:56px}
  .guide-hero-image{height:430px}
  .proof-track{width:calc(100% - 15px);margin-left:15px}
  .guide-block figure{height:420px}
  .guide-block-copy h2{font-size:41px}
  .pain-track{width:calc(100% - 15px);margin-left:15px}
  .pain-card{height:485px}
  .pain-copy{left:22px;right:22px;bottom:22px}
  .guide-faq{padding-top:85px}
  .footer-capture{padding-bottom:55px;margin-bottom:50px}
}

@media (prefers-reduced-motion:reduce){
  .proof-track,.pain-track{scroll-behavior:auto}
}
