.hero{grid-template-columns:minmax(520px,.92fr) minmax(560px,1.08fr);gap:clamp(38px,4vw,76px);padding-inline:clamp(56px,6vw,120px)}.hero-content{min-width:0;max-width:700px}.hero-content h1{max-width:680px;font-size:clamp(52px,5.3vw,82px)}.role-preview{width:100%;max-width:700px;min-width:0;justify-self:end}.preview-window{width:100%}
@media(max-width:1500px){.hero{grid-template-columns:minmax(470px,.9fr) minmax(520px,1.1fr);gap:36px;padding-inline:5vw}.hero-content h1{font-size:clamp(50px,5.4vw,74px)}.role-preview{max-width:620px}}
@media(max-width:1280px){.hero{grid-template-columns:minmax(0,1fr);gap:58px;padding:76px 7vw 82px}.hero-content{width:100%;max-width:820px}.hero-content h1{max-width:760px;font-size:clamp(54px,7vw,82px)}.hero-content>p,.role-switcher,.hero-search{max-width:720px}.role-preview{width:100%;max-width:900px;justify-self:start}.preview-window{transform:none}.preview-enter .preview-window{animation:hero-preview-flat .42s ease both}@keyframes hero-preview-flat{from{opacity:.3;transform:translateY(12px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.preview-app{min-height:430px}}
@media(max-width:760px){.hero{gap:36px;padding:54px 5vw 58px}.hero-content h1{font-size:clamp(43px,13vw,64px)}.role-switcher{grid-template-columns:1fr}.role-preview{width:90vw;max-width:none;justify-self:start;overflow:hidden}.preview-window{width:620px;min-width:620px;transform-origin:left top;transform:scale(.56);margin-bottom:-175px}.preview-enter .preview-window{animation:none}}
@media(max-width:430px){.preview-window{transform:scale(.5);margin-bottom:-210px}}