/* controls-r11: shared navigation only; original hamburger/media state preserved. */
.nav,.uiux-main-r1 .nav{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:stretch}
.nav > a,.nav > a:is(:link,:visited,:hover,:focus,:focus-visible,:active,[aria-current="page"]){display:flex;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;align-self:stretch;min-width:0;min-height:48px;padding:8px 6px;line-height:1.4;font-weight:600;white-space:nowrap}
@media(min-width:701px) and (max-width:900px){
 .nav,.uiux-main-r1 .nav{gap:8px}
 .nav > a,.nav > a:is(:link,:visited,:hover,:focus,:focus-visible,:active,[aria-current="page"]){font-size:16px;padding-inline:4px}
}
@media(max-width:700px){
 .nav,.uiux-main-r1 .nav{gap:0 20px}
 .js .nav{gap:0}
 .js .nav > a,.js .nav > a:is(:link,:visited,:hover,:focus,:focus-visible,:active,[aria-current="page"]){min-height:68px;padding:12px 8px;font-size:22px;font-weight:600;white-space:normal}
}

/* Home hero CTA only. Remove secondary text-link class; do not buttonize prose links.
   Important full frame intentionally outranks the global important bottom-line guard. */
.uiux-main-r1 .hero .actions{display:grid;grid-template-columns:repeat(2,minmax(144px,1fr));gap:12px;width:100%;max-width:344px;min-width:0;align-items:stretch}
.uiux-main-r1 .hero .actions > a.cta,
.uiux-main-r1 .hero .actions > a.cta:is(:link,:visited,:hover,:focus,:focus-visible,:active){display:inline-flex;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;width:100%;min-width:0;height:56px;min-height:56px;padding:12px 24px;font-size:18px;line-height:1.4;font-weight:700;border-radius:4px;border:1px solid var(--cta-border)!important;color:var(--cta-fg);background-color:var(--cta-bg);white-space:nowrap;text-decoration:none!important}
.uiux-main-r1 .hero .actions > .cta--primary{--cta-fg:#FFFFFF;--cta-bg:var(--blue);--cta-border:var(--blue)}
.uiux-main-r1 .hero .actions > .cta--primary:hover{--cta-bg:var(--hover);--cta-border:var(--hover)}
.uiux-main-r1 .hero .actions > .cta--primary:active{--cta-bg:var(--active);--cta-border:var(--active)}
.uiux-main-r1 .hero .actions > .cta--secondary{--cta-fg:var(--link);--cta-bg:#0A0A0A;--cta-border:var(--link)}
.uiux-main-r1 .hero .actions > .cta--secondary:hover{--cta-bg:#111111}
.uiux-main-r1 .hero .actions > .cta--secondary:active{--cta-bg:#171717}
.uiux-main-r1 .hero .actions > a.cta:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
@media(min-width:701px) and (max-width:1000px){
 .uiux-main-r1 .hero .actions{grid-template-columns:minmax(0,1fr);max-width:200px}
}
@media(max-width:700px){
 .uiux-main-r1 .hero .actions{grid-template-columns:repeat(2,minmax(0,1fr));max-width:344px}
 .uiux-main-r1 .hero .actions > a.cta,.uiux-main-r1 .hero .actions > a.cta:is(:link,:visited,:hover,:focus,:focus-visible,:active){height:52px;min-height:52px;padding:10px 16px}
}
@media(max-width:360px){
 .uiux-main-r1 .hero .actions{grid-template-columns:minmax(0,1fr);max-width:none}
}