/* Approved responsive width and navigation update, 2026-10-07. */
.wrap,.hero.wrap{width:min(1480px,calc(100% - 96px))}
header.wrap{gap:35px}
header nav{gap:22px}
header nav .button{padding:11px 17px;white-space:nowrap}
.hero.wrap{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:60px;padding-block:40px}
.intro>p:not(.label){max-width:490px}
.helpdesk-scene{max-width:540px}
@media(max-width:1150px){.wrap,.hero.wrap{width:calc(100% - 56px)}header.wrap{gap:22px}header nav{gap:14px}header nav .button{padding:10px 12px;font-size:13px}.hero.wrap{gap:35px}}
@media(min-width:701px) and (max-width:1000px){header.wrap{flex-wrap:wrap}header nav{width:100%;justify-content:flex-end;flex-wrap:wrap}}
@media(max-width:700px){.wrap,.hero.wrap{width:calc(100% - 40px)}header nav{gap:8px}header nav .button{justify-content:center}.hero.wrap{grid-template-columns:1fr;gap:30px;padding-block:35px}.preview-note{font-size:10px}}