/* UX5 Stage 08 — tenant choice and first-company onboarding */
.nx5-company-hub .hub-content{max-width:1160px;width:min(100% - 38px,1160px);margin-inline:auto;padding-top:clamp(24px,4vw,55px)}
.nx5-company-hub .nx5-company-hero{position:relative;overflow:hidden;margin-bottom:21px;padding:clamp(25px,4vw,44px);border:1px solid #6786B64A;border-radius:20px;background:radial-gradient(ellipse at 76% 15%,#467AB161,transparent 58%),linear-gradient(120deg,#122543,#1E3B64);box-shadow:0 22px 44px -38px #0B305780}
.nx5-company-hub .nx5-company-hero .eyebrow{color:#9CDDFA;font-size:11px;font-weight:900;letter-spacing:.07em}
.nx5-company-hub .nx5-company-hero h1{font-size:clamp(28px,3.3vw,41px);font-weight:900;color:#FFF;line-height:1.45;margin:8px 0}
.nx5-company-hub .nx5-company-hero p{font-size:14px;line-height:1.95;color:#D4E8F8;margin:0;max-width:66ch}
.nx5-company-hub .company-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:14px;min-width:0}
.nx5-company-hub .company-tile{display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;align-items:center;gap:7px;padding:21px;border:1px solid var(--nx4-line-light);border-radius:16px;background:var(--nx4-panel);color:var(--nx5-tone-primary);box-shadow:var(--nx4-elevate);min-height:118px;text-align:right;position:relative;overflow:hidden}
.nx5-company-hub .company-tile:before{content:"";position:absolute;inset-inline-start:0;top:16px;width:3px;height:calc(100% - 32px);border-radius:5px;background:#008FCB}
.nx5-company-hub .company-tile>.nx-vivid-icon{grid-row:1/3;width:43px;height:43px;padding:9px;border:1px solid color-mix(in srgb,#008FCB 25%,var(--nx4-line-light));border-radius:12px;background:color-mix(in srgb,#008FCB 9%,var(--nx4-panel))}
.nx5-company-hub .company-tile strong{font-size:16px;line-height:1.6;font-weight:900;overflow-wrap:anywhere}
.nx5-company-hub .company-tile small{font-size:12px;line-height:1.85;color:var(--nx5-tone-secondary)}
.nx5-company-hub .company-tile small .nx-vivid-icon{width:16px;height:16px;vertical-align:middle}
.nx5-company-hub .company-tile:hover{border-color:color-mix(in srgb,#008FCB 44%,var(--nx4-line-light));box-shadow:0 15px 32px -25px #21487266;transform:translateY(-2px)}
.nx5-company-hub .company-tile:focus-visible{outline:3px solid #38A6D9;outline-offset:3px}
.nx5-company-hub .setup-card{width:min(580px,calc(100% - 26px));max-width:580px;margin:clamp(25px,5vw,65px) auto;padding:clamp(19px,3.5vw,38px);background:var(--nx4-panel);border:1px solid var(--nx4-line-light);border-radius:19px;box-shadow:0 20px 60px -44px #123D7177}
.nx5-company-hub .setup-card h1{font-size:clamp(23px,2.6vw,32px);font-weight:900;line-height:1.5;color:var(--nx5-tone-primary)}
.nx5-company-hub .setup-card p{font-size:14px;line-height:1.9;color:var(--nx5-tone-secondary)}
.nx5-company-hub .setup-card .input{font-size:15px;min-height:51px;border:1px solid var(--nx4-line-light);background:var(--nx4-panel);color:var(--nx5-tone-primary);border-radius:12px}
.nx5-company-hub .setup-card .input:focus-visible{outline:2px solid #008FCB;outline-offset:2px}
.nx5-company-hub .setup-card .button{min-height:48px;border-radius:11px;background:#008FCB;color:#FFF;border-color:#008FCB;font-size:14px;font-weight:900}
@media(max-width:700px){
 .nx5-company-hub .hub-content{width:calc(100% - 24px);padding-top:20px}
 .nx5-company-hub .nx5-company-hero{padding:22px 17px;border-radius:14px}
 .nx5-company-hub .nx5-company-hero h1{font-size:27px}
 .nx5-company-hub .nx5-company-hero p{font-size:12px}
 .nx5-company-hub .company-grid{grid-template-columns:1fr;gap:10px}
 .nx5-company-hub .company-tile{min-height:106px;padding:16px}
 .nx5-company-hub .company-tile strong{font-size:15px}
 .nx5-company-hub .setup-card .input{font-size:16px}
}
@media(max-width:359px){.nx5-company-hub .nx5-company-hero h1{font-size:23px}.nx5-company-hub .company-tile{grid-template-columns:42px minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.nx5-company-hub .company-tile{transition:none!important;transform:none!important}}