/* Digital Hub V150
   1. Home for members: welcome band, apps (featured when there is one), account card, other apps
   2. App logos everywhere (uploaded / detected / bundled / initials) and "opens in a new tab"
   3. Windows: Add app, Edit details, Add role, Sign-in & security — one system for every width
   4. Opening page: clear bands, theme switch, apps from the registry
   5. Sign-in: "About IMB Digital Hub" and the theme switch share one bar; apps from the registry
   6. People: filter chips wrap on phones */

.h150-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ── 2 · logos ─────────────────────────────────────────────── */
.h147-app-icon img,.h150-more-ic img,.app-mini-icon img,.app-card-icon img.h150-logo,.login-product img{object-fit:contain}
.h147-app-icon img{width:40px;height:40px;border-radius:10px}
.h150-newtab{display:block;flex:1 0 100%;width:100%;margin-top:8px;font-size:12.5px;color:var(--h7-muted)}
.h149-foot:has(.h150-newtab){flex-wrap:wrap}
.app-mini-icon:has(img.h150-logo),.app-card-icon:has(img.h150-logo){background:var(--h7-panel)!important;border:1px solid var(--h7-line)}
.app-mini-icon img.h150-logo{width:70%;height:70%;border-radius:6px}
.app-card-icon img.h150-logo{width:72%;height:72%;border-radius:8px}
.app-mini-icon .a149-tile,.app-card-icon .a149-tile{width:100%!important;height:100%!important;border-radius:inherit}

/* ── 1 · member Home ───────────────────────────────────────── */
:is(html,#q150#q150) .h150-member .home-intro{position:relative;overflow:hidden;margin:0 0 22px!important;padding:26px 28px!important;border-radius:22px!important;border:1px solid var(--h7-line)!important;
  background:radial-gradient(600px 220px at 100% 0%,var(--h7-blue-tint),transparent 70%),var(--h7-panel)!important;box-shadow:var(--h7-shadow)!important}
:is(html,#q150#q150) .h150-member .home-intro::after{content:"";position:absolute;right:-40px;bottom:-60px;width:260px;height:260px;border-radius:50%;border:38px solid var(--h7-blue-tint);opacity:.75;pointer-events:none}
:is(html,#q150#q150) .h150-member .home-intro>div{position:relative;z-index:1}
.h150-kicker{display:inline-block;margin-bottom:10px;font-size:12px;font-weight:760;letter-spacing:.08em;text-transform:uppercase;color:var(--h7-blue)}
:is(html,#q150#q150) .h150-member .home-intro h1{margin:0 0 8px!important}
:is(html,#q150#q150) .h150-member .home-intro p{display:flex;flex-wrap:wrap;gap:4px 8px;margin:0!important;color:var(--h7-muted)!important}
.h150-dot{color:var(--h7-line)}
.h150-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:22px;align-items:start}
.h150-main{display:grid;gap:14px;min-width:0}
.h150-apps-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 14px}
.h150-apps-head h2,.h150-side h2,:is(html,#q150) .h150-more h2{margin:0;font-size:17px;font-weight:760;color:var(--h7-ink)}
.h150-apps-head span{font-size:13px;color:var(--h7-muted)}
:is(html,#q150#q150) .h150-member #appCardsV147.h147-apps{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
/* one app: a featured, horizontal card */
:is(html,#q150#q150) .h150-member #appCardsV147[data-count="1"]{grid-template-columns:minmax(0,1fr)!important}
:is(html,#q150#q150) .h150-member #appCardsV147[data-count="1"] .h149-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"head foot" "desc foot";column-gap:28px;align-items:center;min-height:0;padding:26px 28px!important;
  background:linear-gradient(135deg,var(--h7-panel),var(--h7-soft-2))}
:is(html,#q150#q150) .h150-member #appCardsV147[data-count="1"] .h149-head{grid-area:head;grid-template-columns:64px minmax(0,1fr)}
:is(html,#q150#q150) .h150-member #appCardsV147[data-count="1"] .h147-app-icon{width:64px;height:64px;border-radius:18px}
:is(html,#q150#q150) .h150-member #appCardsV147[data-count="1"] .h147-app-icon img{width:48px;height:48px}
:is(html,#q150#q150) .h150-member #appCardsV147[data-count="1"] .h149-desc{grid-area:desc;min-height:0!important;margin:12px 0 0!important;max-width:62ch}
:is(html,#q150#q150) .h150-member #appCardsV147[data-count="1"] .h149-foot{grid-area:foot;border:0!important;padding:0!important;margin:0!important;display:grid;justify-items:center;gap:0}
:is(html,#q150#q150) .h150-member #appCardsV147[data-count="1"] .h149-open{min-width:190px;height:50px!important;font-size:15.5px!important;border-radius:14px!important}
:is(html,#q150#q150) .h150-member .h149-card .h150-newtab{text-align:center}
/* side column */
.h150-side{display:grid;gap:14px;position:sticky;top:84px}
.h150-acct,.h150-more{padding:18px;border-radius:18px;border:1px solid var(--h7-line);background:var(--h7-panel);box-shadow:var(--h7-shadow)}
.h150-acct-id{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center}
.h150-acct-id .avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:760;background:var(--h7-blue-tint);color:var(--h7-blue)}
.h150-acct-id h2{font-size:16px;overflow-wrap:anywhere}
.h150-acct-id span{display:block;font-size:13px;color:var(--h7-muted);overflow-wrap:anywhere}
.h150-facts{list-style:none;margin:14px 0;padding:0;display:grid;gap:8px}
.h150-facts li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border-radius:12px;background:var(--h7-soft)}
.h150-fi{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--h7-panel);color:var(--h7-blue);border:1px solid var(--h7-line)}
.h150-fi svg{width:18px;height:18px}
.h150-facts strong{display:block;font-size:13.5px;color:var(--h7-ink)}
.h150-facts small{display:block;font-size:12.5px;line-height:1.4;color:var(--h7-muted)}
.h150-acct-btn{width:100%;display:inline-flex!important;align-items:center;justify-content:center;gap:8px}
.h150-acct-btn svg{width:17px;height:17px}
.h150-more{margin-top:8px}
.h150-more-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px;margin-bottom:12px}
.h150-more-head p{margin:0!important}
.h150-more p{margin:6px 0 12px;font-size:13px;line-height:1.5;color:var(--h7-muted)}
.h150-more ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.h150-more li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;padding:10px;border-radius:12px;background:var(--h7-soft)}
.h150-more-ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--h7-soft-2);overflow:hidden}
.h150-more-ic img{width:30px;height:30px}
.h150-more-ic .a149-tile{width:38px!important;height:38px!important;font-size:14px!important}
.h150-more strong{display:block;font-size:14px;color:var(--h7-ink)}
.h150-more small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12.5px;line-height:1.4;color:var(--h7-muted)}
:is(html,#q150#q150) .h150-member .h147-empty{margin:0!important}
@media (max-width:1020px){.h150-grid{grid-template-columns:minmax(0,1fr);gap:14px}.h150-main{display:contents}.h150-side{position:static;order:5}#homeMoreV150{order:9;margin-top:0}}
@media (min-width:701px) and (max-width:1020px){.h150-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){
  :is(html,#q150#q150) .h150-member .home-intro{padding:20px!important;border-radius:18px}
  :is(html,#q150#q150) .h150-member #appCardsV147.h147-apps{grid-template-columns:minmax(0,1fr)!important}
  :is(html,#q150#q150) .h150-member #appCardsV147[data-count="1"] .h149-card{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "desc" "foot";padding:20px!important;row-gap:0}
  :is(html,#q150#q150) .h150-member #appCardsV147[data-count="1"] .h149-head{grid-template-columns:52px minmax(0,1fr)}
  :is(html,#q150#q150) .h150-member #appCardsV147[data-count="1"] .h147-app-icon{width:52px;height:52px}
  :is(html,#q150#q150) .h150-member #appCardsV147[data-count="1"] .h149-foot{margin-top:18px!important;justify-items:stretch;grid-template-columns:minmax(0,1fr)}
  :is(html,#q150#q150) .h150-member #appCardsV147[data-count="1"] .h149-open{width:100%!important;min-width:0}
  .h150-side{grid-template-columns:minmax(0,1fr)}
}

/* ── 3 · windows (w150): Add app, Edit details, Add role, Sign-in & security ── */
body.w150-open{overflow:hidden}
:is(html,#w150#w150) .w150-backdrop{position:fixed!important;inset:0!important;z-index:1200!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:24px!important;
  background:rgba(9,20,34,.52)!important;backdrop-filter:blur(3px);overscroll-behavior:contain}
:is(html,#w150#w150)[data-theme="dark"] .w150-backdrop{background:rgba(2,8,16,.7)!important}
:is(html,#w150#w150) .w150{position:relative!important;display:flex!important;flex-direction:column!important;width:100%!important;max-width:var(--w150-w,640px)!important;max-height:min(880px,calc(100dvh - 48px))!important;
  margin:0!important;padding:0!important;overflow:hidden!important;border-radius:20px!important;border:1px solid var(--h7-line)!important;background:var(--h7-panel)!important;color:var(--h7-ink);
  box-shadow:0 24px 64px rgba(9,20,34,.28),0 2px 8px rgba(9,20,34,.12)!important;animation:w150in .16s ease-out}
@keyframes w150in{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){:is(html,#w150#w150) .w150{animation:none}}
:is(html,#w150#w150) .w150-wide{--w150-w:1000px}
:is(html,#w150#w150) .w150-medium{--w150-w:680px}
:is(html,#w150#w150) .w150-narrow{--w150-w:520px}
:is(html,#w150#w150) .w150-head{position:relative!important;top:auto!important;flex:0 0 auto;display:grid!important;grid-template-columns:minmax(0,1fr) 40px;gap:12px;align-items:start;
  padding:22px 24px 18px!important;margin:0!important;border-bottom:1px solid var(--h7-line)!important;background:var(--h7-panel)!important;backdrop-filter:none!important}
:is(html,#w150#w150) .w150-head .eyebrow{display:block;font-size:11.5px;font-weight:760;letter-spacing:.08em;text-transform:uppercase;color:var(--h7-blue)}
:is(html,#w150#w150) .w150-head h2{margin:4px 0 4px!important;font-size:22px!important;line-height:1.2;font-weight:780;color:var(--h7-ink)!important}
:is(html,#w150#w150) .w150-head p{margin:0!important;font-size:14px;line-height:1.5;color:var(--h7-muted)!important;max-width:64ch}
:is(html,#w150#w150) .w150-x{width:40px!important;height:40px!important;display:grid!important;place-items:center;border-radius:12px!important;border:1px solid var(--h7-line)!important;background:var(--h7-panel)!important;color:var(--h7-ink-2)!important;font-size:22px!important;line-height:1;cursor:pointer;padding:0!important}
:is(html,#w150#w150) .w150-x:hover{background:var(--h7-soft)!important}
:is(html,#w150#w150) .w150-x:focus-visible{outline:2px solid var(--h7-blue);outline-offset:2px}
:is(html,#w150#w150) .w150-body{flex:1 1 auto;min-height:0;overflow:auto!important;padding:20px 24px 24px!important;background:var(--h7-soft)}
:is(html,#w150#w150) .w150-actions{flex:0 0 auto;display:flex!important;align-items:center;gap:10px;flex-wrap:nowrap!important;margin:0!important;padding:14px 24px!important;border-top:1px solid var(--h7-line)!important;background:var(--h7-panel)!important}
:is(html,#w150#w150) .w150-actions .modal-spacer{display:block!important;flex:1}
:is(html,#w150#w150) .w150-actions .btn{flex:0 0 auto!important;min-width:120px;height:44px}
/* form parts */
:is(html,#w150#w150) .w150 .a149-form{gap:14px}
:is(html,#w150#w150) .w150 .a149-form-single{max-width:none}
:is(html,#w150#w150) .w150 .a149-form fieldset{padding:16px 18px 18px;border-radius:16px;background:var(--h7-panel);gap:14px;min-width:0}
:is(html,#w150#w150) .w150 .a149-form legend{padding:0 6px;margin-left:-4px}
:is(html,#w150#w150) .w150 .a149-field input,:is(html,#w150#w150) .w150 .a149-field textarea{min-height:44px;background:var(--h7-panel);color:var(--h7-ink);border-color:var(--h7-line)}
:is(html,#w150#w150) .w150 .a149-field textarea{min-height:72px}
:is(html,#w150#w150) .w150 .a149-field input::placeholder,:is(html,#w150#w150) .w150 .a149-field textarea::placeholder{color:var(--h7-muted);opacity:.75}
.w150-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
:is(html,#w150#w150) .w150 .a149-grid{grid-template-columns:minmax(0,1fr) 320px;gap:20px}
:is(html,#w150#w150) .w150 .a149-preview{position:sticky;top:0;padding:16px;border-radius:16px;border:1px dashed var(--h7-line);background:var(--h7-panel)}
:is(html,#w150#w150) .w150 .a149-prev{box-shadow:var(--h7-shadow)!important;padding:18px!important}
:is(html,#w150#w150) .w150 .a149-prev .h149-foot{display:grid;justify-items:start;gap:0}
.a149-prev-note{margin:4px 0 0;font-size:12.5px;line-height:1.45;color:var(--h7-muted)}
/* logo picker */
.w150-logo{display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;align-items:start;padding:14px;border-radius:14px;border:1px solid var(--h7-line);background:var(--h7-soft)}
.w150-logo-prev{width:64px;height:64px;border-radius:16px;display:grid;place-items:center;overflow:hidden;background:var(--h7-panel);border:1px solid var(--h7-line)}
.w150-logo-prev img{width:48px;height:48px;object-fit:contain}
.w150-logo-prev .a149-tile{width:64px!important;height:64px!important;font-size:22px!important;border-radius:0}
.w150-logo-copy{display:grid;gap:6px;min-width:0}
.w150-logo-copy strong{font-size:13.5px;color:var(--h7-ink)}
.w150-logo-status{font-size:13px;line-height:1.45;color:var(--h7-ink-2)}
.w150-logo-status.is-err{color:var(--h7-red);font-weight:600}
.w150-logo-btns{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0}
.w150-logo-btns .btn{height:36px!important;display:inline-flex!important;align-items:center}
.w150-upload{position:relative;cursor:pointer;overflow:hidden}
.w150-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.w150-upload:focus-within{outline:2px solid var(--h7-blue);outline-offset:2px}
.w150-check{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:start;padding:12px 14px;border-radius:12px;border:1px solid var(--h7-line);background:var(--h7-panel);cursor:pointer}
.w150-check input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--h7-blue)}
.w150-check b{display:block;font-size:13.5px;color:var(--h7-ink)}
.w150-check small{display:block;font-size:12.5px;line-height:1.45;color:var(--h7-muted)}
.w150-roles{display:grid;gap:8px;padding:12px 14px;border-radius:14px;background:var(--h7-panel);border:1px solid var(--h7-line)}
.w150-roles>span{font-size:12px;font-weight:720;letter-spacing:.05em;text-transform:uppercase;color:var(--h7-muted)}
.w150-roles ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.w150-roles li{padding:4px 10px;border-radius:999px;font-size:13px;font-weight:650;background:var(--h7-blue-tint);color:var(--h7-blue-ink)}
.w150-tabpill{display:inline-flex;align-items:center;gap:6px;margin:8px 0 0!important;padding:3px 10px;border-radius:999px;font-size:12.5px!important;font-weight:650;background:var(--h7-soft-2);color:var(--h7-ink-2)!important;width:max-content;max-width:100%}
/* Sign-in & security */
:is(html,#w150#w150) .x149-sec .x149-sec-body{gap:14px}
:is(html,#w150#w150) .x149-sec .x149-sec-part{padding:16px 18px;border-radius:16px;background:var(--h7-panel)}
:is(html,#w150#w150) .x149-sec .x149-sec-head{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:start}
.x150-sec-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--h7-blue-tint);color:var(--h7-blue)}
.x150-sec-ic svg{width:20px;height:20px}
:is(html,#w150#w150) .x149-sec .x149-sec-head .btn{align-self:center;white-space:nowrap}
:is(html,#w150#w150) .x149-sec .x149-list li{grid-template-columns:40px minmax(0,1fr) auto auto;padding:10px 12px;border:1px solid var(--h7-line-soft)}
:is(html,#w150#w150) .x149-sec .x149-list li .btn{height:34px}
:is(html,#w150#w150) .x149-sec .x149-list .x150-only{grid-template-columns:40px minmax(0,1fr)}
:is(html,#w150#w150) .x149-sec .x149-empty{margin:12px 0 0;padding:12px 14px;border-radius:12px;background:var(--h7-soft);border:1px dashed var(--h7-line)}
:is(html,#w150#w150) .x149-sec .x149-sec-actions{justify-content:flex-start;margin-top:14px}
:is(html,#w150#w150) .x149-sec .x149-sec-actions .btn{height:38px}
/* tablets */
@media (max-width:900px){:is(html,#w150#w150) .w150 .a149-grid{grid-template-columns:minmax(0,1fr)}:is(html,#w150#w150) .w150 .a149-preview{position:static;order:2}}
/* phones: a sheet from the bottom */
@media (max-width:640px){
  :is(html,#w150#w150) .w150-backdrop{align-items:flex-end!important;padding:0!important;padding-top:max(12px,env(safe-area-inset-top))!important}
  :is(html,#w150#w150) .w150{max-width:none!important;max-height:calc(100dvh - 12px)!important;border-radius:22px 22px 0 0!important;border-bottom:0!important;animation-name:w150up}
  @keyframes w150up{from{transform:translateY(24px);opacity:.6}to{transform:none;opacity:1}}
  :is(html,#w150#w150) .w150-head{padding:18px 16px 14px!important}
  :is(html,#w150#w150) .w150-head::before{content:"";position:absolute;top:7px;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:4px;background:var(--h7-line)}
  :is(html,#w150#w150) .w150-head h2{font-size:19px!important}
  :is(html,#w150#w150) .w150-head p{font-size:13.5px}
  :is(html,#w150#w150) .w150-body{padding:14px 12px 18px!important}
  :is(html,#w150#w150) .w150-actions{padding:12px 16px calc(12px + env(safe-area-inset-bottom))!important}
  :is(html,#w150#w150) .w150-actions .modal-spacer{display:none!important}
  :is(html,#w150#w150) .w150-actions .btn{flex:1 1 0!important;min-width:0}
  :is(html,#w150#w150) .w150 .a149-form fieldset{padding:14px 14px 16px}
  .w150-two{grid-template-columns:minmax(0,1fr)}
  .w150-logo{grid-template-columns:56px minmax(0,1fr);padding:12px}
  .w150-logo-prev{width:56px;height:56px}.w150-logo-prev .a149-tile{width:56px!important;height:56px!important}
  .w150-logo-btns .btn{flex:1 1 auto;justify-content:center}
  :is(html,#w150#w150) .x149-sec .x149-sec-head{grid-template-columns:36px minmax(0,1fr)}
  :is(html,#w150#w150) .x149-sec .x149-sec-head .btn{grid-column:1/-1;justify-self:stretch}
  .x150-sec-ic{width:36px;height:36px}
  :is(html,#w150#w150) .x149-sec .x149-list li{grid-template-columns:36px minmax(0,1fr)}
  :is(html,#w150#w150) .x149-sec .x149-list li .btn{grid-column:2;justify-self:start}
  :is(html,#w150#w150) .x149-sec .x149-sec-actions .btn{flex:1 1 100%}
}
.w150 [hidden]{display:none!important}

/* ── 6 · People: filter chips wrap into a tidy grid on phones (no sideways scrolling) ── */
@media (max-width:640px){
  :is(html,#p150) .p147-chips{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible!important;margin:0!important;padding:0!important;max-width:none!important;width:100%}
  :is(html,#p150) .p147-chips .p147-fchip{justify-content:space-between;width:100%;min-width:0;height:40px;padding:0 12px}
  :is(html,#p150) .p147-chips .p147-fchip:first-child{grid-column:1/-1}
  :is(html,#p150) .p147-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center}
  :is(html,#p150) .p147-toolbar .p147-chips{grid-column:1/-1}
}

/* ── 4 · opening page: bands with one container width ── */
:is(html,#l150) .x150-landing{display:block!important;padding:0!important;gap:0!important;min-height:100dvh;background:var(--h7-soft)!important;color:var(--h7-ink)}
.x150-landing[hidden]{display:none!important}
.x150-wrap{width:100%;max-width:1160px;margin:0 auto;padding:0 clamp(16px,4vw,40px);box-sizing:border-box}
.x150-nav{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--h7-panel) 88%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--h7-line)}
.x150-nav-in{display:flex;align-items:center;gap:12px;height:68px}
.x150-nav .x149-logo{height:30px}
.x150-nav-name{padding-left:12px;border-left:1px solid var(--h7-line);font-size:14px;font-weight:760;letter-spacing:.02em;color:var(--h7-ink)}
.x150-grow{flex:1}
.x150-nav nav{display:flex;gap:8px}
.x150-nav nav .btn{height:40px}
.x150-theme{display:inline-flex;gap:2px;padding:3px;border-radius:999px;border:1px solid var(--h7-line);background:var(--h7-panel)}
.x150-theme button{width:32px;height:32px;border-radius:50%;border:0;display:grid;place-items:center;background:transparent;color:var(--h7-muted);cursor:pointer;padding:0}
.x150-theme button svg{width:17px;height:17px}
.x150-theme button[aria-pressed="true"]{background:var(--h7-blue);color:#fff}
html[data-theme="dark"] .x150-theme button[aria-pressed="true"]{color:#06121f}
.x150-theme button:focus-visible{outline:2px solid var(--h7-blue);outline-offset:2px}
.x150-band{padding:clamp(40px,6vw,72px) 0}
.x150-band-alt{background:var(--h7-panel);border-top:1px solid var(--h7-line);border-bottom:1px solid var(--h7-line)}
.x150-hero{background:radial-gradient(900px 420px at 90% 0%,var(--h7-blue-tint),transparent 65%),var(--h7-soft)}
.x150-hero-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,64px);align-items:center}
.x150-hero h1{margin:14px 0 14px;font-size:clamp(32px,4.4vw,52px);line-height:1.07;letter-spacing:-.02em;font-weight:800;color:var(--h7-ink);outline:none}
.x150-hero-copy>p:not(.x149-small){margin:0;font-size:clamp(15.5px,1.35vw,18px);line-height:1.6;color:var(--h7-ink-2);max-width:58ch}
.x150-apps{border-radius:22px;border:1px solid var(--h7-line);background:var(--h7-panel);box-shadow:var(--h7-shadow);overflow:hidden}
.x150-apps>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 20px;border-bottom:1px solid var(--h7-line)}
.x150-apps h2{margin:0;font-size:15px;font-weight:760;color:var(--h7-ink)}
.x150-count{font-size:12.5px;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--h7-blue-tint);color:var(--h7-blue-ink)}
.x150-count:empty{display:none}
.x150-app-list{list-style:none;margin:0;padding:6px 8px;display:grid}
.x150-app-list li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:center;padding:12px;border-radius:14px}
.x150-app-list li+li{border-top:1px solid var(--h7-line-soft)}
.x150-app-ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--h7-soft-2);overflow:hidden}
.x150-app-ic img{width:36px;height:36px;object-fit:contain;border-radius:8px}
.x150-app-ic .a149-tile{width:44px!important;height:44px!important;font-size:16px!important}
.x150-app-list strong{display:block;font-size:15.5px;color:var(--h7-ink)}
.x150-app-list span{display:block;font-size:13.5px;line-height:1.45;color:var(--h7-muted)}
.x150-app-none{grid-template-columns:minmax(0,1fr)!important}
.x150-skel{height:44px;margin:6px 0;border-radius:12px;background:linear-gradient(90deg,var(--h7-soft-2),var(--h7-soft),var(--h7-soft-2));background-size:200% 100%;animation:x150sk 1.2s linear infinite}
@keyframes x150sk{to{background-position:-200% 0}}
.x150-apps>footer{display:flex;gap:10px;align-items:flex-start;padding:14px 20px;border-top:1px solid var(--h7-line);background:var(--h7-soft);font-size:13px;line-height:1.45;color:var(--h7-ink-2)}
.x150-apps>footer svg{width:18px;height:18px;flex:0 0 auto;color:var(--h7-green)}
.x150-sec-head{margin-bottom:22px}
.x150-eyebrow{font-size:12px;font-weight:760;letter-spacing:.08em;text-transform:uppercase;color:var(--h7-blue)}
.x150-sec-head h2{margin:6px 0 0;font-size:clamp(22px,2.4vw,28px);font-weight:780;letter-spacing:-.01em;color:var(--h7-ink)}
.x150-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;counter-reset:none;position:relative}
.x150-steps li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:0 24px 0 0;position:relative}
.x150-steps li>b{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:16px;background:var(--h7-blue);color:#fff;position:relative;z-index:1;box-shadow:0 0 0 6px var(--h7-panel)}
html[data-theme="dark"] .x150-steps li>b{color:#06121f}
.x150-steps li:not(:last-child)::after{content:"";position:absolute;left:52px;right:8px;top:22px;height:2px;background:linear-gradient(90deg,var(--h7-blue),var(--h7-line))}
.x150-steps li>div{padding-top:52px;margin-left:-58px}
.x150-steps strong{display:block;font-size:16px;margin-bottom:6px;color:var(--h7-ink)}
.x150-steps span{font-size:14px;line-height:1.55;color:var(--h7-muted)}
.x150-trust{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-radius:20px;border:1px solid var(--h7-line);background:var(--h7-panel);overflow:hidden}
.x150-trust>div{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:22px 24px}
.x150-trust>div:nth-child(odd){border-right:1px solid var(--h7-line)}
.x150-trust>div:nth-child(-n+2){border-bottom:1px solid var(--h7-line)}
.x150-trust>div>svg{width:44px;height:44px;padding:11px;box-sizing:border-box;border-radius:12px;background:var(--h7-blue-tint);color:var(--h7-blue)}
.x150-trust strong{display:block;font-size:15.5px;margin-bottom:4px;color:var(--h7-ink)}
.x150-trust span{font-size:14px;line-height:1.55;color:var(--h7-muted)}
.x150-foot{padding:22px 0 28px;border-top:1px solid var(--h7-line);background:var(--h7-soft)}
.x150-foot-in{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;font-size:13px;color:var(--h7-muted)}
@media (max-width:960px){.x150-hero-in{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){
  .x150-steps{grid-template-columns:minmax(0,1fr);gap:18px}
  .x150-steps li{padding:0}
  .x150-steps li>div{padding-top:8px;margin-left:0}
  .x150-steps li:not(:last-child)::after{left:21px;right:auto;top:50px;bottom:-14px;width:2px;height:auto;background:var(--h7-line)}
  .x150-trust{grid-template-columns:minmax(0,1fr)}
  .x150-trust>div{border-right:0!important;border-bottom:1px solid var(--h7-line)}
  .x150-trust>div:last-child{border-bottom:0}
}
@media (max-width:560px){
  .x150-nav-in{height:60px;gap:8px}
  .x150-nav-name{display:none}
  .x150-nav .x150-nav-signin{display:none}
  .x150-nav nav .btn{height:38px;padding:0 14px;font-size:13.5px}
  .x150-nav .x149-logo{height:26px}
  .x150-hero .x149-cta .btn{flex:1 1 100%}
  .x150-apps>header,.x150-apps>footer{padding:14px 16px}
  .x150-trust>div{padding:18px}
  .x150-foot-in{flex-direction:column}
}

/* ── 5 · sign-in: one bar for "About IMB Digital Hub" and the theme switch ── */
.x150-authbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px}
:is(html,#s150) .x150-back{display:inline-flex!important;align-items:center;gap:8px;height:40px;padding:0 14px 0 12px!important;margin:0!important;border-radius:999px!important;border:1px solid var(--h7-line)!important;background:var(--h7-panel)!important;
  color:var(--h7-blue)!important;font-size:14px!important;font-weight:700!important;text-decoration:none!important;cursor:pointer}
:is(html,#s150) .x150-back:hover{background:var(--h7-blue-tint)!important;text-decoration:none!important}
:is(html,#s150) .x150-back:focus-visible{outline:2px solid var(--h7-blue);outline-offset:2px}
.x150-back span[aria-hidden]{font-size:16px;line-height:1}
.hub-login-theme[hidden]{display:none!important}
/* phones and small tablets: the bar is the first thing on the page */
:is(html,#s150) .x150-authbar.is-top{position:sticky;top:0;z-index:5;margin:0!important;padding:10px 14px;background:var(--h7-panel);border-bottom:1px solid var(--h7-line);grid-column:1/-1}
:is(html,#s150) .x150-authbar.is-top .x150-back{background:var(--h7-blue-tint)!important;border-color:color-mix(in srgb,var(--h7-blue) 30%,var(--h7-line))!important}
.login-product .a149-tile{width:22px!important;height:22px!important;font-size:9px!important;border-radius:6px}
.login-product img{width:22px;height:22px;border-radius:6px}
.x150-more-apps span{font-weight:700}
:is(html,#t150) .a149-tile{display:grid!important;place-items:center!important;line-height:1!important;color:#fff!important;font-weight:780!important}
#x149LandTitle:focus,#x149LandTitle:focus-visible{outline:none!important;box-shadow:none!important}
html[data-theme="dark"] .x149-list strong em{color:#06121f!important}