/* Readability update: preserve the established HEX PRO AUTH layout and palette. */
.site-header .brand img{width:64px;height:64px;flex-shrink:0}
.site-header .brand>span{font-size:23px}.brand small{font-size:10px;letter-spacing:1.35px;line-height:1.5}
.nav-shell{gap:22px}.nav-shell>nav{gap:20px;padding-inline:20px}
.nav-shell>nav a,html[lang=ru] .nav-shell>nav>a{font-size:14px;letter-spacing:.2px}
.hero h1,html[lang=ru] .hero h1{font-size:clamp(64px,6.8vw,104px)}
.hero-lead{font-size:28px;line-height:1.55}.hero-description{font-size:18px;line-height:1.85;max-width:520px}
.hero .eyebrow{font-size:12px;letter-spacing:1.5px}.hero-note{font-size:14px;line-height:1.7}
.hero-actions .btn{font-size:16px;min-height:58px;padding:17px 24px}
.logo-stage{width:96%}.visual-label{font-size:11px;letter-spacing:1.3px}
.service-card{min-height:340px}.service-card>.official-mi{width:64px;height:64px}
.service-card>.official-mi>img{width:64px;height:64px}
.service-card .card-content h3{font-size:24px;line-height:1.35}
.service-card .card-content ul{font-size:14px;line-height:1.9;letter-spacing:0}
.online-badge{font-size:14px;padding:7px 17px}.online-badge i{width:9px;height:9px}
.portal-caption{font-size:11px;letter-spacing:1.25px}.portal-card h3{font-size:24px;line-height:1.35}
.portal-card p{font-size:14px;line-height:1.8;letter-spacing:.1px}
.operation-count{font-size:40px}.proof-cell h3{font-size:17px;line-height:1.45}.proof-cell p{font-size:12px;line-height:1.7}
.site-footer .brand img{width:64px;height:64px;flex-shrink:0}.site-footer .brand>span{font-size:24px}
.site-footer .brand small{font-size:10px;letter-spacing:1.2px}
.footer-bottom,.footer-bottom>span:last-child{font-size:13px;line-height:1.7;letter-spacing:.5px}
.trademark-note{font-size:12px;line-height:1.8;color:#a69e93}
@media(min-width:941px) and (max-width:1180px){.nav-shell{width:calc(100% - 40px);gap:16px}.site-header .brand>span{font-size:20px}.site-header .brand img{width:56px;height:56px}.site-header .brand small{font-size:9px}.nav-shell>nav{gap:13px;padding-inline:14px}.nav-shell>nav a,html[lang=ru] .nav-shell>nav>a{font-size:13px}.hero h1,html[lang=ru] .hero h1{font-size:72px}.hero-lead{font-size:25px}.hero-actions .btn{padding-inline:18px;font-size:15px}.portal-card{padding-inline:24px}}
@media(max-width:940px){.hero h1,html[lang=ru] .hero h1{font-size:60px;letter-spacing:-2px}.hero-lead{font-size:24px}.hero-description{font-size:17px}.nav-shell>nav a,html[lang=ru] .nav-shell>nav>a{font-size:16px}.visual-label.top,.visual-label.bottom{font-size:10px}.portal-card h3{font-size:24px}}
@media(max-width:700px){.site-header .brand img{width:52px;height:52px}.site-header .brand>span{font-size:19px}.site-header .brand small{font-size:8px;letter-spacing:1px}.hero h1,html[lang=ru] .hero h1{font-size:clamp(56px,12.5vw,82px);letter-spacing:-2px}.hero .eyebrow{font-size:11px;letter-spacing:1px}.hero-lead{font-size:24px}.hero-description{font-size:17px}.hero-note{font-size:13px}.hero-actions .btn{font-size:15px;padding-inline:18px}.hero-visual{width:min(460px,100%)}.visual-label{letter-spacing:.5px}.service-card{min-height:335px}.service-card .card-content h3{font-size:24px}.service-card .card-content ul{font-size:14px}.portal-card h3{font-size:23px}.portal-card p{font-size:14px}.proof-cell h3{font-size:17px}.proof-cell p{font-size:12px}.footer-bottom{gap:14px}.site-footer .brand>span{font-size:23px}}

/* Larger moving brand panel; keep the existing ribbon and brand colours. */
.brand-ticker.wrap{padding:24px 0;border-radius:18px}
.ticker-tile{width:235px;height:100px;padding:20px 32px;border-radius:12px}
.ticker-group{gap:22px;padding-right:22px}
.ticker-tile img{height:58px}.ticker-mi img{width:58px;height:58px}
.ticker-shark img{width:82px;height:66px}
@media(max-width:700px){.brand-ticker.wrap{padding:18px 0}.ticker-tile{width:185px;height:84px;padding:16px 25px}.ticker-tile img{height:48px}.ticker-mi img{width:48px;height:48px}.ticker-shark img{width:68px;height:56px}.ticker-group{gap:16px;padding-right:16px}}

/* Fixed HEX logo outside the moving brand panel. */
.site-footer .footer-top{gap:30px;align-items:center;padding-bottom:0}
.footer-top>.brand{flex:0 0 auto}
.footer-top>.brand-ticker.wrap{flex:1;min-width:0;width:auto;margin:0}
@media(max-width:940px){.site-footer .brand>span{font-size:20px}.site-footer .brand img{width:56px;height:56px}.site-footer .brand small{font-size:8px}.site-footer .footer-top{gap:22px}}
@media(max-width:700px){.site-footer .footer-top{align-items:stretch;gap:24px}.footer-top>.brand{align-self:flex-start}.footer-top>.brand-ticker.wrap{width:100%;flex:auto}.site-footer .brand>span{font-size:23px}.site-footer .brand img{width:64px;height:64px}.site-footer .brand small{font-size:9px}}
