/* Ruck marketing images: show the entire supplied artwork without cropping. */
.ruck-screen{margin:0;min-width:0;text-align:center}
.ruck-screen img{display:block;width:100%;height:auto;max-width:300px;margin:0 auto;border:1px solid #244564;border-radius:15px;box-shadow:0 18px 50px #0005}
.ruck-screen figcaption,.ruck-home-screen figcaption{color:var(--muted);font-size:12px;line-height:1.5;margin-top:14px;text-align:center}
.ruck-landing-hero{grid-template-columns:minmax(0,1.4fr) minmax(250px,.8fr);padding:48px 0 64px;gap:64px}
.ruck-landing-hero h1{font-size:clamp(40px,4.3vw,62px);line-height:1.07;letter-spacing:-1.5px}
.ruck-landing-hero .page-lede{max-width:570px}
.ruck-price{font-size:13px;line-height:1.8;color:var(--muted);max-width:530px}
.ruck-price strong{color:var(--text,#f4f7fb)}
.ruck-landing-hero .page-actions{gap:16px}
.ruck-landing-hero .page-actions .button{gap:10px;padding-inline:18px}
.ruck-example{grid-template-columns:minmax(0,1.2fr) minmax(270px,.8fr);gap:72px}
.ruck-report-screen img{max-width:340px}
.ruck-sample-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0}
.ruck-sample-metrics div{border-top:2px solid var(--blue);padding-top:14px}
.ruck-sample-metrics dt{font-size:12px;color:var(--muted)}
.ruck-sample-metrics dd{margin:8px 0 0;font-size:clamp(23px,2.5vw,32px);font-weight:750;color:#fff}
.ruck-example-note{font-size:12px;line-height:1.65;max-width:530px;margin-bottom:24px}
.ruck-home-screen{margin:0;padding:28px}
.ruck-home-screen img{width:100%;height:auto;max-width:250px;border-radius:12px}
.ruck-home-feature .ruck-copy{align-self:center}
.ruck-faq{max-width:850px}
.ruck-faq h2{margin-bottom:32px}
.ruck-faq article{padding:24px 0;border-top:1px solid var(--line)}
.ruck-faq h3{font-size:22px;line-height:1.3;margin-bottom:10px}
.ruck-faq article p{margin:0}
#ruck-example{scroll-margin-top:110px}
@media(max-width:800px){
 .ruck-landing-hero{gap:30px;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr)}
 .ruck-landing-hero h1{font-size:42px}
 .ruck-example{gap:36px;grid-template-columns:minmax(0,1fr) minmax(220px,.8fr)}
 .ruck-screen img{max-width:280px}
 .ruck-sample-metrics{gap:8px}
}
@media(max-width:580px){
 .ruck-landing-hero{grid-template-columns:minmax(0,1fr);padding:34px 0 48px;gap:30px}
 .ruck-landing-hero h1{font-size:clamp(36px,9.5vw,48px);letter-spacing:-1px}
 .ruck-landing-hero .page-actions{flex-direction:column;align-items:flex-start;gap:10px;margin:24px 0 16px}
 .ruck-landing-hero .page-actions .button{max-width:100%;font-size:13px}
 .ruck-screen img{width:100%;max-width:280px}
 .ruck-example{grid-template-columns:minmax(0,1fr);gap:30px}
 .ruck-home-feature .ruck-copy{grid-row:1}
 .ruck-home-screen{border-bottom:0;border-top:1px solid #294f72;padding:24px}
 .ruck-home-screen img{max-width:250px}
 .ruck-sample-metrics dd{font-size:27px}
 .ruck-faq h3{font-size:20px}
}