/* Platform marks lead into one large headline and the real cabinet recording. */
.hero{padding-top:44px}
.hero::before{display:none}
.hero-grid{gap:48px}
.hero-copy{display:block;max-width:1120px;width:100%;padding:0;text-align:center}
.hero-platforms{display:flex;justify-content:center;align-items:flex-start;gap:32px;list-style:none;padding:0;margin:0 0 28px}
.hero-platform{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:84px;font-size:14px;line-height:1.4;color:var(--muted)}
.platform-mark{display:grid;place-items:center;width:64px;height:64px}
.platform-mark svg{display:block;width:54px;height:54px;fill:currentColor}
.hero-platform--google-play .platform-mark{color:#168c47}
.hero-platform--google-play svg{width:52px;height:52px}
.hero-platform--app-store .platform-mark{color:#fff;background:#087df1;border-radius:15px}
.hero-platform--app-store svg{width:42px;height:42px}
.hero-platform--trustpilot .platform-mark{color:#00a878}
.hero-platform--trustpilot svg{width:64px;height:64px}
.hero-copy h1{font-family:Onest,Arial,sans-serif;font-size:clamp(44px,5vw,76px);font-weight:600;line-height:1.08;letter-spacing:-.055em;max-width:none;margin:0 auto;color:#111}
.hero-copy h1>span{display:block}
.hero-video-length{color:#72777b;font-size:12px;padding-left:12px;border-left:1px solid #dedee3}
.hero-intro{max-width:850px;margin:26px auto 0}
.hero-copy .lead{max-width:none;font-size:20px;line-height:1.6;margin:0 0 26px;color:#51555e;text-wrap:pretty}
.hero-actions{gap:14px}
.hero .button{min-height:54px;font-size:16px;padding:14px 24px}
.hero-intro .action-note{font-size:13px;margin-top:14px}
@media(max-width:1000px){
 .hero{padding-top:38px}
 .hero-copy h1{font-size:clamp(44px,6vw,60px)}
 .hero-intro{max-width:760px}
 .hero-copy .lead{font-size:19px}
}
@media(max-width:640px){
 .hero{padding-top:26px}
 .hero-grid{gap:34px}
 .hero-platforms{gap:22px;margin-bottom:26px}
 .hero-platform{min-width:70px;gap:9px;font-size:12px}
 .platform-mark{width:52px;height:52px}
 .platform-mark svg{width:44px;height:44px}
 .hero-platform--google-play svg{width:44px;height:44px}
 .hero-platform--app-store .platform-mark{border-radius:12px}
 .hero-platform--app-store svg{width:34px;height:34px}
 .hero-platform--trustpilot svg{width:52px;height:52px}
 .hero-copy h1{font-size:clamp(34px,9.1vw,48px);line-height:1.1;letter-spacing:-.05em}
 .hero-intro{margin-top:22px}
 .hero-copy .lead{font-size:17px;line-height:1.6;margin-bottom:24px}
 .hero-actions{gap:10px}
 .hero .button{min-height:50px;font-size:15px;padding:12px 20px}
 .hero-intro .action-note{font-size:12px;margin-top:12px}
}
@media(max-width:360px){
 .hero-platforms{gap:16px}
 .hero-copy h1{font-size:35px;letter-spacing:-.06em}
 .hero-copy .lead{font-size:16px}
}