/* BRAND-2 · Kevin/LEAD 30 Oct23:48. Page layout only; MOTION owns demo/result internals. */
html{scroll-snap-type:y proximity;scroll-behavior:smooth}
.hf3>.screen{position:relative;top:auto;scroll-snap-align:start;scroll-snap-stop:normal}
.hf3>#handoff{scroll-margin-top:var(--header)}
.hf3>#your-ai{position:sticky;top:0;z-index:0}
.hf3>#questions{z-index:1}
.hero-grid{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:24px;padding:24px 0 28px}
.hero-copy{display:block!important;text-align:center;width:100%;flex:0 0 auto}
.hero .tool-heading{justify-content:center;font-size:48px;line-height:1.15;gap:14px;letter-spacing:-.045em;margin:0 0 12px}
.hero .tool-heading>svg{width:40px;height:40px}
.hero .sub{font-size:30px;line-height:1.25;max-width:none;margin:0 auto 12px}
.hero .lede{font-size:16px;line-height:1.55;max-width:72ch;margin:0 auto 18px}
.hero-action{flex-direction:column;align-items:center;gap:10px}
.hero-action .allowance{font-size:12px;line-height:1.5;max-width:none}
.hero-image{display:block;width:100%;max-width:560px;flex:1;min-height:0;max-height:350px}
.hero-image .shot{width:100%;height:100%;min-height:0;background:var(--tint);border-radius:12px}
.hero-image .shot img{object-fit:contain;object-position:center}
.hero-image .caption{display:none}
.related-screen .section-head p{max-width:58ch}
@media(max-width:760px){
 .hero-grid{gap:24px;padding:24px 0 28px}
 .hero .tool-heading{font-size:36px;gap:10px;margin-bottom:16px}
 .hero .tool-heading>svg{width:31px;height:31px}
 .hero .sub{font-size:24px;max-width:22ch;margin-bottom:16px}
 .hero .lede{font-size:15px;line-height:1.55;max-width:36ch;margin-bottom:20px}
 .hero-action{align-items:center;gap:12px}
 .hero-action .allowance{font-size:12px;max-width:32ch}
 .hero-image{max-height:200px;width:100%;flex:1;min-height:0}
 .hero-image .shot{height:100%;border-radius:9px}
 .related-screen .section-head{margin-bottom:24px}
 .related-screen .section-head h2{font-size:31px}
 .related-screen .section-head p{font-size:15px;line-height:1.5}
}
@media(max-width:760px) and (max-height:700px){.hero-grid{padding-top:16px;gap:16px}.hero .tool-heading{font-size:32px;margin-bottom:12px}.hero .sub{font-size:21px;margin-bottom:12px}.hero .lede{font-size:14px;margin-bottom:14px}.hero-image{max-height:150px}}
@media(prefers-reduced-motion:reduce){html{scroll-snap-type:none;scroll-behavior:auto}.hf3>#your-ai{position:relative;top:auto}}