/* AppsBrain V28 — narrowly scoped production visual refinements. */
:root{--ab-ui-safe-x:clamp(18px,4vw,70px)}
/* Reserve a clean editorial space below the fixed premium navigation. */
body:has(#abnav-shell) .hero{padding-top:clamp(132px,11vw,178px)}
body:has(#abnav-shell) .hero-header{position:relative;z-index:1;min-height:20px}
body:has(#abnav-shell) .hero-top{grid-template-columns:minmax(0,1.65fr) minmax(270px,.68fr);gap:clamp(24px,4vw,72px);align-items:end;padding-top:clamp(38px,5vw,72px)}
body:has(#abnav-shell) .hero-top>*{min-width:0}
body:has(#abnav-shell) .hero h1{font-size:clamp(62px,8vw,132px);line-height:1.025;letter-spacing:-.082em;overflow-wrap:normal}
body:has(#abnav-shell) .hero h1 em{display:inline-block;line-height:.94;vertical-align:baseline}
body:has(#abnav-shell) .hero-desc{padding-bottom:clamp(4px,1vw,18px)}
body:has(#abnav-shell) .hero-desc p{max-width:420px}
/* Consistent keyboard accessibility and safer floated links. */
.abnav-header :is(a,button):focus-visible,.abnav-drawer :is(a,button):focus-visible,.growth-floating-cta:focus-visible{outline:3px solid #5a63ea;outline-offset:4px}
.growth-floating-cta{right:max(18px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom))}
/* Avoid tables, long text and grids forcing horizontal document overflow. */
.admin-main,.admin-panel,.admin-page-title,.careers-admin{min-width:0;max-width:100%}
.admin-panel :is(p,h1,h2,h3),.admin-table td{overflow-wrap:anywhere}
.admin-table{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.admin-table :is(th,td){vertical-align:top}
.admin-actions :is(button,a),.admin-page-title :is(button,a){max-width:100%}
@media(max-width:1100px){body:has(#abnav-shell) .hero-top{grid-template-columns:minmax(0,1.3fr) minmax(230px,.7fr)}body:has(#abnav-shell) .hero h1{font-size:clamp(58px,8vw,105px)}}
@media(max-width:800px){body:has(#abnav-shell) .hero{padding-top:clamp(110px,15vw,146px)}body:has(#abnav-shell) .hero-top{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:clamp(32px,5vw,55px)}body:has(#abnav-shell) .hero h1{font-size:clamp(54px,10.7vw,88px)}body:has(#abnav-shell) .hero-desc{max-width:540px}.admin-page-title{flex-wrap:wrap}}
@media(max-width:550px){body:has(#abnav-shell) .hero{padding-top:102px}body:has(#abnav-shell) .hero-top{padding-top:30px;gap:24px}body:has(#abnav-shell) .hero h1{font-size:clamp(44px,11.6vw,66px);letter-spacing:-.07em}body:has(#abnav-shell) .hero-desc p{font-size:16px}.growth-floating-cta{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));max-width:calc(100vw - 24px)}.admin-main{padding-inline:16px}.admin-panel{padding:clamp(16px,4vw,24px)}.admin-page-title{gap:16px}}
@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto!important}.abnav-header,.abnav-mega,.growth-floating-cta{transition:none!important}}