/* Homepage-only composition. Product images retain their original pixels. */
.homepage-sales .home-composed{padding:42px 0 44px}
.homepage-sales .home-hero-grid{max-width:1320px;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:minmax(360px,.85fr) minmax(0,1.15fr);gap:56px;align-items:center}
.homepage-sales .home-composed h1{font-size:clamp(38px,3.45vw,48px);line-height:1.13;max-width:none;letter-spacing:-.02em;margin:16px 0 18px}
.homepage-sales .home-composed h1>span{display:block}.homepage-sales .home-composed h1 .headline-white{color:#e8eef7}
.homepage-sales .home-composed .headline-keep{white-space:nowrap}
.homepage-sales .home-composed .sp-preview-label{font-size:10px;letter-spacing:.105em}
.homepage-sales .home-composed .lede{font-size:17px;line-height:1.55;max-width:405px;margin:0}
.homepage-sales .home-composed .by-spags{gap:12px;margin:20px 0}.homepage-sales .home-composed .by-spags img{width:86px;height:57px}
.homepage-sales .home-composed .by-spags p{font-size:13px;line-height:1.5}
.homepage-sales .home-composed .paths{gap:12px 20px;margin:20px 0 12px}.homepage-sales .home-composed .paths>a{font-size:15px}
.homepage-sales .home-composed .hero-scope{font-size:12px;color:#93a6bf;margin:0}
.homepage-sales .hero-product{min-width:0;margin:0;border:1px solid #39516b;border-radius:14px;background:#111c2a;box-shadow:0 22px 64px #0005;overflow:hidden}
.homepage-sales .screen-label{display:flex;justify-content:space-between;gap:16px;padding:15px 18px;color:#91cfee;font-size:10px;font-weight:600;letter-spacing:.1em;border-bottom:1px solid #39516b}
.homepage-sales .screen-label span:first-child{color:#fcb040}
.homepage-sales .hero-product figcaption{padding:14px 18px;font-size:12px;color:#b5c2d4;line-height:1.6}
.homepage-sales .hero-product figcaption a{display:inline-block;margin-left:8px}
.homepage-sales .tour-crop{position:relative;width:100%;aspect-ratio:var(--cw)/var(--ch);overflow:hidden;background:#111c2a}
.homepage-sales .tour-crop img{position:absolute;max-width:none;width:calc(100% * var(--iw) / var(--cw));height:auto;left:calc(-100% * var(--x) / var(--cw));top:calc(-100% * var(--y) / var(--ch));display:block}
.homepage-sales .home-tool-tour{border-top:1px solid #233449;padding:58px 0 46px}
.homepage-sales .tour-container{max-width:1320px;padding:0 40px;margin:0 auto}
.homepage-sales .tour-heading{margin-bottom:44px}.homepage-sales .tour-heading h2{font-size:38px;line-height:1.15;margin:12px 0 16px}
.homepage-sales .tour-heading>p:last-child{color:#b5c2d4;font-size:16px;margin:0}
.homepage-sales .tour-step{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.8fr);gap:56px;align-items:center;padding:44px 0;border-top:1px solid #233449;scroll-margin-top:95px}
.homepage-sales .tour-kicker{font-size:11px;font-weight:600;letter-spacing:.1em;color:#fcb040;margin:0 0 16px}
.homepage-sales .tour-kicker span{color:#91cfee;margin-right:10px}
.homepage-sales .tour-copy h3{font-size:30px;line-height:1.2;margin:0 0 18px}
.homepage-sales .tour-copy>p:last-child{font-size:15px;line-height:1.7;color:#b5c2d4;margin:0}
.homepage-sales .tour-figure{min-width:0;margin:0}.homepage-sales .tour-media{overflow-x:auto;border:1px solid #39516b;border-radius:10px;overscroll-behavior-x:contain;scrollbar-color:#52677f #111c2a}
.homepage-sales .tour-figure figcaption{font-size:12px;color:#93a6bf;margin-top:12px;line-height:1.6}
.homepage-sales .tour-figure figcaption a{margin-left:8px;display:inline-block;min-height:32px}
.homepage-sales .tour-swipe{display:none}
.homepage-sales .tour-finish{display:flex;gap:32px;align-items:center;justify-content:space-between;border-top:1px solid #233449;padding-top:28px}
.homepage-sales .tour-finish p{font-size:12px;color:#93a6bf;max-width:670px;margin:0;line-height:1.6}.homepage-sales .tour-finish .button{white-space:nowrap}
@media(min-width:1500px){.homepage-sales .home-hero-grid{gap:72px}.homepage-sales .home-composed{padding-top:54px;padding-bottom:54px}}
@media(max-width:1100px){.homepage-sales .home-hero-grid{gap:32px;padding:0 28px;grid-template-columns:minmax(330px,.9fr) minmax(0,1.1fr)}.homepage-sales .home-composed h1{font-size:38px}.homepage-sales .tour-container{padding:0 28px}.homepage-sales .tour-step{gap:32px;grid-template-columns:minmax(210px,.72fr) minmax(0,1.5fr)}.homepage-sales .tour-copy h3{font-size:27px}}
@media(max-width:850px){.homepage-sales .home-hero-grid{grid-template-columns:1fr;gap:28px;max-width:690px}.homepage-sales .home-composed{padding-top:32px}.homepage-sales .home-composed h1{font-size:42px}.homepage-sales .home-composed .lede{max-width:520px}.homepage-sales .hero-product{max-width:650px;width:100%}.homepage-sales .tour-step{grid-template-columns:1fr;gap:24px}.homepage-sales .tour-copy{max-width:560px}.homepage-sales .tour-heading h2{font-size:34px}.homepage-sales .tour-finish{align-items:flex-start;flex-direction:column;gap:20px}}
@media(max-width:600px){.homepage-sales .home-hero-grid,.homepage-sales .tour-container{padding:0 20px}.homepage-sales .home-composed h1{font-size:36px;line-height:1.14;letter-spacing:-.015em}.homepage-sales .home-composed .lede{font-size:16px}.homepage-sales .home-composed .paths .button{width:auto}.homepage-sales .home-composed .paths{gap:10px 20px}.homepage-sales .screen-label{padding:12px;font-size:9px}.homepage-sales .hero-product figcaption{padding:12px;font-size:12px}.homepage-sales .hero-product figcaption a{margin-left:0;display:block;min-height:32px}.homepage-sales .tour-heading h2{font-size:32px}.homepage-sales .home-tool-tour{padding-top:38px}.homepage-sales .tour-step{padding:32px 0}.homepage-sales .tour-copy h3{font-size:28px}.homepage-sales .tour-media .tour-crop{min-width:680px}.homepage-sales #tool-matchups .tour-crop{min-width:850px}.homepage-sales #portfolio .tour-crop{min-width:920px}.homepage-sales .tour-swipe{display:block}.homepage-sales .tour-finish .button{width:100%}}

@media(max-width:600px){.homepage-sales #tool-matrix .tour-crop{min-width:520px}}